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

 
(24 intermediate revisions by 2 users not shown)
Line 15: Line 15:
 
                 <link rel="stylesheet" type="text/css"  
 
                 <link rel="stylesheet" type="text/css"  
 
                 href="https://2016.igem.org/Template:Sheffield/style/slide?action=raw&ctype=text/css" />
 
                 href="https://2016.igem.org/Template:Sheffield/style/slide?action=raw&ctype=text/css" />
                  
+
               
 +
                <link rel="stylesheet" type="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 55: 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 61: 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 80: 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 99: 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 120: 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 141: 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 162: 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 183: 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 208: 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 215: 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 222: 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 = "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 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 355: 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