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

Line 9: Line 9:
 
  <link href="css/bootstrap.min.css" rel="stylesheet">
 
  <link href="css/bootstrap.min.css" rel="stylesheet">
 
         <script src="https://2016.igem.org/Team:Lethbridge_HS/bootstrapmin?action=raw&ctype=text/javascript"></script>
 
         <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="jquery-3.2.1.min.js"></script>  
Line 30: Line 30:
 
<body>
 
<body>
  
−
<nav class="navbar navbar-inverse">
+
<nav class="navbar navbar-default navbar-fixed-top menu" style="border:none;">
−
  <div class="container-fluid">
+
            <div class="container-fluid" style="padding-left:10%; padding-right:10%;">
−
    <div class="navbar-header">
+
                <div class="navbar-header">
−
      <a class="navbar-brand" href="#">WebSiteName</a>
+
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar1" aria-expanded="false">
−
    </div>
+
                        <span class="sr-only">Toggle navgiation</span>
−
    <ul class="nav navbar-nav">
+
                        <span class="icon-bar"></span>
−
      <li class="active"><a href="#">Home</a></li>
+
                        <span class="icon-bar"></span>
−
      <li class="dropdown">
+
                        <span class="icon-bar"></span>
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1
+
                        <span class="icon-bar"></span>
−
        <span class="caret"></span></a>
+
                    </button>
−
        <ul class="dropdown-menu">
+
                    <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>
−
          <li><a href="#">Page 1-1</a></li>
+
                </div>
−
          <li><a href="#">Page 1-2</a></li>
+
               
−
          <li><a href="#">Page 1-3</a></li>
+
                <div class="collapse navbar-collapse" id="navbar1">
−
        </ul>
+
                    <ul class="nav navbar-nav navbar-right" >
−
      </li>
+
                     
−
      <li><a href="#">Page 2</a></li>
+
                       
−
      <li><a href="#">Page 3</a></li>
+
                        <li class= "dropdown">
−
    </ul>
+
                            <a href="#" class="dropdown-toggle" data-toggle = "dropdown">PROJECT<b class="caret"></b></a>
−
  </div>
+
                            <ul class="dropdown-menu">
−
</nav>
+
                                <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">
 +
                            <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>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<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>
  
  

Revision as of 16:57, 4 September 2017