Difference between revisions of "Team:Bielefeld-CeBiTec/Notebook"

 
(20 intermediate revisions by 6 users not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
 +
 +
<head>
 +
<script>
 +
$("#notebook").addClass("navbar-active");
 +
</script>
 +
</head>
  
 
<body>
 
<body>
Line 7: Line 13:
 
<div class="container">
 
<div class="container">
  
<div class="jumbotron" style="background-image: url(https://static.igem.org/mediawiki/2015/3/3c/Bielefeld-CeBiTec_notebook_jumbotron.JPG); background-size: 100%;">
+
<div class="jumbotron" style="background-image: url(https://static.igem.org/mediawiki/2015/3/3c/Bielefeld-CeBiTec_notebook_jumbotron.JPG)">
   <h1>Notebook</h1>       
+
<div class="jumbotron-text">
 +
   <h1 style="margin-bottom: 0px">Lab Notebook</h1>       
 
   <p>Here you can find chronological notes of our lab work, sorted by subtopics.</p>
 
   <p>Here you can find chronological notes of our lab work, sorted by subtopics.</p>
 +
</div>
 
</div>
 
</div>
  
       <div class="row notebook-overview">
+
       <div class="row text-center notebook-overview">
 
         <div class="col-md-5ths">
 
         <div class="col-md-5ths">
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
            <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/HeavyMetals"><img class="img-rounded" src="https://static.igem.org/mediawiki/2015/e/e0/Bielefeld-Cebitec-Notebook-Minipic-HeavyMetals_200x200.JPG" alt="Heavy Metals" width="140" height="140">
 
           <h2>Heavy metals</h2>
 
           <h2>Heavy metals</h2>
           <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
+
           <p>Here you find some detailed information about the lab work concerning the construction of our heavy metal biosensors in <i>E. coli</i>. You can see the difficulties we ran into and follow our progress in creating our sensor systems.</p>
          <p><a class="btn btn-default" href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/HeavyMetals" role="button">View details &raquo;</a></p>
+
            </a>
 
         </div>
 
         </div>
  
 
         <div class="col-md-5ths">
 
         <div class="col-md-5ths">
           <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
           <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/DRdrugs"><img class="img-rounded" src="https://static.igem.org/mediawiki/2015/1/10/Bielefeld-Cebitec-Notebook-Minipic-KO-tropfen_200x200.JPG" alt="Generic placeholder image" width="140" height="140">
 
           <h2>Date rape drugs</h2>
 
           <h2>Date rape drugs</h2>
           <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
+
           <p>The detailed process of the construction and characterization of the sensors detecting GBL, GHB and GABA in <i>E. coli</i>, is shown. You find our various methods to obtain the necessary elements from gene synthesis, <i>A. tumifaciens</i> and <i>B. subtilis</i>.</p>
          <p><a class="btn btn-default" href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/DRdrugs" role="button">View details &raquo;</a></p>
+
            </a>
 
         </div>
 
         </div>
  
 
         <div class="col-md-5ths">
 
         <div class="col-md-5ths">
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
          <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/CFPS"><img class="img-rounded" src="https://static.igem.org/mediawiki/2015/9/9c/Bielefeld-Cebitec-Notebook-Minipic-CFPS_200x200.JPG" alt="CFPS" width="140" height="140">
 
           <h2>CFPS</h2>
 
           <h2>CFPS</h2>
           <p>In cell free protein synthesis (CFPS), the extracts of lysed cells, containing all the necessary components for transcription and translation, are used to produce proteins <i>in vitro</i>.</p>
+
           <p>In cell free protein synthesis (CFPS), the extracts of lysed cells, containing all the necessary components for transcription and translation, are used to produce proteins <i>in vitro</i>. Find out how we developed and optimized our own cell extract.</p>
          <p><a class="btn btn-default" href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/CFPS" role="button">View details &raquo;</a></p>
+
            </a>
 
         </div>
 
         </div>
  
 
  <div class="col-md-5ths">
 
  <div class="col-md-5ths">
           <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
           <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/PlasmidDisplay"><img class="img-rounded" src="https://static.igem.org/mediawiki/2015/0/07/Bielefeld-Cebitec-Notebook-Minipic-PRIA_200x200.JPG" alt="Generic placeholder image" width="140" height="140">
 
           <h2>PRIA</h2>
 
           <h2>PRIA</h2>
           <p>This alternative to standard biosensors is based on <i>in vitro</i> interaction of immobilized repressor proteins with plasmids containing the operator site corresponding to the repressor.</p>
+
           <p>See how we developed this alternative to standard biosensors, which is based on <i>in vitro</i> interaction of immobilized repressor proteins with plasmids containing the operator site corresponding to the repressor.</p>
          <p><a class="btn btn-default" href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/PlasmidDisplay" role="button">View details &raquo;</a></p>
+
    </a>
 
         </div>
 
         </div>
 
      
 
      
 
<div class="col-md-5ths">
 
<div class="col-md-5ths">
           <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
           <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/Miscellaneous"><img class="img-rounded" src="https://static.igem.org/mediawiki/2015/0/0b/Bielefeld-Cebitec-Notebook-Minipic-Verschiedened_200x200.JPG" alt="Generic placeholder image" width="140" height="140">
 
           <h2>Miscellaneous</h2>
 
           <h2>Miscellaneous</h2>
           <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
+
           <p>Here you can find chronological notes of our lab work besides the main topics, e.g. including the Measurement Interlab Study 2015.</p>
          <p><a class="btn btn-default" href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/Miscellaneous" role="button">View details &raquo;</a></p>
+
    </a>
 
         </div>
 
         </div>
 +
 +
<div class="row footer">
 +
<div class="col-md-2 col-md-offset-10 text-center">
 +
<a type="button" class="btn btn-default btn-next" href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Protocols"><img src="https://static.igem.org/mediawiki/2015/b/bc/Bielefeld-CeBiTec_notebook_logo.png"><p>Protocols</p></a>
 +
</div>
 +
</div>
 +
 +
 
       </div>
 
       </div>
  

Latest revision as of 21:44, 17 September 2015

iGEM Bielefeld 2015