Team:Heidelberg/Templates/Navigation

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html lang="en">
<html lang="en">
-
            <!--<div class="navigation" id="nav">-->
+
            <div class="row">  
-
            <div class="navigation">
+
-
                <div class="item-team team">
+
-
                    <div class="dropdown">
+
-
                    <!--<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/Team:Heidelberg/HumanPractice/iGEM42">iGEM42</a></li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="5" href="#">NRPS Designer</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/Team:Heidelberg/Notebook/iGEM42">iGEM42</a></li>
+
-
                            <li role="presentation"><a role="menuitem" tabindex="5" href="https://2013.igem.org/Team:Heidelberg/NRPSDesigner">NRPS Designer</a></li>
+
-
                        </ul>
+
        <div id="nav" class="navigation col-md-8 col-lg-8">
-
                    </div>
+
           
-
                    <!--a href="#" class="icon"></a>
+
            <div class="item-team team">
-
                    <h2>Notebook</h2>
+
                <img class="circle" alt="" src="images/Team_bg2.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199">
-
                    <ul>
+
                <a class="icon" href="#"></a>
-
                        <li><a href="#">Social</a></li>
+
                <h2 class="">Team</h2>
-
                        <li><a href="#">Support</a></li>
+
                <ul style="display: none;">
-
                        <li><a href="#">Comments</a></li>
+
                    <li><a href="#">Student Members</a></li>
-
                    </ul>-->
+
                    <li><a href="#">Attributions</a></li>
-
                </div>
+
                    <li><a href="#">Instructors</a></li>
-
                <div class="item parts">
+
                </ul>
-
                    <div class="dropdown">
+
            </div>
-
                            <a data-toggle="dropdown" href="#" class="icon"><h2>Parts</h2></a>
+
            <div class="item-project project">
-
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
+
                <img class="circle" alt="" src="images/Project_bg.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199">
-
                                <li role="presentation" class="dropdown-header">Lab Projects</li>
+
                <a class="icon" href="#"></a>
-
                                <li role="presentation"><a role="menuitem" tabindex="1" href="#">Delftibactin</a></li>
+
                <h2 class="">Project</h2>
-
                                <li role="presentation"><a role="menuitem" tabindex="2" href="#">Indigoidine</a></li>
+
                <ul style="display: none;">
-
                                <li role="presentation"><a role="menuitem" tabindex="3" href="#">Tyrocidine</a></li>
+
            <li><a href="/Team:Heidelberg/Project">Overview</a></li>
-
                                <!--<li role="presentation" class="divider"></li>-->
+
                    <li><a href="/Team:Heidelberg/Project/Indigoidine">Indigoidine</a></li>
-
                                <li role="presentation" class="dropdown-header">Software Projects</li>
+
                    <li><a href="/Team:Heidelberg/Project/Tyrocidine">Tyrocidine</a></li>
-
                                <li role="presentation"><a role="menuitem" tabindex="4" href="#">iGEM42</a></li>
+
                    <li><a href="/Team:Heidelberg/Project/Delftibactin">Delftibactin</a></li>
-
                                <li role="presentation"><a role="menuitem" tabindex="5" href="#">NRPS Designer</a></li>
+
                </ul>
-
 
+
            </div>
-
                            </ul>
+
            <div class="item-softnote notebook">
-
                        </div>
+
                <img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/0/07/Heidelberg_bg_notebook.png" style="opacity: 0; width: 52px; height: 52px;" height="199" width="199">
-
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>
+
                <a class="icon" href="#"></a>
-
                    <a href="#" class="icon"></a>
+
               
-
                    <h2>Parts</h2>
+
                <h2>Notebook</h2>
-
                    <ul>
+
                <ul style="display: none;">
-
                        <li><a href="#">Catalogue</a></li>
+
                    <li><a href="#">Indigoidine</a></li>
-
                        <li><a href="#">Orders</a></li>
+
                    <li><a href="#">Tyrocidine</a></li>
-
                        <li><a href="#">Offers</a></li>
