Difference between revisions of "Team:iTesla-SoundBio"

(Added buttons configured as dropdown for nav)
(Edited navigation bar)
Line 298: Line 298:
 
</script>
 
</script>
 
<body>
 
<body>
<div class="topnav">
+
    <div class="topnav">
<a class="logo" href="#"><img src="https://static.igem.org/mediawiki/2018/8/87/T--iTesla-SoundBio--teamlogo.png"></a>
+
        <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 -->
+
        <!-- 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/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/Interlab">InterLab</a>
<a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/results">Results</a>
+
        <a href="https://2018.igem.org/Team:iTesla-SoundBio/team">Team</a>
<a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Interlab">InterLab</a>
+
        <div class="dropdown">
<a href="https://2018.igem.org/Team:iTesla-SoundBio/Experiment">Experiment</a>
+
            <button class="dropdown-button">Human Practices</button>
<a href="https://2018.igem.org/Team:iTesla-SoundBio/design">Design</a>
+
            <div class="dropdown-content">
<a href="https://2018.igem.org/Team:iTesla-SoundBio/description">Description</a>
+
                <a href="#">Outreach</a>
<a href="https://2018.igem.org/Team:iTesla-SoundBio/team">Team</a>
+
                <a href="#">Collaborations</a>
            <div class="dropdown">
+
                <button class="dropdown-button">Home</button>
+
                <div class="dropdown-content">
+
                    <a href="https://2018.igem.org/Team:iTesla-SoundBio">iT-SB 2018</a>
+
                    <a href="https://2018.igem.org/Team:iTesla-SoundBio">iT-SB 2017</a>
+
                </div>
+
 
             </div>
 
             </div>
</div>
+
        </div>
+
        <div class="dropdown">
<div id="wrapper">
+
            <button class="dropdown-button">Project</button>
<h2 id="title" class="retroshadow">Project Overview</h2>
+
            <div class="dropdown-content">
<center><img class="imgFadeIn" src="https://static.igem.org/mediawiki/2018/6/60/T--iTesla-Soundbio--main_page.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>
+
                <a href="https://2018.igem.org/Team:iTesla-SoundBio/description">Description</a>
<!--
+
                <a href="https://2018.igem.org/Team:iTesla-SoundBio/design">Design</a>
<div class="row">
+
                <a href="https://2018.igem.org/Team:iTesla-SoundBio/Experiment">Experiment</a>
<div class="column" style="background-color:#aaa;"><div class= "container">
+
                <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/results">Results</a>
<a href="https://2018.igem.org/Team:iTesla-SoundBio/labnotebook"><img src="https://static.igem.org/mediawiki/2018/c/c1/T--iTesla-Soundbio--writing1.jpg" alt= "labnotebook", width= 100%, height=400px></a>
+
                <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Parts">Biobrick Parts</a>
 +
                <a href="#">Lab Notebook</a>
 +
 
 +
            </div>
 +
        </div>
 +
        <div class="dropdown">
 +
            <button class="dropdown-button">Home</button>
 +
            <div class="dropdown-content">
 +
                <a href="https://2018.igem.org/Team:iTesla-SoundBio">iT-SB 2018</a>
 +
                <a href="https://2018.igem.org/Team:iTesla-SoundBio">iT-SB 2017</a>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 
 +
    <div id="wrapper">
 +
        <h2 id="title" class="retroshadow">Project Overview</h2>
 +
        <center><img class="imgFadeIn" src="https://static.igem.org/mediawiki/2018/6/60/T--iTesla-Soundbio--main_page.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 class="row">
 +
        <div class="column" style="background-color:#aaa;"><div class= "container">
 +
            <a href="https://2018.igem.org/Team:iTesla-SoundBio/labnotebook"><img src="https://static.igem.org/mediawiki/2018/c/c1/T--iTesla-Soundbio--writing1.jpg" alt= "labnotebook", width= 100%, height=400px></a>
  
<div class="centered">LabNotebook</div>
+
        <div class="centered">LabNotebook</div>
</div>
+
        </div>
  
  
<div class="column" style="background-color:#bbb;"><div class= "container1">
+
        <div class="column" style="background-color:#bbb;"><div class= "container1">
<a href="https://2018.igem.org/Team:iTesla-SoundBio/a_crab_story"><img src="https://static.igem.org/mediawiki/2018/e/e1/T--iTesla-Soundbio--horseshoecrab1.jpg" alt="WE TAKE BLOOD FROM HORSESHOE CRABS", width= 100%, height=400px></a>
+
            <a href="https://2018.igem.org/Team:iTesla-SoundBio/a_crab_story"><img src="https://static.igem.org/mediawiki/2018/e/e1/T--iTesla-Soundbio--horseshoecrab1.jpg" alt="WE TAKE BLOOD FROM HORSESHOE CRABS", width= 100%, height=400px></a>
<div class="centered">Project Description</div>
+
        <div class="centered">Project Description</div>
</div>
+
        </div>
  
<div class="column" style="background-color:#ccc;"><div class= "container">
+
        <div class="column" style="background-color:#ccc;"><div class= "container">
<a href="https://2018.igem.org/Team:iTesla-SoundBio/gallary"><img src="https://static.igem.org/mediawiki/2018/5/57/T--iTesla-Soundbio--humaninteraction.jpg" alt="our lab pictures", width= 100%, height=400px></a>
+
            <a href="https://2018.igem.org/Team:iTesla-SoundBio/gallary"><img src="https://static.igem.org/mediawiki/2018/5/57/T--iTesla-Soundbio--humaninteraction.jpg" alt="our lab pictures", width= 100%, height=400px></a>
  
<div class="centered">Human Practices</div>
+
        <div class="centered">Human Practices</div>
</div>
+
        </div>
  
</div>
+
    </div>
-->
+
-->
</div>
+
    </div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 06:45, 10 August 2018

Project Overview

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