Difference between revisions of "Team:Duesseldorf/Team"

Line 1: Line 1:
 
{{Duesseldorf}}
 
{{Duesseldorf}}
 +
<!DOCTYPE html>
 
<html>
 
<html>
 
<head>
 
<head>
−
<meta charset="utf-8">
+
<title>Team</title>
−
<title>TEAM</title>
+
<meta charset="utf-8">
−
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximun-scale=1.0, user-scalable=no">
−
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
−
<!--
+
<link rel="stylesheet" type="text/css"
−
Created using JS Bin
+
href="https://2016.igem.org/Template:Duesseldorf/style?action=raw&ctype=text/css" />
−
http://jsbin.com
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
−
+
−
Copyright (c) 2016 by anonymous (http://jsbin.com/utupuw/5/edit)
+
<!-- Responsive Nav -->
−
+
<script>
−
Released under the MIT license: http://jsbin.mit-license.org
+
function myFunction() {
−
-->
+
    document.getElementsByClassName("topnav")[0].classList.toggle("responsive");
−
<style type="text/css">
+
}
−
body {
+
</script>
−
background-color: #2D2D2D;  
+
−
width: 100%;
+
<!-- Img Swap -->
−
margin: 0px;
+
<script type="text/javascript">
−
}
+
                $(document).ready(function() {
−
h1, h2, h3, h4, h5, h6, h7, p {
+
                    $('.sg-container').on('click',function() {
−
color: #0C9476;
+
                        $(this).toggleClass('active');  
−
font-family: 'Roboto', sans-serif;
+
                    });
−
padding-left: 3px;
+
−
}
+
−
.header {
+
−
background-color: #FFFFFF;
+
−
width: 100%;
+
−
height: 60px;
+
−
}
+
−
.headerContent {
+
−
width: 80%;
+
−
margin: auto;
+
−
}
+
−
.header ul {
+
−
display:inline;
+
−
}
+
−
.header ul li {
+
−
display:inline;
+
−
}
+
−
.header ul li img {
+
−
height: 40px;
+
−
margin: 10px 5px 10px 5px;
+
−
float:right;
+
−
}
+
−
.header-logo {
+
−
height: 40px;
+
−
margin: 10px 5px 10px 5px;
+
−
float:left;
+
−
}
+
  
−
.footer {
+
                });
−
background-color: #FFFFFF;
+
</script>
−
width: 100%;
+
−
height: 200px;
+
</head>
−
padding-top: 5px;
+
 
−
}
+
<!-- Header -->
−
.wrap {
+
<body>
−
overflow: hidden;
+
<div id="Banner" class="banner middle width"><img src="media/logo.png" ></div>
−
margin-top: 10px;
+
<div id="Navigation" class="navigation middle width">
−
margin-left: auto;
+
<ul class="topnav">
−
margin-right: auto;
+
  <li class="icon">
−
margin-bottom: 20px;
+
    <a href="javascript:void(0);" style="font-size:15px;" onclick="myFunction()">☰</a>
−
width: 80%;
+
  </li>
−
}
+
<li><a href="Contact.html">Contact Us!</a></li>
−
.box {
+
<li><a href="Parts.html">Parts</a></li>
−
float: left;
+
  <li><a href="Lab-Book.html">Lab Book</a></li>
−
position: relative;
+
  <li><a href="Project-Description.html">Project</a></li>
−
width: 20%;
+
  <li><a class="active" href="Team.html">Team</a></li>
−
padding-bottom: 20%;
+
  <li><a href="Home.html">Home</a></li>
−
}
+
</ul>
−
.boxInner {
+
−
position: absolute;
+
−
left: 10px;
+
−
right: 10px;
+
−
top: 10px;
+
−
bottom: 10px;
+
−
overflow: hidden;
+
−
}
+
−
.boxInner p {
+
−
position: absolute;
+
−
display:table;
+
−
bottom: 0;
+
−
left: 0;
+
−
right: 0;
+
−
margin-bottom: 0px;
+
−
color: #FFF;
+
−
text-align: left;
+
−
background: rgba(0, 0, 0, 0.2);
+
−
}
+
−
.boxInner img {
+
−
width: 100%;
+
−
}
+
−
.boxInner .titleBox {
+
−
position: absolute;
+
−
display:table;
+
−
bottom: 0;
+
−
left: 0;
+
−
right: 0;
+
−
margin-bottom: -50px;
+
−
background: #000;
+
−
background: rgba(0, 0, 0, 0.5);
+
−
color: #FFF;
+
−
padding: 10px;
+
−
text-align: center;
+
−
-webkit-transition: opacity 500ms;
+
−
-moz-transition: opacity 500ms;
+
−
-o-transition: opacity 500ms;
+
−
transition: opacity 500ms;
+
−
}
+
−
.boxLarge {
+
−
float: left;
+
−
position: relative;
+
−
width: 40%;
+
−
padding-bottom: 20%;
+
−
}
+
−
.boxLargeInner {
+
−
background-color: #FFFFFF;
+
−
position: absolute;
+
−
left: 10px;
+
−
right: 10px;
+
−
top: 10px;
+
−
bottom: 10px;
+
−
overflow: hidden;
+
−
}
+
−
.boxLargeInner h1, h2, h3, h4, h5, h6, h7 {
+
−
padding-left:10px;
+
−
}
+
−
.boxLargeInner p{
+
−
padding-left:35px;
+
−
padding-right:35px;
+
−
text-align:justify;
+
−
}
+
−
+
−
+
−
+
−
+
−
body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
+
−
margin-bottom: 0;
+
−
}
+
−
@media only screen and (max-width : 480px) {
+
−
/* Smartphone view: 1 tile */
+
−
.box {
+
−
width: 100%;
+
−
padding-bottom: 100%;
+
−
}
+
−
.boxLarge {
+
−
display:none;
+
−
}
+
−
.header {
+
−
text-align:center;
+
−
}
+
−
.headerContent {
+
−
width: 100%;
+
−
}
+
−
.header-logo {
+
−
display:none
+
−
}
+
−
.header ul li img {
+
−
float:none;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
−
}
+
−
}
+
−
@media only screen and (max-width : 650px) and (min-width : 481px) {
+
−
/* Tablet view: 2 tiles */
+
−
.box {
+
−
width: 50%;
+
−
padding-bottom: 50%;
+
−
}
+
−
.boxLarge {
+
−
width: 100%;
+
−
padding-bottom: 100%;
+
−
}
+
−
.header {
+
−
text-align:center;
+
−
}
+
−
.headerContent {
+
−
width: 100%;
+
−
}
+
−
.header-logo {
+
−
display:none
+
−
}
+
−
.header ul li img {
+
−
float:none;
+
−
padding-left: auto;
+
−
padding-right: auto;
+
−
}
+
−
}
+
−
@media only screen and (max-width : 1050px) and (min-width : 651px) {
+
−
/* Small desktop / ipad view: 3 tiles */
+
−
.box {
+
−
width: 33.3%;
+
−
padding-bottom: 33.3%;
+
−
}
+
−
.boxLarge {
+
−
width: 66.6%;
+
−
padding-bottom: 66%;
+
−
}
+
−
}
+
−
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
+
−
/* Medium desktop: 4 tiles */
+
−
.box {
+
−
width: 25%;
+
−
padding-bottom: 25%;
+
−
}
+
−
.boxLarge {
+
−
width: 50%;
+
−
padding-bottom: 25%;
+
−
}
+
−
}
+
−
</style>
+
−
<!-- Enable media queries for old IE -->
+
−
<!--[if lt IE 9]>
+
−
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
+
−
<![endif]-->
+
−
</head>
+
−
<body class="no-touch">
+
−
<div class="header">
+
−
<div class="headerContent">
+
−
<div class="header-logo"><img src="https://static.igem.org/mediawiki/2016/8/8f/Team-opoptosis-2016-logo.png" alt="opoptosis logo" height="40">
+
−
</div>
+
−
<ul>
+
−
<li><a href="#"><img src="https://static.igem.org/mediawiki/2016/9/9c/Team-opoptosis-2016-icons-sponsors.png" alt="sponsors"></a></li>
+
−
<li><a href="#"><img src="https://static.igem.org/mediawiki/2016/a/af/Team-opoptosis-2016-icons-progress.png" alt="progress"></a></li>
+
−
<li><a href="https://2016.igem.org/Team:Duesseldorf/Team"><img src="https://static.igem.org/mediawiki/2016/5/51/Team-opoptosis-2016-icons-team.png" alt="team"></a></li>
+
−
<li><a href="https://2016.igem.org/Team:Duesseldorf/Description"><img src="https://static.igem.org/mediawiki/2016/5/58/Team-opoptosis-2016-icons-project.png" alt="project" ></a></li>
+
−
<li><a href="https://2016.igem.org/Team:Duesseldorf"><img src="https://static.igem.org/mediawiki/2016/4/43/Team-opoptosis-2016-icons-home.png" alt="home"></a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
<div class="wrap">
+
−
<div class="boxLarge">
+
−
<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>
+
−
<h3>Hover over on a face to view more information!</h3>
+
 
