Difference between revisions of "Team:Purdue/NavBar"

Line 9: Line 9:
 
   <script type="text/javascript" src="https://2018.igem.org/Team:Purdue/BootstrapJS?action=raw&ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2018.igem.org/Team:Purdue/BootstrapJS?action=raw&ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2018.igem.org/Team:Purdue/BootstrapJQuery?action=raw&ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2018.igem.org/Team:Purdue/BootstrapJQuery?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Team:Purdue/JQuery?
 +
action=raw&ctype=text/javascript"></script>
 
</head>
 
</head>
 
<style>
 
<style>
Line 19: Line 21:
  
  
−
<nav class="navbar navbar-inverse navbar-fixed-top menu">
+
<nav class="navbar navbar-inverse menu">
−
<div class="container-fluid">
+
<div class="menu-container">
−
<div class="navbar-header">
+
<!-- <div class="navbar-header"> -->
 
<div class="menu-logo-container">
 
<div class="menu-logo-container">
−
<a class="menu-logo-link" href="https://2018.igem.org/Team:Purdue">
+
<a href="https://2018.igem.org/Team:Purdue">
−
<img src="https://static.igem.org/mediawiki/2018/1/15/T--Purdue--logo_cropped.png" class="menu-logo">
+
<img src="logo_cropped.png">
 
</a>
 
</a>
 
</div>
 
</div>
−
    </div>
+
    <!-- </div> -->
 
    <div class="container menu-items">
 
    <div class="container menu-items">
 
    <ul class="nav navbar-nav">
 
    <ul class="nav navbar-nav">
 
      <li class="dropdown">
 
      <li class="dropdown">
−
      <a class="dropdown-toggle menu-item" data-toggle="dropdown" href="#">Team
+
      <a href="#">Team
 
      <span class="caret"></span></a>
 
      <span class="caret"></span></a>
 
      <ul class="dropdown-menu">
 
      <ul class="dropdown-menu">
−
      <li><a href="https://2018.igem.org/Team:Purdue/MeetTheTeam">Team Members</a></li>
+
      <li><a href="#">Team Members</a></li>
−
      <li><a href="https://2018.igem.org/Team:Purdue/Collaborations">Collaborations</a></li>
+
      <li><a href="#">Collaborations</a></li>
 
</ul>
 
</ul>
 
      </li>
 
      </li>
 
<li class="dropdown">
 
<li class="dropdown">
−
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Project
+
<a href="#">Project
 
<span class="caret"></span></a>
 
<span class="caret"></span></a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
Line 54: Line 56:
 
</li>
 
</li>
 
<li class="dropdown">
 
<li class="dropdown">
−
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts
+
<a href="#">Parts
 
<span class="caret"></span></a>
 
<span class="caret"></span></a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
Line 65: Line 67:
 
<li><a href="https://2018.igem.org/Team:Purdue/Safety">Safety</a></li>
 
<li><a href="https://2018.igem.org/Team:Purdue/Safety">Safety</a></li>
 
<li class="dropdown">
 
<li class="dropdown">
−
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices
+
<a href="#">Human Practices
 
<span class="caret"></span></a>
 
<span class="caret"></span></a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
Line 73: Line 75:
 
</li>
 
</li>
 
<li class="dropdown">
 
<li class="dropdown">
−
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Awards
+
<a href="#">Awards
 
<span class="caret"></span></a>
 
<span class="caret"></span></a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
Line 87: Line 89:
 
<li><a href="https://igem.org/2018_Judging_Form?team=Purdue">Judging Form</a></li>
 
<li><a href="https://igem.org/2018_Judging_Form?team=Purdue">Judging Form</a></li>
 
    </ul>
 
    </ul>
 +
    </div>
 +
    <div class="menu-hamburger">
 +
    <a href='#'>
 +
    <div></div>
 +
    <div></div>
 +
    <div></div>
 +
    </a>
 
    </div>
 
    </div>
 
</div>
 
</div>
 
</nav>
 
</nav>
 +
 +
<!-- <div class="basic-page"> -->
 +
<div class="nav-menu-side">
 +
<ul>
 +
      <li class="dropdown-side">
 +
      <a href="#">Team
 +
      <span class="caret"></span></a></li>
 +
  <ul class="dropdown-menu-side">
 +
  <li><a href="#">Team Members</a></li>
 +
  <li><a href="#">Collaborations</a></li>
 +
</ul>
 +
<li class="dropdown-side">
 +
<a href="#">Project
 +
<span class="caret"></span></a></li>
 +
<ul class="dropdown-menu-side">
 +
<li><a href="https://2018.igem.org/Team:Purdue/Description">Description</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Design">Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Experiments">Experiments</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Notebook">Notebook</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/InterLab">InterLab</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Model">Model</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Demonstrate">Demonstrate</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Improve">Improve</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Attributions">Attributions</a></li>
 +
</ul>
 +
<li class="dropdown-side">
 +
<a href="#">Parts
 +
<span class="caret"></span></a></li>
 +
<ul class="dropdown-menu-side">
 +
<li><a href="https://2018.igem.org/Team:Purdue/Parts">Parts Overview</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Basic_Part">Basic Parts</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Composite_Part">Composite Parts</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Part_Collection">Part Collection</a></li>
 +
</ul>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Safety">Safety</a></li>
 +
<li class="dropdown-side">
 +
<a href="#">Human Practices
 +
<span class="caret"></span></a></li>
 +
<ul class="dropdown-menu-side">
 +
<li><a href="https://2018.igem.org/Team:Purdue/Human_Practices">Human Practices</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Public_Engagement">Education &amp; Engagement</a></li>
 +
</ul>
 +
<li class="dropdown-side">
 +
<a href="#">Awards
 +
<span class="caret"></span></a></li>
 +
<ul class="dropdown-menu-side">
 +
<li><a href="https://2018.igem.org/Team:Purdue/Applied_Design">Applied Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Entrepreneurship">Entrepreneurship</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Hardware">Hardware</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Measurement">Measurement</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Model">Model</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Plant">Plant</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Software">Software</a></li>
 +
</ul>
 +
<li><a href="https://igem.org/2018_Judging_Form?team=Purdue">Judging Form</a></li>
 +
    </ul>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 05:14, 29 May 2018

Bootstrap Example