Team:Heidelberg/Templates/Navigation

From 2013.igem.org

(Difference between revisions)
 
(170 intermediate revisions not shown)
Line 1: Line 1:
-
<html lang="en">
+
{{:Team:Heidelberg/Templates/bootstrap-css}}
 +
{{:Team:Heidelberg/Templates/carousel-css}}
 +
{{:Team:Heidelberg/Templates/basic-css}}
 +
{{:Team:Heidelberg/Templates/style2-css}}
 +
<html>
 +
<style type="text/css">
-
            <!--<div class="navigation" id="nav">-->
+
</style>
-
            <div class="navigation">
+
<div class="row">
-
                <div class="item-team team">
+
        <div id="nav" class="navigation">
-
                    <div class="dropdown">
+
          <div class="item"><a href="https://2013.igem.org"><object data="https://static.igem.org/mediawiki/2013/b/b3/Heidelberg_igem_logo2.png" height="90" style="margin-left:0.5%;vertical-align:bottom"></object></a></div>
-
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>-->
+
-
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Team</h2></a>
+
-
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
+
-
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Student Members</a></li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Advisors</a></li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Instructors</a></li>
+
-
                           
+
-
                        </ul>
+
-
                    </div>
+
-
                </div>
+
-
                <div class="item-project project">
+
-
                    <div class="dropdown">
+
-
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>-->
+
-
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Project</h2></a>
+
-
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
+
-
                            <li role="presentation" class="dropdown-header">Lab Projects</li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="1" href="https://2013.igem.org/Team:Heidelberg/Delftibactin">Delftibactin</a></li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="2" href="#">Indigoidine</a></li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="3" href="#">Tyrocidine</a></li>
+
-
                            <!--<li role="presentation" class="divider"></li>-->
+
-
                            <li role="presentation" class="dropdown-header">Software Projects</li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="4" href="https://2013.igem.org/HumanPractice/iGEM42">iGEM42</a></li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="5" href="#">NRPS Designer</a></li>
+
-
                            <!--<li role="presentation" class="divider"></li>-->
+
-
                            <li role="presentation"><a role="menuitem" tabindex="6" href="#">Requirements</a></li>
+
-
                            <!--<a href="#" class="icon"></a>
+
-
                            <h2>Project</h2>
+
-
                            <ul>
+
-
                                <li><a href="#">Portfolio</a></li>
+
-
                                <li><a href="#">Services</a></li>
+
-
                                <li><a href="#">Contact</a></li>-->
+
-
                        </ul>
+
-
                    </div>
+
-
                </div>
+
-
                <div class="item-softnote notebook">
+
-
                    <div class="dropdown">
+
-
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Notebook</h2></a>
+
-
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
+
-
                            <li role="presentation" class="dropdown-header">Lab Projects</li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="1" href="https://2013.igem.org/Team:Heidelberg/Delftibactin">Delftibactin</a></li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="2" href="#">Indigoidine</a></li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="3" href="https://2013.igem.org/Team:Heidelberg/Tyrocidine">Tyrocidine</a></li>
+
-
                            <!--<li role="presentation" class="divider"></li>-->
+
-
                            <li role="presentation" class="dropdown-header">Software Projects</li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="4" href="https://2013.igem.org/Notebook/iGEM42">iGEM42</a></li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="5" href="https://2013.igem.org/NRPSDesigner">NRPS Designer</a></li>
+
-
                        </ul>
+
            <div class="item team" data-offset-L="-130">
-
                    </div>
+
                <a class="icon" href="#"><img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/9/9d/Heidelberg_bg_team2.png"></a><h2>Team</h2><ul>
-
                    <!--a href="#" class="icon"></a>
+
<img style="max-width:40px; position:absolute; top:115px; right:140px;" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
-
                    <h2>Notebook</h2>
+
                    <li><a href="/Team:Heidelberg/Team">Team Members</a></li>
-
                    <ul>
+
                    <li><a href="/Team:Heidelberg/AttributionsII">Attributions</a></li>
-
                        <li><a href="#">Social</a></li>