</div>
 
</div>
 
 
−
+
<!--Content-->
−
</div>
+
<div id="Page" class="page middle width border shadow">
−
+
<div id="Content" class="content middle width">
−
+
<div class="row">
−
+
<div class="col-12 text-justify">
−
+
<h1> Our Team </h1>
−
+
<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. 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>
−
<div class="box">
+
−
<div class="boxInner">
+
−
<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>
+
 
</div>
 
</div>
−
</div>
 
−
<div class="box">
 
−
<div class="boxInner">
 
−
<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>
 
 
</div>
 
</div>
 +
 +
<div id="Alina Kuklinski" class="row top-padding">
 +
<div class="col-4 col-m-6">
 +
<div class="sg-container  ">
 +
<img src="https://static.igem.org/mediawiki/2016/2/2e/Team-opoptosis-2016-alina.jpg">
 +
<div class="img-hidden">
 +
<img src="https://static.igem.org/mediawiki/2016/d/db/Team-opoptosis-2016-alina-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-8 col-m-6 text-right">
 +
<h2>Alina Kuklinski</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>
 +
</div>
 
</div>
 
</div>
−
<div class="box">
+
<div id="Andreas Kahl" class="row top-padding">
−
<div class="boxInner">
+
<div class="col-8 col-m-6 text-left">
−
<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>
+
<h2>Andreas Kahl</h2>
−
<p>Michael Feldbrügge</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>
 +
