-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathAttributions.html
More file actions
239 lines (239 loc) · 12.1 KB
/
Copy pathAttributions.html
File metadata and controls
239 lines (239 loc) · 12.1 KB
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
<!DOCTYPE html>
<html>
<head>
<!-- bootstrap imports -->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Comfortaa Import -->
<link href='https://fonts.googleapis.com/css?family=Comfortaa:300,400,700' rel='stylesheet' type='text/css'>
<!-- https://work.smarchal.com/twbscolor/css/00274c0a436cecf0f1ffffff0 -->
<link rel="stylesheet" href="styling.css">
</head>
<body>
<div class="navbar-wrapper">
<div class="container">
<div class="navbar navbar-static-top">
<ul class="nav navbar-nav">
<li class="navig_bar_button"><a href="Homepage.html">Home</a></li>
<li class="dropdown navig_bar_button">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Project <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Project_Overview.html">Overview</a></li>
<li><a href="Project_Installation.html">Installation</a></li>
<li><a href="Project_Demonstrate.html">User Guide/Demonstrate</a></li>
<li><a href="Project_Results.html">Results</a></li>
</ul>
</li>
<li class="dropdown navig_bar_button">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Outreach <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Outreach_Collaboration.html">Collaboration</a></li>
<li><a href="Outreach_HP_Silver.html">HP Silver</a></li>
<li><a href="Outreach_HP_Gold.html">HP Gold</a></li>
</ul>
</li>
<li class="navig_bar_button"><a href="Attributions.html">Attributions</a></li>
</ul>
</div>
</div>
</div>
<header>
<div class="container-fluid">
<div class="row">
<div class="col-12" id = "headerImage">
<img class = "Header-img" src="photos/attributions.png" />
<h1 id = "headerImageh1">Attributions</h1>
</div>
</div>
</div>
</header>
<div class="top-buffer container-fluid">
<div class="col-xs-1"></div>
<div class="col-xs-10">
<br>
<br>
<br>
<br>
<p>
<h1 class="grey-text heading-weight" align = "center">The People Behind The Cat</h1>
</p>
<br>
<div class="row" style="border-bottom:thin solid;"></div>
<br>
<br>
<br>
<div class="col-xs-12 col-sm-6 col-md-4 top-buffer">
<div class="flip3D" >
<div class="back">
<h3 class="name-tag">Ali Turfah</h3>
<p class="desc">Hello, I'm Ali Turfah. I'm a junior studying Data Science, and am the current president of the Michigan Software 2017 team. In my free time I like to program, read, and play pokemon. I have a cat, so I thoroughly enjoy the branding of our project as well as the ProtoCat mascot.</p>
<p class="teamText">Attributions:</p>
<ul class="teamTextList">
<li>Team president</li>
<li>Front end development</li>
<li>Presentation chair stand-in</li>
</ul>
</div>
<div class="front">
<img class="center-block vertical-center board-img" src="photos/Ali.jpg">
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 top-buffer">
<div class="flip3D" >
<div class="back">
<h3 class="name-tag">Dan Dineen</h3>
<p class="desc">Hi! My name is Daniel Dineen. I am the current webmaster of the team. I am from Connecticut and am a sophomore at the University of Michigan. I am studying computer science and enjoy playing piano and guitar when not working.</p>
<p class="teamText">Attributions:</p>
<ul class="teamTextList">
<li>Team Webmaster</li>
<li>Lead wiki designer</li>
</ul>
</div>
<div class="front">
<img class="center-block vertical-center board-img" src="photos/Dan.jpg">
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 top-buffer">
<div class="flip3D" >
<div class="back">
<h3 class="name-tag">Drew Manson</h3>
<p class="desc">Hello! My name is Drew Manson, the Public Relations Officer for the team! Currently I'm a German and Biomolecular Science dual-major, with plans for pharmacy school in the future. This is my first year on the team, and my iGEM experience has been really cool so far!</p>
<p class="teamText">Attributions:</p>
<ul class="teamTextList">
<li>Public Relations Chair</li>
</ul>
</div>
<div class="front">
<img class="center-block vertical-center board-img" src="photos/Drew.jpg">
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 top-buffer">
<div class="flip3D" >
<div class="back">
<h3 class="name-tag">Kyle Cochrane</h3>
<p class="desc">Hi! My name is Kyle Cochrane. I am from southwest Michigan and am currently a Junior at the University of Michigan. I study computer science and spanish, and in my free time I enjoy playing Quidditch (go UMQ!), browsing reddit, and hiking. Photo credit goes to Christina Oh Photography!</p>
<p class="teamText">Attributions:</p>
<ul class="teamTextList">
<li>Team Secretary</li>
<li>Front end development</li>
</ul>
</div>
<div class="front">
<img class="center-block vertical-center board-img" src="photos/Kyle.png">
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 top-buffer">
<div class="flip3D" >
<div class="back">
<h3 class="name-tag">Sir Thomas Oliver</h3>
<p class="desc">I'm Tommy Oliver and am from Brighton, Michigan. I am a sophomore studying computer engineering and computer science. Outside of all school and all this fun stuff, I spend time with my friends, playing Pokemon Go, and watching superhero shows on Netflix.</p>
<p class="teamText">Attributions:</p>
<ul class="teamTextList">
<li>Project Manager</li>
<li>Back end development</li>
<li>Front end development</li>
</ul>
</div>
<div class="front">
<img class="center-block vertical-center board-img" src="photos/Tommy.jpg">
</div>
</div>
</div>
<div class="banner col-sm-12">
<br>
<br>
<br>
<p>
<h1 class="grey-text heading-weight" align = "center">Advisors</h1>
</p>
<br>
<div class="row" style="border-bottom:thin solid;"></div>
<br>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 top-buffer">
<div class="flip3D" >
<div class="back">
<h3 class="name-tag">Dr. Marcus Ammerlaan</h3>
<p class="desc">Dr. Marcus Ammerlaan is affiliated with the Department of Molecular, Cellular, and Developmental Biology at the University of Michigan. He is in charge of labs and graduate student instructors for the department’s introductory courses. He received his Ph.D. from the University of Texas-Austin in 1994.</p>
<p class="teamText">Attributions:</p>
<ul class="teamTextList">
<li>Team biology adviser</li>
<li>Primary iGEM contact</li>
</ul>
</div>
<div class="front">
<img class="center-block vertical-center board-img" src="photos/Marc.jpg">
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 top-buffer">
<div class="flip3D" >
<div class="back">
<h3 class="name-tag">Dr. Santiago Schnell</h3>
<p class="desc">Dr. Santiago Schnell is a Professor of Molecular & Integrative Physiology and Computational Medicine & Bioinformatics at the University of Michigan Medical School. He is also a Willliam K. Brehm Investigator at the Brehm Center for Diabetes Research. He received his License in Biology from Universidad Simón Bolívar and then his doctorate in Mathematical Biology from the University of Oxford.</p>
<p class="teamText">Attributions:</p>
<ul class="teamTextList">
<li>Team software adviser</li>
<li>Department Representative</li>
</ul>
</div>
<div class="front">
<img class="center-block vertical-center board-img" src="photos/Santiago.jpg">
</div>
</div>
</div>
</div>
<br />
</div>
<div style="line-height:100px; color:#FFF">werd</div>
<footer>
<div class="container-footer bg-3">
<div class = "row">
<div class = "col-sm-12 text-center">
<h3 id = "h3Header">Important Links:</h3>
<table class = "Footer-Table" align = "center">
<tr>
<td>
<p><a href="Project_Overview.html">Overview</a></p>
</td>
<td>
<p><a href="Project_Results.html">Results</a></p>
</td>
</tr>
<tr>
<td>
<p><a href="Installation.html">Installation</a></p>
</td>
<td>
<p><a href="Outreach_Collaboration.html">Collaboration</a></p>
</td>
</tr>
<tr>
<td>
<p><a href="Project_Demonstration.html">Demonstration</a></p>
</td>
<td>
<p><a href="Attributions.html">Attributions</a></p>
</td>
</tr>
<td>
<p><a href="Outreach_HP_Gold.html">HP Gold</a></p>
</td>
<td>
<p><a href="Outreach_HP_Silver.html">HP Silver</a></p>
</td>
</tr>
</table>
</div>
</div>
</div>
</footer>
</body>
</html>