-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathteam.html
270 lines (246 loc) · 13.1 KB
/
team.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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>team grit | Our Team</title>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/team.css">
<link media="all" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet"></link>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
</head>
<body>
<div id="page">
<header>
<img id="logo" src="img/grit_140x272.png">
<nav id="main-menu">
<ul>
<li class="menu-element">
<a href="index.html">
<span class="menu-element-text">Home</span>
</a>
</li>
<li class="menu-element">
<a href="project.html">
<span class="menu-element-text">The Project</span>
</a>
</li>
<li class="menu-element menu-element-active">
<a href="team.html">
<span class="menu-element-text">Our Team</span>
</a>
</li>
<li class="menu-element">
<a href="downloads.html">
<span class="menu-element-text">Downloads</span>
</a>
</li>
<li class="menu-element">
<a href="contact.html">
<span class="menu-element-text">Contact Us</span>
</a>
</li>
</ul>
</nav>
</header>
<div id="content">
<h1 id="page-title">Get to know the team</h1>
<section>
<p>
We are a team of students from the University of Konstanz. Our goal is to deliver an excellent product.
</p>
<p>
Go on and click on the images for further information about the members of our team.
</p>
</section>
<noscript>
<h2>Please activate Javascript to display this page correctly!</h2>
</noscript>
<div id="team">
<ul id="team-nav-1" class="team-nav">
<li id="team-nav-element-1" class="team-nav-element line1-team-nav">
<a href="#team-member-1"> <img class="team-nav-image" src="img/team/marvin.jpg" alt="Marvin Gülzow" title="Marvin Gülzow"> </a>
</li>
<li id="team-nav-element-2" class="team-nav-element line1-team-nav">
<a href="#team-member-2"> <img class="team-nav-image" src="img/team/gabriel.jpg" alt="Gabriel Einsdorf" title="Gabriel Einsdorf"> </a>
</li>
<li id="team-nav-element-3" class="team-nav-element line1-team-nav">
<a href="#team-member-3"> <img class="team-nav-image" src="img/team/david.jpg" alt="David Kolb" title="David Kolb"> </a>
</li>
<li id="team-nav-element-4" class="team-nav-element line1-team-nav">
<a href="#team-member-4"> <img class="team-nav-image" src="img/team/eike.jpg" alt="Eike Heinz" title="Eike Heinz"> </a>
</li>
<li id="team-nav-element-5" class="team-nav-element line2-team-nav">
<a href="#team-member-5"> <img class="team-nav-image" src="img/team/fabian.jpg" alt="Fabian Marquart" title="Fabian Marquart"> </a>
</li>
<li id="team-nav-element-6" class="team-nav-element line2-team-nav">
<a href="#team-member-6"> <img class="team-nav-image" src="img/team/marcel.jpg" alt="Marcel Hiller" title="Marcel Hiller"> </a>
</li>
<li id="team-nav-element-7" class="team-nav-element line2-team-nav">
<a href="#team-member-7"> <img class="team-nav-image" src="img/team/stefano.jpg" alt="Stefano Woerner" title="Stefano Woerner"> </a>
</li>
<li id="team-nav-element-8" class="team-nav-element line2-team-nav">
<a href="#team-member-8"> <img class="team-nav-image" src="img/team/thomas.jpg" alt="Thomas Schmidt" title="Thomas Schmidt"> </a>
</li>
</ul>
<div class="clearer"></div>
<div id="team-member-1" class="team-member">
<img src="img/team/team-arrow_up.png" class="team-member-arrow-up" style="left: 87px">
<h2 class="team-member-heading">Marvin Gülzow</h2>
<h3 class="team-member-subheading">Project Manager</h3>
<div class="team-member-text">
<p>
Marvin is our team leader and as such he is in close contact with the customer to make sure the project stays on track. As the product owner he is responsible that our product meets the expectations of our customer. He is devoted to delivering a high quality product.
</p>
<p>
Marvin Gülzow is currently studying Computer Science at the University of Konstanz.
</p>
</div>
<div class="team-member-contact">
<h4 class="team-member-contact-heading">Contact Marvin</h4>
<span class="team-member-contact-col-1">E-Mail:</span><span class="team-member-contact-col-2"><a href="[email protected]">[email protected]</a></span>
<span class="team-member-contact-col-1">Jabber:</span><span class="team-member-contact-col-2">[email protected]</span>
</div>
</div>
<div id="team-member-2" class="team-member">
<img src="img/team/team-arrow_up.png" class="team-member-arrow-up" style="left: 331px">
<h2 class="team-member-heading">Gabriel Einsdorf</h2>
<h3 class="team-member-subheading">Infrastructure, Scrum Master</h3>
<div class="team-member-text">
<p>
Gabriel Einsdorf fills several roles in our team: As the infrastructure manager he makes sure that our tools and services are well configured and well understood.<br>
As the scrum master he ensures that our agile development process runs smoothly. His focus lies on facilitating the work of our team.
</p>
<p>
Gabriel Einsdorf is currently studying Information Engineering at the University of Konstanz.
</p>
</div>
<div class="team-member-contact">
<h4 class="team-member-contact-heading">Contact Gabriel</h4>
<span class="team-member-contact-col-1">E-Mail:</span><span class="team-member-contact-col-2"><a href="mailto:[email protected]">[email protected]</a></span>
<span class="team-member-contact-col-1">Jabber:</span><span class="team-member-contact-col-2">[email protected]</span>
</div>
</div>
<div id="team-member-3" class="team-member">
<img src="img/team/team-arrow_up.png" class="team-member-arrow-up" style="left: 575px">
<h2 class="team-member-heading">David Kolb</h2>
<h3 class="team-member-subheading">Development, Graphics</h3>
<div class="team-member-text">
<p>
David Kolb is not just one of our Developers, he is also a talented graphics artist. He designs many of our graphical deliverables, the most public example being our team logo.
</p>
<p>
David Kolb is currently studying Information Engineering at the University of Konstanz.
</p>
</div>
<div class="team-member-contact">
<h4 class="team-member-contact-heading">Contact David</h4>
<span class="team-member-contact-col-1">E-Mail:</span><span class="team-member-contact-col-2"><a href="mailto:[email protected]">[email protected]</a></span>
<span class="team-member-contact-col-1">Jabber:</span><span class="team-member-contact-col-2">[email protected]</span>
</div>
</div>
<div id="team-member-4" class="team-member">
<img src="img/team/team-arrow_up.png" class="team-member-arrow-up" style="left: 819px">
<h2 class="team-member-heading">Eike Heinz</h2>
<h3 class="team-member-subheading">Development, I/O</h3>
<div class="team-member-text">
<p>
Eike Heinz is a Developer, who's main responsibility lies with the I/O systems of GRIT. Furthermore he reviews all our code, to ensure it complies with our high code quality standards.
</p>
<p>
Eike Heinz is currently studying Information Engineering at the University of Konstanz.
</p>
</div>
<div class="team-member-contact">
<h4 class="team-member-contact-heading">Contact Eike</h4>
<span class="team-member-contact-col-1">E-Mail:</span><span class="team-member-contact-col-2"><a href="mailto:[email protected]">[email protected]</a></span>
<span class="team-member-contact-col-1">Jabber:</span><span class="team-member-contact-col-2">[email protected]</span>
</div>
</div>
<div id="team-member-5" class="team-member">
<img src="img/team/team-arrow_down.png" class="team-member-arrow-down" style="left: 87px">
<h2 class="team-member-heading">Fabian Marquart</h2>
<h3 class="team-member-subheading">Development, UI</h3>
<div class="team-member-text">
<p>
Fabian Marquart develops the communication back end of our product and is responsible for documentation and testing. Furthermore, he is in charge of interface design.
With his understanding for human computer interaction and aesthetics he creates beautiful and rich user interfaces.
</p>
<p>
Fabian Marquart is currently studying Computer Science at the University of Konstanz.
</p>
</div>
<div class="team-member-contact">
<h4 class="team-member-contact-heading">Contact Fabian</h4>
<span class="team-member-contact-col-1">E-Mail:</span><span class="team-member-contact-col-2"><a href="mailto:[email protected]">[email protected]</a></span>
<span class="team-member-contact-col-1">Jabber:</span><span class="team-member-contact-col-2">[email protected]</span>
</div>
</div>
<div id="team-member-6" class="team-member">
<img src="img/team/team-arrow_down.png" class="team-member-arrow-down" style="left: 331px">
<h2 class="team-member-heading">Marcel Hiller</h2>
<h3 class="team-member-subheading">Development, Documentation</h3>
<div class="team-member-text">
<p>
Marcel Hiller is a developer and in charge of documentation.
Besides various coding work, he creates the documentation and presentation materials for our team.
</p>
<p>
Marcel Hiller is currently studying Computer Science at the University of Konstanz.
</p>
</div>
<div class="team-member-contact">
<h4 class="team-member-contact-heading">Contact Marcel</h4>
<span class="team-member-contact-col-1">E-Mail:</span><span class="team-member-contact-col-2"><a href="mailto:[email protected]">[email protected]</a> </span>
<span class="team-member-contact-col-1">Jabber:</span><span class="team-member-contact-col-2">[email protected]</span>
</div>
</div>
<div id="team-member-7" class="team-member">
<img src="img/team/team-arrow_down.png" class="team-member-arrow-down" style="left: 575px">
<h2 class="team-member-heading">Stefano Woerner</h2>
<h3 class="team-member-subheading">Domain Expert, Website, Development</h3>
<div class="team-member-text">
<p>
Stefano Woerner has first hand experience with the target domain of GRIT, allowing us to better understand
what our customer needs. He is also our expert for web technologies and web development.
</p>
<p>
Stefano Woerner is currently studying Computer Science and Physics at the University of Konstanz.
</p>
</div>
<div class="team-member-contact">
<h4 class="team-member-contact-heading">Contact Stefano</h4>
<span class="team-member-contact-col-1">E-Mail:</span><span class="team-member-contact-col-2"><a href="mailto:[email protected]">[email protected]</a> </span>
<span class="team-member-contact-col-1">Jabber:</span><span class="team-member-contact-col-2">[email protected]</span>
</div>
</div>
<div id="team-member-8" class="team-member">
<img src="img/team/team-arrow_down.png" class="team-member-arrow-down" style="left: 819px">
<h2 class="team-member-heading">Thomas Schmidt</h2>
<h3 class="team-member-subheading">Development, Testing</h3>
<div class="team-member-text">
<p>
Thomas Schmidt is rigorously testing our code base to ensure that we meet our quality goals.
</p>
<p>
Thomas Schmidt is currently studying Computer Science at the University of Konstanz.
</p>
</div>
<div class="team-member-contact">
<h4 class="team-member-contact-heading">Contact Thomas</h4>
<span class="team-member-contact-col-1">E-Mail:</span><span class="team-member-contact-col-2"><a href="mailto:[email protected]">[email protected]</a></span>
<span class="team-member-contact-col-1">Jabber:</span><span class="team-member-contact-col-2">[email protected]</span>
</div>
</div>
</div> <!-- END team -->
<script type="text/javascript" src="js/init_team.js"></script>
</div> <!-- END content -->
<footer>
<div id="footer-text">
<p>© 2014-2015 Team GRIT. <a href="about.html">about this website</a></p>
</div>
</footer>
</div> <!-- END page -->
</body>
</html>