-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathmembers.html
307 lines (280 loc) · 13.5 KB
/
members.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>TeenHacks LI</title>
<link rel="icon" type="image/x-icon" href="img/favicon.ico" />
<!-- CSS -->
<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" crossorigin="anonymous">-->
<link rel="stylesheet" href="styles-temp.css">
<link rel="stylesheet" href="stylemembers.css">
<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="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="font-awesome-animation.min.css">
<!-- Plugin CSS
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
-->
<!--Fonts-->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-122569860-1"></script>
</head>
<!-- Beginning of Team Section -->
<section class="bg-light" id="team">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto text-center">
<h2>Our Team</h2>
<hr class="blueHR my-4">
<!-- <a href="index.html" target="_blank"><button type="button" class="btn btn-outline-info btn-lg">Back to Main Page</button></a> -->
<br><br>
</div>
</div>
<div class="row">
<!-- Programming Section -->
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card prog">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/2024-team/BrijChhabra.jpg">
<div class="card-body">
<p class="card-title">Brij Chhabra, Programming</p>
<p></p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card prog">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/2024-team/ClaytonZickerman.jpg">
<div class="card-body">
<p class="card-title">Clayton Zickerman, Programming</p>
<p></p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card prog">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/2024-team/FranklinLee.jpg/">
<div class="card-body">
<p class="card-title">Franklin Lee, Programming</p>
<p></p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card prog">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/2024-team/MeilingZhang.jpg">
<div class="card-body">
<p class="card-title">Meiling Zhang, Programming</p>
<p></p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card prog">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/2024-team/ZayanJami.jpg">
<div class="card-body">
<p class="card-title">Zayan Jami, Programming</p>
<p></p>
</div>
</div>
</div>
<!-- Finance Section -->
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card finance">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/2024-team/MackTam.jpg">
<div class="card-body">
<p class="card-title">Mack Tam, Finance and Logistics</p>
<p></p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card finance">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/2024-team/ThomasLiu.jpg">
<div class="card-body">
<p class="card-title">Thomas Liu, Finance and Logistics</p>
<p></p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card finance">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/2024-team/XiaoMa.jpg">
<div class="card-body">
<p class="card-title">Xiao Ma, Finance and Logistics</p>
<p></p>
</div>
</div>
</div>
<!-- Marketing Section -->
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card marketing">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/2024-team/AlexisCheung.jpg">
<div class="card-body">
<p class="card-title">Alexis Cheung, Marketing and Public Relations</p>
<p></p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card marketing">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/2024-team/AdishreeDas.jpg">
<div class="card-body">
<p class="card-title">Adishree Das, Marketing and Public Relations</p>
<p></p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card marketing">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/2024-team/JuwonPark.jpg">
<div class="card-body">
<p class="card-title">Juwon Park, Marketing and Public Relations</p>
<p></p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card marketing">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/2024-team/MaggieLi.jpg">
<div class="card-body">
<p class="card-title">Maggie Li, Marketing and Public Relations</p>
<p></p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card marketing">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/2024-team/ManishitaDas.jpg">
<div class="card-body">
<p class="card-title">Manishita Das, Marketing and Public Relations</p>
<p></p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card marketing">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/2024-team/SophiaZhou.jpg">
<div class="card-body">
<p class="card-title">Sophia Zhou, Marketing and Public Relations</p>
<p></p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card marketing">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/2024-team/SunnyZhao.jpg">
<div class="card-body">
<p class="card-title">Sunny Zhao, Marketing and Public Relations</p>
<p></p>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>
<!-- Sample Card -->
<!-- <div class="col-sm-12 col-md-6 col-lg-4">
<div class="card (sector)">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="(image)">
<div class="card-body">
<p class="card-title">(name) </></span>
<p>(bio)</p>
</div>
</div>
</div> -->
<!-- ARCHIEVES -->
<!--
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card CA ">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/Charlie.png">
<div class="card-body">
<p class="card-title">Charlie Yin, Campus Ambassador</></span>
<p>Charlie Yin is currently a Junior at Great Neck South High School. His interests are focused around STEM, mainly with mathematics and programming. He is a competitor in the Silver Division of the United States of America Computing Olympiad, and has scored highly on the AMC 10, qualifying for the American Invitational Mathematics Examination. Outside of GNSHS, Charlie is a Campus Ambassador Coordinator for TeenHacksLI, the East Coast’s largest 24-hour hackathon. He participates in “Capture the Flag” programming challenges on teams with Ross Williams, among other students. He has previously placed in the top 3% for the picoCTF event, and top 4% in the angstromCTF event. </p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card CA ">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/henryg.jpg">
<div class="card-body">
<p class="card-title">Henry Gao, Campus Ambassador</></span>
<p>Henry Gao is currently a sophomore at Great Neck South High School. His interest in STEM started from attending hackathons, and it has flourished into a curiosity in both computer science and robotics. Having attend both Teenhacksli events, this will be his first time working for the team as a Campus Ambassador Coordinator</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card CA ">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/Deep.png">
<div class="card-body">
<p class="card-title">Deep Patel, Campus Ambassador</span>
<p>Deep Patel is a sophomore at mount sinai high school and he loves to create and learn. He has been involved in Computer Sciences for three years. He is passionate about hackathons ever since he attended his first last fall. He is excited to encourage Campus Ambassadors and inform students about the event.</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="card CA ">
<img class="card-img-top rounded-circle mx-auto" style="width:80%" src="img/headshots/kobe.jpg">
<div class="card-body">
<p class="card-title">Kobe Zheng, Campus Ambassador</span>
<p>Kobe Zheng is a student at Great Neck South High School who enjoys playing video games. He is interested in music technology and he hopes to pursue software engineering.</p>
</div>
</div>
</div>
-->
<!-- <section class="bg-dark text-white" id="archive">
<div class="container text-center">
<h2 class="section-heading">Archive</h2>
<hr class="lightHR">
<div class="row">
<div class="col">
<a href="fall2018/index.html"><button type="button" class="btn btn-lg btn-info mx-auto">Fall 2018</button></a>
<a href="spring2019/index.html"><button type="button" class="btn btn-lg btn-info mx-auto" >Spring 2019</button></a>
<a href="fall2019/index.html"><button type="button" class="btn btn-lg btn-info mx-auto" >Fall 2019</button></a>
</div>
</div>
<div class="row">
</div>
<br>
<div class="row">
<div class="col-lg-2"></div>
<div class="col-lg-8 mx-auto text-center">
<div id="carouselExampleIndicators1" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators1" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators1" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators1" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators1" data-slide-to="3"></li>
</ol>
<div class="carousel-inner border border-light" style="border-width:3px !important;">
<div class="carousel-item active">
<img class="d-block w-100" src="img/f19/f19(15).JPG" alt="Slide 1">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/f19/f19(16).JPG" alt="Slide 2">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/f19/f19(17).jpg" alt="Slide 3">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="img/f19/f19(18).JPG" alt="Slide 4">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators1" 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="#carouselExampleIndicators1" 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 class="col-lg-2"></div>
</div>
</div>
</section> -->