Difference between revisions of "Team:Purdue/NavBar"

 
(83 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{:Team:Purdue/Blank}}
 
{{:Team:Purdue/Blank}}
−
{{:Team:Purdue/BootstrapCSS}}
 
−
{{:Team:Purdue/BootstrapJS}}
 
−
{{:Team:Purdue/BootstrapJQuery}}
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 8: Line 5:
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
−
  <link rel="stylesheet" href="bootstrap/bootstrap.min.css">
+
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2018/5/50/T--Purdue--Purdue_iGEM_Gold_Helix.png"/>
−
   <script src="bootstrap/jquery.min.js"></script>
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Purdue/BootstrapCSS?action=raw&ctype=text/css" />
−
   <script src="bootstrap/bootstrap.min.js"></script>
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Purdue/NavBarCSS?action=raw&ctype=text/css" />
−
  <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
   <script type="text/javascript" src="https://2018.igem.org/Team:Purdue/BootstrapJS?action=raw&ctype=text/javascript"></script>
−
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+
   <script type="text/javascript" src="https://2018.igem.org/Team:Purdue/BootstrapJQuery?action=raw&ctype=text/javascript"></script>
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
+
<script type="text/javascript" src="https://2018.igem.org/Team:Purdue/JQuery?
−
  <link rel="stylesheet" type="text/css" href="NavBarBoot.css">
+
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Team:Purdue/JQuery/general?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Team:Purdue/navbtnJS?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Team:Purdue/JQuery/references?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Team:Purdue/JQuery/dropdown?
 +
action=raw&ctype=text/javascript"></script>
 
</head>
 
</head>
 +
<style>
 +
#top_menu_14 {
 +
border-bottom:none;
 +
background-color:#222222;
 +
}
 +
</style>
 
<body>
 
<body>
−
 
−
 
 
<nav class="navbar navbar-inverse 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="logo_cropped.png" class="menu-logo">
+
<img style="border:none;" src="https://static.igem.org/mediawiki/2018/5/50/T--Purdue--Purdue_iGEM_Gold_Helix.png">
 
</a>
 
</a>
 
</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="https://2018.igem.org/Team:Purdue/Description">Overview
 
      <span class="caret"></span></a>
 
      <span class="caret"></span></a>
 
      <ul class="dropdown-menu">
 
      <ul class="dropdown-menu">
−
      <li><a href="#">Team Members</a></li>
+
      <li><a href="https://2018.igem.org/Team:Purdue/Description">Problem</a></li>
−
      <li><a href="#">Collaborations</a></li>
+
      <li><a href="https://2018.igem.org/Team:Purdue/Design">Solution</a></li>
 +
      <li><a href="https://2018.igem.org/Team:Purdue/Navpage">Navigation</a></li>
 +
 
 
</ul>
 
</ul>
 
      </li>
 
      </li>
 
<li class="dropdown">
 
<li class="dropdown">
−
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Project
+
<a href="https://2018.igem.org/Team:Purdue/Human_Practices">Human Practices
 
<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/Description">Description</a></li>
+
<li><a href="https://2018.igem.org/Team:Purdue/Human_Practices">Integrated Human Practices</a></li>
−
<li><a href="https://2018.igem.org/Team:Purdue/Design">Design</a></li>
+
<li><a href="https://2018.igem.org/Team:Purdue/Survey">Survey</a></li>
−
<li><a href="https://2018.igem.org/Team:Purdue/Experiments">Experiments</a></li>
+
<li><a href="https://2018.igem.org/Team:Purdue/Collaborations">Collaboration</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>
 
</ul>
 
</li>
 
</li>
 
<li class="dropdown">
 
<li class="dropdown">
−
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts
+
<a href="https://2018.igem.org/Team:Purdue/Genetic_Pathway">Project
 
<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/Parts">Parts Overview</a></li>
+
<li><a href="https://2018.igem.org/Team:Purdue/Genetic_Pathway">Genetic Construct</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/Experiments">Experiments</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/Model">Model</a></li>
−
<li><a href="https://2018.igem.org/Team:Purdue/Part_Collection">Part Collection</a></li>
+
<li><a href="https://2018.igem.org/Team:Purdue/Hardware">Hardware</a></li>
 +
 
 +
<li><a href="https://2018.igem.org/Team:Purdue/Safety">Safety</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Protocols">Protocols</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>
 
</ul>
 
</ul>
 
</li>
 
</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="https://2018.igem.org/Team:Purdue/Parts">Results
 
<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/Human_Practices">Human Practices</a></li>
+
<li><a href="https://2018.igem.org/Team:Purdue/Parts">Parts</a></li>
−
<li><a href="https://2018.igem.org/Team:Purdue/Public_Engagement">Education &amp; Engagement</a></li>
+
 +
<li><a href="https://igem.org/2018_Judging_Form?team=Purdue">Judging Form</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
 
<li class="dropdown">
 
<li class="dropdown">
−
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Awards
+
<a href="https://2018.igem.org/Team:Purdue/Team">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/Applied_Design">Applied Design</a></li>
+
<li><a href="https://2018.igem.org/Team:Purdue/Team">Biography</a></li>
−
<li><a href="https://2018.igem.org/Team:Purdue/Entrepreneurship">Entrepreneurship</a></li>
+
<li><a href="https://2018.igem.org/Team:Purdue/Attributions">Attributions</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>
 
</ul>
 
</li>
 
</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="#">Overview
 +
      <span class="caret"></span></a></li>
 +
  <ul class="dropdown-menu-side">
 +
  <li><a href="https://2018.igem.org/Team:Purdue/Description">Problem</a></li>
 +
  <li><a href="https://2018.igem.org/Team:Purdue/Design">Solution</a></li>
 +
  <li><a href="https://2018.igem.org/Team:Purdue/Navpage">Navigation</a></li>
 +
</ul>
 +
<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/Survey">Survey</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Collaborations">Collaboration</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/Genetic_Pathway">Genetic Pathway</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Experiments">Experiments</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Model">Model</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Hardware">Hardware</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Safety">Safety</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Protocols">Protocols</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>
 +
</ul>
 +
<li class="dropdown-side">
 +
<a href="#">Results
 +
<span class="caret"></span></a></li>
 +
<ul class="dropdown-menu-side">
 +
<li><a href="https://2018.igem.org/Team:Purdue/Parts">Parts</a></li>
 +
<li><a href="https://igem.org/2018_Judging_Form?team=Purdue">Judging Form</a></li>
 +
</ul>
 +
<li class="dropdown-side">
 +
<a href="#">Team
 +
<span class="caret"></span></a></li>
 +
<ul class="dropdown-menu-side">
 +
<li><a href="https://2018.igem.org/Team:Purdue/Team">Biography</a></li>
 +
<li><a href="https://2018.igem.org/Team:Purdue/Attributions">Attributions</a></li>
 +
</ul>
 +
    </ul>
 +
</div>
 +
<div class="basic-page">
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 02:56, 18 October 2018

Bootstrap Example