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

 
(25 intermediate revisions by 6 users not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
 +
 +
<head>
 +
<script>
 +
$("#notebook").addClass("navbar-active");
 +
</script>
 +
</head>
  
 
<body>
 
<body>
  
<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="container">
   <h1>Notebook</h1>       
+
 
 +
<div class="jumbotron" style="background-image: url(https://static.igem.org/mediawiki/2015/3/3c/Bielefeld-CeBiTec_notebook_jumbotron.JPG)">
 +
<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="container">
+
       <div class="row text-center notebook-overview">
 
+
         <div class="col-md-5ths">
 
+
            <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>
<div class="container marketing">
+
           <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>
 
+
            </a>
       <div class="row">
+
         <div class="col-lg-3">
+
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
           <h2></br>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><a class="btn btn-default" href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Notebook/HeavyMetals" role="button">View details &raquo;</a></p>
+
 
         </div>
 
         </div>
  
         <div class="col-lg-3">
+
         <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></br>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-lg-3">
+
         <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></br>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-lg-3">
+
  <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>Plasmid Repressor Interaction Assay</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">
 +
          <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>
 +
          <p>Here you can find chronological notes of our lab work besides the main topics, e.g. including the Measurement Interlab Study 2015.</p>
 +
    </a>
 +
        </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