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

 
(34 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Team:Lethbridge_HS/jquery}}
 
 
{{Lethbridge_HS/bootsrapcss}}
 
{{Lethbridge_HS/bootsrapcss}}
 
{{Team:Lethbridge_HS/bootstrap_js}}
 
{{Team:Lethbridge_HS/bootstrap_js}}
 +
  
  
 
<html>
 
<html>
 
   <head>
 
   <head>
−
   
 
−
<link href="css/bootstrap.min.css" rel="stylesheet">
 
−
        <script src="https://2016.igem.org/Team:Lethbridge_HS/bootstrapmin?action=raw&ctype=text/javascript"></script>
 
−
     
 
 
</head>
 
</head>
−
  <script src="jquery-3.2.1.min.js"></script>  
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>  
 
     <style>
 
     <style>
 
  .navbar{
 
  .navbar{
 
margin-top: 9px;
 
margin-top: 9px;
 
opacity: .9;
 
opacity: .9;
−
 
+
 
}
 
}
  
Line 24: Line 20:
  
 
}
 
}
−
</style>
 
  
 +
.navbar-collapse collapse{
 +
display:block;
 +
}
  
  
−
<body>
 
  
−
<nav class="navbar navbar-default navbar-fixed-top menu" style="border:none;">
 
−
            <div class="container-fluid" style="padding-left:10%; padding-right:10%;">
 
−
                <div class="navbar-header">
 
−
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar1" aria-expanded="false">
 
−
                        <span class="sr-only">Toggle navgiation</span>
 
−
                        <span class="icon-bar"></span>
 
−
                        <span class="icon-bar"></span>
 
−
                        <span class="icon-bar"></span>
 
−
                        <span class="icon-bar"></span>
 
−
                    </button>
 
−
                    <a class="navbar-brand" href="https://2016.igem.org/Team:Lethbridge_HS" style="color:#CC141C; margin-top:20%;"><img src="https://static.igem.org/mediawiki/2016/5/50/T—lethbridgehs--whitelogo_and.png" width="70"></a>
 
−
                </div>
 
−
               
 
−
                <div class="collapse navbar-collapse" id="navbar1">
 
−
                    <ul class="nav navbar-nav navbar-right" >
 
−
                     
 
−
                       
 
−
                        <li class= "dropdown">
 
−
                            <a href="#" class="dropdown-toggle" data-toggle = "dropdown">PROJECT<b class="caret"></b></a>
 
−
                            <ul class="dropdown-menu">
 
−
                                <li>
 
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Description">DESCRIPTION</a>
 
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Design">DESIGN</a>
 
−
<a href="https://2016.igem.org/Team:Lethbridge_HS/Prototype">PROTOTYPE</a>
 
−
<a href="https://2016.igem.org/Team:Lethbridge_HS/Proof">PROOF OF CONCEPT</a>
 
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Experiments">EXPERIMENTS</a>
 
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Results">RESULTS</a>
 
−
<a href="https://2016.igem.org/Team:Lethbridge_HS/Achievements">ACHIEVEMENTS</a>
 
−
                                </li>
 
−
                            </ul>   
 
−
                        </li>
 
  
−
<li class= "dropdown">
 
−
                            <a href="#" class="dropdown-toggle" data-toggle = "dropdown">PARTS<b class="caret"></b></a>
 
−
                            <ul class="dropdown-menu">
 
−
                                <li>
 
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Basic_Part">BASIC PARTS</a>
 
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Composite_Part">COMPOSITE PARTS</a>
 
−
                                </li>
 
−
                            </ul>   
 
−
                        </li>
 
−
                       
 
−
                       
 
  
−
<li class= "dropdown">
+
</style>
−
                            <a href="#" class="dropdown-toggle" data-toggle = "dropdown">HUMAN PRACTICES<b class="caret"></b></a>
+
−
                            <ul class="dropdown-menu">
+
−
                                <li>
+
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Human_Practices">HUMAN PRACTICES</a>
+
−
<a href="https://2016.igem.org/Team:Lethbridge_HS/HP/Silver">SILVER</a>
+
−
  <a href="https://2016.igem.org/Team:Lethbridge_HS/HP/Gold">GOLD</a>
