-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstudents.html
executable file
·276 lines (247 loc) · 12.1 KB
/
students.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--<link rel="stylesheet" type="text/css" href="style.css">-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style2.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">
<meta name="Tech 4 Good Research Group" content="T4G students, projects and events">
<script src="https://use.fontawesome.com/cb342c03cb.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>T4G Students</title>
</head>
<body>
<header class="hero-image">
<div class="hero-text container">
<h1 id="title">STUDENTS</h1>
<h2 class="h2">Research Group</h2>
</div>
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="index.html">
<img src="img/T4G-Logo.png" alt="T4G logo">
</a>
<!--toggler navbar for small size screens-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse navbar-dark" id="navbarSupportedContent" style="text-align: center">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="projects.html">Projects</a></li>
<li class="nav-item"><a class="nav-link" href="capstone.html">Capstone</a></li>
<li class="nav-item"><a class="nav-link active" href="students.html">Students</a></li>
<li class="nav-item"><a class="nav-link" href="events.html">Events</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a> </li>
</ul>
</div>
</nav>
</header>
<!-- Introduction for Students page-->
<section id="student-list" class="container mt-4">
<a data-toggle="collapse" href="#current-student" role="button" aria-expanded="false" aria-controls="collapseExample">
<h2><b><i class="fas fa-user-graduate mr-2"></i>See Current Students</b></h2>
</a>
<div class="collapse" id=current-student>
<div class="name-container card-body">
<div class="name">
<a href="https://www.linkedin.com/in/nhyoung/">
<h3>Nicholas Young</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/eabshire/">
<h3>Ed Abshire</h3>
</a>
</div>
<div class="name">
<a href="">
<h3>Gabriel Acuna</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/kayla-sprague/">
<h3>Kayla Sprague</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/rdk/">
<h3>Rachael Kim</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/bhristov96/">
<h3>Boyan Hristov</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/youngjonathanp/">
<h3>Jonathan Young</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/keziahmay/">
<h3>Keziah May</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/samuel-munford-465ab6172/">
<h3>Samuel A. Munford</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/victorsuciu/">
<h3>Victor Suciu</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/mlcdang">
<h3>Mitchell Dang</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/iambillzhao/">
<h3>Bill Zhao</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/erica-m-ferguson/">
<h3>Erica Ferguson</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/sam-f-wolf/">
<h3>Sam Wolf</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/rakshabohra/">
<h3>Raksha Bohra</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/cbrosius/">
<h3>Catherine Brosius</h3>
</a>
</div>
<div class="name">
<a href="">
<h3>Karina Rodriguez</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/isabel-giang/">
<h3>Isabel Giang</h3>
</a>
</div>
</div>
</div>
<hr>
<a class="" data-toggle="collapse" href="#current-capstone" role="button" aria-expanded="false" aria-controls="collapseExample">
<h2><b><i class="fas fa-user-graduate mr-2"></i>See Capstone Students</b></h2>
</a>
<div id=current-capstone class="collapse">
<div class="name-container">
<div class="name">
<a href="https://www.linkedin.com/in/angela-ferro-capera/">
<h3>Angela Ferro Capera</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/bhristov96/">
<h3>Boyan Hristov</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/garima-maheshwari-802511179/">
<h3>Garima Maheshwari</h3>
</a>
</div>
<div class="name">
<a href="">
<h3>Joy Yehuda Lodra</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/kemba-konteh/">
<h3>Kemba Konteh</h3>
</a>
</div>
</div>
</div>
<hr>
<a class="" data-toggle="collapse" href="#alumni" role="button" aria-expanded="false" aria-controls="collapseExample">
<h2><b><i class="fas fa-user-graduate mr-2"></i>See Alumni</b></h2>
</a>
<div id="alumni" class="collapse">
<div class="name-container">
<div class="name">
<a href="https://www.linkedin.com/in/mgomezuwb/">
<h3>Marcela Gomez</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/auserich/">
<h3>Austin Rich</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/estefanofelipa/">
<h3>Estefano Felipa</h3>
</a>
</div>
<div class="name">
<a href="https://www.linkedin.com/in/etcadinfinitum/">
<h3> Lizzy Presland</h3>
</a>
</div>
<!-- <div> <h3> </h3> <br> <a href=""><p></p></a></div>-->
<!-- <div> <h3> </h3> <br> <a href=""><p></p></a></div>-->
<!-- <div> <h3> </h3> <br> <a href=""><p></p></a></div>-->
<!-- <div> <h3> </h3> <br> <a href=""><p></p></a></div>-->
</div>
</div>
</section>
<div id="about-students" class="container">
<div class="student-card container">
<div class="row p-4">
<div class="col-sm-12 col-md-4 col-lg-4 mb-4">
<img src="./img/KezMay.png" alt="student name" width="100%" height="auto">
</div>
<div class="col-sm-12 col-md-8 col-lg-8">
<b>Keziah May</b>
<p>Before becoming a Software Engineer, Keziah spent many years gaining skills and life experience. She has worked in industries as diverse as Cosmetology and Meat Processing. Through her many adventures in education, Keziah discovered
a passion for teaching. She dedicated her time to learning about communication and relationships and started a business teaching local workshops. She is excited to combine her love of education, teaching, and computer science by
providing online courses to bridge the gap between Computer Science education and industry expectations.
</p>
</div>
</div>
</div>
<div class="student-card container">
<div class="row p-4">
<div class="col-sm-12 col-md-4 col-lg-4 mb-4">
<img src="./img/ericaf_photo.jpg" alt="student name" width="100%" height="auto">
</div>
<div class="col-sm-12 col-md-8 col-lg-8">
<b>Erica Ferguson</b>
<p>As a T4G participant, I’m interested in topics involving student learning, having done research on the benefits streaming services for live CS education. The hope is to consider alternative ways of teaching and engaging with CS problems.</p>
</div>
</div>
</div>
</div>
</body>
<div class="scroll-up row container">
<a href="#top"><i class="fa fa-hand-o-up center"></i></a>
</div>
<footer id="sticky-footer" class="my-4 py-4 hero-image2 text-white-50">
<div class="container text-center col-sm-12 my-auto">
<p class="footer-text h2">Contact: [email protected] for more information</p>
<small style="font-size: 1.5vw;">Copyright © T4G</small>
</div>
</footer>
</html>