Difference between revisions of "Team:Bielefeld-CeBiTec/Basic Navbar"

 
(89 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{:Team:Bielefeld-CeBiTec/CSS}}
 
−
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
−
   <title>Bootstrap Example</title>
+
   <title></title>
 
   <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" type="text/css"
 +
href="https://2018.igem.org/Team:Bielefeld-CeBiTec/CSS?action=raw&ctype=text/css" />
 
    
 
    
−
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+
<script>
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
(function($) {
−
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
+
  $(function() {
 +
   
 +
    $('nav ul li a:not(:only-child)').click(function(e) {
 +
      $(this).siblings('.nav-dropdown').toggle();
 +
      $('.nav-dropdown').not($(this).siblings()).hide();
 +
      e.stopPropagation();
 +
    });
 +
 
 +
    $('html').click(function() {
 +
      $('.nav-dropdown').hide();
 +
    });
 +
    $('#nav-toggle').click(function() {
 +
      $('nav ul').slideToggle();
 +
    });
 +
    $('#nav-toggle').on('click', function() {
 +
      this.classList.toggle('active');
 +
    });
 +
  });
 +
})(jQuery);
  
−
 
−
  <script>
 
−
  function topFunction() {
 
−
    document.body.scrollTop = 0; // For Chrome, Safari and Opera
 
−
    document.documentElement.scrollTop = 0; // For IE and Firefox
 
−
}
 
−
</script>
 
  
  
  
−
</head>
 
  
  
 +
</script>
 +
 +
</head>
 
<body>
 
<body>
  
−
<div class="w3-top">
+
<section class="navigation" style="z-index:100">
−
<nav class="navbar navbar-inverse navbar-static-top center" data-spy="affix" data-offset-top="0">
+
   <div class="nav-container">
−
   <div class="container-fluid">
+
     <div class="brand">
−
     <div class="navbar-header">
+
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec"><img class="logo-img" src="https://static.igem.org/mediawiki/2018/1/1b/T--Bielefeld-CeBiTec--nanofactory_navbar_vk.png"></a>
−
<img class="logo-img" src="https://static.igem.org/mediawiki/2018/a/ad/T--Bielefeld-CeBiTec--Logo_invertiert.jpg" width="180">
+
 
     </div>
 
     </div>
−
<div class="navbar-inner">
+
    <nav>
−
<ul class="nav navbar-nav">
+
      <div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
−
<li class="active">
+
      <ul class="nav-list">
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec">Home</a>
+
        <li>
−
</li>
+
          <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec">Home</a>
 +
        </li>
 +
        <li>
 +
          <a href="#!">Project</a>
 +
          <ul class="nav-dropdown">
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Motivation">Motivation</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Description">Overview</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Toxicity_Theory">Toxicity</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Accumulation">Accumulation</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/siRNA">Silencing</a>
 +
            </li>
 +
 
 +
           
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Ferritin">Nanoparticles</a>
 +
            </li>
 +
          </ul>
 +
        </li><li>
 +
          <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Model">Modeling</a>
 +
        </li><li>
 +
          <a href="#!">Results</a>
 +
          <ul class="nav-dropdown">
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Results">Results Overview</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Toxicity_Results">Toxicity Results</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Accumulation_Results">Accumulation Results</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/siRNA_Results">Silencing Results</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Ferritin_Results">Nanoparticles Results</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/InterLab">InterLab</a>
 +
            </li><li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Demonstrate">Demonstrate</a>
 +
            </li>
 +
          </ul>
 +
        </li>
 +
 
 +
<li>
 +
          <a href="#!">Parts</a>
 +
          <ul class="nav-dropdown">
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Parts">Parts Overview</a>
 +
            </li><li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Basic_Part">Basic Parts</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Composite_Part">Composite Parts</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Part_Collection">Parts Collection</a>
 +
            </li>
 +
<li>
 +
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Improve">Parts Improvement</a>
 +
            </li>
 +
          </ul>
 +
        </li>
  
−
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project <span class="caret"></span></a>
+
<li>
−
<ul class="dropdown-menu">
+
          <a href="#!">Human Practices</a>
−
<li>
+
          <ul class="nav-dropdown">
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Description">Overview</a>
+
            <li>
