Difference between revisions of "Template:NKU CHINA/header"

Line 3: Line 3:
 
<head>   
 
<head>   
 
</head>
 
</head>
−
<header>
+
<body>
−
<!-- inner banner -->
+
    <div>
−
<section class="inner-banner">
+
      <img class="myBackground" src="images/background.jpg">
−
<!-- navigation section -->
+
    </div>
−
<div class="navbar-wrapper">
+
    <header>
−
<div class="container">
+
      <nav class="navbar-fixed-top navbar">
−
<nav class="navbar navbar-inverse navbar-static-top">
+
        <div class="container-fluid">
−
<div class="navbar-header">
+
          <div class="navbar-header">
−
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNavbar" aria-expanded="false">
−
<span class="sr-only">Toggle navigation</span>
+
              <span class="sr-only">Toggle navigation</span>
−
<span class="icon-bar"></span>
+
              <span class="icon-bar"></span>
−
<span class="icon-bar"></span>
+
              <span class="icon-bar"></span>
−
<span class="icon-bar"></span>
+
              <span class="icon-bar"></span>
−
</button>
+
            </button>
−
</div>
+
            <a href="home.html" class="navbar-left" style="z-index: 1000;"><img src="images/duihui.png"></a>
−
<div id="navbar" class="navbar-collapse collapse">
+
          </div>
−
<ul class="nav navbar-nav cl-effect-20" style="width: 100%;">
+
          <div class="collapse navbar-collapse" id="myNavbar">
−
<li class="active"><a href="https://2018.igem.org/Team:NKU_CHINA"><span data-hover="Home">Home</span></a></li>
+
            <ul class="nav navbar-nav navbar-right">
−
<li class="dropdown">
+
              <li><a href="home.html">Home</a></li>
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span data-hover="Team">Team</span></a>
+
              <li class="dropdown">
−
<ul class="dropdown-menu">
+
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Team
−
<li><a href="#">Team</a></li>
+
                  <span class="glyphicon glyphicon-menu-down"></span>
−
<li class="divider"></li>
+
                </a>
−
<li><a href="#">Collaborations</a></li>
+
                <ul class="dropdown-menu">
−
</ul>
+
                  <li><a href="team.html">Team</a></li>
−
</li>
+
                  <li role="separator" class="divider"></li>
−
<li class="dropdown">
+
                  <li><a href="#">Collaborations</a></li>
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span data-hover="Project">Project</span></a>
+
                </ul>
−
<ul class="dropdown-menu">
+
              </li>
−
<li><a href="#">Description</a></li>
+
              <li class="dropdown">
−
<li class="divider"></li>
+
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project
−
<li><a href="#">Experiments</a></li>
+
                  <span class="glyphicon glyphicon-menu-down"></span>
−
<li class="divider"></li>
+
                </a>
−
<li><a href="#">Model</a></li>
+
                <ul class="dropdown-menu">
−
<li class="divider"></li>
+
                  <li><a href="#">Description</a></li>
−
<li><a href="#">Proof of Concept</a></li>
+
                  <li role="separator" class="divider"></li>
−
<li class="divider"></li>
+
                  <li><a href="#">Experiments</a></li>
−
<li><a href="#">Demonstrate</a></li>
+
                  <li role="separator" class="divider"></li>
−
</ul>
+
                  <li><a href="#">Model</a></li>
−
</li>
+
                  <li role="separator" class="divider"></li>
−
<li class="dropdown">
+
                  <li><a href="#">Proof of Concept</a></li>
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span data-hover="HP">HP</span></a>
+
                  <li role="separator" class="divider"></li>
−
<ul class="dropdown-menu">
+
                  <li><a href="#">Demonstrate</a></li>
−
<li><a href="#">Human Practices</a></li>
+
                </ul>
−
<li class="divider"></li>
+
              </li>
−
<li><a href="#">Silver HP</a></li>
+
              <li class="dropdown">
−
<li class="divider"></li>
+
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">HP
−
<li><a href="#">Integrated and Gold</a></li>
+
                  <span class="glyphicon glyphicon-menu-down"></span>
−
</ul>
+
                </a>
−
</li>
+
                <ul class="dropdown-menu">
−
<li><a href="#"><span data-hover="Safety">Safety</span></a></li>
+
                  <li><a href="#">Human Practices</a></li>
−
<li><a href="#"><span data-hover="Attributions">Attributions</span></a></li>
+
                  <li role="separator" class="divider"></li>
−
<li><a href="#"><span data-hover="Parts">Parts</span></a></li>
+
                  <li><a href="#">Silver HP</a></li>
−
<li><a href="https://2018.igem.org/Team:NKU_CHINA/interlab"><span data-hover="InterLab">InterLab</span></a></li>
+
                  <li role="separator" class="divider"></li>
−
<li class="dropdown">
+
                  <li><a href="#">Integrated and Gold</a></li>
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span data-hover="Notebook">Notebook</span></a>
+
                </ul>
−
<ul class="dropdown-menu">
+
              </li>
−
<li><a href="#">Lab Notes</a></li>
+
              <li><a href="#">Safety</a></li>
−
<li class="divider"></li>
+
              <li><a href="#">Attributions</a></li>
−
<li><a href="#">Protocols</a></li>
+
              <li><a href="#">Parts</a></li>
−
</ul>
+
              <li><a href="interlab.html">InterLab</a></li>
−
</li>
+
              <li class="dropdown">
−
</ul>
+
                <a class="data-toggle" data-toggle="dropdown" href="#">Notebook
−
</div>
+
                  <span class="glyphicon glyphicon-menu-down"></span>
−
</nav>
+
                </a>
−
</div>
+
                <ul class="dropdown-menu">
−
</div>
+
                  <li><a href="#">Lab Notes</a></li>
−
<!-- navigation section -->
+
                  <li role="separator" class="divider"></li>
−
<div class='header'>
+
                  <li><a href="#">Protocols</a></li>
−
<h2 class="inner-header">NKU_CHINA</h2>
+
                </ul>
−
</div>
+
              </li>
−
</section>
+
            </ul>
−
</header>
+
          </div>
−
 
+
        </div>
 +
      </nav>
 +
</body>
 
</html>
 
</html>

Revision as of 13:18, 8 September 2018