</div>
 +
<div class="col-4 col-m-6">
 +
<div class="sg-container  ">
 +
<img src="https://static.igem.org/mediawiki/2016/f/f2/Team-opoptosis-2016-andreas.jpg">
 +
<div class="img-hidden">
 +
<img src="https://static.igem.org/mediawiki/2016/5/5e/Team-opoptosis-2016-andreas-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div id="Carima Weinert" class="row top-padding">
−
<div class="box">
+
<div class="col-4 col-m-6">
−
<div class="boxInner">
+
<div class="sg-container  ">
−
<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>
+
<img src="https://static.igem.org/mediawiki/2016/d/d8/Team-opoptosis-2016-carima.jpg">
−
<p>Nicolas Koutsoubelis</p>
+
<div class="img-hidden">
 +
<img src="https://static.igem.org/mediawiki/2016/5/57/Team-opoptosis-2016-carima-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-8 col-m-6 text-right">
 +
<h2>Carima Weinert</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>
 +
</div>
 +
</div>
 +
<div id="Carolin Krämer" class="row top-padding">
 +
<div class="col-8 col-m-6 text-left">
 +
<h2>Carolin Krämer</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>
 +
</div>
 +
<div class="col-4 col-m-6">
 +
<div class="sg-container  ">
 +
<img src="https://static.igem.org/mediawiki/2016/3/32/Team-opoptosis-2016-caro.jpg">
 +