+
                    <li><a href="/Team:Heidelberg/Team/Sponsors">Sponsors</a></li>
-
                        <li><a href="#">Support</a></li>
+
-
                        <li><a href="#">Comments</a></li>
+
-
                    </ul>-->
+
-
                </div>
+
-
                <div class="item parts">
+
-
                    <div class="dropdown">
+
-
                            <a data-toggle="dropdown" href="#" class="icon"><h2>Parts</h2></a>
+
-
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
+
-
                                <li role="presentation" class="dropdown-header">Lab Projects</li>
+
-
                                <li role="presentation"><a role="menuitem" tabindex="1" href="#">Delftibactin</a></li>
+
-
                                <li role="presentation"><a role="menuitem" tabindex="2" href="#">Indigoidine</a></li>
+
-
                                <li role="presentation"><a role="menuitem" tabindex="3" href="#">Tyrocidine</a></li>
+
-
                                <!--<li role="presentation" class="divider"></li>-->
+
-
                                <li role="presentation" class="dropdown-header">Software Projects</li>
+
-
                                <li role="presentation"><a role="menuitem" tabindex="4" href="#">iGEM42</a></li>
+
-
                                <li role="presentation"><a role="menuitem" tabindex="5" href="#">NRPS Designer</a></li>
+
-
                            </ul>
+
                    <li><a href="/Team:Heidelberg/Team/Collaboration">Collaborations</a></li>
-
                        </div>
+
                   
-
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>
+
                    <li><a href="/Team:Heidelberg/Team/Gallery">Gallery</a></li>
-
                    <a href="#" class="icon"></a>
+
                </ul>
-
                    <h2>Parts</h2>
+
            </div>
-
                    <ul>
+
            <div class="item project" data-offset-L="-144">
-
                        <li><a href="#">Catalogue</a></li>
+
                <a class="icon" href="#"><img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/9/9e/Heidelberg_bg_project.png"></a><h2>Project</h2><ul>
-
                        <li><a href="#">Orders</a></li>
+
                                 
-
                        <li><a href="#">Offers</a></li>
+
<img style="max-width:40px; position:absolute; right: 170px;top:0px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
-
                     </ul>-->
+
<img style="max-width:40px; position:absolute; right: 170px;top:80px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
-
                </div>
+
<img style="max-width:40px; position:absolute; right: 170px;top:120px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
-
                <div class="item-softnote software">
+
                    <li><a href="/Team:Heidelberg/NRPS">Background</a></li>
-
                     <div class="dropdown">
+
                    <li><a href="/Team:Heidelberg/Project">Overview</a></li>
-
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Software</h2></a>
+
                      
-
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
+
                    <li><a href="/Team:Heidelberg/Project/Tyrocidine">Synthetic Peptides</a></li>
-
                            <li role="presentation" class="dropdown-header">NRPS Designer</li>
+
                     <li><a href="/Team:Heidelberg/Project/Indigoidine-Tag">Indigoidine-Tag</a></li>
-
                            <li role="presentation"><a role="menuitem" tabindex="1" href="#">Documentation</a></li>
+
                    <li><a href="/Team:Heidelberg/Project/Tag-Optimization">Tag Optimization</a></li>
-
                            <li role="presentation"><a role="menuitem" tabindex="2" href="#">Use it!</a></li>
+
                    <li><a href="/Team:Heidelberg/Project/Delftibactin">Gold Recycling</a></li>
 +
                    <li><a href="/Team:Heidelberg/Project/Achievements">Achievements</a></li>
 +
                   
 +
                </ul>
 +
            </div>
 +
            <div class="item notebook" data-offset-L="-139">
-
                        </ul>
+
                <a class="icon" href="#"><img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/0/07/Heidelberg_bg_notebook.png"></a>
-
                    </div>
+
-
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>
+
-
                    <a href="#" class="icon"></a>
+
-
                    <h2>Software</h2>
+
-
                    <ul>
+
-
                        <li><a href="#">Gallery</a></li>
+
-
                        <li><a href="#">Prints</a></li>
