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

 
(22 intermediate revisions by 2 users not shown)
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/biology?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 58: Line 67:
 
 
  
<body style="min-height:2000px;background-color:black">
+
<body style="background-color:black">
 
<nav class="navbar navbar-default navbar-fixed-top">
 
<nav class="navbar navbar-default navbar-fixed-top">
 
       <div class="container">
 
       <div class="container">
Line 64: Line 73:
 
         <div class="navbar-header">
 
         <div class="navbar-header">
 
           <div class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 
           <div class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
             <img src="https://static.igem.org/mediawiki/2016/1/18/T--Sheffield--navbar-logo.png">
+
             <img src="https://static.igem.org/mediawiki/2016/a/a5/T--Sheffield--Website-home-mobile.png">
 
           </div>
 
           </div>
 
           <!-- <a class="navbar-brand" href="#">Igem Sheff 16</a> -->  
 
           <!-- <a class="navbar-brand" href="#">Igem Sheff 16</a> -->  
Line 83: Line 92:
 
             </li>
 
             </li>
 
    <li class="dropdown" id="li-home">
 
    <li class="dropdown" id="li-home">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
+
               <a href="https://2016.igem.org/Team:Sheffield" >
 
  <center>
 
  <center>
 
<table id="navtable">
 
<table id="navtable">
Line 102: Line 111:
 
             </li> 
 
             </li> 
 
             <li class="dropdown">
 
             <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
+
            <a href="https://2016.igem.org/Team:Sheffield/Description" class="dropdown-toggle" >
 
  <center>
 
  <center>
 
<table id="navtable">
 
<table id="navtable">
Line 123: Line 132:
 
              
 
              
 
             <li class="dropdown">
 
             <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
+
               <a href="https://2016.igem.org/Team:Sheffield/project" class="dropdown-toggle" >
 
  <center>
 
  <center>
 
<table id="navtable">
 
<table id="navtable">
Line 144: Line 153:
 
 
 
<li class="dropdown">
 
<li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
+
               <a href="https://2016.igem.org/Team:Sheffield/Team" class="dropdown-toggle" >
 
  <center>
 
  <center>
 
<table id="navtable">
 
<table id="navtable">
Line 165: Line 174:
 
            
 
            
 
<li class="dropdown">
 
<li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
+
               <a href="https://2016.igem.org/Team:Sheffield/Notebook" class="dropdown-toggle" >
 
  <center>
 
  <center>
 
<table id="navtable">
 
<table id="navtable">
Line 186: Line 195:
 
              
 
              
 
             <li class="dropdown">
 
             <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
+
               <a href="https://2016.igem.org/Team:Sheffield/judging" class="dropdown-toggle" >
 
  <center>
 
  <center>
 
<table id="navtable">
 
<table id="navtable">
Line 211: Line 220:
 
     <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="heading">
 
<table>
 
<table>
 
<th class="banner-img">
 
<th class="banner-img">
Line 218: Line 227:
 
</th>
 
</th>
 
<th>
 
<th>
<div class="heading-title"><h1 style="padding:0px">SCIENCE</h1></div>
+
<div class="heading-title"><h1 style="padding:0px">WET LAB</h1></div>
 
</th>
 
</th>
 
<th class="banner-img">
 
<th class="banner-img">
Line 225: Line 234:
 
</table>
 
</table>
 
</div>
 
</div>
<div class = "jumbotron">
+
<div class="row">
<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>
+
<table class="Project-table">
<div class="buttoncollection">
+
<th>
        <center>
+
                                        <a href="https://2016.igem.org/Team:Sheffield/project/science/finalsystem" >
<div class = "top-button button1">
+
<div class="small-section-cell final">
<p>Button 1</p>
+
<center>
</div>
+
<h1>FINAL SYSTEM</h1>
 
</center>
 
</center>
<div class="line"></div>
+
</div>
<table class="buttontable">
+
                                        </a>
+
</th>
<tr>
+
<th>
<td>
+
                                        <a href="https://2016.igem.org/Team:Sheffield/Parts">
<table>
+
<div class="small-section-cell brick">
<tr>
+
<center>
<div class= "pillar">
+
<h1>PARTS</h1>
<img src="https://static.igem.org/mediawiki/2016/3/3c/T--Sheffield--pillar.png">
+
</center>
</div>
+
</div>
</tr>
+
</th>
<tr>
+
</table>
<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>
 +
                                        <a href="https://2016.igem.org/Team:Sheffield/project/science/growthcurves">
 +
<div class="small-section-cell growth">
 +
<center>
 +
<h1>GROWTH CURVES</h1>
 +
</center>
 +
</div>
 +
                                        </a>
 +
</th>
 +
<th>
 +
                                        <a href="https://2016.igem.org/Team:Sheffield/project/science/detectingiron">
 +
<div class="small-section-cell iron">
 +
<center>
 +
<h1>MEASURING IRON</h1>
 +
</center>
 +
</div>
 +
                                        </a>
 +
</th>
 +
</table>
 
</div>
 
</div>
 +
<div class="row">
 +
<table class="Project-table">
 +
<th>
 +
                                      <a href= "https://2016.igem.org/Team:Sheffield/project/science/CAS">
 +
<div class="small-section-cell siderephores">
 +
<center>
 +
<h1>CAS PLATES</h1>
 +
</center>
 +
</div>
 +
                                      </a>
 +
</th>
 +
<th>
 +
                                        <a href="https://2016.igem.org/Team:Sheffield/project/science/furreporter">
 +
<div class="small-section-cell reporters">
 +
<center>
 +
<h1>REPORTERS</h1>
 +
</center>
 +
</div>
 +
</th>
 +
</table>
 +
</div>
 +
                <div class="row">
 +
<table class="Project-table">
 +
<th>
 +
                                      <center>
 +
                                      <a href= "https://2016.igem.org/Team:Sheffield/Protocols">
 +
<div class="small-section-cell protocols">
 +
<center>
 +
<h1>PROTOCOLS</h1>
 +
</center>
 +
</div>
 +
                                      </a>
 +
                                      </center>
 +
</th>
 +
                               
 +
 
     </div>
 
     </div>
 
     </div>
 
     </div>
Line 358: Line 319:
 
     ================================================== -->
 
     ================================================== -->
 
     <!-- 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>
+
 
      
 
      
 
      
 
      

Latest revision as of 00:54, 20 October 2016

A template page