Difference between revisions of "Team:Sheffield/project/science"

(Created page with "<html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <met...")
 
Line 223: Line 223:
 
</div>
 
</div>
 
<div class = "jumbotron">
 
<div class = "jumbotron">
−
<p>SCIENCE! and other stuff </p>
+
<p>While our project of detecting lipocalin with modified e.coli is quite simple on the surface, there were many different parts we had to do prove that it could work. These five parts form the pillars that hold have created our final system. <span>Click on the parts to view a short description and to read more</span></p>
 +
<div class="buttoncollection">
 +
        <center>
 +
<div class = "top-button button1">
 +
<p>Button 1</p>
 +
</div>
 +
</center>
 +
<div class="line"></div>
 +
<table class="buttontable">
 +
 +
<tr>
 +
<td>
 +
<table>
 +
<tr>
 +
<div class= "pillar">
 +
<img src="css/pillar.png">
 +
</div>
 +
</tr>
 +
<tr>
 +
<div class = "bio-button button2">
 +
<p>Growth</p>
 +
</div>
 +
</tr>
 +
<tr>
 +
<div class= "pillar">
 +
<img src="css/dpillar.png">
 +
</div>
 +
</tr>
 +
</table>
 +
</td>
 +
<td>
 +
<table>
 +
<tr>
 +
<div class= "pillar">
 +
<img src="css/pillar.png">
 +
</div>
 +
<tr>
 +
<tr>
 +
<div class = "bio-button button3">
 +
<p>Iron</p>
 +
</div>
 +
</tr>
 +
<tr>
 +
<div class= "pillar">
 +
<img src="css/dpillar.png">
 +
</div>
 +
</tr>
 +
</table>
 +
</td>
 +
<td>
 +
<table>
 +
<tr>
 +
<div class= "pillar">
 +
<img src="css/pillar.png">
 +
</div>
 +
</tr>
 +
<tr>
 +
<div class = "bio-button button4">
 +
<p>Siderephores</p>
 +
</div>
 +
</tr>
 +
<tr>
 +
<div class= "pillar">
 +
<img src="css/dpillar.png">
 +
</div>
 +
</tr>
 +
</table>
 +
</td>
 +
<td>
 +
<table>
 +
<tr>
 +
<div class= "pillar">
 +
<img src="css/pillar.png">
 +
</div>
 +
</tr>
 +
<tr>
 +
<div class = "bio-button button5">
 +
<p>Reporters</p>
 +
</div>
 +
</tr>
 +
<tr>
 +
<div class= "pillar">
 +
<img src="css/dpillar.png">
 +
</div>
 +
</tr>
 +
</table>
 +
</td>
 +
<td>
 +
<table>
 +
<tr>
 +
<div class= "pillar">
 +
<img src="css/pillar.png">
 +
</div>
 +
</tr>
 +
<tr>
 +
<div class = "bio-button button6">
 +
<p>Biobricks</p>
 +
</div>
 +
</tr>
 +
<tr>
 +
<div class= "pillar">
 +
<img src="css/dpillar.png">
 +
</div>
 +
</tr>
 +
</table>
 +
</td>
 +
</tr>
 +
</table>
 +
<center>
 +
 +
 +
<center>
 +
<div class = "container2">
 +
 +
<div class = "text text1"><p>This should be for button 1.Please click here for more:</p></div>
 +
<div class = "text text2"><p>This should be for button 2.Please click here for more:</p></div>
 +
<div class = "text text3"><p>This should be for button 3.Please click here for more:</p></div>
 +
<div class = "text text4"><p>This should be for button 4.Please click here for more:</p></div>
 +
<div class = "text text5"><p>This should be for button 5.Please click here for more:</p></div>
 +
<div class = "text text6"><p>This should be for button 6.Please click here for more:</p></div>
 +
 +
 +
</div>
 +
</center>
 +
</div>
 +
</div>
 
</div>
 
</div>
 
     </div>
 
     </div>

Revision as of 21:25, 22 September 2016

A template page

SCIENCE

While our project of detecting lipocalin with modified e.coli is quite simple on the surface, there were many different parts we had to do prove that it could work. These five parts form the pillars that hold have created our final system. Click on the parts to view a short description and to read more

Button 1

Growth

Iron

Siderephores

Reporters

Biobricks

This should be for button 1.Please click here for more:

This should be for button 2.Please click here for more:

This should be for button 3.Please click here for more:

This should be for button 4.Please click here for more:

This should be for button 5.Please click here for more:

This should be for button 6.Please click here for more: