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

Line 17: Line 17:
 
                  
 
                  
 
                 <link rel="stylesheet" type="text/css"
 
                 <link rel="stylesheet" type="text/css"
−
                 href="https://2016.igem.org/Template:Sheffield/style/science?action=raw&ctype=text/css" />
+
                 href="https://2016.igem.org/Template:Sheffield/style/project?action=raw&ctype=text/css" />
−
                  
+
 
 +
 
 +
 
 +
                 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
                <script>window.jQuery || document.write('<script src="js/vendor/jquery.min.js"><\/script>')</script>
 +
     
 +
                <script
 +
                  src="https://2016.igem.org/Template:Sheffield/scripts/project?action=raw&ctype=text/javascript"></script>
 +
 
                 <script  
 
                 <script  
 
                   src="https://2016.igem.org/Template:Sheffield/scripts/min?action=raw&ctype=text/javascript"></script>
 
                   src="https://2016.igem.org/Template:Sheffield/scripts/min?action=raw&ctype=text/javascript"></script>
Line 77: Line 85:
 
<th>
 
<th>
 
<div class="navimagediv">
 
<div class="navimagediv">
−
<a href="https://2016.igem.org/Team:Sheffield"><img src="https://static.igem.org/mediawiki/2016/1/18/T--Sheffield--navbar-logo.png"></a>
+
<a href="intro_template.html"><img src="https://static.igem.org/mediawiki/2016/1/18/T--Sheffield--navbar-logo.png"></a>
 
</div>
 
</div>
 
</th>
 
</th>
Line 211: Line 219:
 
     <div id="shield">
 
     <div id="shield">
 
     <div class = "container" >
 
     <div class = "container" >
−
<div style="height:100px"></div>
+
<div class="spacer"></div>
−
<div class="heading">
+
<div class="row">
 +
<div class="Pheading">
 
<table>
 
<table>
−
<th class="banner-img">
+
<th>
−
<img src="https://static.igem.org/mediawiki/2016/6/67/T--Sheffield--heading-banner.png">
+
<img src="css/banner.png">
 
</th>
 
</th>
 
<th>
 
<th>
−
<div class="heading-title"><h1 style="padding:0px">SCIENCE</h1></div>
+
<div class="Pheading-title"><h1>Project</h1></div>
 
</th>
 
</th>
−
<th class="banner-img">
+
<th>
−
<img src="https://static.igem.org/mediawiki/2016/b/b2/T--Sheffield--heading-banner-flip.png">
+
<img src="css/banner-flip.png">
 
</th>
 
</th>
 
</table>
 
</table>
 
</div>
 
</div>
−
<div class = "jumbotron">
+
<table class="Project-table">
−
<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>
+
<th>
−
<div class="buttoncollection">
+
<div class="section final">
−
        <center>
+
<center>
−
<div class = "top-button button1">
+
<h1>FINAL SYSTEM</h1>
−
<p>Button 1</p>
+
−
</div>
+
 
</center>
 
