Difference between revisions of "Team:TUDelft/Example5"

 
(18 intermediate revisions by the same user not shown)
Line 11: Line 11:
 
             #left{
 
             #left{
 
                 float: left;
 
                 float: left;
 
 
                 box-sizing: border-box;
 
                 box-sizing: border-box;
 
                 width: 50%;
 
                 width: 50%;
 
                 display: flex;
 
                 display: flex;
 
                 justify-content: center;
 
                 justify-content: center;
max-height: 300px;
+
                max-height: 300px;
 
             }
 
             }
 
             #right{
 
             #right{
Line 125: Line 124:
 
   height: 20px;
 
   height: 20px;
 
   width: 20px;
 
   width: 20px;
   margin: 0 2px;
+
   margin: 0.6%;
 +
margin-top:1%;
 
   background-color: #bbb;
 
   background-color: #bbb;
 
   border-radius: 50%;
 
   border-radius: 50%;
Line 166: Line 166:
 
   margin-left: auto;
 
   margin-left: auto;
 
   margin-right: auto;
 
   margin-right: auto;
   width: 50%;
+
   width: 85%;
 
}
 
}
 
         </style>
 
         </style>
Line 179: Line 179:
 
             <div class="display-2 mb-0">  
 
             <div class="display-2 mb-0">  
 
               <div class="slideshow-container">
 
               <div class="slideshow-container">
<br>
 
 
<br>
 
<br>
 
<br>
 
<br>
Line 185: Line 184:
 
<br>
 
<br>
 
<div class="mySlides fade">
 
<div class="mySlides fade">
   <img class="centerfoto" style=" width:100%;" src = "https://static.igem.org/mediawiki/2019/c/c8/T--TUDelft--HomeAfter.png" alt="Weronika" >
+
   <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/c/c8/T--TUDelft--HomeAfter.png" alt="slide 1" >
  
 
</div>
 
</div>
  
 
<div class="mySlides fade">
 
<div class="mySlides fade">
 +
  <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/5/5b/T--TUDelft--HomeAfter5.png" alt="slide 2" >
  
  <img class="centerfoto" style="width:100%;" src = "https://static.igem.org/mediawiki/2019/c/c8/T--TUDelft--HomeAfter.png" alt="Esther" >
+
</div>
 +
 
 +
<div class="mySlides fade">
 +
 
 +
  <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/3/3b/T--TUDelft--HomeAfter8.png" alt="slide 3" >
  
 
</div>
 
</div>
 +
  
 
<div class="mySlides fade">
 
<div class="mySlides fade">
  
   <img class="centerfoto" style="width:100%;" src = "https://static.igem.org/mediawiki/2019/c/c8/T--TUDelft--HomeAfter.png" alt="Hafsa" >
+
   <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/2/2e/T--TUDelft--HomeAfter4.png" alt="slide 4" >
  
 
</div>
 
</div>
 +
 +
<div class="mySlides fade">
 +
 +
  <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/e/e4/T--TUDelft--HomeAfter3.png" alt="slide 5" >
  
 
</div>
 
</div>
<br>
 
<br>
 
<div style="text-align:center">
 
  <span class="dot" onclick="currentSlide(1)"></span>
 
  <span class="dot" onclick="currentSlide(2)"></span>
 
  <span class="dot" onclick="currentSlide(3)"></span>
 
<br>
 
<br>
 
<a href="#ScrollDown1" class="buttontu2"><p style="font-size:xx-large; line-height: 50%;"> <b> &#xfe40; </b> <br> <b> &#xfe40;</b></p></a>
 
  
 +
<div class="mySlides fade">
  
 +
  <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/9/95/T--TUDelft--HomeAfter7.png" alt="slide 6" >
  
 +
</div>
 +
 +
<div class="mySlides fade">
 +
 +
  <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/8/85/T--TUDelft--HomeAfter6.png" alt="slide 7" >
  
 
</div>
 
</div>
 +
 +
<div class="mySlides fade">
 +
 +
  <img class="centerfoto" src = "https://static.igem.org/mediawiki/2019/e/e3/T--TUDelft--HomeAfter2.png" alt="slide 8" >
 +
 +
</div>
 +
</div>
 +
 +
<div style="text-align:center">
 +
  <span class="dot" onclick="currentSlide(1)"></span>
 +
  <span class="dot" onclick="currentSlide(2)"></span>
 +
  <span class="dot" onclick="currentSlide(3)"></span>
 +
  <span class="dot" onclick="currentSlide(4)"></span>
 +
  <span class="dot" onclick="currentSlide(5)"></span>
 +
  <span class="dot" onclick="currentSlide(6)"></span>
 +
  <span class="dot" onclick="currentSlide(7)"></span>
 +
  <span class="dot" onclick="currentSlide(8)"></span>
 +
</div>
 +
 
             </div>             
 
             </div>             
 
         </div>         
 
         </div>         
Line 224: Line 250:
 
     <br>
 
     <br>
 
<br>
 
<br>
<div id="ScrollDown1"></div>
 
 
      
 
      
 
<br>
 
<br>
Line 383: Line 408:
 
   slides[slideIndex-1].style.display = "block";
 
   slides[slideIndex-1].style.display = "block";
 
   dots[slideIndex-1].className += " active";
 
   dots[slideIndex-1].className += " active";
   timer = setTimeout(showSlides, 4000);
+
   timer = setTimeout(showSlides, 4500);
 
}  
 
}  
 
</script>
 
</script>

Latest revision as of 06:02, 6 December 2019

Sci-Phi 29







Engineering non-model bacteria is extremely laborious and expensive


Problem




In our project, we developed a tool that aims to expand the repertoire of bacterial species and broaden the range of substrates and environmental conditions which is currently used in synthetic biology.



Read More
Sci-Phi 29






How does Sci-Phi 29 works?


overview project




In our project, we developed a tool that aims to expand the repertoire of bacterial species and broaden the range of substrates and environmental conditions which is currently used in synthetic biology.



Read More
Foldscope Event