-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
438 lines (431 loc) · 28.5 KB
/
index.html
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
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
<!DOCTYPE html>
<html>
<head>
<title>Women in Computing</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<!--favicon-->
<link rel="shortcut icon" type="image/png" href="images/favicon.png">
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="homepage is-preload" ontouchstart="">
<div id="page-wrapper">
<!-- Header -->
<section id="home">
<div id="header">
<!-- Inner -->
<div class="inner">
<header>
<h1><a href="index.html" id="logo"><img src="images/Final Logo_White.png" width="400px"> <br>Women in Computing</a></h1>
<br>
<p>CALIFORNIA STATE UNIVERSITY, LONG BEACH</p>
</header>
<footer>
<a href="membership.html" class="button">Join Us</a>
</footer>
</div>
<!-- Nav -->
<nav id="nav">
<ul id="mainNav">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#mission">Mission</a></li>
<li><a href="#programs">Programs</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#sponsors">Sponsors</a></li>
<li><a href="membership.html">Join</a></li>
</ul>
</nav>
</div>
</section>
<section id="mission">
<div class="wrapper style2">
<article id="main" class="container special">
<!-- <a href="#" class="image featured"><img src="images/pic06.jpg" alt="" /></a> -->
<header>
<h2>Our Mission</h2>
<p class="text">
Women in Computing (WiC) is a student-run organization at California State University, Long Beach that is building a community to uplift and facilitate the ongoing growth of the next generation of women* in technology. Our mission is to cultivate leadership, hone confidence, and provide practical experience. Together, we reinforce a sisterhood where meaningful dialogue is established, unexpected connections are created, and momentum is inspired for future leaders.
<br><br>
*trans and non-binary inclusive
</p>
</header>
<!-- <footer>
<a href="#" class="button">Learn More</a>
</footer> -->
</article>
</div>
</section>
<!-- Features -->
<section id="programs">
<div class="wrapper style1">
<section id="features" class="container special">
<header>
<h2>Programs</h2>
<p></p>
</header>
<div class="row">
<article class="col-4 col-12-mobile special">
<a href="#" class="image featured"><img src="images/collaboration.svg" alt="" /></a>
<header>
<!-- <h3><a href="#">Sisterhood</a></h3> -->
<h3><a>Sisterhood</a></h3>
</header>
<p>
Sisterhood is the foundation of our organization. The Sisterhood
program is designed for WiC members to form companionship and to
encourage members to be active. Our Sisterhood provides
mentorship through social and professional development events
throughout the semester. These events ensure that our members
maintain an optimal balance of academic and social life, all
while fostering lasting friendships and supportive bonds.
</p>
<footer>
<a href="https://rb.gy/wphs3h" class="button" target="_blank">Apply to Sisterhood</a>
</footer>
</article>
<article class="col-4 col-12-mobile special">
<a href="#" class="image featured"><img src="images/development.svg" alt="" /></a>
<header>
<!-- <h3><a href="#">Workshops</a></h3> -->
<h3><a>Workshops</a></h3>
</header>
<p>
Our workshop series are aimed towards providing technical skills
and hands-on experience with topics outside of the school
curriculum, such as command line mastery, source control
collaboration, resume review, and in-demand technologies.
</p>
</article>
<article class="col-4 col-12-mobile special">
<a href="#" class="image featured"><img src="images/social-care.svg" alt="" /></a>
<header>
<!-- <h3><a href="#">Community Outreach</a></h3> -->
<h3><a>Professional Development</a></h3>
</header>
<p>
Students have opportunities to experience the day-to-day of
working engineers and the work culture of their company. This
provides a better understanding of their values in a more
personal setting. Office Space tours complements classroom
education by giving first-hand exposure to companies.
</p>
<footer>
<a href="https://bit.ly/322Qtj7" class="button" target="_blank">Apply to Internship</a>
</footer>
<footer>
<a href="https://bit.ly/3i0F0WU" class="button" target="_blank">Sign Up for MarinaHacks</a>
</footer>
</article>
</div>
</section>
</div>
</section>
<!-- Events -->
<section id="events">
<div class="wrapper style2">
<article id="main" class="container special">
<header>
<h2>Event Calendar</h2>
<div class="responsive-iframe-container big-container">
<!-- <iframe src="https://calendar.google.com/calendar/b/3/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=America%2FLos_Angeles&src=bmlnM2I4MGhvcmgybHRybmR0NDJlcjlrdDBAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&color=%2330487E&showDate=1&showTabs=0&showPrint=0&showCalendars=1&showTz=1" style="border-width:0" width="800" height="600" frameborder="0" scrolling="no"></iframe> -->
<iframe src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=America%2FLos_Angeles&src=Y3N1bGJ3aWNAZ21haWwuY29t&src=a2JrYmhtNnM2YWszMTJtcjNscWhydnJnNjBAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&src=bWZiazBvOWkyNjhxZnJodDJycDZpajRlZGtAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&src=YWRkcmVzc2Jvb2sjY29udGFjdHNAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&src=ZW4udXNhI2hvbGlkYXlAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&color=%23E67C73&color=%23039BE5&color=%239d89c3&color=%2333B679&color=%230B8043" style="border:solid 1px #777" width="800" height="600" frameborder="0" scrolling="no"></iframe>
</div>
<div class="responsive-iframe-container small-container">a
<iframe src="https://calendar.google.com/calendar/b/3/embed?height=500&wkst=1&bgcolor=%23ffffff&ctz=America%2FLos_Angeles&src=bmlnM2I4MGhvcmgybHRybmR0NDJlcjlrdDBAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&color=%2330487E&showTabs=0&showPrint=0&mode=AGENDA&showCalendars=0" style="border-width:0" width="350" height="500" frameborder="0" scrolling="no"></iframe>
</div>
</header>
</article>
</div>
</section>
<!-- Team -->
<section id="team">
<div class="wrapper style2">
<div class="contents">
<article id="main" class="container special">
<header>
<h2>Current Officers</h2>
<div class="grid">
<figure class="effect">
<img class="officer" src="images/officers/Nhu Nguyen.jpg" alt="Githel Suico">
<figcaption>
<h2><span>Nhu Nguyen</span><br>President</h2>
<div class="overlay" onclick="">
<h3>
<a href="https://www.linkedin.com/in/nhu-nguyen04/
" target="_blank"><i class="fab fa-linkedin fa-2x"></i></a>
<a href="https://github.com/nqnhu04" target="_blank"><i class="fab fa-github fa-2x"></i></a>
<a href="mailto:[email protected]"><i class="fas fa-envelope fa-2x"></i></a>
<h3 class="major-year">Computer Science, Fall 2024</h3>
</h3>
</div>
</figcaption>
</figure>
<figure class="effect">
<img class="officer" src="images/officers/Chi.jpg" alt="Chi Vo">
<figcaption>
<h2><span>Chi Vo</span><br>Vice President</h2>
<div class="overlay" onclick="">
<h3>
<!-- <a href="https://www.linkedin.com/in/han-pham-65b5b8193/" target="_blank">
<i class="fab fa-linkedin fa-2x"></i></a>
<a href="https://github.com/hanpm/" target="_blank"><i class="fab fa-github fa-2x"></i></a>
<a href="mailto:[email protected]"><i class="fas fa-envelope fa-2x"></i></a> -->
<h3 class="major-year">Computer Science, May 2024</h3>
</h3>
</div>
</figcaption>
</figure>
<figure class="effect">
<img class="officer" src="images/officers/Melody Gatan.JPG" alt="Melody Gatan">
<figcaption>
<h2><span>Melody Gatan</span><br>Secretary</h2>
<div class="overlay" onclick="">
<h3>
<!-- <a href="https://www.linkedin.com/in/victoria-macali/" target="_blank">
<i class="fab fa-linkedin fa-2x"></i></a>
<a href="mailto:[email protected]"><i class="fas fa-envelope fa-2x"></i></a> -->
<h3 class="major-year">Computer Science</h3>
</h3>
</div>
</figcaption>
</figure>
<figure class="effect">
<img class="officer" src="images/officers/Angeline.jpeg" alt="Angeline Dequit">
<figcaption>
<h2><span>Angeline Dequit</span><br>Treasurer</h2>
<div class="overlay" onclick="">
<h3>
<!-- <a href="https://www.linkedin.com/in/allison-austin-4a5a461a8 " target="_blank">
<i class="fab fa-linkedin fa-2x"></i></a>
<a href="mailto:[email protected]"><i class="fas fa-envelope fa-2x"></i></a> -->
<h3 class="major-year">Computer Science</h3>
</h3>
</div>
</figcaption>
</figure>
<figure class="effect">
<img class="officer" src="images/officers/Fozhan_BabaeiyanGhamsari - Foojan Babaeeian.jpg" alt="Fozhan Babaeiyan Ghamsari">
<figcaption>
<h2><span>Fozhan Babaeiyan</span><br>Webmaster</h2>
<div class="overlay" onclick="">
<h3>
<a href="https://www.linkedin.com/in/fozhan-babaeiyan/" target="_blank"><i class="fab fa-linkedin fa-2x"></i></a>
<a href="https://github.com/foojanbabaeeian/foojanbabaeeian" target="_blank"><i class="fab fa-github fa-2x"></i></a>
<a href="mailto:[email protected]"><i class="fas fa-envelope fa-2x"></i></a>
<h3 class="major-year">Computer Science, Spring 2026</h3>
</h3>
</div>
</figcaption>
</figure>
<figure class="effect">
<img class="officer" src="images/officers/Gaurav Paryani.jpg" alt="Gaurav Paryani">
<figcaption>
<h2><span>Gaurav Paryani</span><br>Event Coordinator</h2>
<div class="overlay" onclick="">
<h3>
<a href="https://github.com/gparyani" target="_blank"><i class="fab fa-github fa-2x"></i></a>
<a href="mailto:[email protected]
"><i class="fas fa-envelope fa-2x"></i></a>
<h3 class="major-year">Computer Science, Fall 2024</h3>
</h3>
</div>
</figcaption>
</figure>
<figure class="effect">
<img class="officer" src="images/officers/Citlally.jpg" alt="Citlally Vasquez">
<figcaption>
<h2><span>Citlally Vasquez</span><br>Sisterhood Coordinator</h2>
<div class="overlay" onclick="">
<h3>
<a href="www.linkedin.com/in/citlally-vasquez-gonzalez-b62101214
" target="_blank"><i class="fab fa-linkedin fa-2x"></i></a>
<a href="https://github.com/CitlallyV
" target="_blank"><i class="fab fa-github fa-2x"></i></a>
<a href="mailto:[email protected]
"><i class="fas fa-envelope fa-2x"></i></a>
<h3 class="major-year">Computer Science</h3>
</h3>
</div>
</figcaption>
</figure>
<figure class="effect">
<img class="officer" src="images/officers/Reyna Aguirre-Okamune.jpg" alt="Reyna Aguirre-Okamune">
<figcaption>
<h2><span>Reyna Aguirre-Okamune</span><br>Recruitment,Membership </h2>
<div class="overlay" onclick="">
<h3>
<a href="https://www.linkedin.com/in/reyna-aguirre-okamune/
" target="_blank"><i class="fab fa-linkedin fa-2x"></i></a>
<a href="https://github.com/reyna-okamune
" target="_blank"><i class="fab fa-github fa-2x"></i></a>
<a href="mailto:[email protected]
"><i class="fas fa-envelope fa-2x"></i></a>
<h3 class="major-year">Computer Science, Fall 2024</h3>
</h3>
</div>
</figcaption>
</figure>
<figure class="effect">
<img class="officer" src="images/officers/My Lu.jpg" alt="My Lu">
<figcaption>
<h2><span>My Lu</span><br>Co-Graphic Designer</h2>
<div class="overlay" onclick="">
<h3>
<a href="https://www.linkedin.com/in/my-lu/
" target="_blank"><i class="fab fa-linkedin fa-2x"></i></a>
<a href="https://github.com/MyLu004
" target="_blank"><i class="fab fa-github fa-2x"></i></a>
<a href="mailto:[email protected]
"><i class="fas fa-envelope fa-2x"></i></a>
<h3 class="major-year">Computer Science</h3>
</h3>
</div>
</figcaption>
</figure>
<figure class="effect">
<img class="officer" src="images/officers/Liz.JPG" alt="Lizeth">
<figcaption>
<h2><span>Lizeth</span><br>Co-Graphic Designer</h2>
<div class="overlay" onclick="">
<h3>
<a href="https://www.linkedin.com/in/lizeth-valdovinos-rodriguez/
" target="_blank"><i class="fab fa-linkedin fa-2x"></i></a>
<a href="https://github.com/Lizeth-V
" target="_blank"><i class="fab fa-github fa-2x"></i></a>
<a href="mailto:[email protected]"><i class="fas fa-envelope fa-2x"></i></a>
<h3 class="major-year">Computer Science</h3>
</h3>
</div>
</figcaption>
</figure>
<figure class="effect">
<a href="officers.html"><img class="officer" src="images/officers/WIC_Officers.png" alt="More Officers"></a>
</figure>
</div>
<br><br>
<section id="advisors">
<h2>Advisors</h2>
<div class="grid">
<figure class="effect">
<img class="officer" src="images/officers/trajkovic.jpg" alt="Dr. Jelena Trajkovic">
<figcaption>
<h2><span>Dr. Jelena Trajkovic</span><br>Faculty Advisor</h2>
<div class="overlay" onclick="">
<h3>
<a href="mailto:[email protected]"><i class="fas fa-envelope fa-2x"></i></a>
</h3>
</div>
</figcaption>
</figure>
<figure class="effect">
<img class="officer" src="images/officers/maples.jpg" alt="Dr. Tracy Maples">
<figcaption>
<h2><span>Dr. Tracy Maples</span><br>Faculty Advisor</h2>
<div class="overlay" onclick="">
<h3>
<a href="mailto:[email protected]"><i class="fas fa-envelope fa-2x"></i></a>
</h3>
</div>
</figcaption>
</figure>
<figure class="effect">
<img class="officer" src="images/officers/nikki.jpg" alt="Nikki Nguyen">
<figcaption>
<h2><span>Nikki Nguyen</span><br>Practioner Advisor</h2>
<div class="overlay" onclick="">
<h3>
<a href="https://www.linkedin.com/in/nikkingnguyen/" target="_blank">
<i class="fab fa-linkedin fa-2x"></i></a>
<a href="https://github.com/NikkiNgNguyen" target="_blank"><i class="fab fa-github fa-2x"></i></a>
<a href="mailto:[email protected]"><i class="fas fa-envelope fa-2x"></i></a>
<h3 class="major-year">Computer Science, December 2019</h3>
</h3>
</div>
</figcaption>
</figure>
</div>
</section>
</header>
</article>
</div>
</div>
</section>
<!-- Partners -->
<section id="sponsors">
<div class="wrapper style2">
<div class="contents">
<article id="main" class="container special">
<header>
<h2>Meet our Sponsors</h2>
<a href="https://girlswhocode.com/collegeloops/" target="_blank"><img class="sponsor" src="https://3zjc852t4swp1lmezl171oga-wpengine.netdna-ssl.com/wp-content/uploads/2018/09/LOGO-e1537321560517.png" alt="Girls Who Code College Loops"></a>
</header>
<footer>
<h3> Interested in sponsoring us? </h3>
<h4>Please email <a href="mailto:[email protected]">[email protected]</a> for more information.</h4>
</footer>
</article>
</div>
</div>
</section>
<!-- Footer -->
<div id="footer">
<div class="container">
<div class="row">
<article class="col-4 col-12-mobile special">
<a href="http://eepurl.com/gDJFK9" class="button" target="_blank">Join Our Mailing List</a>
</article>
<article class="col-4 col-12-mobile special">
<header>
<!-- <h3><a href="#">Workshops</a></h3> -->
<h3>Reach us at <a href="mailto:[email protected]<">[email protected]</a></h3>
</header>
<!-- Copyright -->
<div class="copyright">
<ul class="menu">
<li>© CSULB Women in Computing 2020</li>
</ul>
</div>
</article>
<article class="col-4 col-12-mobile special">
<header>
<!-- <h3><a href="#">Community Outreach</a></h3> -->
</header>
<!-- Contact -->
<section class="contact">
<ul class="icons">
<li>
<a href="https://twitter.com/csulbwic" target="_blank" class="icon brands fa-twitter"><span class="label">Twitter</span></a>
</li>
<li>
<a href="https://www.facebook.com/wic.csulb" target="_blank" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a>
</li>
<li>
<a href="https://www.instagram.com/csulbwic/" target="_blank" class="icon brands fa-instagram"><span class="label">Instagram</span></a>
</li>
<li>
<a href="https://www.linkedin.com/company/csulbwic" target="_blank" class="icon brands fa-linkedin-in"><span class="label">Linkedin</span></a>
</li>
<li>
<a href="https://discord.gg/2NwbETB" target="_blank" class="icon brands fab fa-discord"><span class="label">Discord</span></a>
</li>
</ul>
</section>
</article>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/menu.js"></script>
</body>
</html>