Difference between revisions of "Template:SZU-China/Nav"
| Line 1: | Line 1: | ||
| + | <!DOCTYPE html> | ||
<html> | <html> | ||
| − | + | <head> | |
| − | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/CSS&action=raw&ctype=text/css" /> | + | <meta charset="UTF-8"> |
| + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/CSS&action=raw&ctype=text/css" /> | ||
| − | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:SZU-China/CSS/ | + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/CSS/Fluent&action=raw&ctype=text/css" /> |
| − | <style> | + | |
| + | <!-- | ||
| + | <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> | ||
| + | |||
| + | |||
| + | <script type="text/javascript" src="js/bootstrap.min.js"></script> | ||
| + | |||
| + | |||
| + | <script type="text/javascript" src="js/popper.min.js" ></script> | ||
| + | --> | ||
| + | |||
| + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/jquery&action=raw&ctype=text/javascript"></script> | ||
| + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/bootstrap&action=raw&ctype=text/javascript"></script> | ||
| + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/popper&action=raw&ctype=text/javascript"></script> | ||
| + | |||
| + | <title></title> | ||
| + | </head> | ||
| + | <style> | ||
#sideMenu, #top_title { | #sideMenu, #top_title { | ||
display: none; | display: none; | ||
| Line 15: | Line 34: | ||
background: #FFF; | background: #FFF; | ||
} | } | ||
| − | + | </style> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | </style> | + | |
| − | |||
<body> | <body> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | <!-- Navbar --> | ||
| + | <nav class="navbar navbar-expand-lg navbar-dark bg-primary "> | ||
| + | <a class="navbar-brand" href="#"> | ||
| + | <img src="https://mdbootstrap.com/img/logo/mdb-transparent.png" height="20" alt="Route 66 in navbar"> | ||
| + | <span class="d-inline-block align-top ml-2">SZU-China</span> | ||
| + | </a> | ||
| + | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarExample" aria-controls="navbarExample" aria-expanded="false" aria-label="Toggle navigation"> | ||
| + | <span class="navbar-toggler-icon"></span> | ||
| + | </button> | ||
| + | |||
| + | <div class="collapse navbar-collapse" id="navbarExample"> | ||
| + | <ul class="navbar-nav ml-auto"> | ||
| + | <li class="nav-item active"> | ||
| + | <a class="nav-link" href="#">Home | ||
| + | <span class="sr-only">(current)</span> | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="nav-item dropdown"> | ||
| + | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
| + | Team | ||
| + | </a> | ||
| + | <div class="dropdown-menu "aria-labelledby="navbarDropdown"> | ||
| + | <a class="dropdown-item" href="#">Team Members</a> | ||
| + | <a class="dropdown-item" href="#">Collaborations</a> | ||
| + | </div> | ||
| + | |||
| + | </li> | ||
| + | <li class="nav-item dropdown"> | ||
| + | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
| + | Project | ||
| + | </a> | ||
| + | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
| + | <a class="dropdown-item" href="demo.html">Description</a> | ||
| + | <a class="dropdown-item" href="#">Design</a> | ||
| + | <a class="dropdown-item" href="#">Model</a> | ||
| + | <a class="dropdown-item" href="#">Biobricks</a> | ||
| + | <a class="dropdown-item" href="#">Improve</a> | ||
| + | </div> | ||
| + | </li> | ||
| + | <li class="nav-item dropdown"> | ||
| + | |||
| + | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
| + | Experiment | ||
| + | </a> | ||
| + | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
| + | <a class="dropdown-item" href="#">Demonstrate</a> | ||
| + | <a class="dropdown-item" href="#">Results</a> | ||
| + | <a class="dropdown-item" href="#">Safety</a> | ||
| + | <a class="dropdown-item" href="#">InterLab</a> | ||
| + | |||
| + | </div> | ||
| + | </li> | ||
| + | <li class="nav-item"> | ||
| + | <a class="nav-link" href="#">Human Practices</a> | ||
| + | </li> | ||
| + | <li class="nav-item dropdown"> | ||
| + | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
| + | Judging | ||
| + | </a> | ||
| + | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
| + | <a class="dropdown-item" href="#">Form</a> | ||
| + | <a class="dropdown-item" href="#">Awards</a> | ||
| + | |||
| + | </div> | ||
| + | </li> | ||
| + | </ul> | ||
| + | <!-- | ||
| + | <style> | ||
| + | .dropdown:hover .dropdown-menu { | ||
| + | display: block; | ||
| + | margin-top: 0; // remove the gap so it doesn't close | ||
| + | } | ||
| + | </style> | ||
| + | --> | ||
| + | <script> | ||
| + | |||
| + | |||
| + | $('.dropdown').hover(function(){ | ||
| + | $('.dropdown-toggle', this).trigger('click'); | ||
| + | }); | ||
| + | |||
| + | // Add slideDown animation to Bootstrap dropdown when expanding. | ||
| + | $('.dropdown').on('show.bs.dropdown', function() { | ||
| + | $(this).find('.dropdown-menu').first().stop(true, true).slideDown(); | ||
| + | }); | ||
| + | |||
| + | // Add slideUp animation to Bootstrap dropdown when collapsing. | ||
| + | $('.dropdown').on('hide.bs.dropdown', function() { | ||
| + | $(this).find('.dropdown-menu').first().stop(true, true).slideUp(); | ||
| + | }); | ||
| + | </script> | ||
| + | |||
| + | </div> | ||
| + | </nav> | ||
| + | <!-- Navbar --> | ||
| + | |||
| + | </body> | ||
| + | |||
| + | </html> | ||
<!-- | <!-- | ||
| Line 112: | Line 146: | ||
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/bootstrap.bundle | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/bootstrap.bundle | ||
&action=raw&ctype=text/javascript"></script> | &action=raw&ctype=text/javascript"></script> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Revision as of 07:08, 5 October 2018
<!DOCTYPE html>
<script type="text/javascript" src="https://2017.igem.org/Template:SZU-China/jquery/Javascript?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/bootstrap&action=raw&ctype=text/javascript"></script> <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/bootstrap.bundle &action=raw&ctype=text/javascript"></script>