-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathfwd24.html
More file actions
345 lines (304 loc) · 14.8 KB
/
fwd24.html
File metadata and controls
345 lines (304 loc) · 14.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>FWD Conference 2025</title>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/jpg" href="images/logo.png"/>
<!--[if lte IE 8]>-->
<script src="html5.js" type="text/javascript"></script>
<!--[endif]-->
<!--Google Fonts-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Oswald&display=swap" rel="stylesheet">
<!--Font Awesome Extension-->
<script src="https://kit.fontawesome.com/fb25db8e8c.js" crossorigin="anonymous"></script>
<!--CSS Extensions-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="css/fwd24.css">
<!--jQuery-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
/* Make all carousel images the same size */
.carousel-inner img {
object-fit:contain; /* Ensure images cover the whole area */
height: 400px; /* Set a consistent height */
width:600px;
}
/* Customize the caption's position and background */
.carousel-caption {
background: rgba(0, 0, 0, 0.5); /* Add transparent black background */
padding: 10px;
bottom: 10%; /* Position the caption lower */
transform: translateY(30%); /* Move the caption downward */
}
/* Change arrow icons to black */
.carousel-control-prev-icon,
.carousel-control-next-icon {
filter: invert(100%); /* Inverts white to black */
}
</style>
</head>
<body>
<div id="fontPage" class="row justify-content-center">
<div class="horizontalLine"></div>
<a href="index.html"><div id="sheCodes">sheCodes Presents</div></a>
<div id="titleCard">
<div class="dots d-none d-md-block" style="width: 500px; height: 200px; margin-left: -60px; margin-top: -70px;"></div>
FWD: FUTURE WOMEN DEVELOPERS 2025
<br />
<!-- <button>apply now</button> -->
<div class="decoCorner d-none d-md-block"></div>
</div>
<div id="learnMore">Learn More<br /><i class="fas fa-chevron-down"></i></div>
</div>
<div class="whiteContainer">
<div class="sectionTitle">What is FWD Conference?</div>
<center><h4>A mere 15% of the total undergraduate Computer Science degrees are awarded to women.
<br />We’ve decided to nip this problem in the bud.</h4>
<p>Cal Poly Pomona sheCodes is a student-run club that aims to create a community for underrepresented groups within Computer Science
by advocating for women and minority groups both on and off campus. Not only do we aim to help students currently in college,
but we also strive to introduce underrepresented groups to Computer Science and support young students who are interested in this
field. To achieve this mission, sheCodes hosted our annual Future Women Developers (FWD) Conference on Saturday April 19, 2025
this year. FWD was created for middle and high school girls and minority students to create awareness about technology. This was the
second time we hosted FWD in-person since 2019! We introduced various topics about the Computer Science field and provided three hands-on
workshops about Web Development, Cybersecurity, and Python for the students. We also provided a CS Careers Panel and Women & Minority in
Tech Panel so the students could hear about various careers and experiences. No experience is required, as we provide tutorials and mentorship
to help the students as well. </p></center>
<div class="row" style="margin-top: 30px;">
<div class="col-md-4" style="text-align: justify; margin-bottom: 50px;">
<h1 align="center">
<div class="bigIcon"><i class="fas fa-globe"></i></div>
Computer Science in the Real World
</h1>
<p>Computer Science is all around us. Think about all the different types of mobile apps, websites, and computers: it can be found in many aspects
of everyday life! Anything can be made with Computer Science. We will introduce the basics.</p>
</div>
<div class="col-md-4" style="text-align: justify; margin-bottom: 50px;">
<h1 align="center">
<div class="bigIcon"><i class="fas fa-hands-helping"></i></div>
Hands-on Experience with a Coding Project
</h1>
<p>For this fully virtual conference, attendees will have access to our step-by-step coding videos. Follow along and learn how each line of code
interacts together to build your own program!</p>
</div>
<div class="col-md-4" style="text-align: justify; margin-bottom: 50px;">
<h1 align="center">
<div class="bigIcon"><i class="fas fa-users"></i></div>
Network and Make New Friends
</h1>
<p>Join our live meeting on Zoom! Attendees will have the opportunity to meet college women currently majoring in Computer Science. Gain insight
and learn more about their journey!</p>
</div>
</div>
</div>
<div class="transContainer row justify-content-center align-items-center">
<div class="col-md-7">
<div class="sectionTitle">Schedule</div>
<table id="schedule">
<tr>
<td><strong>Sat</strong> April 19, 2025 <strong>8:20 - 8:30 AM</strong></td>
<td>Mentor Orientation</td>
</tr>
<tr>
<td> <strong>8:30 AM</strong></td>
<td>Doors Open</td>
</tr>
<tr>
<td><strong>8:30 - 9:00 AM</strong></td>
<td>Check-in</td>
</tr>
<tr>
<td><strong>9:10 - 9:30 AM</strong></td>
<td>Mentor/Student Pair Up</td>
</tr>
<tr>
<td> <strong>9:30 - 9:50 AM</strong></td>
<td><span>Panel</span> CS Careers</td>
</tr>
<tr>
<td> <strong>9:50 - 11:20 AM</strong></td>
<td><span>Workshop 1</span> Web Development</td>
</tr>
<tr>
<td> <strong>11:30 - 11:50 AM</strong></td>
<td><span>Workshop 2</span> Cybersecurity[Part 1]</td>
</tr>
<tr>
<td><strong>12:00 - 1:00 PM</strong></td>
<td>Lunch</td>
</tr>
<tr>
<td> <strong>1:00 - 2:00 PM</strong></td>
<td><span>Workshop 2</span> Cybersecurity[Part 2]</td>
</tr>
<tr>
<td> <strong>2:10 - 2:55 PM</strong></td>
<td><span>Workshop 3</span> Python</td>
</tr>
<tr>
<td> <strong>3:00 - 3:10 PM</strong></td>
<td>Group Picture</td>
</tr>
<tr>
<td> <strong>3:10 - 3:45 PM</strong></td>
<td><span>Panel</span> Women & Minorities in CS</td>
</tr>
<tr>
<td> <strong>3:45 - 4:00 PM</strong></td>
<td> Closing Remarks, Exit Survey, Sign-Out</td>
</tr>
</table>
<div class="dots d-none d-md-block" style="width: 480px; height: 100px; margin-left: 350px; margin-top: -270px;"></div>
<div class="decoCorner d-none d-md-block" style="margin-left: -80px; margin-top: 0; border-left: 3px solid #42295a; border-right: none;"></div>
</div>
</div>
<div class="whiteContainer" style="min-height: 60vh;">
<div class="sectionTitle">FWD 2024 - Participant Projects</div>
<br><br>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="images/23-24/fwd24/sophia.png" alt="Sophia L. - Westminster High School: 10th Grade">
<div class="carousel-caption d-none d-md-block">
<h5>Sophia L. - Westminster High School: 10th Grade</h5>
<p>Magic 8 Ball Project!</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/23-24/fwd24/sophia_adv.png" alt="Sophia L. - Westminster High School: 10th Grade">
<div class="carousel-caption d-none d-md-block">
<h5>Sophia L. - Westminster High School: 10th Grade</h5>
<p>Create your Own Adventure in Python</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images\23-24\fwd24\emma_ball.png" alt="Emma C. - Westminster High School: 10th Grade">
<div class="carousel-caption d-none d-md-block">
<h5>Emma C. Westminster High School: 10th grade</h5>
<p>Magic 8 Ball Project!</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images\23-24\fwd24\emma_adv.png" width="200" height="300" alt="Emma C. - Westminster High School: 10th Grade">
<div class="carousel-caption d-none d-md-block">
<h5>Emma C. Westminster High School: 10th Grade</h5>
<p>Create your Own Adventure in Python</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images\23-24\fwd24\linh.png" alt="Linh N. - Westminster High School: 10th Grade">
<div class="carousel-caption d-none d-md-block">
<h5>Linh N. - Westminster High School: 10th Grade</h5>
<p>Magic 8 Ball Project!</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!--If u want to change them back to a caroussel, this is the code-->
<!-- <div class="transContainer row justify-content-center align-items-center">
<div class="col-md-10">
<div class="sectionTitle">Pictures from FWD 2025 <p></p></div>
<div id="carouselExampleIndicators2" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators2" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators2" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators2" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators2" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators2" data-slide-to="4"></li>
<li data-target="#carouselExampleIndicators2" data-slide-to="5"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="images/23-24/fwd24/fwdall.png" alt="FWD">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/23-24/fwd24/fwdsilly.png" alt="Silly Pose">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/23-24/fwd24/billyfwd.png" alt="FWD with Billy!">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/23-24/fwd24/fwdcuties.png" alt="FWD Friends!">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/23-24/fwd24/fwdwork.png" alt="Productivity">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/23-24/fwd24/fwdwrkshp.png" alt="Cybersecurity!">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators2" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators2" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div> -->
<div class="transContainer row justify-content-center align-items-center">
<div class="col-md-10">
<div class="sectionTitle">Pictures from FWD 2025</div>
<div class="image-grid">
<div class="image-item"><img src="images/24-25/fwd25/board_photo.png" alt="Board Photo"></div>
<div class="image-item"><img src="images/24-25/fwd25/group_photo.png" alt="Group Photo"></div>
<div class="image-item"><img src="images/24-25/fwd25/mentor_mentee.png" alt="Mentors and Mentees"></div>
<div class="image-item"><img src="images/24-25/fwd25/mentors.png" alt="Productivity"></div>
<div class="image-item"><img src="images/24-25/fwd25/panel.png" alt="Panel Time!"></div>
<div class="image-item"><img src="images/24-25/fwd25/panelists.png" alt="Meet the Panelists!"></div>
<div class="image-item"><img src="images/24-25/fwd25/students.png" alt="Productivity"></div>
<div class="image-item"><img src="images/24-25/fwd25/workshop.png" alt="Workshop Time!"></div>
</div>
</div>
</div>
<div class="whiteContainer">
<div class="sectionTitle">Special Thanks to</div>
<center>
<img width="50%" src="images/googleLogo.png"/>
<h4>for funding towards the FWD Conference in 2016-2017</h4>
<br>
<a href="fwd.html" class="btn btn-primary">Check out our past FWD Projects!</a>
</center>
</div>
<footer class="transContainer" style="min-height: auto; color: #323236;">
<h1>Still have questions?</h1>
<p>Reach out to us at our email: <a href="mailto:cpp.shecodes@gmail.com"><button>cpp.shecodes@gmail.com</button></a></p>
<div id="contact" class="row" style="margin-bottom: 25px;">
<a href="https://discord.gg/gmKpu9x3TY"><button class="icon"><i class="fab fa-discord"></i></button></a>
<a href="https://instagram.com/cppshecodes"><button class="icon"><i class="fab fa-instagram"></i></button></a>
<a href="https://www.linkedin.com/company/cpp-shecodes?originalSubdomain=hk"><button class="icon"><i class="fab fa-linkedin-in"></i></button></a>
</div>
© 2025 <a href="index.html" style="color: #323236;">sheCodes</a>
<br />
<small>Coded with care by Lesly</small>
</footer>
</body>
<!--Javascript-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!-- jQuery Custom Scroller CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>
</body>
</html>