Difference between revisions of "Template:US AFRL CarrollHS/navbar"

 
(100 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<nav class="navbar navbar-expand-lg navbar-light bg-light">
+
 
−
   <a class="navbar-brand" href="#">Navbar</a>
+
<style>
−
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+
.dropdown:hover .dropdown-menu {
 +
display: block;
 +
}
 +
 
 +
.dropdown-backdrop {position: static;}
 +
 
 +
#navbar {top: 0px;}
 +
 
 +
#header h1 {margin: 0px;}
 +
 
 +
body {margin: 0;}
 +
 
 +
.navbar {z-index: 100; top: 0px; position: fixed; width: 100%;}
 +
 
 +
.nav-link {font-family: Montserrat, Ariel, sans-serif !important;color: #001438;}
 +
 
 +
a:visited {font-family: Montserrat, Ariel, sans-serif !important;color: #001438;}
 +
 
 +
.dropdown-toggle::after {display:none;}
 +
 
 +
.navbar-toggler:not(:disabled):not(.disabled) {position: relative;}
 +
 
 +
#navbarDropdownMenuLink {font-family: Montserrat, Ariel, sans-serif !important; color: #FFF;}
 +
 
 +
#navbarDropdown {font-family: Montserrat, Ariel, sans-serif !important;color: #FFF;}
 +
 
 +
#navbar-brand {height: 60px;}
 +
 
 +
.navbar-toggler {font-family: Montserrat, Ariel, sans-serif !important;color: #FFF;}
 +
 
 +
</style>
 +
 
 +
<nav class="navbar navbar-expand-lg navbar-dark carroll" style=" background-color: #001438">
 +
   <a class="navbar-brand" href="https://2018.igem.org/Team:US_AFRL_CarrollHS"><img src="https://static.igem.org/mediawiki/2018/4/4f/T--US_AFRL_CarrollHS--_WhiteDNALinearLogo.png" height="60px;"></a>
 +
 +
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 
     <span class="navbar-toggler-icon"></span>
 
     <span class="navbar-toggler-icon"></span>
 
   </button>
 
   </button>
 
   <div class="collapse navbar-collapse" id="navbarNavDropdown">
 
   <div class="collapse navbar-collapse" id="navbarNavDropdown">
−
    <ul class="navbar-nav">
 
  
−
      <li class="nav-item active">
+
 
−
         <a class="nav-link" href="https://2018.igem.org/Team:US_AFRL_CarrollHS">Home <span class="sr-only">(current)</span></a>
+
<ul class="navbar-nav ml-auto">
 +
 
 +
<li class="nav-item dropdown">
 +
         <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a>
 +
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Team">Team Members</a>
 +
          <a class="dropdown-item"href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Collaborations">Collaborations</a>
 +
        </div>
 
       </li>
 
       </li>
  
 +
<li class="nav-item dropdown">
 +
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a>
 +
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Description">Description</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Design">Design</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Experiments">Experiments</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Notebook">Notebook</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/InterLab">Interlab</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Model">Model</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Results">Results</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Demonstrate">Demonstrate</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Improve">Improve</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Attributions">Attributions</a>
 +
        </div>
 +
      </li>
  
−
      <li class="nav-item dropdown">
+
<li class="nav-item dropdown">
−
         <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
         <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Parts</a>
−
          Team
+
−
        </a>
+
 
         <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
         <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
−
           <a class="dropdown-item" href="#">Action</a>
+
           <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Parts">Parts Overview</a>
−
           <a class="dropdown-item" href="#">Another action</a>
+
           <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Composite_Part">Composite Parts</a>
−
           <a class="dropdown-item" href="#">Something else here</a>
+
           <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Part_Collection">Part Collection</a>
 
         </div>
 
         </div>
 +
      </li>
 +
 +
      <li class="nav-item active">
 +
        <a class="nav-link" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Safety">Safety<span class="sr-only">(current)</span></a>
 
       </li>
 
       </li>
  
 
  <li class="nav-item dropdown">
 
  <li class="nav-item dropdown">
−
         <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
         <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices</a>
−
          Dropdown link
+
−
        </a>
+
 
         <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
         <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
−
           <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Team">Team Members</a>
+
           <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Human_Practices">Human Practices</a>
−
           <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Collaborations">Collaborations</a>
+
           <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Public_Engagement">Education & Engagement</a>
 
         </div>
 
         </div>
 
       </li>
 
       </li>
 +
 +
<li class="nav-item dropdown">
 +
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Awards</a>
 +
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Applied_Design">Applied Design</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Composite_Part">Best New Composite Part</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Part_Collection">Best Part Collection</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Public_Engagement">Education & Engagement</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Integrated_Human_Practices">Integrated Human Practices</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:US_AFRL_CarrollHS/Model">Model</a>
 +
        </div>
 +
      </li>
 +
 +
      <li class="nav-item active">
 +
        <a class="nav-link" href="https://igem.org/2018_Judging_Form?team=US_AFRL_CarrollHS">Judging Form<span class="sr-only">(current)</span></a>
 +
      </li>
 +
 
     </ul>
 
     </ul>
 +
 
   </div>
 
   </div>
 +
 +
 
</nav>
 
</nav>
 
</html>
 
</html>

Latest revision as of 03:11, 18 October 2018