Difference between revisions of "Team:Duesseldorf/Team"

 
(132 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Duesseldorf}}
+
{{Template:Duesseldorf/CSS2}}
 
<html>
 
<html>
−
<head>
+
  <head>
−
<meta charset="utf-8">
+
      <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
−
<title>TEAM</title>
+
−
<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
+
−
http://jsbin.com
+
−
+
−
Copyright (c) 2016 by anonymous (http://jsbin.com/utupuw/5/edit)
+
−
+
−
Released under the MIT license: http://jsbin.mit-license.org
+
−
-->
+
−
<style type="text/css">
+
−
body {
+
−
background-color: #2D2D2D;
+
−
width: 100%;
+
−
margin: 0px;
+
−
}
+
−
h1, h2, h3, h4, h5, h6, h7, p {
+
−
color: #0C9476;
+
−
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 {
+
  <!-- Img Swap -->
−
background-color: #FFFFFF;  
+
  <script type="text/javascript">
−
width: 100%;  
+
    $(document).ready(function() {
−
height: 200px;
+
    $('.sg-container').on('mouseover', function() {
−
padding-top: 5px;
+
    $(this).toggleClass('active');
−
}
+
    });
−
.wrap {
+
    });
−
overflow: hidden;
+
  </script>
−
margin-top: 10px;
+
  </head>
−
margin-left: auto;
+
  <body>
−
margin-right: auto;
+
      <div class="content">
−
margin-bottom: 20px;
+
        <div class="nav">
−
width: 80%;
+
            <table style="margin: 0; border: none; width: 100%;">
−
}
+
              <tr style="border:none;">
−
.box {
+
                  <td style="border:none; padding: 0 20px 0 20px;"> <a href="https://2016.igem.org/Team:Duesseldorf"><img src="https://static.igem.org/mediawiki/2016/f/f3/T--Duesseldorf--logo-white.svg"></a></td>
−
float: left;
+
              </tr>
−
position: relative;
+
              <tr style="border:none;">
−
width: 20%;
+
                  <td style="border:none;">
−
padding-bottom: 20%;
+
                    <ul>
−
}
+
                        <li><a href="https://2016.igem.org/Team:Duesseldorf">Home</a></li>
−
.boxInner {
+
                        <li class="dropdown">
−
position: absolute;
+
                          <a href="#" >Project</a>
−
left: 10px;
+
                          <div class="dropdown-content">
−
right: 10px;
+
                              <ul>
−
top: 10px;
+
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Description">Description</a></li>
−
bottom: 10px;
+
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Proof">Results</a></li>
−
overflow: hidden;
+
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Demonstrate">Demonstrate</a></li>
−
}
+
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Future_Applications">Future Applications</a></li>
−
.boxInner p {
+
                              </ul>
−
position: absolute;
+
                          </div>
−
display:table;
+
                        </li>
−
bottom: 0;
+
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Collaborations">Collaborations</a></li>
−
left: 0;
+
                        <li class="dropdown">
−
right: 0;
+
                          <a href="#">Outreach</a>
−
margin-bottom: 0px;
+
                          <div class="dropdown-content">
−
color: #FFF;
+
                              <ul>
−
text-align: left;
+
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach">Outreach</a></li>
−
background: rgba(0, 0, 0, 0.2);
+
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#HP">Education</a></li>
−
}
+
                                <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#IHP">Integrated Practices</a></li>
−
.boxInner img {
+
                              </ul>
−
width: 100%;
+
                          </div>
−
}
+
                        </li>
−
.boxInner .titleBox {
+
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Hardware">Hardware</a></li>
−
position: absolute;
+
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Attributions">Attributions</a></li>
−
display:table;
+
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Safety">Safety</a></li>
−
bottom: 0;
+
                        <li><a style="color: white;" href="https://2016.igem.org/Team:Duesseldorf/Team">Team</a></li>
−
left: 0;
+
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Parts</a></li>
−
right: 0;
+
                        <li><a href="https://2016.igem.org/Team:Duesseldorf/Experiments">Experiments</a></li>
−
margin-bottom: -50px;
+
                    </ul>
−
background: #000;
+
                  </td>
−
background: rgba(0, 0, 0, 0.5);
+
              </tr>
−
color: #FFF;
+
              <tr style="border:none;">
−
padding: 10px;
+
                  <td style="border:none;">
−
text-align: center;
+
                    <!------- Social Icons by https://www.iconfinder.com/icons/1546110/brand_logo_social_social_network_twitter_website_icon_icon#size=128 --->
−
-webkit-transition: opacity 500ms;
+
                    <a href="http://facebook.com/igemhhu" style="margin:0;padding:0;">
−
-moz-transition: opacity 500ms;
+
                        <?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
−
-o-transition: opacity 500ms;
+
                        <svg id="Layer_1" class="social"  style="width:10%; margin-top:10px;enable-background:new 0 0 76 76;" version="1.1" viewBox="0 0 76 76" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
−
transition: opacity 500ms;
+
                          <style type="text/css">
−
}
+
                              .st0{fill:#333333;}
−
.boxLarge {
+
                              .st1{fill:#333333;}
−
float: left;
+
                              .st2{fill:#333333;}
−
position: relative;
+
                          </style>
−
width: 40%;
+
                          <g>
−
padding-bottom: 20%;
+
                              <path class="st0" d="M65,1H11C5.5,1,1,5.5,1,11V65c0,5.5,4.5,10,10,10h26.7l0-26.4h-6.9c-0.9,0-1.6-0.7-1.6-1.6l0-8.5  c0-0.9,0.7-1.6,1.6-1.6h6.9v-8.2c0-9.6,5.8-14.8,14.4-14.8h7c0.9,0,1.6,0.7,1.6,1.6v7.2c0,0.9-0.7,1.6-1.6,1.6l-4.3,0  c-4.6,0-5.5,2.2-5.5,5.4v7.1h10.2c1,0,1.7,0.8,1.6,1.8l-1,8.5c-0.1,0.8-0.8,1.4-1.6,1.4h-9.1l0,26.4H65c5.5,0,10-4.5,10-10V11  C75,5.5,70.5,1,65,1z"/>
−
}
+
                          </g>
−
.boxLargeInner {
+
                        </svg>
−
background-color: #FFFFFF;
+
                    </a>
−
position: absolute;
+
                    <a href="https://twitter.com/igemhhu16" style="margin:0;padding:0;">
−
left: 10px;
+
                        <?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
−
right: 10px;
+
                        <svg id="Layer_1" class="social"  style="width:10%; margin-top:10px;enable-background:new 0 0 76 76;" version="1.1" viewBox="0 0 76 76" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
−
top: 10px;
+
                          <style type="text/css">
−
bottom: 10px;
+
                              .st0{fill:#333333;}
−
overflow: hidden;
+
                              .st1{fill:#333333;}
−
}
+
                              .st2{fill:#333333;}
−
.boxLargeInner h1, h2, h3, h4, h5, h6, h7 {
+
                          </style>
−
padding-left:10px;
+
                          <g>
−
}
+
                              <path class="st0" d="M73.8,14.4c-1.6,0.7-3.4,1.3-5.1,1.7c1.9-1.8,3.4-4.1,4.2-6.7l0,0c0.2-0.7-0.6-1.4-1.2-1l0,0  c-2.4,1.4-5.1,2.5-7.8,3.2c-0.2,0-0.3,0.1-0.5,0.1c-0.5,0-1-0.2-1.4-0.5c-2.9-2.6-6.7-4-10.6-4c-1.7,0-3.4,0.3-5.1,0.8  c-5.2,1.6-9.2,5.9-10.4,11.1c-0.5,2-0.6,4-0.4,5.9c0,0.2-0.1,0.4-0.1,0.4c-0.1,0.1-0.3,0.2-0.4,0.2c0,0,0,0-0.1,0  c-11.3-1.1-21.5-6.5-28.8-15.4l0,0c-0.4-0.5-1.1-0.4-1.4,0.1l0,0c-1.4,2.4-2.2,5.2-2.2,8c0,4.3,1.7,8.4,4.8,11.4  C6.2,29.5,5,29,3.8,28.4l0,0c-0.6-0.3-1.2,0.1-1.2,0.7l0,0c-0.1,6.4,3.7,12.1,9.3,14.7c-0.1,0-0.2,0-0.3,0c-0.9,0-1.8-0.1-2.7-0.3  l0,0c-0.6-0.1-1.1,0.5-1,1.1l0,0c1.8,5.7,6.7,9.9,12.6,10.9c-4.9,3.3-10.6,5-16.5,5l-1.8,0c-0.6,0-1,0.4-1.2,0.9  c-0.1,0.5,0.1,1.1,0.6,1.4c6.7,3.9,14.3,5.9,22,5.9c6.8,0,13.1-1.3,18.8-4c5.2-2.4,9.9-5.9,13.8-10.3c3.6-4.1,6.5-8.9,8.4-14.1  c1.9-5,2.9-10.3,2.9-15.4v-0.2c0-0.8,0.4-1.6,1-2.1c2.5-2,4.6-4.3,6.3-7l0,0C75.3,14.9,74.6,14,73.8,14.4L73.8,14.4z"/>
−
.boxLargeInner p{
+
                          </g>
−
padding-left:35px;
+
                        </svg>
−
padding-right:35px;
+
                    </a>
−
text-align:justify;
+
                    <a href="https://www3.hhu.de/igem/" style="margin:0;padding:0;">
−
}
+
                        <?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
−
+
                        <svg id="Layer_1" class="social"  style="width:10%; margin-top:10px;enable-background:new 0 0 76 76;" version="1.1" viewBox="0 0 76 76" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
−
+
                          <style type="text/css">
−
+
                              .st0{fill:#333333;}
−
+
                              .st1{fill:#333333;}
−
body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
+
                              .st2{fill:#333333;}
−
margin-bottom: 0;
+
                          </style>
−
}
+
                          <g>
−
@media only screen and (max-width : 480px) {
+
                              <g>
−
/* Smartphone view: 1 tile */
+
                                <path class="st0" d="M23.2,23.8h-4.1l11.1,31.5l6.2-17.8l-4.8-13.7h-4.3v-3h19.1v3H42l11.1,31.5l4-11.4    c5.3-14.7-4.3-19.2-4.3-22.5s2.7-5.9,5.9-5.9c0.2,0,0.3,0,0.5,0C53.7,10.3,46.2,7,38,7c-10.7,0-20.2,5.5-25.8,13.8h11L23.2,23.8    L23.2,23.8z"/>
−
.box {
+
                                <path class="st0" d="M7,38c0,11.9,6.7,22.1,16.4,27.4l-14-39.5C7.9,29.6,7,33.7,7,38z"/>
−
width: 100%;
+
                                <path class="st0" d="M64.9,22.7c0.4,2.6,0.3,5.5-0.4,8.5h0.1l-0.5,1.3l0,0c-0.3,1-0.6,2-1,2.9L52.6,65.3C62.3,60.1,69,49.8,69,38    C69,32.5,67.5,27.2,64.9,22.7z"/>
−
padding-bottom: 100%;
+
                                <path class="st0" d="M28.5,67.5c3,1,6.2,1.5,9.5,1.5c3.2,0,6.2-0.5,9.1-1.4L38.1,42L28.5,67.5z"/>
−
}
+
                                <path class="st0" d="M64.2,11.8C57.2,4.8,47.9,1,38,1S18.8,4.8,11.8,11.8S1,28.1,1,38c0,9.9,3.8,19.2,10.8,26.2S28.1,75,38,75    s19.2-3.8,26.2-10.8c7-7,10.8-16.3,10.8-26.2C75,28.1,71.2,18.8,64.2,11.8z M38,72.4C19,72.4,3.6,57,3.6,38S19,3.6,38,3.6    S72.4,19,72.4,38S57,72.4,38,72.4z"/>
−
.boxLarge {
+
                              </g>
−
display:none;
+
                          </g>
−
}
+
                        </svg>
−
.header {
+
                    </a>
−
text-align:center;
+
                    <a href="https://www.youtube.com/channel/UCg7deDCwE8bCcPsF8ELnaxw" style="margin:0;padding:0;">
−
}
+
                        <?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
−
.headerContent {
+
                        <svg id="Layer_1" class="social"  style="width:10%; margin-top:10px;enable-background:new 0 0 76 76;" version="1.1" viewBox="0 0 76 76" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
−
width: 100%;
+
                          <style type="text/css">
−
}
+
                              .st0{fill:#666666;}
−
.header-logo {
+
                              .st1{fill:#666666;}
−
display:none
+
                              .st2{fill:#666666;}
−
}
+
                          </style>
−
.header ul li img {
+
                          <g>
−
float:none;
+
                              <g>
−
margin-left: auto;
+
                                <path class="st0" d="M59.6,11.8H16.4C7.9,11.8,1,18.7,1,27.2v21.6c0,8.5,6.9,15.4,15.4,15.4h43.3c8.5,0,15.4-6.9,15.4-15.4V27.2    C75,18.7,68.1,11.8,59.6,11.8z M49.2,39.1L29,48.7c-0.5,0.3-1.2-0.1-1.2-0.7V28.1c0-0.6,0.6-1,1.2-0.7l20.2,10.3    C49.9,37.9,49.8,38.8,49.2,39.1z"/>
−
margin-right: auto;
+
                              </g>
−
}
+
                          </g>
−
}
+
                        </svg>
−
@media only screen and (max-width : 650px) and (min-width : 481px) {
+
                    </a>
−
/* Tablet view: 2 tiles */
+
                    <a href="mailto:igem@hhu.de><?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg  id="Layer_1" version="1.1" viewBox="0 0 512 512"  class="social"  style="width:10%; margin-top:10px;enable-background:new 0 0 76 76;" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
−
.box {
+
                        <path class="st0" d="M484.748,96.359H27.439h-3.966h-9.625h-6.63v318.585H505V96.359h-17.218H484.748z M464.837,116.271  L272.529,308.578c-8.769,8.769-24.073,8.769-32.842,0L47.35,116.271H464.837z M27.128,124.203l129.287,129.268L27.128,382.759  V124.203z M43.014,395.029l127.489-127.47l55.106,55.097c8.138,8.148,18.978,12.64,30.499,12.64c11.521,0,22.361-4.492,30.499-12.64  l55.106-55.106l127.479,127.479H43.014z M485.089,382.769L355.801,253.472l129.287-129.297V382.769z" fill="#333333"/>
−
width: 50%;
+
                        </svg>
−
padding-bottom: 50%;
+
                    </a>
−
}
+
                    <br>
−
.boxLarge {
+
                    Heinrich-Heine University <br />
−
width: 100%;
+
                    Universitätsstraße 1 <br />
−
padding-bottom: 100%;
+
                    40225 Düsseldorf <br />
−
}
+
                    Design by Marvin van Aalst <br>
−
.header {
+
                  </td>
−
text-align:center;
+
              </tr>
−
}
+
            </table>
−
.headerContent {
+
        </div>
−
width: 100%;
+
        <div class="page">
−
}
+
            <div class="paper">
−
.header-logo {
+
              <div id="Navigation" class="navigation">
−
display:none
+
                  <ul class="topnav">
−
}
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf">Home</a></li>
−
.header ul li img {
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Description">Description</a></li>
−
float:none;
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Proof">Results</a></li>
−
padding-left: auto;
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Demonstrate">Demonstrate</a></li>
−
padding-right: auto;
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Future_Applications">Future Applications</a></li>
−
}
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Collaborations">Collaborations</a></li>
−
}
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach">Outreach</a></li>
−
@media only screen and (max-width : 1050px) and (min-width : 651px) {
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#HP">Education</a></li>
−
/* Small desktop / ipad view: 3 tiles */
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach#IHP">Integrated Practices</a></li>
−
.box {
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Hardware">Hardware</a></li>
−
width: 33.3%;
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Attributions">Attributions</a></li>
−
padding-bottom: 33.3%;
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Safety">Safety</a></li>
−
}
+
                    <li><a style="color: black;" href="https://2016.igem.org/Team:Duesseldorf/Team">Team</a></li>
−
.boxLarge {
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Parts</a></li>
−
width: 66.6%;
+
                    <li><a href="https://2016.igem.org/Team:Duesseldorf/Experiments">Experiments</a></li>
−
padding-bottom: 66.6%;
+
                  </ul>
−
}
+
              </div>
−
}
+
 
−
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
+
 
−
/* Medium desktop: 4 tiles */
+
 
−
.box {
+
<!------------------------------------------ ARTICLE ---------------------------------------->
−
width: 25%;
+
<div class="article">
−
padding-bottom: 25%;
+
<div class="attention">
−
}
+
<h1 style="color: white;">Our Team</h1>
−
.boxLarge {
+
−
width: 50%;
+
<img style="border: 5px solid white;
−
padding-bottom: 25%;
+
    margin: 20px auto;border-radius: 5px;display: block;max-width: 90%;"src="https://static.igem.org/mediawiki/2016/c/cb/T--duesseldorf--team--lustigrichtig.jpg">
−
}
+
<ul>
−
}
+
<li><a style="color:white;" href="#Gallery">Gallery</a></li>
−
</style>
+
<li><a style="color:white;" href="#MLP">MLP Team Building Day</a></li></ul>
−
<!-- Enable media queries for old IE -->
+
</div>
−
<!--[if lt IE 9]>
+
<img ref="https://static.igem.org/mediawiki/2016/a/a2/T--duesseldorf--team-lustig4.jpg">
−
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
+
<h2>Welcome to OPTOPTOSIS</h2>
−
<![endif]-->
+
<p>
−
</head>
+
Our group consists of 19 motivated undergraduate students, that came together in late 2015 to found the first iGEM Team of the Heinrich Heine University in Duesseldorf.  In 2015 we made it our goal, to create a new and innovative application for synthetic biology and become a part of the renowned iGEM competition. <br>
−
<body class="no-touch">
+
Already in the early stage of the project it was definite that we would emphasize on creating a mechanism to fight one of the deadliest diseases in the world: cancer. On this page we will tell you how we approach this big goal.
−
<div class="header">
+
</p>
−
<div class="headerContent">
+
<hr style="border:solid #0C9476 1px;margin:auto; margin-top:10px;margin-bottom:10px;">
−
<div class="header-logo"><img src="media/opoptosis logo.png" alt="opoptosis logo" height="40">
+
 
 +
<div id="Gallery" class="gallery">
 +
<div class="row">
 +
<div class="cell-left">
 +
<div class="sg-container">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/2/2e/Team-opoptosis-2016-alina.jpg/450px-Team-opoptosis-2016-alina.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/d/db/Team-opoptosis-2016-alina-crazy.jpg/450px-Team-opoptosis-2016-alina-crazy.jpg" /> </div>
 +
</div>
 
</div>
 
</div>
−
<ul>
+
<div class="cell-right">
−
<li><a href="#"><img src="media/icons/add-button.png" alt="sponsors"></a></li>
+
<h2>Alina Kuklinski</h2>
−
<li><a href="#"><img src="media/icons/new-file.png" alt="progress"></a></li>
+
<ul>
−
<li><a href="#"><img src="media/icons/user.png" alt="team"></a></li>
+
<li> <strong>Nickname</strong>: grüner Bär </li>
−
<li><a href="#"><img src="media/icons/settings.png" alt="project" ></a></li>
+
<li> <strong>Study Path</strong>: Biology </li>
−
<li><a href="#"><img src="media/icons/home.png" alt="home"></a></li>
+
<li> <strong>Hobbies</strong>: table tennis, cooking, pubs, hiking, nature </li>
−
</ul>
+
<li> <strong>Favorite chemical</strong>: Trimethyl borate - because it is a colourless liquid that burns with a green flame. </li>
 +
<li> <strong>Favorite Pokémon</strong>: Venonat </li>
 +
<li> <strong>Favorite Beer</strong>: "Altbier" Düsseldorf's best beer </li>
 +
<li> <strong>Favorite Quote</strong>: “No man needs a vacation so much as the man who has just had one.” - Elbert Hubbard </li>
 +
</ul>
 
</div>
 
</div>
−
</div>
 
−
<div class="wrap">
 
−
<div class="boxLarge">
 
−
<div class="boxLargeInner">
 
−
<h1>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>
−
+
<div class="row">
−
+
<div class="cell-left">
 +
<div class="sg-container">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/d/d8/Team-opoptosis-2016-carima.jpg/450px-Team-opoptosis-2016-carima.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/5/57/Team-opoptosis-2016-carima-crazy.jpg/450px-Team-opoptosis-2016-carima-crazy.jpg" /> </div>
 +
</div>
 +
</div>
 +
<div class="cell-right">
 +
<h2>Carima Weinert</h2>
 +
<ul>
 +
<li> <strong>Nickname</strong>: catlady </li>
 +
<li> <strong>Study Path</strong>: Biology </li>
 +
<li> <strong>Hobbies</strong>: Food and TV shows </li>
 +
<li> <strong>Favorite Enzyme</strong>: RuBisCo </li>
 +
<li> <strong>Favorite Pokémon</strong>: Sheinux </li>
 +
<li> <strong>Favorite Beer</strong>: Veltins </li>
 +
<li> <strong>Life Motto</strong>: Driver picks the music shotgun shuts his cakehole </li>
 +
</ul>
 +
</div>
 
</div>
 
</div>
−
+
<div class="row">
−
+
<div class="cell-left">
−
+
<div class="sg-container">
−
+
<img src="https://static.igem.org/mediawiki/2016/thumb/3/32/Team-opoptosis-2016-caro.jpg/450px-Team-opoptosis-2016-caro.jpg" />
−
+
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/2/24/Team-opoptosis-2016-caro.-razy.jpg/450px-Team-opoptosis-2016-caro.-razy.jpg" /> </div>
−
<div class="box">
+
</div>
−
<div class="boxInner">
+
−
<a href="http://google.de"><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="cell-right">
−
<div class="box">
+
<h2>Carolin Krämer </h2>
−
<div class="boxInner">
+
<ul>
−
<a href="http://google.de"><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>
+
<li> <strong>Nickname</strong>: Mutti </li>
−
<p>Andreas Weber</p>
+
<li> <strong>Study Path</strong>: Biology </li>
 +
<li> <strong>Hobbies</strong>: Cooking, baking, reading </li>
 +
<li> <strong>Favorite Chemical</strong>: Prolin </li>
 +
<li> <strong>Favorite Pokémon</strong>: Arcanine </li>
 +
<li> <strong>Favorite Beer</strong>: Koelsch </li>
 +
<li> <strong>Life Motto</strong>: Live slow. Die whenever </li>
 +
</ul>
 
</div>
 
</div>
−
</div>
+
</div>
−
<div class="box">
+
<div class="row">
−
<div class="boxInner">
+
<div class="cell-left">
−
<a href="http://google.de"><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="sg-container">
−
<p>Michael Feldbrügge</p>
+
<img src="https://static.igem.org/mediawiki/2016/thumb/d/d8/Team-opoptosis-2016-cluadia.jpg/450px-Team-opoptosis-2016-cluadia.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/1/17/Team-opoptosis-2016-cluadia-crazy.jpg/450px-Team-opoptosis-2016-cluadia-crazy.jpg" /> </div>
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div class="cell-right">
−
<div class="box">
+
<h2> Claudia Kalus </h2>
−
<div class="boxInner">
+
<ul>
−
<a href="http://google.de"><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>
+
<li> <strong>Nickname</strong>: DrosophiLORD </li>
−
<p>Nicolas Koutsoubelis</p>
+
<li> <strong>Study Path</strong>: Biology, B.Sc. </li>
 +
<li> <strong>Hobbies</strong>: Drawing </li>
 +
<li> <strong>Favorite Enzyme</strong>: RubisCO </li>
 +
<li> <strong>Favorite Pokémon</strong>: Bulbasaur </li>
 +
<li> <strong>Favorite Beer</strong>: Beck's Gold </li>
 +
<li> <strong>Life Motto/Favorite Quote/Philosophy</strong>: Wer nicht phagt, der nicht gewinnt! </li>
 +
</ul>
 
</div>
 
</div>
−
</div>
+
</div>
−
<div class="box">
+
<div class="row">
−
<div class="boxInner">
+
<div class="cell-left">
−
<a href="http://google.de"><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="sg-container">
−
<p>Samantha Kurz</p>
+
<img src="https://static.igem.org/mediawiki/2016/thumb/6/61/Team-opoptosis-2016-dorian.jpg/450px-Team-opoptosis-2016-dorian.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/7/7c/Team-opoptosis-2016-dorian-crazy.jpg/450px-Team-opoptosis-2016-dorian-crazy.jpg" /> </div>
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div class="cell-right">
−
<div class="box">
+
<h2> Dorian Röders </h2>
−
<div class="boxInner">
+
<ul>
−
<a href="http://google.de"><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>
+
<li> <strong>Nickname</strong>: Doreen </li>
−
<p>Ute Gengenbacher</p>
+
<li> <strong>Study Path</strong>: Biology </li>
 +
<li> <strong>Hobbies</strong>: Falconry, hunting and bouldering </li>
 +
<li> <strong>Favorite Chemical</strong>:Ethidium bromide </li>
 +
<li> <strong>Favorite Pokémon</strong>: Milotic </li>
 +
<li> <strong>Favorite Beer</strong>: I am alergic to beer :( </li>
 +
<li> <strong>Life Motto</strong>: What doesn't kill you makes you stronger or cripples you </li>
 +
</ul>
 
</div>
 
</div>
−
</div>
+
</div>
−
<div class="box">
+
<div class="row">
−
<div class="boxInner">
+
<div class="cell-left">
−
<a href="http://google.de"><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="sg-container">
−
<p>Alina Kuklinski</p>
+
<img src="https://static.igem.org/mediawiki/2016/thumb/8/8c/Team-opoptosis-2016-erdem.jpg/450px-Team-opoptosis-2016-erdem.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/8/86/Team-opoptosis-2016-erdem-crazy.jpg/450px-Team-opoptosis-2016-erdem-crazy.jpg" /> </div>
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div class="cell-right">
−
<div class="box">
+
<h2> Erdem Sunal </h2>
−
<div class="boxInner">
+
<ul>
−
<a href="http://google.de"><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>
+
<li> <strong>Nickname</strong>: Erdemeyerkolben </li>
−
<p>Andreas Kahl</p>
+
<li> <strong>Study Path</strong>: Biology </li>
 +
<li> <strong>Hobbies</strong>: Judo &amp; Basketball </li>
 +
<li> <strong>Favorite Chemical</strong>:Dinitrogen monoxide </li>
 +
<li> <strong>Favorite Pokémon</strong>: Scyther</li>
 +
<li> <strong>Favorite Beer</strong>: Ayran</li>
 +
<li> <strong>Philosophy</strong>:"Empty your mind, be formless, shapeless - like water. Now you put water into a cup, it becomes the cup. You put water into a bottle, it becomes the bottle. You put it in a teapot, it becomes the teapot. Now
 +
water can flow or it can crash. Be water my friend." -Bruce Lee
 +
</li>
 +
</ul>
 
</div>
 
</div>
 +
</div>
 +
<div class="row">
 +
<div class="cell-left">
 +
<div class="sg-container">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/a/a1/Team-opoptosis-2016-julia.jpg/450px-Team-opoptosis-2016-julia.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/e/e0/Team-opoptosis-2016-julia-crazy.jpg/450px-Team-opoptosis-2016-julia-crazy.jpg" /> </div>
 +
</div>
 
</div>
 
</div>
−
<div class="box">
+
<div class="cell-right">
−
<div class="boxInner">
+
<h2> Julia Kapr </h2>
−
<a href="http://google.de"><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>
+
<ul>
−
<p>Carolin Krämer</p>
+
<li> <strong>Nickname</strong>: Jule </li>
 +
<li> <strong>Study Path</strong>: Biology </li>
 +
<li> <strong>Hobbies</strong>: Traveling </li>
 +
<li> <strong>Favorite Chemical</strong>: ATP </li>
 +
<li> <strong>Favorite Pokémon</strong>: Vulpix </li>
 +
<li> <strong>Favorite Beer</strong>: Grevensteiner </li>
 +
<li> <strong>Life Motto</strong>: hope, believe and trust </li>
 +
</ul>
 
</div>
 
</div>
−
</div>
+
</div>
−
<div class="box">
+
<div class="row">
−
<div class="boxInner">
+
<div class="cell-left">
−
<a href="http://google.de"><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="sg-container">
−
<p>Carima Weinert</p>
+
<img src="https://static.igem.org/mediawiki/2016/thumb/1/13/Team-opoptosis-2016-julian.jpg/450px-Team-opoptosis-2016-julian.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/1/1f/Team-opoptosis-2016-julian-crazy.jpg/450px-Team-opoptosis-2016-julian-crazy.jpg" /> </div>
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div class="cell-right">
−
<div class="box">
+
<h2> Julian Ohl </h2>
−
<div class="boxInner">
+
<ul>
−
<a href="http://google.de"><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>
+
<li> <strong>Nickname</strong>: Jules </li>
−
<p>Claudia Kalus</p>
+
<li> <strong>Study Path</strong>: Biology </li>
 +
<li> <strong>Hobbies</strong>: Hiking, sailing </li>
 +
<li> <strong>Favorite Enzyme</strong>: BamH1 </li>
 +
<li> <strong>Favorite Pokémon</strong>: Nomplant </li>
 +
<li> <strong>Favorite Beer</strong>: Flensburger </li>
 +
<li> <strong>Philosophy</strong>: Hakuna Matata </li>
 +
</ul>
 
</div>
 
</div>
−
</div>
+
</div>
−
<div class="box">
+
<div class="row">
−
<div class="boxInner">
+
<div class="cell-left">
−
<a href="http://google.de"><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="sg-container">
−
<p>Dorian Röders</p>
+
<img src="https://static.igem.org/mediawiki/2016/thumb/9/9e/Team-opoptosis-2016-leonie.jpg/450px-Team-opoptosis-2016-leonie.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/8/8c/Team-opoptosis-2016-leonie-crazy.jpg/450px-Team-opoptosis-2016-leonie-crazy.jpg" /> </div>
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div class="cell-right">
−
<div class="box">
+
<h2> Leonie Wirth </h2>
−
<div class="boxInner">
+
<ul>
−
<a href="http://google.de"><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>
+
<li> <strong>Nickname</strong>: Ingo </li>
−
<p>Erdem Sunal</p>
+
<li> <strong>Study Path</strong>: Biology </li>
 +
<li> <strong>Hobbies</strong>: To spend time with my dog, my cat, my boyfried or with yeast in the lab </li>
 +
<li> <strong>Favorite Chemical</strong>: Bradford-solution </li>
 +
<li> <strong>Favorite Pokémon</strong>: Pummeluff </li>
 +
<li> <strong>Favorite Beer</strong>: "Alsterwasser" </li>
 +
<li> <strong>Life Motto</strong>: Somebody yeast i use to grow! </li>
 +
</ul>
 
</div>
 
</div>
−
</div>
+
</div>
−
<div class="box">
+
<div class="row">
−
<div class="boxInner">
+
<div class="cell-left">
−
<a href="http://google.de"><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="sg-container">
−
<p>Julia Kapr</p>
+
<img src="https://static.igem.org/mediawiki/2016/thumb/7/7f/Team-opoptosis-2016-maja.jpg/450px-Team-opoptosis-2016-maja.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/d/d4/Team-opoptosis-2016-maja-crazy.jpg/450px-Team-opoptosis-2016-maja-crazy.jpg" /> </div>
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div class="cell-right">
−
<div class="box">
+
<h2> Maja Magel </h2>
−
<div class="boxInner">
+
<ul>
−
<a href="http://google.de"><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>
+
<li> <strong>Nickname</strong>: Majoe </li>
−
<p>Julian Ohl</p>
+
<li> <strong>Study Path</strong>: Biology B.Sc. </li>
 +
<li> <strong>Hobbies</strong>: Reading, getting people to sing Disney songs (or at least give them earworms/ catchy tunes), daydreaming, museums, discussions about "god and the world" </li>
 +
<li> <strong>Favorite Gene</strong>: Dorsal gen "spätzle" in Drosophila. Because it is the same as in Spätzle (sort of pasta in Germany, typical for the Swabian region) </li>
 +
<li> <strong>Favorite Pokémon</strong>: Alakazam </li>
 +
<li> <strong>Favorite Beer</strong>: Beer, that does not smell or taste like beer. Basically, no beer </li>
 +
<li> <strong>Life Motto</strong>: Dreams get you started. Discipline keeps you going. - Jim Rohn </li>
 +
</ul>
 
</div>
 
</div>
−
</div>
+
</div>
−
<div class="box">
+
<div class="row">
−
<div class="boxInner">
+
<div class="cell-left">
−
<a href="http://google.de"><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="sg-container">
−
<p>Leonie Wirth</p>
+
<img src="https://static.igem.org/mediawiki/2016/thumb/a/a2/Team-opoptosis-2016-marcel.jpg/450px-Team-opoptosis-2016-marcel.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/8/85/Team-opoptosis-2016-marcel-crazy.jpg/450px-Team-opoptosis-2016-marcel-crazy.jpg" /> </div>
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div class="cell-right">
−
<div class="box">
+
<h2> Marcel Dickmanns </h2>
−
<div class="boxInner">
+
<ul>
−
<a href="http://google.de"><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>
+
<li> <strong>Nickname</strong>: Mahhhcel </li>
−
<p>Maja Magel</p>
+
<li> <strong>Study Path</strong>: Biology </li>
 +
<li> <strong>Hobbies</strong>: Music, Basketball, Outdoors </li>
 +
<li> <strong>Favorite Chemical</strong>: Tryptophan </li>
 +
<li> <strong>Favorite Pokémon</strong>: Alakazam </li>
 +
<li> <strong>Favorite Beer</strong>: Good old german pils </li>
 +
<li> <strong>Life Motto</strong>: - </li>
 +
</ul>
 
</div>
 
</div>
−
</div>
+
</div>
−
<div class="box">
+
<div class="row">
−
<div class="boxInner">
+
<div class="cell-left">
−
<a href="http://google.de"><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="sg-container">
−
<p>Marcel Dickmanns</p>
+
<img src="https://static.igem.org/mediawiki/2016/thumb/e/e6/Team-opoptosis-2016-martin.jpg/450px-Team-opoptosis-2016-martin.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/d/d8/Team-opoptosis-2016-martin-crazy.jpg/450px-Team-opoptosis-2016-martin-crazy.jpg" /> </div>
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div class="cell-right">
−
<div class="box">
+
<h2> Martin Duemmel </h2>
−
<div class="boxInner">
+
<ul>
−
<a href="http://google.de"><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>
+
<li> <strong>Nickname</strong>: Martini </li>
−
<p>Martin Duemmel</p>
+
<li> <strong>Study Path</strong>: Biology </li>
 +
<li> <strong>Hobbies</strong>: Videogames, reading, tabletop wargaming </li>
 +
<li> <strong>Favorite Enzyme</strong>: oxidosqualene cyclase </li>
 +
<li> <strong>Favorite Pokémon</strong>: Camerupt </li>
 +
<li> <strong>Favorite Beer</strong>: Kürzer Alt </li>
 +
<li> <strong>Life Motto</strong>: Live now. Make now always the most precious time. Now will never come again. </li>
 +
</ul>
 
</div>
 
</div>
−
</div>
+
</div>
−
<div class="box">
+
<div class="row">
−
<div class="boxInner">
+
<div class="cell-left">
−
<a href="http://google.de"><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="sg-container">
−
<p>Marvin Hubert</p>
+
<img src="https://static.igem.org/mediawiki/2016/thumb/c/ca/Team-opoptosis-2016-hupsi.jpg/450px-Team-opoptosis-2016-hupsi.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/b/b3/Team-opoptosis-2016-hupsi-crazy.jpg/450px-Team-opoptosis-2016-hupsi-crazy.jpg" /> </div>
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div class="cell-right">
−
<div class="box">
+
<div class="col-8 col-m-6 text-left">
−
<div class="boxInner">
+
<h2> Marvin Hubert </h2>
−
<a href="http://google.de"><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>
+
<ul>
−
<p>Marvin van Aalst</p>
+
<li> <strong>Nickname</strong>: Hupsi </li>
 +
<li> <strong>Study Path</strong>: Biology </li>
 +
<li> <strong>Hobbies</strong>: sport, music and spend time with friends </li>
 +
<li> <strong>Favorite Chemical</strong>: Dihydrogen Monoxide </li>
 +
<li> <strong>Favorite Pokémon</strong>: Pikachu </li>
 +
<li> <strong>Favorite Beer</strong>: Veltins </li>
 +
<li> <strong>Philosophy</strong>: Utile dulci </li>
 +
</ul>
 +
</div>
 
</div>
 
</div>
−
</div>
+
</div>
−
<div class="box">
+
<div class="row">
−
<div class="boxInner">
+
<div class="cell-left">
−
<a href="http://google.de"><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="sg-container">
−
<p>Melissa Meschkewitz</p>
+
<img src="https://static.igem.org/mediawiki/2016/thumb/3/35/Team-opoptosis-2016-marvin.jpg/450px-Team-opoptosis-2016-marvin.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/a/af/Team-opoptosis-2016-marvin-crazy.jpg/450px-Team-opoptosis-2016-marvin-crazy.jpg" /> </div>
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div class="cell-right">
−
<div class="box">
+
<h2> Marvin van Aalst </h2>
−
<div class="boxInner">
+
<ul>
−
<a href="http://google.de"><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>
+
<li> <strong>Nickname</strong>: Christian </li>
−
<p>Rebecca Wolters</p>
+
<li> <strong>Study Path</strong>: Quantitative biology </li>
 +
<li> <strong>Hobbies</strong>: Drumming and sports </li>
 +
<li> <strong>Favorite Enzyme</strong>: Q5-Polymerase </li>
 +
<li> <strong>Favorite Pokémon</strong>: Donkey Kong </li>
 +
<li> <strong>Favorite Beer</strong>: nonalcoholic wheat beer </li>
 +
<li> <strong>Life Motto</strong>: Noli Timore Messorum – Terry Pratchett </li>
 +
</ul>
 
</div>
 
</div>
−
</div>
+
</div>
−
<div class="box">
+
<div class="row">
−
<div class="boxInner">
+
<div class="cell-left">
−
<a href="http://google.de"><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="sg-container">
−
<p>René Inckemann</p>
+
<img src="https://static.igem.org/mediawiki/2016/thumb/a/af/Team-opoptosis-2016-melissa.jpg/450px-Team-opoptosis-2016-melissa.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/4/42/Team-opoptosis-2016-melissa-crazy.jpg/450px-Team-opoptosis-2016-melissa-crazy.jpg" /> </div>
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div class="cell-right">
−
<div class="box">
+
<h2> Melissa Meschkewitz </h2>
−
<div class="boxInner">
+
<ul>
−
<a href="http://google.de"><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>
+
<li> <strong>Nickname</strong>: Schmelissa </li>
−
<p>Tim Rapp</p>
+
<li> <strong>Study Path</strong>: Biology </li>
 +
<li> <strong>Hobbies</strong>: Dancing, making music </li>
 +
<li> <strong>Favorite Enzyme</strong>: DNA-Polymerase III </li>
 +
<li> <strong>Favorite Pokémon</strong>: Vaporeon </li>
 +
<li> <strong>Favorite Beer</strong>: Kölsch </li>
 +
<li> <strong>Life Motto</strong>: Love what you do and do what you love. </li>
 +
</ul>
 
</div>
 
</div>
−
</div>
+
</div>
−
<div class="box">
+
<div class="row">
−
<div class="boxInner">
+
<div class="cell-left">
−
<a href="http://google.de"><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="sg-container">
−
<p>Tobias Link</p>
+
<img src="https://static.igem.org/mediawiki/2016/thumb/7/7e/Team-opoptosis-2016-rebecca.jpg/450px-Team-opoptosis-2016-rebecca.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/c/c5/Team-opoptosis-2016-rebecca-crazy.jpg/450px-Team-opoptosis-2016-rebecca-crazy.jpg" /> </div>
 +
</div>
 +
</div>
 +
<div class="cell-right">
 +
<h2> Rebecca Wolters </h2>
 +
<ul>
 +
<li> <strong>Nickname</strong>: Becks </li>
 +
<li> <strong>Study Path</strong>: Biology </li>
 +
<li> <strong>Hobbies</strong>: Fitness, Cooking and Eating </li>
 +
<li> <strong>Favorite Enzyme</strong>: Chymosin </li>
 +
<li> <strong>Favorite Pokémon</strong>: I don't have one.. </li>
 +
<li> <strong>Favorite Beer</strong>: IPA (Bierprojekt 777) </li>
 +
<li> <strong>Life Motto</strong>: Be realistic, try the impossible. </li>
 +
</ul>
 
</div>
 
</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>
+
<div class="row">
−
<script type="text/javascript">
+
<div class="cell-left">
−
$(function(){
+
<div class="sg-container">
−
  // See if this is a touch device
+
<img src="https://static.igem.org/mediawiki/2016/thumb/4/4a/Team-opoptosis-2016-rene.jpg/450px-Team-opoptosis-2016-rene.jpg" />
−
  if ('ontouchstart' in window)
+
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/4/44/Team-opoptosis-2016-rene-crazy.jpg/450px-Team-opoptosis-2016-rene-crazy.jpg" /> </div>
−
  {
+
</div>
−
      // Set the correct body class
+
</div>
−
      $('body').removeClass('no-touch').addClass('touch');
+
<div class="cell-right">
−
   
+
<div id="Rene Inckemann" class="row top-padding">
−
      // Add the touch toggle to show text
+
<div class="col-8 col-m-6 text-left">
−
      $('div.boxInner img').click(function(){
+
<h2> René Inckemann </h2>
−
        $(this).closest('.boxInner').toggleClass('touchFocus');
+
<ul>
−
      });
+
<li> <strong>Nickname</strong>: Tollpatsch </li>
−
  }
+
<li> <strong>Study Path</strong>: Biology </li>
−
});
+
<li> <strong>Hobbies</strong>: playing guitar, making music, riding motorcycle </li>
−
</script>
+
<li> <strong>Favorite Enzyme</strong>: PvuII </li>
−
</body>
+
<li> <strong>Favorite Pokémon</strong>: Ivysaur </li>
 +
<li> <strong>Favorite Beer</strong>: König Pilsener </li>
 +
<li> <strong>Favorite Quote</strong>: Only two things are infinite, the universe snd the human stupidity and I'm not sure about the former- albert einstein </li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="cell-left">
 +
<div class="sg-container">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/6/64/Team-opoptosis-2016-tim.jpg/450px-Team-opoptosis-2016-tim.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/5/5a/Team-opoptosis-2016-tim-crazy.jpg/450px-Team-opoptosis-2016-tim-crazy.jpg" /> </div>
 +
</div>
 +
</div>
 +
<div class="cell-right">
 +
<h2> Tim Rapp </h2>
 +
<ul>
 +
<li> <strong>Nickname</strong>: Timmy </li>
 +
<li> <strong>Study Path</strong>: B.Sc. Biology Plus/International </li>
 +
<li> <strong>Hobbies</strong>: sports &amp; drawing </li>
 +
<li> <strong>Favorite Chemical</strong>: Chloroform </li>
 +
<li> <strong>Favorite Pokémon</strong>: Garbodor</li>
 +
<li> <strong>Favorite Beer</strong>: Jever </li>
 +
<li> <strong>Favorite Quote</strong>:“And so the lion fell in love with the lamb.” - Goethe </li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="cell-left">
 +
<div class="sg-container">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/4/44/Team-opoptosis-2016-tobi.jpg/450px-Team-opoptosis-2016-tobi.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/c/c6/Team-opoptosis-2016-tobi-crazy.jpg/450px-Team-opoptosis-2016-tobi-crazy.jpg" /> </div>
 +
</div>
 +
</div>
 +
<div class="cell-right">
 +
<h2> Tobias Link </h2>
 +
<ul>
 +
<li> <strong>Nickname</strong>: Picker </li>
 +
<li> <strong>Study Path</strong>: Biology </li>
 +
<li> <strong>Hobbies</strong>: football, fitness, gaming </li>
 +
<li> <strong>Favorite Chemical</strong>: Ethidiumbromid </li>
 +
<li> <strong>Favorite Pokémon</strong>: Venusaur </li>
 +
<li> <strong>Favorite Beer</strong>: Königpilsener </li>
 +
<li> <strong>Life Motto</strong>:He who says he can and he who says he can't are not usually right </li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="cell-left">
 +
<div class="sg-container">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/1/18/Team-opoptosis-2016-zubi.jpg/450px-Team-opoptosis-2016-zubi.jpg" />
 +
<div class="img-hidden"> <img src="https://static.igem.org/mediawiki/2016/thumb/5/5c/Team-opoptosis-2016-zubi-crazy.jpg/450px-Team-opoptosis-2016-zubi-crazy.jpg" /> </div>
 +
</div>
 +
</div>
 +
<div class="cell-right">
 +
<h2>Matias Zurbriggen</h2>
 +
 
 +
<ul>
 +
<li> <strong>Nickname</strong>: Mati </li>
 +
<li> <strong>Study Path</strong>: Synthetic Biology </li>
 +
<li> <strong>Hobbies</strong>: Soccer, Grunge Music, Travelling </li>
 +
<li> <strong>Favorite Chemical</strong>: Chemical Brothers </li>
 +
<li> <strong>Favorite Beer</strong>: Waldhaus Diplom Pils </li>
 +
<li> <strong>Life Motto</strong>:The absence of evidence is not an evidence of the absence. </li>
 +
</ul>
 +
</p>
 +
</div>
 +
</div>
 +
</body>
 +
<p>
 +
<hr style="border:solid #0C9476 1px;margin:auto; margin-top:10px;margin-bottom:10px;">
 +
<h2 id="MLP">MLP Team Building Day </h2>
 +
<p>After asking them for help with our project, we were kindly invited to attend a Career-Day as a team by MLP Düsseldorf. They wanted to help improve our skills in presenting ourselves, achieving results as a group, make decisions in a group in a fast and effective manner and generally help getting to know each other better and learn about the strengths of the other team members.</p>
 +
<p>First, we invited them to come to one of our weekly meetings to learn about MLP and what they wanted to do for us. Two employees came to the meeting: Kenan Hadzihamzic and Dimitri Tzourmbakis. It was a very entertaining encounter and we immediately were very enthusiastic about their offer: To come visit them at the MLP-Branch in Düsseldorf to help us improve our soft skills.</p>
 +
<p>Then, on a Saturday morning, we all arrived at our destination and were welcomed hearty at their office building by Kenan, Dimitri and an additional employee that we met: Branko Beljak.
 +
At first, they helped us improve our ways of presenting ourselves, then we carried out an exercise to find an outcome as a short group in a short time efficiently: A situation, where we should choose the ideal candidate for a certain business was simulated. After that, a similar exercise was carried out but with a bigger group.
 +
</p>
 +
<p>Finally, we took our lunch break: They bought pizza for the whole team! We had a very relaxing and nice time chatting and playing table football against the employees.</p>
 +
<p>After the break, we simulated a situation of a casino-trip, where we got to choose between an own big benefit or for the good of all: It was an exercise to test and improve our team spirit. We scored brilliant results, it was an important moment for all team members.</p>
 +
<p>At the end, we evaluated the day and the benefit it has brought to us and our project; The feedback by us and the employees was highly positive and everyone profited from it.</p>
 +
<p>Everyone that attended this Career-Day was given the chance to get some evaluation about their individual strengths and weaknesses and how to improve oneself based on that in a personal meeting with one of the three involved employees.</p>
 +
<p>We are glad that they gave us the opportunity to attend to this highly effective career day and help us to improve our project!</p>
 +
 
 +
</p>
 +
 
</html>
 
</html>

Latest revision as of 00:28, 20 October 2016


Heinrich-Heine University
Universitätsstraße 1
40225 Düsseldorf
Design by Marvin van Aalst

Our Team

Welcome to OPTOPTOSIS

Our group consists of 19 motivated undergraduate students, that came together in late 2015 to found the first iGEM Team of the Heinrich Heine University in Duesseldorf. In 2015 we made it our goal, to create a new and innovative application for synthetic biology and become a part of the renowned iGEM competition.
Already in the early stage of the project it was definite that we would emphasize on creating a mechanism to fight one of the deadliest diseases in the world: cancer. On this page we will tell you how we approach this big goal.