<div class="img-hidden">
 +
<img src="https://static.igem.org/mediawiki/2016/2/24/Team-opoptosis-2016-caro.-razy.jpg">
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div id="Claudia Kalus" class="row top-padding">
−
<div class="box">
+
<div class="col-4 col-m-6">
−
<div class="boxInner">
+
<div class="sg-container  ">
−
<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>
+
<img src="https://static.igem.org/mediawiki/2016/d/d8/Team-opoptosis-2016-cluadia.jpg">
−
<p>Samantha Kurz</p>
+
<div class="img-hidden">
 +
<img src="https://static.igem.org/mediawiki/2016/1/17/Team-opoptosis-2016-cluadia-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-8 col-m-6 text-right">
 +
<h2>Claudia Kalus</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>
 +
</div>
 +
</div>
 +
<div id="Dorian Röders" class="row top-padding">
 +
<div class="col-8 col-m-6 text-left">
 +
<h2>Dorian Röders</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>
 +
</div>
 +
<div class="col-4 col-m-6">
 +
<div class="sg-container  ">
 +
<img src="https://static.igem.org/mediawiki/2016/6/61/Team-opoptosis-2016-dorian.jpg">
 +
<div class="img-hidden">
 +
<img src="https://static.igem.org/mediawiki/2016/7/7c/Team-opoptosis-2016-dorian-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div id="Erdem Sunal" class="row top-padding">
−
<div class="box">
+
<div class="col-4 col-m-6">
−
<div class="boxInner">
+
<div class="sg-container  ">
−
<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>
+
<img src="https://static.igem.org/mediawiki/2016/8/8c/Team-opoptosis-2016-erdem.jpg">
−
<p>Ute Gengenbacher</p>
+
<div class="img-hidden">
 +
<img src="https://static.igem.org/mediawiki/2016/8/86/Team-opoptosis-2016-erdem-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-8 col-m-6 text-right">
 +
<h2>Erdem Sunal</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>
 +
</div>
 +
</div>
 +
<div id="Julia Kapr" class="row top-padding">
 +
<div class="col-8 col-m-6 text-left">
 +
<h2>Julia Kapr</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>
 +
</div>
 +
<div class="col-4 col-m-6">
 +
<div class="sg-container  ">
 +
<img src="https://static.igem.org/mediawiki/2016/a/a1/Team-opoptosis-2016-julia.jpg">
 +
<div class="img-hidden">
 +
<img src="https://static.igem.org/mediawiki/2016/e/e0/Team-opoptosis-2016-julia-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div id="Julian Ohl" class="row top-padding">
−
<div class="box">
+
<div class="col-4 col-m-6">
−
<div class="boxInner">
+
<div class="sg-container  ">
−
<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>
+
<img src="https://static.igem.org/mediawiki/2016/1/13/Team-opoptosis-2016-julian.jpg">
−
<p>Alina Kuklinski</p>
+
<div class="img-hidden">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2016/1/1f/Team-opoptosis-2016-julian-crazy.jpg">
−
</div>
+
</div>
−
<div class="box">
+
</div>
−
<div class="boxInner">
+
</div>
−
<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>
+
<div class="col-8 col-m-6 text-right">
−
<p>Andreas Kahl</p>
+
<h2>Julian Ohl</h2>
−
</div>
+
<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>
−
</div>
+
</div>
−
<div class="box">
+
</div>
−
<div class="boxInner">
+
<div id="Leonie Wirth" class="row top-padding">
−
<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>
+
<div class="col-8 col-m-6 text-left">
−
<p>Carolin Krämer</p>
+
<h2>Leonie Wirth</h2>
−
</div>
+
<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>
−
</div>
+
</div>
−
<div class="box">
+
<div class="col-4 col-m-6">
−
<div class="boxInner">
+
<div class="sg-container  ">
−
<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>
+
<img src="https://static.igem.org/mediawiki/2016/9/9e/Team-opoptosis-2016-leonie.jpg">
−
<p>Carima Weinert</p>
+
<div class="img-hidden">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2016/8/8c/Team-opoptosis-2016-leonie-crazy.jpg">
−
</div>
+
</div>
−
<div class="box">
+
</div>
−
<div class="boxInner">
+
</div>
−
<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>
+
−
</div>
+
−
</div>
+
−
<div class="box">
+
−
<div class="boxInner">
+
−
<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>
+
−
</div>
+
−
</div>
+
−
<div class="box">
+
−
<div class="boxInner">
+
−
<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>
+
 
