-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpeople.html
154 lines (150 loc) · 7.56 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
<!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, Pukyong National 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"> Pukyong National University </p>
<h1>Computational Social Science and Information 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="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>
<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/nomivMNW07o" class="thumbnail">
<img src="thumbs/graduate-1.jpg" alt="Jenny Lopez"/>
</a>
</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>내선 번호: </b>4515</p>
<a href="[email protected]">Email: [email protected]</a>
</div>
<div class="span6">
<h3>Address</h3>
<p>부산광역시 남구 용소로 45 자연과학2관 7413호<br>
C24 - room 7413, Yongso-ro 45, Nam-gu, Busan, Republic of Korea, 48513<br>
</p>
<a href="https://maps.app.goo.gl/Z1Kx1FXUQYcB9nNBA">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>