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

 
(47 intermediate revisions by 4 users not shown)
Line 15: Line 15:
 
<link href="css/bootstrap.min.css" rel="stylesheet">
 
<link href="css/bootstrap.min.css" rel="stylesheet">
 
<script src="js/bootstrap.js"></script>
 
<script src="js/bootstrap.js"></script>
 +
 +
  
 
<style>
 
<style>
 
h1,h2,h3{font-family: 'Montserrat', sans-serif;}
 
h1,h2,h3{font-family: 'Montserrat', sans-serif;}
 
p{font-family: 'open sans', sans-serif;}
 
p{font-family: 'open sans', sans-serif;}
 +
 
.navbar-nav >
 
.navbar-nav >
−
li{
+
    li{
−
  padding-left:40px;
+
      padding-left:px;
−
  padding-right:35px;
+
      padding-right:10px;
−
}
+
    }
  
 +
 +
.cssclassname {
 +
width: 100%;
 +
}
  
 
.dropdown-menu a{
 
.dropdown-menu a{
Line 38: Line 45:
 
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light;" style="background-color: #FFFFFF;font-family: 'Montserrat', sans-serif;margin-top: 9px; opacity:0.93;">
 
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light;" style="background-color: #FFFFFF;font-family: 'Montserrat', sans-serif;margin-top: 9px; opacity:0.93;">
 
<a class="navbar-brand" style="font-size:20px;" href="https://2018.igem.org/Team:Lethbridge_HS">Lethbridge HS</a>
 
<a class="navbar-brand" style="font-size:20px;" href="https://2018.igem.org/Team:Lethbridge_HS">Lethbridge HS</a>
−
 
+
  </a>
 
   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 
   <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">
+
     <ul class="navbar-nav ml-auto">
 +
     
 
     <li class="nav-item dropdown">
 
     <li class="nav-item dropdown">
−
     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" font-size: 17px;" >
+
     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" font-size: 15px;" >
−
       Project
+
       PROJECT
 
     </a>
 
     </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:Lethbridge_HS/Description">Description</a>
 
       <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Description">Description</a>
−
       <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Experiments">Experiments</a>
+
       <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Design">Design</a>
−
      <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Notebook">Notebook</a>
+
−
      <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/InterLab">Interlab</a>
+
 
       <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Model">Model</a>
 
       <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Model">Model</a>
 
       <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Results">Results</a>
 
       <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Results">Results</a>
 +
      <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Demonstrate">Demonstrate</a>
 +
      <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Applied_Design">Applied Design</a>
 
     </div>
 
     </div>
 
   </li>
 
   </li>
 
   <li class="nav-item dropdown">
 
   <li class="nav-item dropdown">
−
   <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" font-size: 17px;">
+
   <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" font-size: 15px;">
−
     Parts
+
     PARTS
 
   </a>
 
   </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:Lethbridge_HS/Parts">Parts Overview</a>
 
     <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Parts">Parts Overview</a>
−
     <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Specific Design">Specific Design</a>
+
     <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Basic_Part">Basic Parts</a>
−
 
+
    <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Composite_Part">Composite Parts</a>
−
  </div>
+
    <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Improve">Improve</a>
 +
  </div>
 
</li>
 
</li>
−
<li class="nav-item dropdown">
+
<li class="nav-item dropdown">
−
     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" font-size: 17px;">
+
     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" font-size: 15px;">
−
       Human Practices
+
       LAB
 +
    </a>
 +
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink;">
 +
<a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Experiments">Experiments</a>
 +
      <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Notebook">Notebook</a>
 +
      <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/InterLab">Interlab</a>
 +
</div>
 +
    <li class="nav-item dropdown">
 +
    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" font-size: 15px;">
 +
      HUMAN PRACTICES
 
     </a>
 
     </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:Lethbridge_HS/Outreach">Outreach</a>
+
       <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Human_Practices">Human Practices</a>
−
       <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Interviews & Engagement">Interviews & Engagement</a>
+
       <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Public_Engagement">Engagement</a>
 +
     
 
     </div>
 
     </div>
 
   </li>
 
   </li>
−
<li class="nav-item">
+
 
−
      <a class="nav-link" style=" font-size:17px;" href="https://2018.igem.org/Team:Lethbridge_HS/Safety">Safety</a>
+
<li class="nav-item dropdown">
−
    </li>
+
       <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" font-size: 15px;">
−
    <li class="nav-item dropdown">
+
         TEAM
−
       <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" font-size: 17px;">
+
−
         Team
+
 
       </a>
 
       </a>
 
       <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink;">
 
       <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink;">
Line 87: Line 105:
 
         <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Collaborations">Collaboration</a>
 
         <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Collaborations">Collaboration</a>
 
         <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Attributions">Attributions</a>
 
         <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Attributions">Attributions</a>
 +
<a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Attributions#sponsors">Sponsors</a>
 
       </div>
 
       </div>
 
     </li>
 
     </li>
−
   <li class="nav-item dropdown">
+
   <li class="nav-item">
−
  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" font-size: 17px;">
+
      <a class="nav-link" style=" font-size:15px;" href="https://2018.igem.org/Team:Lethbridge_HS/Safety">SAFETY</a>
−
    Achievements
+
     </li>
−
  </a>
+
−
  <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink;">
+
−
    <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Applied_Design">Applied Design</a>
+
−
     <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Entrepreneurship">Entrepreneurship</a>
+
−
    <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Hardware">Hardware</a>
+
−
    <a class="dropdown-item" href="https://2018.igem.org/Team:Lethbridge_HS/Software">Software</a>
+
−
  </div>
+
−
</li>
+
−
 
+
 
   </ul>
 
   </ul>
 
</div>
 
</div>
 
</nav>
 
</nav>
 +
  
 
<!--jQuery (necessary for Bootstrap's JavaScript plugins)-->
 
<!--jQuery (necessary for Bootstrap's JavaScript plugins)-->
Line 109: Line 120:
 
<!--Include all compiled plugins (below), or include individual files as needed-->
 
<!--Include all compiled plugins (below), or include individual files as needed-->
 
<script src="js/bootstrap.min.js"></script>
 
<script src="js/bootstrap.min.js"></script>
−
 
−
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
 
−
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
 
  
  
 +
<script src="https://2018.igem.org/Team:Lethbridge_HS/jquery?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:Lethbridge_HS/bootstrapjs?action=raw&ctype=text/javascript"></script>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 02:05, 18 October 2018