Difference between revisions of "Team:Duesseldorf/Test2"

Line 2: Line 2:
  
 
<html>
 
<html>
−
<head>
+
<head>
−
+
 
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 +
<style>
 +
@media only screen and (max-width: 1024px) {
 +
video {display:none;}
 +
}
 +
.requirement {display:none;}
 +
.w3-container{}
 +
.w3-container:after,.w3-row:after {content:"";display:table;clear:both}
 +
.w3-third {float:left;width:33.33333%}
 +
.w3-bottombar{border-bottom:6px solid #ccc!important}
 +
.w3-hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
 +
.w3-padding {padding:8px 16px!important}
 +
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
 +
 +
</style>
 
</head>
 
</head>
  
Line 17: Line 30:
 
         <td style="border:none;">
 
         <td style="border:none;">
 
           <ul>
 
           <ul>
−
            <li><a style="color: white;" href="https://2016.igem.org/Team:Duesseldorf">Home</a></li>
+
<li><a style="color: white;" href="https://2016.igem.org/Team:Duesseldorf">Home</a></li>
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Description">Project</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Description">Description</a></li>
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Results">Results</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Demonstrate">Demonstrate</a></li>
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Cooperations">Cooperations</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Proof">Proof</a></li>
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach">Outreach</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Collaborations">Collaborations</a></li>
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Lab-Book">Lab Book</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach">Outreach</a></li>
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Parts</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Hardware">Hardware</a></li>
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Safety">Safety</a></li>
+
−
            <li><a href="https://2016.igem.org/Team:Duesseldorf/Team">Team</a></li>
+
 
<li><a href="https://2016.igem.org/Team:Duesseldorf/Attributions">Attributions</a></li>
 
<li><a href="https://2016.igem.org/Team:Duesseldorf/Attributions">Attributions</a></li>
 +
<li><a href="https://2016.igem.org/Team:Duesseldorf/Safety">Safety</a></li>
 +
<li><a href="https://2016.igem.org/Team:Duesseldorf/Team">Team</a></li>
 +
<li><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Duesseldorf/Experiments">Experiments</a></li>
 +
 +
 
           </ul>
 
           </ul>
 
         </td>
 
         </td>
Line 41: Line 58:
 
<div id="Navigation" class="navigation">
 
<div id="Navigation" class="navigation">
 
<ul class="topnav">
 
<ul class="topnav">
−
<li><a style="color: white;" href="https://2016.igem.org/Team:Duesseldorf">Home</a></li>
+
<li><a style="color: black;" href="https://2016.igem.org/Team:Duesseldorf">Home</a></li>
−
<li><a href="https://2016.igem.org/Team:Duesseldorf/Description">Project</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Description">Description</a></li>
−
<li><a href="https://2016.igem.org/Team:Duesseldorf/Results">Results</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Demonstrate">Demonstrate</a></li>
−
<li><a href="https://2016.igem.org/Team:Duesseldorf/Cooperations">Cooperations</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Proof">Proof</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>
 
<li><a href="https://2016.igem.org/Team:Duesseldorf/Outreach">Outreach</a></li>
−
<li><a href="https://2016.igem.org/Team:Duesseldorf/Lab-Book">Lab Book</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Hardware">Hardware</a></li>
−
<li><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Parts</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Attributions">Attributions</a></li>
 
<li><a href="https://2016.igem.org/Team:Duesseldorf/Safety">Safety</a></li>
 
<li><a href="https://2016.igem.org/Team:Duesseldorf/Safety">Safety</a></li>
 
<li><a href="https://2016.igem.org/Team:Duesseldorf/Team">Team</a></li>
 
<li><a href="https://2016.igem.org/Team:Duesseldorf/Team">Team</a></li>
−
<li><a href="https://2016.igem.org/Team:Duesseldorf/Attributions">Attributions</a></li>
+
<li><a href="https://2016.igem.org/Team:Duesseldorf/Parts">Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Duesseldorf/Experiments">Experiments</a></li>
 
</ul>
 
</ul>
 
</div>
 
</div>
 
       <div class="article">
 
       <div class="article">
  
−
<video id="Logo" src="https://static.igem.org/mediawiki/2016/b/b7/T--Duesseldorf--Logo-Animation.mov" autoplay="autoplay" width="100%;" height="auto;"></video>
+
<div class="w3-container">
 +
  <div class="w3-row">
 +
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Bronze');">
 +
      <div class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding">Bronze</div>
 +
    </a>
 +
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Silver');">
 +
      <div class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding">Silver</div>
 +
    </a>
 +
    <a href="javascript:void(0)" onclick="openrequirement(event, 'Gold');">
 +
      <div class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding">Gold</div>
 +
    </a>
 +
  </div>
  
 +
  <div id="Bronze" class="w3-container requirement">
 +
    <h2>Bronze</h2>
 +
    <p>Bronze text.</p>
 +
  </div>
 +
 +
  <div id="Silver" class="w3-container requirement">
 +
    <h2>Silver</h2>
 +
    <p>Silver text.</p>
 +
  </div>
 +
 +
  <div id="Gold" class="w3-container requirement">
 +
    <h2>Gold</h2>
 +
    <p>Gold text.</p>
 +
  </div>
 +
</div>
  
−
        <h1>Welcome!</h1>
 
−
        <p>This year we established the first iGEM-team at the Heinrich Heine University in Duesseldorf in Germany. Our group consists of 22 undergraduate members, who came together to found the team in late 2015. We all joined iGEM with the motivation to
 
−
          apply and create synthetic biology. Already in the early stage of our project it was definite that we would emphasize on creating a mechanism to fight cancer.</p>
 
  
−
        <h2>The essentials of optoptosis</h2>
 
−
        <p>The global increase of cancer cases and the lack of highly specific therapies for various types of cancer states a clear message: New approaches have to be found, which allow a level of precision in cancer treatment that has been long-awaited.
 
−
          This is the goal of OPTOPTOSIS. Our approach aims at achieving high spatiotemporal control of apoptosis in tumor cells by applying an optogenetic double-killswitch. This system combines clean removal of cancer cells through apoptosis with the
 
−
          precision of light-controlled optogenetics. We utilize two optogenetic proteins, namely Phytochrome B and LOV2. The red light switch based on Phytochrome B controls expression, while the blue light switch LOV2 controls localization of apoptotic
 
−
          proteins to their target site. <a href="https://2016.igem.org/Team:Duesseldorf/Description">Read on.</a></p>
 
−
     
 
−
<h2 style="text-align:left">Results</h2>
 
−
<p> Text. <a href="https://2016.igem.org/Team:Duesseldorf/Results">Read on.</a></p>
 
  
−
<h2 style="text-align:left">Our team</h2>
 
−
<img src="https://static.igem.org/mediawiki/2016/2/22/T--Duesseldorf--Group_Photo_1.jpg" alt="Team">
 
−
<p style="font-style:italic">Be sure to check out our marvelous photos on the <a class="active" href="https://2016.igem.org/Team:Duesseldorf/Team">team page!</a><p>
 
  
  
Line 108: Line 139:
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
<script>
 +
function openrequirement(evt, requirementName) {
 +
  var i, x, tablinks;
 +
  x = document.getElementsByClassName("requirement");
 +
  for (i = 0; i < x.length; i++) {
 +
    x[i].style.display = "none";
 +
  }
 +
  tablinks = document.getElementsByClassName("tablink");
 +
  for (i = 0; i < x.length; i++) {
 +
    tablinks[i].className = tablinks[i].className.replace(" w3-border-red", "");
 +
  }
 +
  document.getElementById(requirementName).style.display = "block";
 +
  evt.currentTarget.firstElementChild.className += " w3-border-red";
 +
}
 +
</script>
 
</body>
 
</body>

Revision as of 13:07, 18 October 2016

Heinrich-Heine University
Universitätsstraße 1
40225 Düsseldorf
igem@hhu.de
facebook.com/igemhhu
Design by Marvin van Aalst
<div class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding">Bronze</div> <div class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding">Silver</div> <div class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding">Gold</div>

Bronze

Bronze text.

Silver

Silver text.

Gold

Gold text.