Difference between revisions of "Team:Cologne-Duesseldorf/Test2"

Line 2: Line 2:
 
{{Template:Cologne-Duesseldorf/header}}
 
{{Template:Cologne-Duesseldorf/header}}
 
<html>
 
<html>
−
<head>
 
−
<style>
 
−
.slider{
 
−
  border:5px solid black;
 
−
  position:relative;
 
−
}
 
−
.slide{
 
−
  display:block;
 
−
  max-width:50%;
 
−
  padding: 10%;
 
−
  margin:auto;
 
−
}
 
−
.slider button { 
 
−
  position: absolute; 
 
−
  top: 50%;
 
−
  border:none;
 
−
  height: 50px;
 
−
  width: 50px;
 
−
  cursor: pointer;
 
−
  margin-top: -25px; 
 
−
  background: hsl(0, 0%, 90%); 
 
−
}
 
−
.slider button:hover{
 
−
  background: hsl(0, 0%, 70%);
 
−
}
 
−
 
−
.btn-left{
 
−
  left:0;
 
−
}
 
−
.btn-right{
 
−
  right:0;
 
−
}
 
−
 
−
</style>
 
−
</head>
 
 
<body>
 
<body>
−
<div id="ToC"></div>
+
<article>
−
<article>
+
<h1>Team</h1>
 +
<div id="ToC"></div>
 +
<h2>Gallery</h2>
 +
    <h3>Team</h3>
 +
    <div class="flex-gallery">
 +
<div>
 +
<h6>Aikaterini Karapantsiou</h6>
 +
<a href="#Aikaterini-Karapantsiou" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/4/42/Aikaterini-Karapantsiou-1.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Anna Sappler</h6>
 +
<a href="#Anna-Sappler" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/0/00/T--Cologne-Duesseldorf--Anna-Sappler-2.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Bastiaan Tjeng</h6>
 +
<a href="#Bastiaan-Tjeng" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/0/0b/T--Cologne-Duesseldorf--Bastiaan-Tjeng-1.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Daniela Wall</h6>
 +
<a href="#Daniela-Wall" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/1/19/T--Cologne-Duesseldorf--Daniela-Wall-2.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Eric Behle</h6>
 +
<a href="#Eric-Behle" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/0/03/T--Cologne-Duesseldorf--Eric-Behle-1.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Fiona Edenhofer</h6>
 +
<a href="#Fiona-Edenhofer" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/0/05/T--Cologne-Duesseldorf--Fiona-Edenhofer-2.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Hendrik Cooper</h6>
 +
<a href="#Hendrik-Cooper" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/3/38/T--Cologne-Duesseldorf--Hendrik-Cooper-1.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Jan Maika</h6>
 +
<a href="#Jan-Maika" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/a/aa/T--Cologne-Duesseldorf--Jan-Maika-1.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Jason Müller</h6>
 +
<a href="#Jason-Mueller" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/9/98/T--Cologne-Duesseldorf--Jason-Mueller-2.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Kristin Gehling</h6>
 +
<a href="#Kristin-Gehling" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/4/49/T--Cologne-Duesseldorf--Kristin-Gehling-2.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Lisa Wolpers</h6>
 +
<a href="#Lisa-Wolpers" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/3/3b/T--Cologne-Duesseldorf--Lisa-Wolpers-1.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Manuel Lentzen</h6>
 +
<a href="#Manuel-Lentzen" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/5/58/T--Cologne-Duesseldorf--Manuel-Lentzen-2.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Marvin van Aalst</h6>
 +
<a href="#Marvin-van-Aalst" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/3/38/T--Cologne-Duesseldorf--Marvin-van-Aalst-1.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Pauline Ott</h6>
 +
<a href="#Pauline-Ott" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/0/0e/T--Cologne-Duesseldorf--Pauline-Ott-2.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Philipp Müller</h6>
 +
<a href="#Philipp-Mueller" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/c/cc/T--Cologne-Duesseldorf--Philipp-Mueller-2.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Philipp Rink</h6>
 +
<a href="#Philipp-Rink" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/0/08/T--Cologne-Duesseldorf--Philipp-Rink-2.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Rene Inckemann</h6>
 +
<a href="#Rene-Inckemann" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/d/d1/T--Cologne-Duesseldorf--Rene-Inckemann-1.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Tobias Brünger</h6>
 +