+
-
                        <li><a href="#">Submit</a></li>
+
-
                    </ul>-->
+
-
                </div>
+
-
                <div class="item safety">
+
-
                    <div class="dropdown">
+
-
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Safety</h2></a>
+
-
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
+
-
                            <li role="presentation" class="dropdown-header">NRPS Designer</li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="1" href="#">Documentation</a></li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="2" href="#">Use it!</a></li>
+
-
                            <li role="presentation" class="dropdown-header">iGEM42</li>
+
                <h2>Notebook</h2>
-
                            <li role="presentation"><a role="menuitem" tabindex="3" href="#">Documentation</a></li>
+
                <ul>
-
                            <li role="presentation"><a role="menuitem" tabindex="4" href="#">Use it!</a></li>
+
                    <li><a href="/Team:Heidelberg/Tyrocidine">Synthetic Peptides</a></li>
-
 
+
                    <li><a href="/Team:Heidelberg/Tyrocidine">Indigoidine-Tag</a></li>
-
                        </ul>
+
                    <li><a href="/Team:Heidelberg/Indigoidine">Tag Optimization</a></li>
-
                    </div>
+
                    <li><a href="/Team:Heidelberg/Delftibactin">Gold Recycling</a></li>
-
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>
+
                     <li><a href="/Team:Heidelberg/NRPSDesigner">NRPSDesigner</a></li>
-
                    <a href="#" class="icon"></a>
+
-
                    <h2>Safety</h2>
+
-
                    <ul>
+
-
                        <li><a href="#">Social</a></li>
+
-
                        <li><a href="#">Support</a></li>
+
-
                        <li><a href="#">Comments</a></li>
+
-
                    </ul>-->
+
-
                </div>
+
-
                <div class="item-human human">
+
-
                    <div class="dropdown">
+
-
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Outreach</h2></a>
+
-
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
+
-
                            <li role="presentation" class="dropdown-header">NRPS Designer</li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="1" href="#">Documentation</a></li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="2" href="#">Use it!</a></li>
+
-
 
+
-
                            <li role="presentation" class="dropdown-header">iGEM42</li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="3" href="#">Documentation</a></li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="4" href="#">Use it!</a></li>
+
-
 
+
-
                        </ul>
+
-
                     </div>
+
-
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>
+
-
                    <a href="#" class="icon"></a>
+
-
                    <h2>Human Practice</h2>
+
-
                    <ul>
+
-
                        <li><a href="#">Social</a></li>
+
-
                        <li><a href="#">Support</a></li>
+
-
                        <li><a href="#">Comments</a></li>
+
-
                    </ul>-->
+
-
                </div>
+
-
                <div>
+
-
                    <a href="https://2013.igem.org/Team:Heidelberg"><object data="https://static.igem.org/mediawiki/2013/2/26/Heidelberg_team_logo_gray.png" height="70" style="position:absolute; right:0.5%; top:5px"></object></a>
+
-
                    <a href="https://2013.igem.org"><object data="https://static.igem.org/mediawiki/2013/b/b3/Heidelberg_igem_logo2.png" height="70" style="position:absolute; left:0.5%; top:5px"></object></a>
+
                      
                      
 +
                    <li><a href="/Team:Heidelberg/Notebook/Methods">Methods</a></li>
 +
                    <li><a href="/Team:Heidelberg/Materials">Materials</a></li>
 +
                 
 +
                </ul>
 +
            </div>
 +
            <div class="item parts" data-offset-L="-134">
 +
                <a class="icon" href="#"><img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/f/fc/Heidelberg_parts2.png"></a>
 +
                <h2>Parts</h2>
 +
                <ul>
 +
                    <li><a href="/Team:Heidelberg/Parts">Submitted Parts</a></li>
 +
<img style="max-width:40px; position:absolute; right: 140px;top:20px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/Favorite_Parts">Favorite Parts</a></li>
 +