−
</li>
+
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Human_Practices">Human Practices</a>
−
<li>
+
            </li><li>
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Design">Design</a>
+
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Public_Engagement">Outreach</a>
−
</li>
+
            </li>
−
<li>
+
          </ul>
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Experiments">Experiments</a>
+
        </li><li>
−
</li>
+
          <a href="#!">Awards</a>
−
<li>
+
          <ul class="nav-dropdown">
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/InterLab">InterLab</a>
+
            <li>
−
</li>
+
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Hardware">Hardware</a>
−
<li>
+
            </li><li>
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Demonstrate">Demonstrate</a>
+
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Software">Software</a>
−
</li>
+
            </li><li>
−
<li>
+
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Measurement">Measurement</a>
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Improve">Improve</a>
+
            </li>
−
</li>
+
<li>
−
</ul>
+
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Design">Product Design</a>
−
</li>
+
            </li>
−
+
          </ul>
−
<li>
+
        </li><li>
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Model">Modelling</a>
+
          <a href="#!">Notebook</a>
−
</li>  
+
          <ul class="nav-dropdown">
−
+
            <li>
−
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Results <span class="caret"></span></a>
+
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Notebook">Notebook</a>
−
<ul class="dropdown-menu">
+
            </li><li>
−
<li>
+
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Experiments">Experiments</a>
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Results">Results Overview</a>
+
            </li>
−
</li>
+
          </ul>
−
<li>
+
        </li><li>
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Parts">Parts Overview</a>
+
          <a href="#!">Team</a>
−
</li>
+
          <ul class="nav-dropdown">
−
<li>
+
            <li>
−
  <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Basic_Part">Basic Parts</a>
+
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Team">Members</a>
−
</li>
+
            </li><li>
−
<li>
+
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Bielefeld">Bielefeld</a>
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Composite_Part">Composite Parts</a>
+
            </li><li>
−
</li>
+
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/CeBiTec">CeBiTec</a>
−
<li>
+
            </li><li>
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Part_Collection">Part Collection</a>
+
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Bielefeld-University">Bielefeld University</a>
−
</li>
+
            </li><li>
−
</ul>
+
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Collaborations">Collaborations</a>
−
</li>
+
            </li><li>
−
+
              <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Attributions">Attributions</a>
−
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices <span class="caret"></span></a>
+
            </li>
−
<ul class="dropdown-menu">
+
          </ul>
−
<li>
+
        </li><li>
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Human_Practices">Human Practices</a>
+
          <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Partners">Partners</a>
−
</li>
+
        </li><li>
−
<li>
+
          <a href="https://igem.org/2018_Judging_Form?team=Bielefeld-CeBiTec">Judging Form ⇗</a>
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Public_Engagement">Education and Engagement</a>
+
        </li>
−
</li>
+
      </ul>
−
</ul>
+
    </nav>
−
</li>
+
−
+
−
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Awards <span class="caret"></span></a>
+
−
<ul class="dropdown-menu">
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Applied_Design">Applied Design</a>
+
−
</li>
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Entrepreneurship">Entrepreneurship</a>
+
−
</li>
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Hardware">Hardware</a>
+
−
</li>
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Measurement">Measurement</a>
+
−
</li>
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Model">Model</a>
+
−
</li>
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Plant">Plant</a>
+
−
</li>
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Software">Software</a>
+
−
</li>
+
−
</ul>
+
−
</li>
+
−
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Notebook">Notebook</a>
+
−
</li>
+
−
+
−
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team <span class="caret"></span></a>
+
−
<ul class="dropdown-menu">
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Team">Team Members</a>
+
−
</li>
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Collaborations">Collaborations</a>
+
−
</li>
+
−
<li>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Attributions">Attributions</a>
+
−
</li>
+
−
</ul>
+
−
</li>
+
−
+
−
<li>
+
−
<a href="https://igem.org/2018_Judging_Form?team=Bielefeld-CeBiTec">Judging Form ⇗</a>
+
−
</li>
+
−
+
−
</ul>
+
−
</div>
+
 
   </div>
 
   </div>
−
</nav>
+
</section>
−
</div>
+
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:20, 18 October 2018