<a href="#Tobias-Bruenger" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/8/8d/T--Cologne-Duesseldorf--Tobias-Bruenger-1.jpg">
 +
</a>
 +
</div>
 +
</div>
  
−
<h1>Heading</h1>
+
<h3>Instructors and Advisors</h3>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempor pellentesque lacus sit amet imperdiet. Donec eleifend tristique semper. Pellentesque id libero leo. Duis in diam nisi. Maecenas vel libero lacus. Sed a quam libero. Etiam ac libero risus. Praesent risus dolor, vehicula et tincidunt quis, mollis a massa.
+
    <div class="flex-gallery">
 +
<div>
 +
<h6>Alina Kuklinski</h6>
 +
<a href="#Alina-Kuklinski" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/9/96/T--Cologne-Duesseldorf--Alina-Kuklinski-1.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Carolin Krämer</h6>
 +
<a href="#Carolin-Kraemer" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/f/f1/T--Cologne-Duesseldorf--Carolin-Kraemer-1.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Kai Hußnätter</h6>
 +
<a href="#Kai-Hussnaetter" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/c/cd/T--Cologne-Duesseldorf--Kai-Hussnaetter-2.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Marvin Hubert</h6>
 +
<a href="#Marvin-Hubert" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/c/c3/T--Cologne-Duesseldorf--Marvin-Hubert-1.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Nicolas Schmelling</h6>
 +
<a href="#Nicolas-Schmelling" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/b/bc/T--Cologne-Duesseldorf--Nicolas-Schmelling-2.jpg">
 +
</a>
 +
</div>
 +
<div>
 +
<h6>Tim Blomeier</h6>
 +
<a href="#Tim-Blomeier" class="no-scroll">
 +
<img src="https://static.igem.org/mediawiki/2017/f/f8/T--Cologne-Duesseldorf--Tim-Blomeier-2.jpg">
 +
</a>
 +
</div>
 +
</div>
  
−
Nulla erat lectus, placerat aliquam fermentum ac, varius at ex. Integer accumsan urna ac placerat scelerisque. Fusce id massa ut mi rhoncus maximus sed quis sapien. Quisque at quam sed felis vehicula consectetur in quis urna. In pharetra enim eros, in venenatis quam pulvinar eget. Vivamus congue vehicula metus. Integer vehicula nec enim eu ornare. Maecenas commodo finibus orci vel placerat. Aliquam tempor fermentum purus, vitae accumsan purus. Suspendisse tempor, dolor ut viverra suscipit, erat tellus suscipit urna, vel sagittis magna lorem vel orci. Aenean ex quam, luctus et vestibulum eu, varius ac nunc.</p>
 
−
<div class="slider">
 
−
  <img class="slide" src="https://static.igem.org/mediawiki/2017/9/93/Artico_mdworkflow.png">
 
−
  <img class="slide" src="https://static.igem.org/mediawiki/2017/c/c5/Artico_p5wt_polar.png">
 
  
−
  <button class="btn-left" onclick="plusDivs(-1)">&#10094;</button>
+
<!-- Modals -->
−
  <button class="btn-right" onclick="plusDivs(1)">&#10095;</button>
+
<a href="#!">
−
</div>
+
<div id="Aikaterini-Karapantsiou" class="modalDialog">
−
<h1>Heading</h1>
+
<a href="#!" title="Close" class="close no-scroll">X</a>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempor pellentesque lacus sit amet imperdiet. Donec eleifend tristique semper. Pellentesque id libero leo. Duis in diam nisi. Maecenas vel libero lacus. Sed a quam libero. Etiam ac libero risus. Praesent risus dolor, vehicula et tincidunt quis, mollis a massa.
+
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/9/97/T--Cologne-Duesseldorf--Aikaterini-Karapantsiou-3.jpg">
 +
</div>
 +
<div>
 +
<h4>Aikaterini Karapantsiou</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
</a>
 +
<div id="Anna-Sappler" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/5/55/T--Cologne-Duesseldorf--Anna-Sappler-5.jpg">
 +
</div>
 +
<div>
 +
<h4>Anna Sappler</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Bastiaan-Tjeng" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/1/15/T--Cologne-Duesseldorf--Bastiaan-Tjeng-3.jpg">
 +
</div>
 +
<div>
 +
<h4>Bastiaan Tjeng</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
  