<img style="max-width:40px; position:absolute; right: 140px;top:60px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/RFCs">Our RFCs</a></li>
 +
                   
 +
                </ul>
 +
            </div>
 +
            <div class="item software" data-offset-L="-134">
 +
                <a class="icon" href="#"><img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/9/9d/Heiderlberg_bg_software.png"></a>
 +
                <h2>Software</h2>
 +
                <ul>
 +
                  <li><a href="/Team:Heidelberg/Project_Software">Project</a></li>
 +
                    <li><a href="http://igem2013.bioquant.uni-heidelberg.de/NRPSDesigner/">NRPSDesigner</a></li>
 +
                    <li><a href="/Team:Heidelberg/HumanPractice/iGEM42">iGEM42</a></li>
 +
<img style="max-width:40px; position:absolute; right: 140px;top:80px " src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/OpenSource">Open Source</a></li>
 +
                    <img style="max-width:40px; max-height:40px; position: absolute; right: 140px; top: 120px;" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/Project/AchievementsSoftware">Achievements</a></li>
 +
                </ul>
 +
            </div>
 +
            <div class="item human" data-offset-L="-118">
 +
                <a class="icon" href="#"><img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/0/09/Heidelberg_bg_human.png"></a>
 +
                <h2>Human Practice</h2>
 +
                <ul>
 +
                    <li><a href="/Team:Heidelberg/HumanPractice">Overview</a></li>
 +
<img style="max-width:40px; position:absolute; right:160px;top:20px" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/HumanPractice/BroadPublic">Broad Public</a></li>
 +
<img style="max-width:40px; position:absolute; right:160px;top:60px" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/HumanPractice/Survey">Survey</a></li>
 +
                    <li><a href="/Team:Heidelberg/HumanPractice/YoungGeneration">Young Generation</a></li>
 +
                    <li><a href="/Team:Heidelberg/HumanPractice/Artists">Arts and Science</a></li>
 +
                    <li><a href="/Team:Heidelberg/HumanPractice/BeyondScience">Beyond Science</a></li>
 +
                    <li><a href="/Team:Heidelberg/HumanPractice/Experts">Experts</a></li>
 +
                </ul>
 +
            </div>
 +
            <div class="item safety" data-offset-L="-115">
 +
                <a class="icon" href="#"><img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/7/70/Heidelberg_bg_safety.png"></a>
 +
                <h2>Safety</h2>
 +
                <ul>
 +
                    <li><a href="/Team:Heidelberg/Safety">Safety</a></li>
 +
                </ul>
 +
            </div>
 +
            <div class="item model" data-offset-L="-144">
 +
                <a class="icon" href="#"><img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/archive/1/1d/20131021232127!Heidelberg_model_bg.png"></a>
 +
                <h2>Modeling</h2>
 +
                <ul>
 +
                    <img style="max-width:40px; position:absolute; right:140px;top: -10px" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/Modelling/Gold_Recovery">Gold Recycling</a></li>
 +
                    <img style="max-width:40px; position:absolute; right:140px; top:31px" src="https://static.igem.org/mediawiki/2013/f/f9/Heidelberg-new_button3.png">
 +
                    <li><a href="/Team:Heidelberg/Modelling/Ind_Production">ind-Production</a></li>
 +
                </ul>
 +
            </div>
 +
                <div class="item">
 +
<a href="https://2013.igem.org/Team:Heidelberg" style="color:#000"><object data="https://static.igem.org/mediawiki/2013/2/26/Heidelberg_team_logo_gray.png" height="70" style="float-left; margin-left:6%"></object><br><span style="margin-left:6%">HOME</span></a>
 +
                 </div>
                 </div>
             </div>
             </div>
 +
        </div>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2013/a/a6/Heidelberg_go_up2.png" style="bottom: 15px;padding: 10px;position: fixed;right: 15px;max-width:70px; z-index:1500;"></a>
 +
<a href="/Team:Heidelberg/Tour"><img src="https://static.igem.org/mediawiki/2013/a/ae/Heidelberg_tour2_btn.png" style="bottom: 15px;padding: 10px;position: fixed;left: 15px;max-width:70px; z-index:1500;"></a>
</html>
</html>

Latest revision as of 03:04, 29 October 2013