</center>
−
<div class="line"></div>
+
</div>
−
<table class="buttontable">
+
</th>
−
+
<th>
−
<tr>
+
<div class="section brick">
−
<td>
+
<center>
−
<table>
+
<h1>BIOBRICKS</h1>
−
<tr>
+
</center>
−
<div class= "pillar">
+
</div>
−
<img src="https://static.igem.org/mediawiki/2016/3/3c/T--Sheffield--pillar.png">
+
</th>
−
</div>
+
</table>
−
</tr>
+
−
<tr>
+
−
<div class = "bio-button button2">
+
−
<p>Growth</p>
+
−
</div>
+
−
</tr>
+
−
<tr>
+
−
<div class= "pillar">
+
−
<img src="https://static.igem.org/mediawiki/2016/4/49/T--Sheffield--dpillar.png">
+
−
</div>
+
−
</tr>
+
−
</table>
+
−
</td>
+
−
<td>
+
−
<table>
+
−
<tr>
+
−
<div class= "pillar">
+
−
<img src="https://static.igem.org/mediawiki/2016/3/3c/T--Sheffield--pillar.png">
+
−
</div>
+
−
<tr>
+
−
<tr>
+
−
<div class = "bio-button button3">
+
−
<p>Iron</p>
+
−
</div>
+
−
</tr>
+
−
<tr>
+
−
<div class= "pillar">
+
−
<img src="https://static.igem.org/mediawiki/2016/4/49/T--Sheffield--dpillar.png">
+
−
</div>
+
−
</tr>
+
−
</table>
+
−
</td>
+
−
<td>
+
−
<table>
+
−
<tr>
+
−
<div class= "pillar">
+
−
<img src="https://static.igem.org/mediawiki/2016/3/3c/T--Sheffield--pillar.png">
+
−
</div>
+
−
</tr>
+
−
<tr>
+
−
<div class = "bio-button button4">
+
−
<p>Siderephores</p>
+
−
</div>
+
−
</tr>
+
−
<tr>
+
−
<div class= "pillar">
+
−
<img src="https://static.igem.org/mediawiki/2016/4/49/T--Sheffield--dpillar.png">
+
−
</div>
+
−
</tr>
+
−
</table>
+
−
</td>
+
−
<td>
+
−
<table>
+
−
<tr>
+
−
<div class= "pillar">
+
−
<img src="https://static.igem.org/mediawiki/2016/3/3c/T--Sheffield--pillar.png">
+
−
</div>
+
−
</tr>
+
−
<tr>
+
−
<div class = "bio-button button5">
+
−
<p>Reporters</p>
+
−
</div>
+
−
</tr>
+
−
<tr>
+
−
<div class= "pillar">
+
−
<img src="https://static.igem.org/mediawiki/2016/4/49/T--Sheffield--dpillar.png">
+
−
</div>
+
−
</tr>
+
−
</table>
+
−
</td>
+
−
<td>
+
−
<table>
+
−
<tr>
+
−
<div class= "pillar">
+
−
<img src="https://static.igem.org/mediawiki/2016/3/3c/T--Sheffield--pillar.png">
+
−
</div>
+
−
</tr>
+
−
<tr>
+
−
<div class = "bio-button button6">
+
−
<p>Biobricks</p>
+
−
</div>
+
−
</tr>
+
−
<tr>
+
−
<div class= "pillar">
+
−
<img src="https://static.igem.org/mediawiki/2016/4/49/T--Sheffield--dpillar.png">
+
−
</div>
+
−
</tr>
+
−
</table>
+
−
</td>
+
−
</tr>
+
−
</table>
+
−
<center>
+
−
+
−
+
−
<center>
+
−
<div class = "javacontainer">
+
−
+
−
<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 class="row">
 +
<table class="Project-table">
 +
<th>
 +
<div class="section growth">
 +
<center>
 +
<h1>GROWTH CURVES</h1>
 +
</center>
 +
</div>
 +
</th>
 +
<th>
 +
<div class="section iron">
 +
<center>
 +
<h1>DETECTING IRON</h1>
 +
</center>
 +
</div>
 +
</th>
 +
</table>
 +
</div>
 +
<div class="row">
 +
<table class="Project-table">
 +
<th>
 +
<div class="section siderephores">
 +
<center>
 +
<h1>SIDEREPHORES</h1>
 +
</center>
 +
</div>
 +
</th>
 +
<th>
 +
<div class="section reporters">
 +
<center>
 +
<h1>REPORTERS</h1>
 +
</center>
 +
</div>
 +
</th>
 +
</table>
 
</div>
 
</div>
 +
 
     </div>
 
     </div>
 
     </div>
 
     </div>
Line 358: Line 294:
 
     ================================================== -->
 
     ================================================== -->
 
     <!-- Placed at the end of the document so the pages load faster -->
 
     <!-- Placed at the end of the document so the pages load faster -->
−
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+
 
−
    <script>window.jQuery || document.write('<script src="js/vendor/jquery.min.js"><\/script>')</script>
+
−
    <script src="js/bootstrap.min.js"></script>
+
−
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+
−
    <script src="assets/js/ie10-viewport-bug-workaround.js"></script>
+
−
    <script src="js/popover.js"></script>
+
 
      
 
      
 
      
 
      

Revision as of 18:33, 4 October 2016

A template page

Project

FINAL SYSTEM

BIOBRICKS

GROWTH CURVES

DETECTING IRON

SIDEREPHORES

REPORTERS