−
Nulla erat lectus, placerat aliquam fermentum ac, varius at ex. Integer accumsan urna ac placerat scelerisque. Fusce id massa ut mi rhoncus maximus sed quis sapien. Quisque at quam sed felis vehicula consectetur in quis urna. In pharetra enim eros, in venenatis quam pulvinar eget. Vivamus congue vehicula metus. Integer vehicula nec enim eu ornare. Maecenas commodo finibus orci vel placerat. Aliquam tempor fermentum purus, vitae accumsan purus. Suspendisse tempor, dolor ut viverra suscipit, erat tellus suscipit urna, vel sagittis magna lorem vel orci. Aenean ex quam, luctus et vestibulum eu, varius ac nunc.</p>
+
<div id="Daniela-Wall" class="modalDialog">
−
 
+
<a href="#!" title="Close" class="close no-scroll">X</a>
−
  </article>
+
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/5/5d/T--Cologne-Duesseldorf--Daniela-Wall-3.jpg">
 +
</div>
 +
<div>
 +
<h4>Daniela Wall</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Eric-Behle" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/7/77/T--Cologne-Duesseldorf--Eric-Behle-3.jpg">
 +
</div>
 +
<div>
 +
<h4>Eric Behle</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Fiona-Edenhofer" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/a/a5/T--Cologne-Duesseldorf--Fiona-Edenhofer-4.jpg">
 +
</div>
 +
<div>
 +
<h4>Fiona Edenhofer</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Hendrik-Cooper" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/b/ba/T--Cologne-Duesseldorf--Hendrik-Cooper-2.jpg">
 +
</div>
 +
<div>
 +
<h4>Hendrik Cooper</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Jan-Maika" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/a/ae/T--Cologne-Duesseldorf--Jan-Maika-2.jpg">
 +
</div>
 +
<div>
 +
<h4>Jan Maika</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Jason-Mueller" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/b/be/T--Cologne-Duesseldorf--Jason-Mueller-4.jpg">
 +
</div>
 +
<div>
 +
<h4>Jason Müller</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Kristin-Gehling" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/b/b7/T--Cologne-Duesseldorf--Kristin-Gehling-3.jpg">
 +
</div>
 +
<div>
 +
<h4>Kristin Gehling</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Lisa-Wolpers" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/7/71/T--Cologne-Duesseldorf--Lisa-Wolpers-5.jpg">
 +
</div>
 +
<div>
 +
<h4>Lisa Wolpers</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Manuel-Lentzen" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/e/e9/T--Cologne-Duesseldorf--Manuel-Lentzen-3.jpg">
 +
</div>
 +
<div>
 +
<h4>Manuel Lentzen</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Marvin-van-Aalst" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/4/4a/T--Cologne-Duesseldorf--Marvin-van-Aalst-3.jpg">
 +
</div>
 +
<div>
 +
<h4>Marvin van Aalst</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Pauline-Ott" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/6/6e/T--Cologne-Duesseldorf--Pauline-Ott-3.jpg">
 +
</div>
 +
<div>
 +
<h4>Pauline Ott</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Philipp-Mueller" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/4/45/T--Cologne-Duesseldorf--Philipp-Mueller-3.jpg">
 +
</div>
 +
<div>
 +
<h4>Philipp Müller</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Philipp-Rink" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/6/64/T--Cologne-Duesseldorf--Philipp-Rink-3.jpg">
 +
</div>
 +
<div>
 +
<h4>Philipp Rink</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Rene-Inckemann" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/7/7d/T--Cologne-Duesseldorf--Rene-Inckemann-3.jpg">
 +
</div>
 +
<div>
 +
<h4>René Inckemann</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Tobias-Bruenger" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/5/53/T--Cologne-Duesseldorf--Tobias-Bruenger-3.jpg">
 +
</div>
 +
<div>
 +
<h4>Tobias Brünger</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Alina-Kuklinski" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/2/26/T--Cologne-Duesseldorf--Alina-Kuklinski-3.jpg">
 +
</div>
 +
<div>
 +
<h4>Alina Kuklinski</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Carolin-Kraemer" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/d/d5/T--Cologne-Duesseldorf--Carolin-Kraemer-5.jpg">
 +
</div>
 +
<div>
 +
<h4>Carolin Krämer</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Kai-Hussnaetter" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/9/9f/T--Cologne-Duesseldorf--Kai-Hussnaetter-4.jpg">
 +
</div>
 +
<div>
 +
