-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
266 lines (249 loc) · 14.8 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head profile="http://www.w3.org/2005/10/profile">
<title>About | GWC</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon"
type="image/png"
href="/favicon/favicon.png">
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900" rel="stylesheet">
<link rel="stylesheet" href="/css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="/css/animate.css">
<link rel="stylesheet" href="/css/owl.carousel.min.css">
<link rel="stylesheet" href="/css/owl.theme.default.min.css">
<link rel="stylesheet" href="/css/magnific-popup.css">
<link rel="stylesheet" href="/css/aos.css">
<link rel="stylesheet" href="/css/ionicons.min.css">
<link rel="stylesheet" href="/css/bootstrap-datepicker.css">
<link rel="stylesheet" href="/css/jquery.timepicker.css">
<link rel="stylesheet" href="/css/flaticon.css">
<link rel="stylesheet" href="/css/icomoon.css">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div w3-include-html="/menu.html" active-item="about"></div>
<!-- END nav -->
<section class="ftco-section bg-light">
<div class="container">
<div class="row justify-content-center mb-5 pb-3">
<div class="col-md-7 heading-section ftco-animate text-center">
<h2>About Us</h2>
</div>
</div>
<div class="ftco-animate">
<h2 class="my-4">What is GWC?</h2>
<p>Girls Who Code is a non-profit organization/club here at IHS! Despite the organization's name, we welcome people of ALL GENDERS. We believe that everyone deserves a fair advantage to coding, especially girls, who are underrepresented in the computer science industry.</p>
</div>
<div class="ftco-animate">
<h2 class="mt-5" id="languages">Languages We Teach</h2>
</div>
<div class="card-deck py-5">
<div class="card mb-3 h-25 shadow ftco-animate">
<img class="card-img-top" src="/images/python-logo.png" alt="Python logo">
<div class="card-body">
<h5 class="card-title">Python</h5>
<p>Simple syntax</p>
<p>Common in data science and machine learning</p>
<a href="/resources/python.html" class="btn btn-outline-primary stretched-link">View Python Resources</a>
</div>
</div>
<div class="card mb-3 h-25 shadow ftco-animate">
<img class="card-img-top" src="/images/java-logo.png" alt="Java logo">
<div class="card-body">
<h5 class="card-title">Java</h5>
<p>Simple syntax</p>
<p>Included on AP Computer Science A Exam</p>
<a href="/resources/java.html" class="btn btn-outline-primary stretched-link">View Java Resources</a>
</div>
</div>
<div class="card mb-3 h-25 shadow ftco-animate">
<img class="card-img-top" src="/images/html-css-logo.png" alt="HTML/CSS logo">
<div class="card-body">
<h5 class="card-title">HTML/CSS</h5>
<p>Very easy to learn</p>
<p>Foundational languages of all websites</p>
<a href="/resources/html-css.html" class="btn btn-outline-primary stretched-link">View HTML/CSS <br> Resources</a>
</div>
</div>
<div class="card mb-3 h-25 shadow ftco-animate">
<img class="card-img-top" src="/images/cpp-logo.png" alt="C++ logo">
<div class="card-body">
<h5 class="card-title">C++</h5>
<p>Efficient and fast</p>
<p>Manual memory management</p>
<a href="/resources/cpp.html" class="btn btn-outline-primary stretched-link">View C++ Resources</a>
</div>
</div>
</div>
<div class="ftco-animate">
<h2 class="mt-5">Other programs</h2>
</div>
<div class="card-deck py-5">
<div class="card mb-3 h-25 shadow ftco-animate">
<img class="card-img-top" src="/images/cybersecurity.jpeg" alt="Cybersecurity artwork">
<div class="card-body">
<h5 class="card-title">Cybersecurity</h5>
<h6 class="card-subtitle">Coming soon</h6>
<p>Defend servers, devices and more from attacks</p>
<p>Protect sensitive data and private information</p>
</div>
</div>
<div class="card mb-3 h-25 shadow ftco-animate">
<img class="card-img-top px-4 py-3" src="/images/arduino.png" alt="An Arduino Uno">
<div class="card-body">
<h5 class="card-title">Arduinos</h5>
<h6 class="card-subtitle">Coming soon</h6>
<p>Open-source electronic prototyping platform</p>
<p>Create interactive objects and environments</p>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section bg-light">
<div class="container">
<div class="row justify-content-center mb-5 pb-3">
<div class="col-md-7 heading-section ftco-animate text-center">
<h2 class="mb-4">Our Team</h2>
<p>All of us are passionate about coding and always available to help our fellow programmers!</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="staff text-center">
<div class="img" style="background-image: url(images/Lauren.jpg);"></div>
<div class="text pt-4">
<h3>Lauren Hur</h3>
<span class="position mb-2">President, Founder</span>
<p>Lauren is a senior at Irvington High School and is also the founder and president of Irvington's Girls Who Code. She started this club in her sophomore year with the intent to create a welcoming environment for all!</p>
<ul class="ftco-social">
<li class="ftco-animate"><a href="https://www.facebook.com/laurhur"><span class="icon-facebook"></span></a></li>
<li class="ftco-animate"><a href="https://linkedin.com/in/lauren-hur-b31707195"><span class="icon-linkedin"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="staff text-center">
<div class="img" style="background-image: url(images/Srika.jpg);"></div>
<div class="text pt-4">
<h3>Srika Chagarlamudi</h3>
<span class="position mb-2">Co-Vice President</span>
<p>Srika is a senior at Irvington High School and is excited to be working with GWC to help students learn. She is pursuing electrical & computer engineering and is hoping to spread her passion for the subject!</p>
<ul class="ftco-social">
<li class="ftco-animate"><a href="https://www.facebook.com/profile.php?id=100015843610398"><span class="icon-facebook"></span></a></li>
<li class="ftco-animate"><a href="http://linkedin.com/in/srikachagarlamudi"><span class="icon-linkedin"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="staff text-center">
<div class="img" style="background-image: url(images/Charlotte.jpg);"></div>
<div class="text pt-4">
<h3>Charlotte Chau</h3>
<span class="position mb-2">Co-Vice President</span>
<p>Charlotte is a junior at Irvington High School. She loves to code has been with Irvington's Girls Who Code for nearly 2 years!</p>
<ul class="ftco-social">
<li class="ftco-animate"><a href="https://www.facebook.com/profile.php?id=100028302271968"><span class="icon-facebook"></span></a></li>
<li class="ftco-animate"><a href="https://linkedin.com/in/charlotte-chau-bab3421a3"><span class="icon-linkedin"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="staff text-center">
<div class="img" style="background-image: url(images/Sanjhee.jpg);"></div>
<div class="text pt-4">
<h3>Sanjhee Gupta</h3>
<span class="position mb-2">Secretary</span>
<p>Sanjhee is a junior at Irvington High who loves to code and paint. She plans on becoming a software engineer in the years to come. Her favorite subjects include Science and Math. She is also more than excited for her 2nd year with GWC!</p>
<ul class="ftco-social">
<li class="ftco-animate"><a href="https://www.facebook.com/sanjhee.gupta"><span class="icon-facebook"></span></a></li>
<li class="ftco-animate"><a href="https://linkedin.com/in/sanjhee-gupta-81708a19b"><span class="icon-linkedin"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="staff text-center">
<div class="img" style="background-image: url(images/Anusri.jpg);"></div>
<div class="text pt-4">
<h3>Anusri Chavali</h3>
<span class="position mb-2">Treasurer</span>
<p>Anusri is a senior at Irvington High School, whose goal is to become a Computer Engineer in the future. Her favorite subjects include science and English, and some of her hobbies are writing, cooking, and biking. Anusri also tutors middle school students in science and is a certified Yoga teacher.</p>
<ul class="ftco-social">
<li class="ftco-animate"><a href="https://www.facebook.com/profile.php?id=100017181331323"><span class="icon-facebook"></span></a></li>
<li class="ftco-animate"><a href="https://http://linkedin.com/in/anusri-chavali-20ba9a1b1"><span class="icon-linkedin"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="staff text-center">
<div class="img" style="background-image: url(images/Lakshana.jpg);"></div>
<div class="text pt-4">
<h3>Lakshana Viswa</h3>
<span class="position mb-2">Events Coordinator</span>
<p>Lakshana is a junior at Irvington High School. In her free time, she likes to code and wants to pursue computer science in the future. She hopes to promote her passion for the subject through Girls Who Code and show people what coding is really about!</p>
<ul class="ftco-social">
<li class="ftco-animate"><a href="https://www.facebook.com/lakshana.viswa.77"><span class="icon-facebook"></span></a></li>
<li class="ftco-animate"><a href="https://linkedin.com/in/lakshana-viswa-46b454174"><span class="icon-linkedin"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="staff text-center">
<div class="img" style="background-image: url(images/Sophia.jpg);"></div>
<div class="text pt-4">
<h3>Sophia Zhu</h3>
<span class="position mb-2">Tech Lead</span>
<p>Sophia is a sophomore at Irvington High School. She enjoys coding, debate, math, and playing the violin. Her goal in this club is to encourage more people, especially girls, to learn how to code. She is super excited to be tech lead for GWC!</p>
<ul class="ftco-social">
<li class="ftco-animate"><a href="https://www.facebook.com/sophia.zhu.146"><span class="icon-facebook"></span></a></li>
<li class="ftco-animate"><a href="https://www.linkedin.com/in/sophia-zhu-1444391b5/"><span class="icon-linkedin"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="staff text-center">
<div class="img" style="background-image: url(images/Shivangi.jpg);"></div>
<div class="text pt-4">
<h3>Shivangi Gupta</h3>
<span class="position mb-2">Tech Team</span>
<p> Shivangi is a senior at Irvington, and she recently became interested in the world of computer science. Having a knack for the humanities, she didn't see herself delving into the STEM field, but here she is, traversing the world of coding. She's excited to be involved in GWC, and is always looking to learn more! </p>
<ul class="ftco-social">
<li class="ftco-animate"><a href="https://www.facebook.com/profile.php?id=100018897423976"><span class="icon-facebook"></span></a></li>
<li class="ftco-animate"><a href="https://www.linkedin.com/in/shivangi-gupta-1329761b2/"><span class="icon-linkedin"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<div w3-include-html="/footer.html"></div>
<!-- END footer -->
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery-migrate-3.0.1.min.js"></script>
<script src="/js/popper.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/jquery.easing.1.3.js"></script>
<script src="/js/jquery.waypoints.min.js"></script>
<script src="/js/jquery.stellar.min.js"></script>
<script src="/js/owl.carousel.min.js"></script>
<script src="/js/jquery.magnific-popup.min.js"></script>
<script src="/js/aos.js"></script>
<script src="/js/jquery.animateNumber.min.js"></script>
<script src="/js/jquery.mb.YTPlayer.min.js"></script>
<script src="/js/scrollax.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
<script src="/js/google-map.js"></script>
<script src="/js/main.js"></script>
</body>
</html>