</div>
 
</div>
 +
<div id="Maja Magel" class="row top-padding">
 +
<div class="col-4 col-m-6">
 +
<div class="sg-container  ">
 +
<img src="https://static.igem.org/mediawiki/2016/7/7f/Team-opoptosis-2016-maja.jpg">
 +
<div class="img-hidden">
 +
<img src="https://static.igem.org/mediawiki/2016/d/d4/Team-opoptosis-2016-maja-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-8 col-m-6 text-right">
 +
<h2>Maja Magel</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>
 +
</div>
 
</div>
 
</div>
−
<div class="box">
+
<div id="Marcel Dickmanns" class="row top-padding">
−
<div class="boxInner">
+
<div class="col-8 col-m-6 text-left">
−
<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>
+
<h2>Marcel Dickmanns</h2>
−
<p>Julia Kapr</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>
−
</div>
+
</div>
−
</div>
+
<div class="col-4 col-m-6">
−
<div class="box">
+
<div class="sg-container  ">
−
<div class="boxInner">
+
<img src="https://static.igem.org/mediawiki/2016/a/a2/Team-opoptosis-2016-marcel.jpg">
−
<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>
+
<div class="img-hidden">
−
<p>Julian Ohl</p>
+
<img src="https://static.igem.org/mediawiki/2016/8/85/Team-opoptosis-2016-marcel-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 +
<div id="Martin Duemmel" class="row top-padding">
 +
<div class="col-4 col-m-6">
 +
<div class="sg-container  ">
 +
<img src="https://static.igem.org/mediawiki/2016/e/e6/Team-opoptosis-2016-martin.jpg">
 +
<div class="img-hidden">
 +
<img src="https://static.igem.org/mediawiki/2016/d/d8/Team-opoptosis-2016-martin-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-8 col-m-6 text-right">
 +
<h2>Martin Duemmel</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>
 +
</div>
 
</div>
 
</div>
−
<div class="box">
+
<div id="Marvin Hubert" class="row top-padding">
−
<div class="boxInner">
+
<div class="col-8 col-m-6 text-left">
−
<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>
+
<h2>Marvin Hubert</h2>
−
<p>Leonie Wirth</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>
−
</div>
+
</div>
−
</div>
+
<div class="col-4 col-m-6">
−
<div class="box">
+
<div class="sg-container  ">
−
<div class="boxInner">
+
<img src="https://static.igem.org/mediawiki/2016/c/ca/Team-opoptosis-2016-hupsi.jpg">
−
<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>
+
<div class="img-hidden">
−
<p>Maja Magel</p>
+
<img src="https://static.igem.org/mediawiki/2016/b/b3/Team-opoptosis-2016-hupsi-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 +
<div id="Marvin van Aalst" class="row top-padding">
 +
<div class="col-4 col-m-6">
 +
<div class="sg-container  ">
 +
<img src="https://static.igem.org/mediawiki/2016/3/35/Team-opoptosis-2016-marvin.jpg">
 +
<div class="img-hidden">
 +
<img src="https://static.igem.org/mediawiki/2016/a/af/Team-opoptosis-2016-marvin-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-8 col-m-6 text-right">
 +
<h2>Marvin van Aalst</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>
 +
</div>
 
</div>
 
