Team:Groningen/Templates/Navigationbar

From 2013.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
 
-
 
<style>
<style>
.accordion,
.accordion,
Line 124: Line 122:
}
}
-
Source: http://designmodo.com/css3-accordion-menu/#ixzz2gmcjwHdy
+
 
</style>
</style>
-
<div width="200px">
+
<nav>
<ul class="accordion">
<ul class="accordion">
Line 133: Line 131:
<li id="one" class="files"><a href="https://2013.igem.org/Team:Groningen">Home</a>
<li id="one" class="files"><a href="https://2013.igem.org/Team:Groningen">Home</a>
   
   
-
<li id="two" class="files" class="navigation"><a target="_top" href="#two" target="_top">Team</a>
+
<li id="two" class="files" class="navigation"><a href="#two">Team</a>
   
   
   <ul class="sub-menu" >
   <ul class="sub-menu" >
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Team#two" target="_top">Team</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Team#two">Team</a></li>
         <li><a href="https://igem.org/Team.cgi?id=1085" target="_blank"  >Official profile</a></li>
         <li><a href="https://igem.org/Team.cgi?id=1085" target="_blank"  >Official profile</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Acknowledgements#two" target="_top"  >Acknowledgements</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Acknowledgements#two" >Acknowledgements</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Attributions#two" target="_top">Attributions</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Attributions#two" >Attributions</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/photos#two" target="_top">Gallery</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/photos#two" >Gallery</a></li>
   </ul>
   </ul>
</li>
</li>
-
<li id="three" class="files" class="navigation"><a href="#three" target="_top">Spider silk</a>
+
<li id="three" class="files" class="navigation"><a href="#three" >Spider silk</a>
   
   
<ul class="sub-menu" >
<ul class="sub-menu" >
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Background#three" target="_top">Background</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Silk#three" >Overview</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/BiomedicalProperties#three" target="_top">Biomedical    <br>Properties</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Background#three" >Background</a></li>
-
        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Protein#three" target="_top">Spider Silk Protein</a></li>
+
   </ul>
   </ul>
</li>
</li>
-
<li id="four" class="sign" class="navigation"><a href="#four" target="_top">Project</a>
+
<li id="four" class="sign" class="navigation"><a href="#four">Project</a>
<ul class="sub-menu" >
<ul class="sub-menu" >
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Project#four" target="_top">Introduction</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Project#four" >Introduction</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Construct#four" target="_top">Backbone</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Construct#four" >Backbone</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/SilkAssemblyShop#four" target="_top">Silk Assembly Shop</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/SilkAssemblyShop#four" >Silk Assembly Shop</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Motility#four" target="_top">Coating Mechanism</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Motility#four" >Stay Warm, Stay Close</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/SilkSecretion#four" target="_top">Final Setup</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/SilkSecretion#four" >The Future</a></li>
-
        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Conclusion#four" target="_top">Conclusion</a></li>
+
   </ul>
   </ul>
</li>
</li>
   
   
-
<li id="one" class="sign" class="navigation"><a href="#five" target="_top">Wet Lab</a>
+
<li id="five" class="sign" class="navigation"><a href="#five" target="_self">Wet Lab</a>
<ul class="sub-menu">
<ul class="sub-menu">
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/experiments#five" target="_top">Experiments</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/experiments#five" target="_self">Experiments</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Protocols#five" target="_top">Protocols</a></li>  
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Protocols#five" target="_self">Protocols</a></li>  
   </ul>
   </ul>
</li>
</li>
Line 173: Line 169:
<li id="six" class="sign" class="navigation"><a href="#six" target="_top">Modeling</a>
<li id="six" class="sign" class="navigation"><a href="#six" target="_top">Modeling</a>
<ul class="sub-menu">
<ul class="sub-menu">
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Codonoptimization#six" target="_top">Codon optimization</a></li>
+
 
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Heatmotility#six" target="_top">Heat Motility</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Heatmotility#six" >Heat Motility</a></li>
 +
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Codonoptimization#six" >Codon optimization</a></li>
 +
 
   </ul>
   </ul>
</li>
</li>
Line 184: Line 182:
<li id="nine" class="sign" class="navigation"><a href="#nine" target="_top">Outreach</a>
<li id="nine" class="sign" class="navigation"><a href="#nine" target="_top">Outreach</a>
<ul class="sub-menu" >
<ul class="sub-menu" >
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/noas#nine" target="_top">Night of <br>Art & Science</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/noas#nine" >Night of <br>Art & Science</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Indiansummer#nine" target="_top">Indian summer</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Indiansummer#nine" >Indian summer</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/summerschool#nine" target="_top">Summerschool</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/summerschool#nine" >Summerschool</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Symposia#nine" target="_top">Symposia</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Symposia#nine" >Symposia</a></li>
   </ul>
   </ul>
</li>
</li>
Line 193: Line 191:
<li id="ten" class="sign" class="navigation"><a href="#ten" target="_top">Achievements</a>
<li id="ten" class="sign" class="navigation"><a href="#ten" target="_top">Achievements</a>
<ul class="sub-menu">
<ul class="sub-menu">
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Medals#ten" target="_top">Medal fulfillment</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Medals#ten" >Medal fulfillment</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/PartsCollaboration#ten" target="_top">Collaboration</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/PartsCollaboration#ten" >Collaboration</a></li>
   </ul>
   </ul>
</li>
</li>
Line 200: Line 198:
<li id="eleven" class="sign"><a href="https://2013.igem.org/Team:Groningen/Navigation/Safety">Safety</a></li>
<li id="eleven" class="sign"><a href="https://2013.igem.org/Team:Groningen/Navigation/Safety">Safety</a></li>
-
<li id="twelve" class="sign" class="navigation"><a href="#twelve" target="_top">Sponsors</a>
+
<li id="twelve" class="sign" class="navigation"><a href="#twelve" >Sponsors</a>
<ul class="sub-menu">
<ul class="sub-menu">
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Sponsors#twelve" target="_top">Sponsors</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Sponsors#twelve">Sponsors</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Donations#twelve" target="_top">How to donate</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Donations#twelve" >How to donate</a></li>
   </ul>
   </ul>
</li>
</li>
Line 209: Line 207:
<li id="eleven" class="sign"><a <a href="https://2013.igem.org/Team:Groningen/Navigation/Contact">Contact</a></li>
<li id="eleven" class="sign"><a <a href="https://2013.igem.org/Team:Groningen/Navigation/Contact">Contact</a></li>
-
</div>
+
</nav>
</html>
</html>

Latest revision as of 03:05, 5 October 2013