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

 
(59 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{Lethbridge_HS/bootsrapcss}}
 
{{Team:Lethbridge_HS/bootstrap_js}}
 
{{Team:Lethbridge_HS/bootstrap_js}}
  
Line 5: Line 6:
 
<html>
 
<html>
 
   <head>
 
   <head>
−
    <link href="css/bootstrap.min.css" rel="stylesheet">
+
</head>
−
 
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
     <style>
 
     <style>
−
    .navbar {
+
.navbar{
−
      font-family: Arial;
+
margin-top: 9px;
−
      color: white;
+
opacity: .9;
−
      margin-top: 9px;
+
−
      position: fixed;
+
}
−
      width: 100%;
+
−
      background-color: black;
+
−
      opacity:;
+
−
 
+
−
 
+
−
     
+
−
    }
+
−
 
+
−
 
+
−
 
+
−
    .navbar ul {
+
−
      margin: 0px;
+
−
      padding: 0px;
+
−
      list-style-type: none;
+
−
    }
+
−
 
+
−
   
+
−
 
+
−
    .navbar ul li a {
+
−
      text-decoration: none;
+
−
      color: black;
+
−
      display: block;
+
−
 
+
−
    }
+
−
 
+
−
    .navbar ul li a:hover {
+
−
      text-decoration: none;
+
−
 
+
−
    }
+
−
 
+
−
 
+
−
 
+
−
    .navbar ul li ul li {
+
−
      display: none;
+
−
 
+
−
    }
+
  
−
    .navbar ul li:hover ul li {
+
.navbar-brand{
−
      display: block;
+
  
−
    }
 
  
−
   
 
−
  #logo{
 
  
 +
}
  
 +
.navbar-collapse collapse{
 +
display:block;
 +
}
  
−
margin-left:5%;}
 
  
  
  
  
 +
</style>
  
−
    </style>
 
  
−
  </head>
 
  
 
<body>
 
<body>
  
−
<nav class="navbar navbar-inverse navbar-fixed-top menu" id="">
 
−
            <div class="container-fluid">
 
−
             
 
−
                <!--Lethbridge HS iGEM Logo -->
 
−
                <div class="navbar-header">
 
−
                    <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>
 
−
               
 
  
−
                <button class= "navbar-toggle" data-toggle = "collapse" data-target = "#myNavbar">
+
  <nav class="navbar navbar-inverse navbar-fixed-top">
−
                    <span class="icon-bar"></span>
+
    <div class="container-fluid">
−
                    <span class="icon-bar"></span>
+
      <div class="navbar-header">
−
                    <span class="icon-bar"></span>
+
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNavbar" aria-expanded="false">
−
                </button>
+
          <span class="icon-bar"></span>
−
                </div>
+
          <span class="icon-bar"></span>
−
                <!-- Nav Bar Menu Items -->
+
          <span class="icon-bar"></span>
−
                <div class="collapse navbar-collapse" id="myNavbar">
+
        </button>
−
                    <ul class="nav navbar-nav navbar-right scroll" id="navItems" style="font-weight:105;">
+
        <a class="navbar-brand" href="https://2017.igem.org/Team:Lethbridge_HS "> Lethbridge HS  </a>
−
                       
+
      </div>
−
                       
+
      <div class="collapse navbar-collapse" id="myNavbar">
−
                        <li class= "dropdown texItem" style="margin-top:2%;">
+
        <ul class="nav navbar-nav navbar-right">
−
                            <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>
+
          <li class="dropdown">
−
                            </ul>  
+
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project
−
                        </li>
+
        <span class="caret"></span></a>
−
<li class="texItem active" style="margin-top:2%;"><a class="textItem" href="https://2015.igem.org/Team:Lethbridge_HS/Practices">Human Practices</a></li>
+
        <ul class="dropdown-menu navbar-right">
−
                        <li margin-top:2%; style="margin-top:2%;"><a class="textItem" href="https://2015.igem.org/Team:Lethbridge_HS/Notebook">Notebook</a></li>
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Description">Project Description</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><a href="https://2017.igem.org/Team:Lethbridge_HS/Design">Design</a></li>
−
<li class= "dropdown texItem" style="margin-top:2%;">
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Applied_Design">Applied Design</a></li>
−
                            <a class="textItem" href="https://2015.igem.org/Team:Lethbridge_HS/Team" class="dropdown-toggle" data-toggle = "dropdown">Team<b class="caret"></b></a>
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Demonstrate ">Demonstrate</a></li>
−
                            <ul class="dropdown-menu">
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Model ">Model</a></li>
−
                                <li>
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Results ">Results</a></li>
−
                                    <a href="https://2015.igem.org/Team:Lethbridge_HS/Team">Students</a>
+
          <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Achievements ">Achievements</a></li>
−
                                    <a href="https://2015.igem.org/Team:Lethbridge_HS/Team#section2">Advisors</a>
+
        </ul>
−
<a class="texItem" href="https://2015.igem.org/Team:Lethbridge_HS/Team#section3">Sponsors</a>
+
      </li>
−
<a class="texItem" href="https://2015.igem.org/Team:Lethbridge_HS/Attributions">Attributions</a>
+
      <li class="dropdown">
−
<a class="texItem" href="https://2015.igem.org/Team:Lethbridge_HS/Collaborations">Collaborations</a>
+
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts
−
                                </li>
+
    <span class="caret"></span></a>
−
                            </ul>  
+
    <ul class="dropdown-menu navbar-right">
−
                        </li>
+
      <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Basic_Part ">Basic Parts</a></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><a href="https://2017.igem.org/Team:Lethbridge_HS/Composite_Part ">Composite Parts</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>
+
      <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Improve ">Improved Parts</a></li>
−
                    </ul>
+
      <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Contribution ">Part Contributions</a></li>
−
                </div>
+
      <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Part_Collection ">Part Collection</a></li>
−
            </div>
+
    </ul>
−
         </nav>
+
  </li>
 +
  <li class="dropdown">
 +
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices
 +
<span class="caret"></span></a>
 +
<ul class="dropdown-menu navbar-right">
 +
  <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Human_Practices ">Human Practices</a></li>
 +
  <li><a href="https://2017.igem.org/Team:Lethbridge_HS/HP/Silver ">Silver</a></li>
 +
  <li><a href="https://2017.igem.org/Team:Lethbridge_HS/HP/Gold_Integrated ">Gold</a></li>
 +
  <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Engagement ">Engagement</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Lab
 +
<span class="caret"></span></a>
 +
<ul class="dropdown-menu navbar-right">
 +
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Notebook">Notebook</a></li>
 +
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Experiments ">Experiments</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Safety ">Safety</a></li>
 +
<li class="dropdown">
 +
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Team
 +
<span class="caret"></span></a>
 +
<ul class="dropdown-menu navbar-right">
 +
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Team ">Team</a></li>
 +
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Collaborations ">Collaborations</a></li>
 +
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Attributions ">Attributions</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://igem.org/Main_Page ">iGEM</a></li>
 +
         </ul>
  
 +
      </div>
 +
    </div>
 +
  </nav>
  
  
  
  
−
<script src="js/bootstrap.min.js"></script>
 
 
   </body>
 
   </body>
 
</html>
 
</html>

Latest revision as of 23:56, 30 October 2017