Difference between revisions of "Team:SUSTech Shenzhen/nav"

Line 1: Line 1:
 
<html>
 
<html>
<style>
 
.navbar-default{
 
background-color: rgba(28,28,28,</html>{{{opacity}}}<html>);
 
}
 
</style>
 
<div class="container">
 
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="index-nav-main">
 
        <div class="navbar-header">
 
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 
                <span class="sr-only">Toggle navigation</span>
 
                <span class="icon-bar"></span>
 
                <span class="icon-bar"></span>
 
                <span class="icon-bar"></span>
 
            </button>
 
            <a href="/Team:SUSTech_Shenzhen">
 
                <img src="#" style="width:140px;" />
 
            </a>
 
        </div>
 
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
            <ul class="nav navbar-nav">
 
                <li >
 
                    <a href="https://2017.igem.org/Team:SUSTech_Shenzhen">Home</a>
 
                </li>
 
                <li class="dropdown">
 
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">View<strong class="caret"></strong></a>
 
                    <ul class="dropdown-menu">
 
                      <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Description">Description</a></li>
 
                      <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Safety">Safety</a></li>
 
                    </ul>
 
                  </li>
 
  
                <li class="dropdown">
+
<header id="header">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<strong class="caret"></strong></a>
+
        <nav class="navbar navbar-inverse" role="banner">
                    <ul class="dropdown-menu">
+
            <div class="container">
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Design">Design</a></li>
+
                 <div class="navbar-header">
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Experiments">Experiments</a></li>
+
                     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Demonstrate">Demonstrate</a></li>
+
                         <span class="sr-only">Toggle navigation</span>
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Results">Results</a></li>
+
                         <span class="icon-bar"></span>
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Hardware">Hardware</a></li>
+
                         <span class="icon-bar"></span>
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Model">Model</a></li>
+
                        <span class="icon-bar"></span>
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Notebook">Notebook</a></li>
+
                    </button>
                    </ul>
+
                     <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo"></a>
                 </li>
+
                 </div>
                <li class="dropdown">
+
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contribution<strong class="caret"></strong></a>
+
                    <ul class="dropdown-menu">
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Parts">Parts</a></li>
+
                         <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Contribution">Characterization</a></li>
+
                         <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Improvement">Improvement</a></li>
+
                         <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/InterLab">Interlab</a></li>
+
                    </ul>
+
                </li>
+
                <li class="dropdown">
+
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice<strong class="caret"></strong></a>
+
                    <ul class="dropdown-menu">
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Human_Practices">Overview</a></li>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/HP/Silver">Silver</a></li>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/HP/Gold_Integrated">Gold</a></li>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/HP/Cooperations">Cooperation</a></li>
+
                     </ul>
+
                </li>
+
                <li class="dropdown">
+
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team<strong class="caret"></strong></a>
+
                  <ul class="dropdown-menu">
+
                        <li><a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Team">Members</a></li>
+
                        <li><a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Attributions">Attribution</a></li>
+
                  </ul>
+
                 </li>
+
            </ul>
+
          </div>
+
    </nav>
+
  </div>
+
</div>
+
  
 +
                <div class="collapse navbar-collapse navbar-right">
 +
                    <ul class="nav navbar-nav">
 +
                        <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">View<i class="fa fa-angle-down"></i></a>
 +
                            <ul class="dropdown-menu">
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Description">Description</a></li>
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Safety">Safety</a></li>
 +
                            </ul>
 +
                        </li>
 +
 +
                        <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project</a>
 +
                            <ul class="dropdown-menu">
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Design">Design</a></li>
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Experiments">Experiments</a></li>
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Demonstrate">Demonstrate</a></li>
 +
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Hardware">Hardware</a></li>
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Model">Model</a></li>
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Notebook">Notebook</a></li>
 +
                            </ul>
 +
                        </li>
 +
 +
                        <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contribution</a>
 +
                            <ul class="dropdown-menu">
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Parts">Parts</a></li>
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Characterization">Characterization</a></li>
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Improvement">Improvement</a></li>
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Interlab">Interlab</a></li>
 +
                            </ul>
 +
                        </li>
 +
 +
                        <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice</a>
 +
                            <ul class="dropdown-menu">
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Human_Practices">Overview</a></li>
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/HP/Silver">Basic</a></li>
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/HP/Gold_Intergrated">Intergrated</a></li>
 +
                              <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/HP/Cooperations">Cooperation</a></li>
 +
                            </ul>
 +
                        </li>
 +
 +
                        <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team</a>
 +
                            <ul class="dropdown-menu">
 +
                              <li><a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Team">Members</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Attributions">Attribution</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li><a href="contact-us.html">Contact Us</a></li>
 +
 +
                    </ul>
 +
                </div>
 +
            </div><!--/.container-->
 +
        </nav><!--/nav-->
 +
    </header><!--/header-->
 
</html>
 
</html>

Revision as of 14:38, 23 October 2017