Team:Bielefeld-CeBiTec/Project/Overview

From 2014.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
-
{{Template:Team:Bielefeld-CeBiTec/Header}}
+
{{Template:Team:Bielefeld-CeBiTec/igem.css}}
-
{{Template:Team:Bielefeld-CeBiTec/Banner_project.css}}
+
{{Template:Team:Bielefeld-CeBiTec/main.css}}
 +
{{Template:Team:Bielefeld-CeBiTec/Banner_team.css}}
 +
{{Template:Team:Bielefeld-CeBiTec/Banner_project.tmpl}}
 +
<html>
 +
<style>
 +
flag.flag_element1{
 +
      background-image:url("https://static.igem.org/mediawiki/2014/0/00/Bielefeld-CeBiTec_14-06-07_Ribbon_middle_rev.png");
 +
      background-size: 100% 100%;
 +
      width: auto;
 +
      height:40px;
 +
      padding-left: 10px;
 +
      padding-right: 10px;
 +
      float:left;
 +
}
 +
</style>
 +
<html>
 +
 
 +
<style>
 +
#project_overview{
 +
  float:left;
 +
}
 +
 
 +
<!--relative Angabe für die Überlappenden Module-->
 +
#moduleX{
 +
}
 +
 
 +
#module1{
 +
  float:left;
 +
  position:relative;
 +
  left:-170px;
 +
}
 +
 
 +
 
 +
#fullpicture{
 +
    margin-left:auto;
 +
    margin-right:auto;
 +
    width: 932px;
 +
    padding:0px;
 +
    height:400px;
 +
}
 +
#fullpicture1{
 +
    background-image: url(https://static.igem.org/mediawiki/2014/6/61/Bielefeld-CeBiTec_14-06-08_Project_Module_1.png);
 +
    background-size: 100% 100%;
 +
    float: left;
 +
    height:400px;
 +
    width:446px;
 +
}
 +
#fullpicture1:hover{
 +
    background-image:url(https://static.igem.org/mediawiki/2014/d/d3/Bielefeld-CeBiTec_2014-06-04_Modul1.png);
 +
}
 +
#fullpicture2{
 +
    background-image: url(https://static.igem.org/mediawiki/2014/f/f6/Bielefeld-CeBiTec_14-06-08_Project_Space_1.png);
 +
    background-size: 100% 100%;
 +
    float: left;
 +
    margin-left: -85px;
 +
    height:400px;
 +
    width:158px;   
 +
}
 +
#fullpicture3{
 +
    background-image: url(https://static.igem.org/mediawiki/2014/0/03/Bielefeld-CeBiTec_14-06-08_Project_Module_2.png);
 +
    background-size:100% 100%;
 +
    float: left;
 +
    margin-left: -85px;
 +
    height:400px;
 +
    width:330px;
 +
}
 +
#fullpicture3:hover{
 +
    background-image:url(https://static.igem.org/mediawiki/2014/b/bb/Bielefeld-CeBiTec_2014-06-07_Modul2.png);
 +
}
 +
#fullpicture4{
 +
    background-image: url(https://static.igem.org/mediawiki/2014/9/9c/Bielefeld-CeBiTec_14-06-08_Project_Space_2.png);
 +
    background-size:100% 100%;
 +
    float: left;
 +
    margin-left: -97px;
 +
    height:400px;
 +
    width:196px;
 +
}
 +
#fullpicture5{
 +
    background-image: url(https://static.igem.org/mediawiki/2014/b/b3/Bielefeld-CeBiTec_14-06-08_Project_Module_3.png);
 +
    background-size:100% 100%;
 +
    float: left;
 +
    margin-left: -140px;
 +
    height:400px;
 +
    width:209px;
 +
}
 +
#fullpicture5:hover{
 +
    background-image:url(https://static.igem.org/mediawiki/2014/7/75/Bielefeld-CeBiTec_2014-06-07_Modul3.png);
 +
}
 +
 
 +
</style>
 +
 
 +
<body>
 +
 
<h1> Overview </h1>
<h1> Overview </h1>
 +
 +
<div class="element" style="margin:10px 10px 10px 10px; padding:10px 10px 10px 10px">
 +
  <div id="text">
 +
    <p>With our project we like to address the problem of energy storage as well as the increasing atmospheric concentration of carbon dioxide. Excess electricity will be used to bind atmospheric carbon dioxide in bacteria. The carbon is used to produce different commercially interesting products. As a <i>proof of concept</i> we decided to implement this system using <i>Escherichia coli</i>. Advantages of this concept will be the use of carbon dioxide from the atmosphere under usage of available electricity on the one hand and the production of isobutanol on the other. Just click on the part of the image for which you want to see information about.</p>
 +
  </div>
 +
 +
 +
<div class="element" style="padding:10px">
 +
<div id="fullpicture">
 +
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project/rMFC"style="color:#000000">
 +
  <div id="fullpicture1">
 +
      <p class="ribbon"></p>
 +
  </div>
 +
</a>
 +
<div id="fullpicture2">
 +
  <p class="ribbon"></p>
 +
</div>
 +
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project/CO2-fixation"style="color:#000000">
 +
  <div id="fullpicture3">
 +
      <p class="ribbon"></p>
 +
  </div>
 +
</a>
 +
<div id="fullpicture4">
 +
  <p class="ribbon"></p>
 +
</div>
 +
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project/Isobutanol"style="color:#000000">
 +
  <div id="fullpicture5">
 +
      <p class="ribbon"></p>
 +
  </div>
 +
</a>
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
<br>
 +
<br>
 +
<br>
 +
 +
<map name="Projekt">
 +
 +
<!-- Link project 1 -->
 +
<area id="m1" shape="poly" coords="0,0, 440,0, 390,160, 410,200, 365,400, 0,400"
 +
          href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project/Module1">
 +
 +
<!-- Link to project 2 -->
 +
<area id="m2" shape="poly" coords="515,0, 725,0, 670,210, 745,310, 760,400, 440,400, 480,205, 460,165"
 +
          href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project/Module2">
 +
 +
<!-- Link to project 3 -->
 +
<area id="m3" shape="poly" coords="780,0, 935,0, 935,400, 825,400, 785,260, 725,220"
 +
          href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project/Module3">
 +
 +
</div>
 +
 +
 +
</body>
 +
 +
</html>

Latest revision as of 09:12, 31 August 2014


Overview

With our project we like to address the problem of energy storage as well as the increasing atmospheric concentration of carbon dioxide. Excess electricity will be used to bind atmospheric carbon dioxide in bacteria. The carbon is used to produce different commercially interesting products. As a proof of concept we decided to implement this system using Escherichia coli. Advantages of this concept will be the use of carbon dioxide from the atmosphere under usage of available electricity on the one hand and the production of isobutanol on the other. Just click on the part of the image for which you want to see information about.