Difference between revisions of "Team:Duesseldorf/Team"
| Line 5: | Line 5: | ||
<title>TEAM</title> | <title>TEAM</title> | ||
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> | ||
| + | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<!-- | <!-- | ||
Created using JS Bin | Created using JS Bin | ||
| Line 196: | Line 197: | ||
.boxLarge { | .boxLarge { | ||
width: 66.6%; | width: 66.6%; | ||
| − | padding-bottom: 66 | + | padding-bottom: 66%; |
} | } | ||
} | } | ||
| Line 233: | Line 234: | ||
<div class="boxLarge"> | <div class="boxLarge"> | ||
<div class="boxLargeInner"> | <div class="boxLargeInner"> | ||
| − | < | + | <h2>Meet the team!</h2> |
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> | <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> | ||
<h3>Hover over on a face to view more information!</h3> | <h3>Hover over on a face to view more information!</h3> | ||
| Line 247: | Line 248: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://placekitten.com/600/600" onMouseOver="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" onMouseOut="this.src='http://placekitten.com/600/600'" /></a> |
<p>Matias Zurbriggen</p> | <p>Matias Zurbriggen</p> | ||
</div> | </div> | ||
| Line 253: | Line 254: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg" onMouseOver="this.src='http://placekitten.com/600/600'" onMouseOut="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" /></a> |
<p>Andreas Weber</p> | <p>Andreas Weber</p> | ||
</div> | </div> | ||
| Line 259: | Line 260: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://placekitten.com/600/600" onMouseOver="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" onMouseOut="this.src='http://placekitten.com/600/600'" /></a> |
<p>Michael Feldbrügge</p> | <p>Michael Feldbrügge</p> | ||
</div> | </div> | ||
| Line 265: | Line 266: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg" onMouseOver="this.src='http://placekitten.com/600/600'" onMouseOut="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" /></a> |
<p>Nicolas Koutsoubelis</p> | <p>Nicolas Koutsoubelis</p> | ||
</div> | </div> | ||
| Line 271: | Line 272: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://placekitten.com/600/600" onMouseOver="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" onMouseOut="this.src='http://placekitten.com/600/600'" /></a> |
<p>Samantha Kurz</p> | <p>Samantha Kurz</p> | ||
</div> | </div> | ||
| Line 277: | Line 278: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg" onMouseOver="this.src='http://placekitten.com/600/600'" onMouseOut="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" /></a> |
<p>Ute Gengenbacher</p> | <p>Ute Gengenbacher</p> | ||
</div> | </div> | ||
| Line 283: | Line 284: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://placekitten.com/600/600" onMouseOver="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" onMouseOut="this.src='http://placekitten.com/600/600'" /></a> |
<p>Alina Kuklinski</p> | <p>Alina Kuklinski</p> | ||
</div> | </div> | ||
| Line 289: | Line 290: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg" onMouseOver="this.src='http://placekitten.com/600/600'" onMouseOut="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" /></a> |
<p>Andreas Kahl</p> | <p>Andreas Kahl</p> | ||
</div> | </div> | ||
| Line 295: | Line 296: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://placekitten.com/600/600" onMouseOver="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" onMouseOut="this.src='http://placekitten.com/600/600'" /></a> |
<p>Carolin Krämer</p> | <p>Carolin Krämer</p> | ||
</div> | </div> | ||
| Line 301: | Line 302: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://placekitten.com/600/600" onMouseOver="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" onMouseOut="this.src='http://placekitten.com/600/600'" /></a> |
<p>Carima Weinert</p> | <p>Carima Weinert</p> | ||
</div> | </div> | ||
| Line 307: | Line 308: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg" onMouseOver="this.src='http://placekitten.com/600/600'" onMouseOut="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" /></a> |
<p>Claudia Kalus</p> | <p>Claudia Kalus</p> | ||
</div> | </div> | ||
| Line 313: | Line 314: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://placekitten.com/600/600" onMouseOver="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" onMouseOut="this.src='http://placekitten.com/600/600'" /></a> |
<p>Dorian Röders</p> | <p>Dorian Röders</p> | ||
</div> | </div> | ||
| Line 319: | Line 320: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg" onMouseOver="this.src='http://placekitten.com/600/600'" onMouseOut="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" /></a> |
<p>Erdem Sunal</p> | <p>Erdem Sunal</p> | ||
</div> | </div> | ||
| Line 325: | Line 326: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://placekitten.com/600/600" onMouseOver="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" onMouseOut="this.src='http://placekitten.com/600/600'" /></a> |
<p>Julia Kapr</p> | <p>Julia Kapr</p> | ||
</div> | </div> | ||
| Line 331: | Line 332: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg" onMouseOver="this.src='http://placekitten.com/600/600'" onMouseOut="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" /></a> |
<p>Julian Ohl</p> | <p>Julian Ohl</p> | ||
</div> | </div> | ||
| Line 337: | Line 338: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://placekitten.com/600/600" onMouseOver="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" onMouseOut="this.src='http://placekitten.com/600/600'" /></a> |
<p>Leonie Wirth</p> | <p>Leonie Wirth</p> | ||
</div> | </div> | ||
| Line 343: | Line 344: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg" onMouseOver="this.src='http://placekitten.com/600/600'" onMouseOut="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" /></a> |
<p>Maja Magel</p> | <p>Maja Magel</p> | ||
</div> | </div> | ||
| Line 349: | Line 350: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://placekitten.com/600/600" onMouseOver="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" onMouseOut="this.src='http://placekitten.com/600/600'" /></a> |
<p>Marcel Dickmanns</p> | <p>Marcel Dickmanns</p> | ||
</div> | </div> | ||
| Line 355: | Line 356: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg" onMouseOver="this.src='http://placekitten.com/600/600'" onMouseOut="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" /></a> |
<p>Martin Duemmel</p> | <p>Martin Duemmel</p> | ||
</div> | </div> | ||
| Line 361: | Line 362: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://placekitten.com/600/600" onMouseOver="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" onMouseOut="this.src='http://placekitten.com/600/600'" /></a> |
<p>Marvin Hubert</p> | <p>Marvin Hubert</p> | ||
</div> | </div> | ||
| Line 367: | Line 368: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg" onMouseOver="this.src='http://placekitten.com/600/600'" onMouseOut="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" /></a> |
<p>Marvin van Aalst</p> | <p>Marvin van Aalst</p> | ||
</div> | </div> | ||
| Line 373: | Line 374: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://placekitten.com/600/600" onMouseOver="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" onMouseOut="this.src='http://placekitten.com/600/600'" /></a> |
<p>Melissa Meschkewitz</p> | <p>Melissa Meschkewitz</p> | ||
</div> | </div> | ||
| Line 379: | Line 380: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg" onMouseOver="this.src='http://placekitten.com/600/600'" onMouseOut="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" /></a> |
<p>Rebecca Wolters</p> | <p>Rebecca Wolters</p> | ||
</div> | </div> | ||
| Line 385: | Line 386: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://placekitten.com/600/600" onMouseOver="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" onMouseOut="this.src='http://placekitten.com/600/600'" /></a> |
<p>René Inckemann</p> | <p>René Inckemann</p> | ||
</div> | </div> | ||
| Line 391: | Line 392: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg" onMouseOver="this.src='http://placekitten.com/600/600'" onMouseOut="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" /></a> |
<p>Tim Rapp</p> | <p>Tim Rapp</p> | ||
</div> | </div> | ||
| Line 397: | Line 398: | ||
<div class="box"> | <div class="box"> | ||
<div class="boxInner"> | <div class="boxInner"> | ||
| − | <a href=" | + | <a href="#"><img src="http://placekitten.com/600/600" onMouseOver="this.src='http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/images/demo/7.jpg'" onMouseOut="this.src='http://placekitten.com/600/600'" /></a> |
<p>Tobias Link</p> | <p>Tobias Link</p> | ||
</div> | </div> | ||
Revision as of 13:36, 26 June 2016
Meet the team!
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Hover over on a face to view more information!
Matias Zurbriggen
Andreas Weber
Michael Feldbrügge
Nicolas Koutsoubelis
Samantha Kurz
Ute Gengenbacher
Alina Kuklinski
Andreas Kahl
Carolin Krämer
Carima Weinert
Claudia Kalus
Dorian Röders
Erdem Sunal
Julia Kapr
Julian Ohl
Leonie Wirth
Maja Magel
Marcel Dickmanns
Martin Duemmel
Marvin Hubert
Marvin van Aalst
Melissa Meschkewitz
Rebecca Wolters
René Inckemann
Tim Rapp
Tobias Link
