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

Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 +
.topnav {
 +
    overflow: hidden;
 +
    background-color: #333;
 +
    font-family: Bahnschrift;
 +
    font-size: 15px;
 +
    width: 100%;
 +
    margin-top: 20px;
 +
}
 +
/* Style the topnav links */
 +
.topnav a {
 +
    float: right;
 +
    display: block;
 +
color: #f2f2f2;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
/*for transitions when hovering*/
 +
-o-transition:color .2s ease-out, background 1s ease-in;
 +
-ms-transition:color .2s ease-out, background 1s ease-in;
 +
-moz-transition:color .2s ease-out, background 1s ease-in;
 +
-webkit-transition:color .2s ease-out, background 1s ease-in
 +
}
 +
.topnav a img {
 +
    height: 10%;
 +
    width: 10%;
 +
}
 +
.topnav a.logo {
 +
    float: left;
 +
}
 +
 +
/* Change color on hover */
 +
.topnav a:hover {
 +
    background-color: #ddd;
 +
    color: black;
 +
#root {
 +
    top: 0px;
 +
position: absolute;
 +
font-size: 16px;
 +
width: 100%;
 +
height: auto;
 +
margin: 0 auto;
 +
background-color: WhiteSmoke;}
 
body { background: #9cb8b3; }
 
body { background: #9cb8b3; }
  
Line 73: Line 115:
  
 
<body>
 
<body>
 +
<div id="root">
 +
<div class="topnav">
 +
<a class="logo" href="#"><img src="https://static.igem.org/mediawiki/2018/8/87/T--iTesla-SoundBio--teamlogo.png"></a>
 +
 +
<!-- Floats right hence in opposite order -->
 +
<a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Safety">Safety</a>
 +
<a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Parts">Parts</a>
 +
<a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/results">Results</a>
 +
<a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Interlab">InterLab</a>
 +
<a href="https://2018.igem.org/Team:iTesla-SoundBio/Experiment">Experiment</a>
 +
<a href="https://2018.igem.org/Team:iTesla-SoundBio/design">Design</a>
 +
<a href="https://2018.igem.org/Team:iTesla-SoundBio/description">Description</a>
 +
<a href="https://2018.igem.org/Team:iTesla-SoundBio/team">Team</a>
 +
<a href="https://2018.igem.org/Team:iTesla-SoundBio">Home</a>
 +
</div>
 
<div>
 
<div>
 
<h1>You are one of us <br><span data-shadow-text="Under Construction">Project Description</span><br>We want no horseshoe crab to bleed</h1>
 
<h1>You are one of us <br><span data-shadow-text="Under Construction">Project Description</span><br>We want no horseshoe crab to bleed</h1>
Line 78: Line 135:
 
<div>
 
<div>
 
<center><img class="homeimg" src="https://static.igem.org/mediawiki/2018/f/f4/T--iTesla-Soundbio--Project_Description.png" alt="DO 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", width=60%,height:60%></center>
 
<center><img class="homeimg" src="https://static.igem.org/mediawiki/2018/f/f4/T--iTesla-Soundbio--Project_Description.png" alt="DO 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", width=60%,height:60%></center>
 +
</div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 18:40, 5 August 2018

Safety Parts Results InterLab Experiment Design Description Team Home

You are one of us
Project Description
We want no horseshoe crab to bleed

DO 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