</div>
−
<div class="box">
+
<div id="Melissa Meschkewitz" class="row top-padding">
−
<div class="boxInner">
+
<div class="col-8 col-m-6 text-left">
−
<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>
+
<h2>Melissa Meschkewitz</h2>
−
<p>Marcel Dickmanns</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>
−
</div>
+
</div>
−
</div>
+
<div class="col-4 col-m-6">
−
<div class="box">
+
<div class="sg-container  ">
−
<div class="boxInner">
+
<img src="https://static.igem.org/mediawiki/2016/a/af/Team-opoptosis-2016-melissa.jpg">
−
<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>
+
<div class="img-hidden">
−
<p>Martin Duemmel</p>
+
<img src="https://static.igem.org/mediawiki/2016/4/42/Team-opoptosis-2016-melissa-crazy.jpg">
−
</div>
+
</div>
−
</div>
+
</div>
−
<div class="box">
+
</div>
−
<div class="boxInner">
+
−
<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>
+
−
</div>
+
−
</div>
+
−
<div class="box">
+
−
<div class="boxInner">
+
−
<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>
+
 
</div>
 
</div>
 +
<div id="Rebecca Wolters" class="row top-padding">
 +
<div class="col-4 col-m-6">
 +
<div class="sg-container  ">
 +
<img src="https://static.igem.org/mediawiki/2016/7/7e/Team-opoptosis-2016-rebecca.jpg">
 +
<div class="img-hidden">
 +
<img src="https://static.igem.org/mediawiki/2016/c/c5/Team-opoptosis-2016-rebecca-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-8 col-m-6 text-right">
 +
<h2>Rebecca Wolters</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>
 +
</div>
 
</div>
 
</div>
−
<div class="box">
+
<div id="Rene Inckemann" class="row top-padding">
−
<div class="boxInner">
+
<div class="col-8 col-m-6 text-left">
−
<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>
+
<h2>René Inckemann</h2>
−
<p>Melissa Meschkewitz</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>
−
</div>
+
</div>
−
</div>
+
<div class="col-4 col-m-6">
−
<div class="box">
+
<div class="sg-container  ">
−
<div class="boxInner">
+
<img src="https://static.igem.org/mediawiki/2016/4/4a/Team-opoptosis-2016-rene.jpg">
−
<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>
+
<div class="img-hidden">
−
<p>Rebecca Wolters</p>
+
<img src="https://static.igem.org/mediawiki/2016/4/44/Team-opoptosis-2016-rene-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 +
<div id="Tim Rapp" class="row top-padding">
 +
<div class="col-4 col-m-6">
 +
<div class="sg-container  ">
 +
<img src="https://static.igem.org/mediawiki/2016/6/64/Team-opoptosis-2016-tim.jpg">
 +
<div class="img-hidden">
 +
<img src="https://static.igem.org/mediawiki/2016/5/5a/Team-opoptosis-2016-tim-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-8 col-m-6 text-right">
 +
<h2>Tim Rapp</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>
 +
</div>
 
</div>
 
</div>
−
<div class="box">
+
<div id="Tobias Link" class="row top-padding">
−
<div class="boxInner">
+
<div class="col-8 col-m-6 text-left">
−
<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>
+
<h2>Tobias Link</h2>
−
<p>René Inckemann</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>
 +
</div>
 +
<div class="col-4 col-m-6">
 +
<div class="sg-container  ">
 +
<img src="https://static.igem.org/mediawiki/2016/4/44/Team-opoptosis-2016-tobi.jpg">
 +
<div class="img-hidden">
 +
<img src="https://static.igem.org/mediawiki/2016/c/c6/Team-opoptosis-2016-tobi-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 +
<div id="Matias Zurbriggen" class="row top-padding">
 +
<div class="col-4 col-m-6">
 +
<div class="sg-container  ">
 +
<img src="https://static.igem.org/mediawiki/2016/1/18/Team-opoptosis-2016-zubi.jpg">
 +
<div class="img-hidden">
 +