<h4>Kai Hußnätter</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Marvin-Hubert" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/b/bc/T--Cologne-Duesseldorf--Marvin-Hubert-3.jpg">
 +
</div>
 +
<div>
 +
<h4>Marvin Hubert</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Nicolas-Schmelling" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/4/48/T--Cologne-Duesseldorf--Nicolas-Schmelling-3.jpg">
 +
</div>
 +
<div>
 +
<h4>Nicolas Schmelling</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="Tim-Blomeier" class="modalDialog">
 +
<a href="#!" title="Close" class="close no-scroll">X</a>
 +
<div>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2017/1/13/T--Cologne-Duesseldorf--Tim-Blomeier-3.jpg">
 +
</div>
 +
<div>
 +
<h4>Tim Blomeier</h4>
 +
<ul>
 +
<li>First Point</li>
 +
<li>Second Point</li>
 +
<li>Third Point</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</article>
 
</body>
 
</body>
−
 
−
<script>
 
−
var slideIndex = 1;
 
−
showDivs(slideIndex);
 
−
 
−
function plusDivs(n) {
 
−
  showDivs(slideIndex += n);
 
−
}
 
−
 
−
function showDivs(n) {
 
−
  var i;
 
−
  var x = document.getElementsByClassName("slide");
 
−
  if (n > x.length) {slideIndex = 1}   
 
−
  if (n < 1) {slideIndex = x.length}
 
−
  for (i = 0; i < x.length; i++) {
 
−
    x[i].style.display = "none"; 
 
−
  }
 
−
  x[slideIndex-1].style.display = "block"; 
 
−
}
 
−
</script>
 
 
</html>
 
</html>
 
{{Template:Cologne-Duesseldorf/footer}}
 
{{Template:Cologne-Duesseldorf/footer}}
 
{{Template:Cologne-Duesseldorf/js}}
 
{{Template:Cologne-Duesseldorf/js}}

Revision as of 12:10, 31 October 2017

Team

Gallery

Team

Aikaterini Karapantsiou
Anna Sappler
Bastiaan Tjeng
Daniela Wall
Eric Behle
Fiona Edenhofer
Hendrik Cooper
Jan Maika
Jason Müller
Kristin Gehling
Lisa Wolpers
Manuel Lentzen
Marvin van Aalst
Pauline Ott
Philipp Müller
Philipp Rink
Rene Inckemann
Tobias Brünger

Instructors and Advisors

Alina Kuklinski
Carolin Krämer
Kai Hußnätter
Marvin Hubert
Nicolas Schmelling
Tim Blomeier
X

Aikaterini Karapantsiou

  • First Point
  • Second Point
  • Third Point
X

Anna Sappler

  • First Point
  • Second Point
  • Third Point
X

Bastiaan Tjeng

  • First Point
  • Second Point
  • Third Point
X

Daniela Wall

  • First Point
  • Second Point
  • Third Point
X

Eric Behle

  • First Point
  • Second Point
  • Third Point
X

Fiona Edenhofer

  • First Point
  • Second Point
  • Third Point
X

Hendrik Cooper

  • First Point
  • Second Point
  • Third Point
X

Jan Maika

  • First Point
  • Second Point
  • Third Point
X

Jason Müller

  • First Point
  • Second Point
  • Third Point
X

Kristin Gehling

  • First Point
  • Second Point
  • Third Point
X

Lisa Wolpers

  • First Point
  • Second Point
  • Third Point
X

Manuel Lentzen

  • First Point
  • Second Point
  • Third Point
X

Marvin van Aalst

  • First Point
  • Second Point
  • Third Point
X

Pauline Ott

  • First Point
  • Second Point
  • Third Point
X

Philipp Müller

  • First Point
  • Second Point
  • Third Point
X

Philipp Rink

  • First Point
  • Second Point
  • Third Point
X

René Inckemann

  • First Point
  • Second Point
  • Third Point
X

Tobias Brünger

  • First Point
  • Second Point
  • Third Point
X

Alina Kuklinski

  • First Point
  • Second Point
  • Third Point
X

Carolin Krämer

  • First Point
  • Second Point
  • Third Point
X

Kai Hußnätter

  • First Point
  • Second Point
  • Third Point
X

Marvin Hubert

  • First Point
  • Second Point
  • Third Point
X

Nicolas Schmelling

  • First Point
  • Second Point
  • Third Point
X

Tim Blomeier

  • First Point
  • Second Point
  • Third Point