Difference between revisions of "Team:iTesla-SoundBio/description"

Line 144: Line 144:
  
  
 
<div class="sidenav">
 
<a href="#graphicsum">Graphic Summary</a>
 
<br>
 
<a href="#constructdesign">Construct Design</a>
 
<br>
 
<a href="#Biobrick">Biobrick: <br>Factor C gene in E. coli pSB1C3</a>
 
<br>
 
<a href="#Integration">Integration: <br>Factor C in B.Subtilis Chromosomal DNA</a>
 
<br>
 
<a href="#Expression">Expression: <br>Factor C protein verification</a>
 
<br>
 
</div>
 
  
  
Line 170: Line 157:
  
  
 +
 +
 +
 +
</div>
 +
</div>
 +
</body>
 +
 +
 +
 +
</html>
 +
 +
<!-- Archive
 +
#boxshadow {
 +
    position: relative;
 +
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
 +
    padding: 10px;
 +
    background: white;
 +
}
 +
 +
#boxshadow img {
 +
    width: 100%;
 +
    border: 1px solid #8a4419;
 +
    border-style: inset;
 +
}
 +
 +
#boxshadow::after {
 +
    content: '';
 +
    position: absolute;
 +
    z-index: -1; /* hide shadow behind image */
 +
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
 +
    width: 70%;
 +
    left: 15%; /* one half of the remaining 30% */
 +
    height: 100px;
 +
    bottom: 0;
 +
}
 +
background-color: #008CBA;
 +
    border: none;
 +
    color: white;
 +
    padding: 15px 32px;
 +
    text-align: center;
 +
    text-decoration: none;
 +
    display: inline-block;
 +
    font-size: 16px;
 +
    margin: 4px 2px;
 +
    cursor: pointer;
 +
  display: flex; justify-content: center;
 +
}
 +
<div class="sidenav">
 +
<a href="#graphicsum">Graphic Summary</a>
 +
<br>
 +
<a href="#constructdesign">Construct Design</a>
 +
<br>
 +
<a href="#Biobrick">Biobrick: <br>Factor C gene in E. coli pSB1C3</a>
 +
<br>
 +
<a href="#Integration">Integration: <br>Factor C in B.Subtilis Chromosomal DNA</a>
 +
<br>
 +
<a href="#Expression">Expression: <br>Factor C protein verification</a>
 +
<br>
 +
</div>
  
 
<div class="horizontalline">
 
<div class="horizontalline">
Line 232: Line 278:
 
</p>
 
</p>
 
</div>
 
</div>
 
 
</div>
 
</div>
 
</body>
 
 
 
 
</html>
 
 
<!--
 
#boxshadow {
 
    position: relative;
 
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
 
    padding: 10px;
 
    background: white;
 
}
 
 
#boxshadow img {
 
    width: 100%;
 
    border: 1px solid #8a4419;
 
    border-style: inset;
 
}
 
 
#boxshadow::after {
 
    content: '';
 
    position: absolute;
 
    z-index: -1; /* hide shadow behind image */
 
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
 
    width: 70%;
 
    left: 15%; /* one half of the remaining 30% */
 
    height: 100px;
 
    bottom: 0;
 
}
 
background-color: #008CBA;
 
    border: none;
 
    color: white;
 
    padding: 15px 32px;
 
    text-align: center;
 
    text-decoration: none;
 
    display: inline-block;
 
    font-size: 16px;
 
    margin: 4px 2px;
 
    cursor: pointer;
 
  display: flex; justify-content: center;
 
}
 
 
-->
 
-->

Revision as of 03:13, 30 September 2018

Build the change

You want to see in the world

DID YOU KNOW? Every year, hundreds of thousands of horseshoe crabs are caught each year and drained of up to to 30% of their blood. Why? To collect LAL, a chemical that is crucial in the detection of endotoxins in everything from drugs to medical equipment