<img src="https://static.igem.org/mediawiki/2016/5/5c/Team-opoptosis-2016-zubi-crazy.jpg">
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-8 col-m-6 text-right">
 +
<h2>Matias Zurbriggen</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>
 +
</div>
 
</div>
 
</div>
−
<div class="box">
+
−
<div class="boxInner">
+
−
<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>
+
 +
 +
 +
<!-- Footer -->
 +
<div id="Footer" class="row middle footer">
 +
<h3>Many thanks to our sponsors!</h3>
 +
<div class="col-2 col-m-4 colhalf sponsor"><img src="media/logo.svg" alt="Sponsor" ></div>
 +
<div class="col-2 col-m-4 colhalf sponsor"><img src="media/logo.svg" alt="Sponsor" ></div>
 +
<div class="col-2 col-m-4 colhalf sponsor"><img src="media/logo.svg" alt="Sponsor" ></div>
 +
<div class="col-2 col-m-4 colhalf sponsor"><img src="media/logo.svg" alt="Sponsor" ></div>
 +
<div class="col-2 col-m-4 colhalf sponsor"><img src="media/logo.svg" alt="Sponsor" ></div>
 +
<div class="col-2 col-m-4 colhalf sponsor"><img src="media/logo.svg" alt="Sponsor" ></div>
 +
</div>
 +
<div class="row middle">
 +
<div class="col-2 col-m-4 colhalf sponsor"><img src="media/logo.svg" alt="Sponsor" ></div>
 +
<div class="col-2 col-m-4 colhalf sponsor"><img src="media/logo.svg" alt="Sponsor" ></div>
 +
<div class="col-2 col-m-4 colhalf sponsor"><img src="media/logo.svg" alt="Sponsor" ></div>
 +
<div class="col-2 col-m-4 colhalf sponsor"><img src="media/logo.svg" alt="Sponsor" ></div>
 +
<div class="col-2 col-m-4 colhalf sponsor"><img src="media/logo.svg" alt="Sponsor" ></div>
 +
<div class="col-2 col-m-4 colhalf sponsor"><img src="media/logo.svg" alt="Sponsor" ></div>
 +
</div>
 +
<div class="row middle">
 +
<p style="font-size:60%; text-align:center;">Team Opoptosis, Heinrich-Heine Universität Düsseldorf. Design by Marvin van Aalst</p>
 +
</div>
 +
<!-- /Footer -->
 +
<!-- /Content -->
 
</div>
 
</div>
−
</div>
+
−
<div class="box">
+
−
<div class="boxInner">
+
<!-- Page -->
−
<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>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="footer">
+
−
<h1 style="text-align:center;">Footer</h1>
+
 
</div>
 
</div>
−
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
 
−
<script type="text/javascript">
 
−
$(function(){
 
−
  // See if this is a touch device
 
−
  if ('ontouchstart' in window)
 
−
  {
 
−
      // Set the correct body class
 
−
      $('body').removeClass('no-touch').addClass('touch');
 
−
   
 
−
      // Add the touch toggle to show text
 
−
      $('div.boxInner img').click(function(){
 
−
        $(this).closest('.boxInner').toggleClass('touchFocus');
 
−
      });
 
−
  }
 
−
});
 
−
</script>
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 10:54, 2 July 2016

<!DOCTYPE html> Team

Our 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. 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.

Alina Kuklinski

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.

Andreas Kahl

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.

Carima Weinert

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.

Carolin Krämer

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.

Claudia Kalus

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.

Dorian Röders

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.

Erdem Sunal

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.

Julia Kapr

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.

Julian Ohl

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.

Leonie Wirth

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.

Maja Magel

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.

Marcel Dickmanns

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.

Martin Duemmel

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.

Marvin Hubert

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.

Marvin van Aalst

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.

Melissa Meschkewitz

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.

Rebecca Wolters

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.

René Inckemann

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.

Tim Rapp

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.

Matias Zurbriggen

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.

Team Opoptosis, Heinrich-Heine Universität Düsseldorf. Design by Marvin van Aalst