-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpeople.html
261 lines (259 loc) · 14.2 KB
/
people.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>People</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Research Lab, Home, Velit Aliquet Sagittis University">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="css/theme.css" rel="stylesheet">
</head>
<body>
<div class="container">
<header class="jumbotron subhead" id="overview">
<p class="lead"> Velit Aliquet Sagittis University </p>
<h1>Experimental Research Lab</h1>
</header>
<div class="masthead">
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="#">People</a></li>
<li><a href="research.html">Research</a></li>
<li><a href="publications.html">Publications</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="news.html">News</a></li>
<li><a href="teaching.html">Teaching</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span3 bs-docs-sidebar" id="navparent">
<ul class="nav nav-list bs-docs-sidenav" data-spy="affix" data-offset-top="200" data-offset-bottom="260">
<li><a href="#principalinvestigator"> Principal Investigator </a></li>
<li><a href="#graduate">Graduate Students</a></li>
<li><a href="#undergraduate">Undergraduate Students</a></li>
</ul>
</div>
<div class="span8 offset1">
<section id="principalinvestigator">
<div class="page-header">
<h3>Principal Investigator</h3>
</div>
<div class="row-fluid">
<div class="span3">
<a href="https://unsplash.com/photos/aCZ2hiC-iDk" class="thumbnail">
<img src="thumbs/prof-photo2.jpg" alt="Joe Smith"/>
</a>
</div>
<div class="span9">
<h4>Joe Smith</h4>
<p>Assistant Professor of Science and Engineering</p>
<p>Ph.D. in Mechanical Engineering, Lorem Ipsum, 2013<br/>M.S. in Mechanical Engineering, HRV, 2011<br/>BASc in Engineering, University of Lorem Ipsum, 2009</p>
<p><b>Phone: </b>(999) 999-9999 </p>
<p><b>Email: </b><a href="mailto:[email protected]">[email protected]</a></p>
<p><b>Address: </b>999 Fake Street Avenue, City, State Country ZIP</p>
<p><b><a href="https://www.myperfectcv.co.uk/cv-examples/chemistry-lab-technician-cv-sample">CV</a>, <a href="http://scholar.google.com">Google Scholar</a>, <a href="https://www.linkedin.com">Linkedin</a>, <a href="http://www.researchgate.net">ResearchGate</a></b></p>
</div>
</div>
</section>
<hr>
<section id="graduate">
<div class="page-header">
<h3>Graduate Students</h3>
</div>
<div class="row-fluid">
<div class="span3">
<a href="https://unsplash.com/photos/aaaGLiTRqkg" class="thumbnail">
<img src="thumbs/jane-carmona.jpg" alt="Jane Carmona"/>
</a>
</div>
<div class="span9">
<h4><a href="https://unsplash.com/photos/aaaGLiTRqkg">Jane Carmona</a></h4>
<p>Jane received her B.E. in Mechanical Engineering from the Lorem Ipsum University of Lorem Ipsum in 2015 with High Honors. Her current research focuses on metus libero, eleifend sit amet pretium et, porta ac urna. Suspendisse ullamcorper mollis ligula et fermentum. .</p>
<p><b>Email: </b><a href="mailto:[email protected]">[email protected]</a></p>
<p><b>Address: </b>999 Fake Street Avenue, City, State Country ZIP</p>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span3">
<a href="https://unsplash.com/photos/LUdelQ2EO2g" class="thumbnail">
<img src="thumbs/ronny-sison.jpg" alt="Ronny Simon"/>
</a>
</div>
<div class="span9">
<h4><a href="https://unsplash.com/photos/LUdelQ2EO2g">Ronny Simon</a></h4>
<p>Ronny received his B.Tech in Electrical Engineering from the Lorem Ipsum Institute of Technology. His current research focuses on ullamcorper nibh ut orci eleifend varius elementum ut augue. Proin ornare, arcu et efficitur laoreet, purus ante dictum leo, vel pulvinar velit leo sed nunc. </p>
<p><b>Email: </b><a href="mailto:[email protected]">[email protected]</a></p>
<p><b>Address: </b>999 Fake Street Avenue, City, State Country ZIP</p>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span3">
<a href="https://unsplash.com/photos/nomivMNW07o" class="thumbnail">
<img src="thumbs/graduate-1.jpg" alt="Jenny Lopez"/>
</a>
</div>
<div class="span9">
<h4><a href="https://unsplash.com/photos/nomivMNW07o">Jenny Lopez</a></h4>
<p>Jenny received her B.S. degree in Mechanical Engineering from the Lorem Ipsum Technical University in 2012 with High Honors, where she focused on quis nisl vitae lectus pharetra dapibus. In sit amet erat purus. Proin finibus, nunc sed faucibus molestie, risus tellus sodales elit, nec luctus urna augue vitae dolor. Curabitur nisl eros, rhoncus eget mauris vitae.</p>
<p><b>Email: </b><a href="mailto:[email protected]">[email protected]</a></p>
<p><b>Address: </b>999 Fake Street Avenue, City, State Country ZIP</p>
</div>
</div>
<hr>
</section>
<hr>
<section id="undergraduate">
<div class="page-header">
<h3>Undergraduate Students</h3>
</div>
<div class="row-fluid">
<div class="span3">
<a href="https://unsplash.com/photos/unr5ZqXXvqU" class="thumbnail">
<img src="thumbs/undergrad-1.jpg" alt="Hall Stevenson"/>
</a>
</div>
<div class="span9">
<h4>Hall Stevenson</h4>
<p>Hall is currently a second year undergraduate student in the Electrical Science and Engineering Department at VAS University. He is studying the bibendum consectetur metus. Vivamus ullamcorper nibh ut orci eleifend varius elementum ut augue.</p>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span3">
<a href="https://unsplash.com/photos/GIy2ly37Kw8" class="thumbnail">
<img src="thumbs/graduate-2.jpg" alt="Simon Singh"/>
</a>
</div>
<div class="span9">
<h4>Simon Singh</h4>
<p>Simon is currently a second year undergraduate student in the Lorem Ipsum and Engineering Department at VAS University. He is working on rhoncus euismod tortor, ac lobortis tortor vestibulum sed. Ut in aliquam sapien. </p>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span3">
<a href="https://unsplash.com/photos/dju4--IW7Qw" class="thumbnail">
<img src="thumbs/graduate-3.jpg" alt="Tim Johnson"/>
</a>
</div>
<div class="span9">
<h4>Tim Johnson</h4>
<p>Tim is currently a second year undergraduate student in the Engineering Science Department at VAS University. He is currently studying sodales elit nec luctus urna augue vitae dolor. </p>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span3">
<a href="https://unsplash.com/photos/lEMHg4RFTW8" class="thumbnail">
<img src="thumbs/graduate-4.jpg" alt="Simona Alexander"/>
</a>
</div>
<div class="span9">
<h4>Simona Alexander</h4>
<p>Simona is currently a senior in the Lorem Ipsum Department at VAS. She is studying rhoncus eget mauris vitae, malesuada suscipit neque. Ut congue imperdiet lobortis. </p>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span3">
<a href="https://unsplash.com/photos/Nyt7CeiNXQw" class="thumbnail">
<img src="thumbs/graduate-5.jpg" alt="Zahima Sari"/>
</a>
</div>
<div class="span9">
<h4>Zahima Sari</h4>
<p>Zahima is currently a third year undergraduate student in the Lorem Ipsum Engineering Department at VAS. She is modling the dynamics tincidunt, odio non suscipit condimentum, neque diam viverra risus, vel tincidunt elit massa eu nulla. </p>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span3">
<a href="https://unsplash.com/photos/fNZfMhyd8Hs" class="thumbnail">
<img src="thumbs/graduate-6.jpg" alt="Alissa Zhi"/>
</a>
</div>
<div class="span9">
<h4>Alissa Zhi</h4>
<p>Alissa is currently a first year undergraduate student in the Science and Engineering Department at VAS. She is studying techniques to improve tempus pellentesque ex, et sollicitudin nunc faucibus vel. Suspendisse condimentum feugiat arcu, vitae pretium enim tempus eget.</p>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span3">
<a href="https://unsplash.com/photos/WC7KIHo13Fc" class="thumbnail">
<img src="thumbs/graduate-7.jpg" alt="David Tohm"/>
</a>
</div>
<div class="span9">
<h4>David Tohm</h4>
<p>David is currently a third year undergraduate student in the Science and Engineering Department at VAS. He is studying dui diam, pellentesque vel ullamcorper non, dictum eu tellus.</p>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span3">
<a href="https://unsplash.com/photos/APmln0DMSac" class="thumbnail">
<img src="thumbs/graduate-8.jpg" alt="Jessica Smith"/>
</a>
</div>
<div class="span9">
<h4>Jessica Smith</h4>
<p>Jessica is currently a second year undergraduate student in the Mechanical Engineering Department at VAS. She is studying Fusce et ullamcorper sapien. Integer tristique magna sed tellus faucibus imperdiet facilisis et quam.</p>
</div>
</div>
</section>
</div>
</div>
</div>
<footer id="footer">
<div class="container-fluid">
<div class="row-fluid">
<div class="span5">
<h3>Contact Information</h3>
<p><b>Office Hours: </b>Monday-Friday (8.00am - 5.00pm)</p>
<p><b>Phone: </b>999-999-9999</p>
<p><b>Cell: </b>999-999-9999</p>
<a href="mailto:[email protected]">Email</a>
</div>
<div class="span2">
<a href="https://mybrandnewlogo.com/"><img src = "thumbs/generic-logo.JPG" alt="research-lab-logo"/></a>
</div>
<div class="span5">
<h3>Address</h3>
<p>9999 Generic Research Laboratory<br>
999 Fake Street Avenue<br>
City, State<br>
Country ZIP
</p>
<a href="http://maps.google.com/">Show Map</a>
</div>
</div>
</div>
</footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
$(document).ready(function() {
$(document.body).scrollspy({
target: "#navparent"
});
});
</script>
</body>
</html>