+
                    <li><a href="#">Delftibactin</a></li>
-
                    </ul>-->
+
                </ul>
-
                </div>
+
            </div>
-
                <div class="item-softnote software">
+
            <div class="item parts">
-
                    <div class="dropdown">
+
                <img class="circle" alt="" src="images/Notebook_bg.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199">
-
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Software</h2></a>
+
                <a class="icon" href="#"></a>
-
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
+
                <h2>Parts</h2>
-
                            <li role="presentation" class="dropdown-header">NRPS Designer</li>
+
                <ul>
-
                            <li role="presentation"><a role="menuitem" tabindex="1" href="#">Documentation</a></li>
+
                    <li><a href="#">Favorite parts</a></li>
-
                            <li role="presentation"><a role="menuitem" tabindex="2" href="#">Use it!</a></li>
+
                    <li><a href="#">Submitted parts</a></li>
-
 
+
                </ul>
-
                        </ul>
+
            </div>
-
                    </div>
+
            <div class="item-softnote software">
-
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>
+
                <img class="circle" alt="" src="images/Notebook_bg.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199">
-
                    <a href="#" class="icon"></a>
+
                <a class="icon" href="#"></a>
-
                    <h2>Software</h2>
+
                <h2 class="">Software</h2>
-
                    <ul>
+
                <ul style="display: none;">
-
                        <li><a href="#">Gallery</a></li>
+
                    <li><a href="#">NRPS designer</a></li>
-
                        <li><a href="#">Prints</a></li>
+
                    <li><a href="#">iGEM42</a></li>
-
                        <li><a href="#">Submit</a></li>
+
                </ul>
-
                    </ul>-->
+
            </div>
-
                </div>
+
            <div class="item-human human">
-
                <div class="item safety">
+
                <img class="circle" alt="" src="images/Human_bg.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199">
-
                    <div class="dropdown">
+
                <a class="icon" href="#"></a>
-
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Safety</h2></a>
+
                <h2>Outreach</h2>
-
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
+
                <ul>
-
                            <li role="presentation" class="dropdown-header">NRPS Designer</li>
+
                    <li><a href="#">Outreach</a></li>
-
                            <li role="presentation"><a role="menuitem" tabindex="1" href="#">Documentation</a></li>
+
                    <li><a href="#">Ethical consideration</a></li>
-
                            <li role="presentation"><a role="menuitem" tabindex="2" href="#">Use it!</a></li>
+
                </ul>
-
 
+
            </div>  
-
                            <li role="presentation" class="dropdown-header">iGEM42</li>
+
            <div class="item-safety safety">
-
                            <li role="presentation"><a role="menuitem" tabindex="3" href="#">Documentation</a></li>
+
                <img class="circle" alt="" src="images/Notebook_bg.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199">
-
                            <li role="presentation"><a role="menuitem" tabindex="4" href="#">Use it!</a></li>
+
                <a class="icon" href="#"></a>
-
 
+
                <h2>Safety</h2>
-
                        </ul>
+
                <ul>
-
                    </div>
+
                    <li><a href="#">Biosafety sheet</a></li>
-
                   
+
                    <li><a href="#">Be save in the lab</a></li>
-
                </div>
+
                </ul>
-
                <div class="item-human human">
+
            </div>
-
                    <div class="dropdown">
+
-
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Human Practice</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>
                 <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/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>
Line 143: Line 79:
                 </div>
                 </div>
             </div>
             </div>
 +
        </div>
</html>
</html>
{{:Team:Heidelberg/Templates/Footer-Nav}}
{{:Team:Heidelberg/Templates/Footer-Nav}}
{{:Team:Heidelberg/Templates/style2-css}}
{{:Team:Heidelberg/Templates/style2-css}}
{{:Team:Heidelberg/Templates/bootstrap-css}}
{{:Team:Heidelberg/Templates/bootstrap-css}}

Revision as of 21:51, 3 October 2013

Thanks to

Retrieved from "http://2013.igem.org/Team:Heidelberg/Templates/Navigation"