+
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Integrated_Practices">INTEGRATED HUMAN PRACTICES</a>
+
−
<a href="https://2016.igem.org/Team:Lethbridge_HS/Engagement">ENGAGEMENT</a>
+
−
                                </li>
+
−
                            </ul>   
+
−
                        </li>
+
  
  
  
−
 
+
<body>
−
 
+
−
 
+
−
<li class= "dropdown">
+
−
                            <a href="#" class="dropdown-toggle" data-toggle = "dropdown">NOTEBOOK<b class="caret"></b></a>
+
−
                            <ul class="dropdown-menu">
+
−
                                <li>
+
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Notebook">NOTEBOOK</a>
+
−
<a href="https://2016.igem.org/Team:Lethbridge_HS/Methods">METHODS</a>
+
−
 
+
−
                                </li>
+
−
                            </ul>   
+
−
                        </li>
+
−
 
+
−
 
+
−
 
+
−
                        <li><a href="https://2016.igem.org/Team:Lethbridge_HS/Safety" style="" class="menuitem" style="margin:0; padding:0; ">SAFETY</a></li>
+
−
                                               
+
−
                        <li class= "dropdown">
+
−
                            <a href="#" class="dropdown-toggle" data-toggle = "dropdown">TEAM<b class="caret"></b></a>
+
−
                            <ul class="dropdown-menu">
+
−
                                <li>
+
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Team#students">STUDENTS</a>
+
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Team#students">ADVISORS</a>
+
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Team#students">SPONSORS</a>
+
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Attributions">ATTRIBUTIONS</a>
+
−
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Collaborations">COLLABORATIONS</a>
+
−
                                </li>
+
−
                            </ul>   
+
−
                        </li>
+
−
                       
+
−
                        <li><a href="https://igem.org/Main_Page" style="" class="menuitem" style="margin:0; padding:0 ">IGEM</a></li>
+
−
                    </ul>
+
−
                </div>
+
−
            </div>
+
−
        </nav>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<!--
+
  
  
Line 140: Line 39:
 
     <div class="container-fluid">
 
     <div class="container-fluid">
 
       <div class="navbar-header">
 
       <div class="navbar-header">
−
         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNavbar" aria-expanded="false">
 
           <span class="icon-bar"></span>
 
           <span class="icon-bar"></span>
 
           <span class="icon-bar"></span>
 
           <span class="icon-bar"></span>
Line 156: Line 55:
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Description">Project Description</a></li>
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Description">Project Description</a></li>
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Design">Design</a></li>
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Design">Design</a></li>
−
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Demonstrate ">Proof of Concept</a></li>
+
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Applied_Design">Applied Design</a></li>
−
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Experiments ">Experiments</a></li>
+
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Demonstrate ">Demonstrate</a></li>
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Model ">Model</a></li>
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Model ">Model</a></li>
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Results ">Results</a></li>
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Results ">Results</a></li>
Line 169: Line 68:
 
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Basic_Part ">Basic Parts</a></li>
 
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Basic_Part ">Basic Parts</a></li>
 
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Composite_Part ">Composite Parts</a></li>
 
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Composite_Part ">Composite Parts</a></li>
−
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Improve ">Improve</a></li>
+
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Improve ">Improved Parts</a></li>
−
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Contribution ">Contribution</a></li>
+
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Contribution ">Part Contributions</a></li>
 
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Part_Collection ">Part Collection</a></li>
 
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Part_Collection ">Part Collection</a></li>
 
     </ul>
 
     </ul>
Line 189: Line 88:
 
<ul class="dropdown-menu navbar-right">
 
<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/Notebook">Notebook</a></li>
−
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Methods ">Methods</a></li>
+
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Experiments ">Experiments</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 209: Line 108:
 
   </nav>
 
   </nav>
  
−
-->
 
  
  
−
 
−
  <script src="jquery-3.2.1.min.js"></script>
 
−
  <script src="js/bootstrap.min.js"></script>
 
−
<script>
 
−
$(document).ready(function() {
 
−
    $(".dropdown-toggle").dropdown();
 
−
});
 
−
</script>
 
  
 
   </body>
 
   </body>
 
</html>
 
</html>

Latest revision as of 23:56, 30 October 2017