-
Notifications
You must be signed in to change notification settings - Fork 2
/
student2.html
249 lines (234 loc) · 11.1 KB
/
student2.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
<!-- Introduction for Students page-->
<div class="blockA">
<h2>Connect With Current Students</h2>
<div class="name-container">
<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>
<div class="name-container">
<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/victorsuciu/">
<h3>Mitchell Dang</h3>
</a></div>
<div class="name"> <a href="https://www.linkedin.com/in/iambillzhao/">
<h3>Bill Zhao</h3>
</a></div>
</div>
<div class="name-container">
<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>
<div class="blockA">
<h2>Capstone Students </h2>
<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>
<div class="blockA">
<h2>Alumni</h2>
<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>
<div class="page-intro">
<h2>Alumni</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac metus elit. Suspendisse
pellentesque tellus
imperdiet, faucibus tellus at, mattis nisl.
Aliquam vestibulum augue vitae libero rhoncus, ac suscipit sem venenatis. Curabitur eu ligula auctor,
pellentesque
metus nec, venenatis mi. Proin congue nibh sed tellus luctus,
sed mattis mi dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac metus elit.
Suspendisse
pellentesque tellus imperdiet, faucibus tellus at, mattis nisl.
Aliquam vestibulum augue vitae libero rhoncus, ac suscipit sem venenatis. Curabitur eu ligula auctor,
pellentesque
metus nec, venenatis mi. Proin congue nibh sed tellus luctus,
sed mattis mi dictum.</p>
</div>
<!-- Lists of T4G Alumni -->
<div class="alumni-list">
<!-- Alumni 1 -->
<div class="container-student">
<!-- Student picture: choose your size -->
<img src="./img/bike.jpg" alt="student name">
<!-- Student info block-->
<div class="student-info">
<h3 class="student-name">STUDENT NAME</h3>
<!--Short paragraph for Student bio-->
<p class="student-bio">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac metus elit. Suspendisse
pellentesque
tellus imperdiet, faucibus tellus at, mattis nisl.
Aliquam vestibulum augue vitae libero rhoncus, ac suscipit sem venenatis. Curabitur eu ligula
auctor,
pellentesque metus nec, venenatis mi. Proin congue nibh sed tellus luctus,
sed mattis mi dictum.
</p>
<!--Contact block-->
<div class="contact-box">
<!---Add more contact info here, if needed-->
<p>
Email: <a href="mailto: [email protected]">[email protected]</a> <br>
LinkedIn: <a href="linkedin.com/husky">linkedin.com/husky</a>
</p>
</div>
</div>
</div>
<!-- Alumni 2 -->
<div class="container-student">
<!-- Student picture: choose your size -->
<img src="./img/bag.jpg" alt="student name">
<!-- Student info block-->
<div class="student-info">
<h3 class="student-name">STUDENT NAME</h3>
<!--Short paragraph for Student bio-->
<p class="student-bio">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac metus elit. Suspendisse
pellentesque
tellus imperdiet, faucibus tellus at, mattis nisl.
Aliquam vestibulum augue vitae libero rhoncus, ac suscipit sem venenatis. Curabitur eu ligula
auctor,
pellentesque metus nec, venenatis mi. Proin congue nibh sed tellus luctus,
sed mattis mi dictum.
</p>
<!--Contact block-->
<div class="contact-box">
<!---Add more contact info here, if needed-->
<p>
Email: <a href="mailto: [email protected]">[email protected]</a> <br>
LinkedIn: <a href="linkedin.com/husky">linkedin.com/husky</a>
</p>
</div>
</div>
</div>
<!-- Alumni 3 -->
<div class="container-student">
<!-- Student picture: choose your size -->
<img src="./img/fistbump.jpg" alt="student name">
<!-- Student info block-->
<div class="student-info">
<h3 class="student-name">STUDENT NAME</h3>
<!--Short paragraph for Student bio-->
<p class="student-bio">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac metus elit. Suspendisse
pellentesque
tellus imperdiet, faucibus tellus at, mattis nisl.
Aliquam vestibulum augue vitae libero rhoncus, ac suscipit sem venenatis. Curabitur eu ligula
auctor,
pellentesque metus nec, venenatis mi. Proin congue nibh sed tellus luctus,
sed mattis mi dictum.
</p>
<!--Contact block-->
<div class="contact-box">
<!---Add more contact info here, if needed-->
<p>
Email: <a href="mailto: [email protected]">[email protected]</a> <br>
LinkedIn: <a href="linkedin.com/husky">linkedin.com/husky</a>
</p>
</div>
</div>
</div>
<!-- Alumni 4 -->
<div class="container-student">
<!-- Student picture: choose your size -->
<img src="./img/learn.jpg" alt="student name">
<!-- Student info block-->
<div class="student-info">
<h3 class="student-name">STUDENT NAME</h3>
<!--Short paragraph for Student bio-->
<p class="student-bio">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac metus elit. Suspendisse
pellentesque
tellus imperdiet, faucibus tellus at, mattis nisl.
Aliquam vestibulum augue vitae libero rhoncus, ac suscipit sem venenatis. Curabitur eu ligula
auctor,
pellentesque metus nec, venenatis mi. Proin congue nibh sed tellus luctus,
sed mattis mi dictum.
</p>
<!--Contact block-->
<div class="contact-box">
<!---Add more contact info here, if needed-->
<p>
Email: <a href="mailto: [email protected]">[email protected]</a> <br>
LinkedIn: <a href="linkedin.com/husky">linkedin.com/husky</a>
</p>
</div>
</div>
</div>
</div>