Difference between revisions of "Template:Lethbridge HS/navbar"

Line 68: Line 68:
 
<body>
 
<body>
  
  <nav style="z-index: 1000;"class="navbar navbar-inverse navbar-fixed-top">
+
<nav class="navbar navbar-inverse navbar-fixed-top menu" id="">
<div class="container-fluid">
+
            <div class="container-fluid">
  <div class="navbar-header">
+
             
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+
                <!--Lethbridge HS iGEM Logo -->
      <span class="icon-bar"></span>
+
                <div class="navbar-header">
      <span class="icon-bar"></span>
+
                    <a href="https://2015.igem.org/Team:Lethbridge_HS/Introduction" id="nav-head" class="navbar-brand" style="margin-top:10px;"><h1 id="headerText" style="font-weight:100; font-family: 'existence'; ">Lethbridge iGEM      </h1></a>
      <span class="icon-bar"></span>
+
               
    </button>
+
    <a class="navbar-brand" href="#">Lethbridge HS</a>
+
  </div>
+
  <div class="collapse navbar-collapse" id="myNavbar">
+
    <ul class="nav navbar-nav navbar-right">
+
      <li class="active"><a href="#">Home</a></li>
+
      <li><a href="#">Page 1</a></li>
+
      <li><a href="#">Page 2</a></li>
+
      <li><a href="#">Page 3</a></li>
+
    </ul>
+
   
+
  </div>
+
</div>
+
</nav>
+
  
 +
                <button class= "navbar-toggle" data-toggle = "collapse" data-target = "#myNavbar">
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
                </div>
 +
                <!-- Nav Bar Menu Items -->
 +
                <div class="collapse navbar-collapse" id="myNavbar">
 +
                    <ul class="nav navbar-nav navbar-right scroll" id="navItems" style="font-weight:105;">
 +
                       
 +
                       
 +
                        <li class= "dropdown texItem" style="margin-top:2%;">
 +
                            <a href="https://2015.igem.org/Team:Lethbridge_HS/Description" class="dropdown-toggle textItem" data-toggle = "dropdown">Project<b class="caret"></b></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li>
 +
                                    <a href="https://2015.igem.org/Team:Lethbridge_HS/Description">Background</a>
 +
<a href="https://2015.igem.org/Team:Lethbridge_HS/Experiments">Experiments</a>
 +
<a href="https://2015.igem.org/Team:Lethbridge_HS/Results">Results</a>
 +
                                    <a href="https://2015.igem.org/Team:Lethbridge_HS/Parts">Parts</a>
 +
<a href="https://2015.igem.org/Team:Lethbridge_HS/Achievements">Achievements</a>
  
 +
                                </li>
 +
                            </ul>   
 +
                        </li>
 +
<li class="texItem active" style="margin-top:2%;"><a class="textItem" href="https://2015.igem.org/Team:Lethbridge_HS/Practices">Human Practices</a></li>
 +
                        <li margin-top:2%; style="margin-top:2%;"><a class="textItem" href="https://2015.igem.org/Team:Lethbridge_HS/Notebook">Notebook</a></li>
 +
                        <li margin-top:2%; style="margin-top:2%;"><a class="textItem" href="https://2015.igem.org/Team:Lethbridge_HS/Safety">Safety</a></li>
 +
<li class= "dropdown texItem" style="margin-top:2%;">
 +
                            <a class="textItem" href="https://2015.igem.org/Team:Lethbridge_HS/Team" class="dropdown-toggle" data-toggle = "dropdown">Team<b class="caret"></b></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li>
 +
                                    <a href="https://2015.igem.org/Team:Lethbridge_HS/Team">Students</a>
 +
                                    <a href="https://2015.igem.org/Team:Lethbridge_HS/Team#section2">Advisors</a>
 +
<a class="texItem" href="https://2015.igem.org/Team:Lethbridge_HS/Team#section3">Sponsors</a>
 +
<a class="texItem" href="https://2015.igem.org/Team:Lethbridge_HS/Attributions">Attributions</a>
 +
<a class="texItem" href="https://2015.igem.org/Team:Lethbridge_HS/Collaborations">Collaborations</a>
 +
                                </li>
 +
                            </ul>   
 +
                        </li>
 +
                      <li class=""><a class="picItem" href="https://2015.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2015/2/21/LethHS2015_igemlogo.png" width="50px" height="45px" style="margin-top:-9%; margin-bottom:-10%;"></a></li>
 +
<li class=""><div  onclick="myFunction()" id="nswitchIcon" class="navBarSwitchButton picItem"><img id="projectSwitchIcon" src="images/plainicon.com-48232-512px-7b5.png" class="img-responsive"></div> </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </nav>
  
  

Revision as of 23:02, 2 September 2017