Line 1: | Line 1: | ||
<html> | <html> | ||
− | |||
− | |||
− | |||
− | |||
<head> | <head> | ||
Line 17: | Line 13: | ||
<script src="https://2019.igem.org/Template:CSU_CHINA/JS/bootstrap4minjs?action=raw&ctype=text/javascript"></script> | <script src="https://2019.igem.org/Template:CSU_CHINA/JS/bootstrap4minjs?action=raw&ctype=text/javascript"></script> | ||
<!-- Bootstrap.bundle.js --> | <!-- Bootstrap.bundle.js --> | ||
− | <script src="https://2019.igem.org/Template:CSU_CHINA/JS/bootstrapbundleminjs?action=raw&ctype=text/javascript"> | + | <script src="https://2019.igem.org/Template:CSU_CHINA/JS/bootstrapbundleminjs?action=raw&ctype=text/javascript"></script> |
− | </script> | + | <!-- HiCharts --> |
− | <!-- | + | <script src="https://2019.igem.org/wiki/index.php?title=Template:XJTLU-CHINA/highcharts.js&action=raw&ctype=text/javascript"></script> |
− | <script src="https://2019.igem.org/Template: | + | |
</head> | </head> | ||
− | < | + | <body> |
− | + | <style> | |
− | + | #navigator{ | |
− | + | margin-top: 16px; | |
− | + | } | |
− | + | #navigator .navbar-brand img{ | |
− | + | height: 45px; | |
− | + | } | |
− | + | </style> | |
− | + | ||
− | + | ||
− | + | <nav class="navbar navbar-expand-lg navbar-dark py-0 fixed-top bg-dark" id="navigator" > | |
− | + | <a class="navbar-brand py-0" href="#"> | |
− | + | <img src="https://static.igem.org/mediawiki/2019/c/ca/T--CSU_CHINA--LOGOWITHWORDS.png" alt="logo"> | |
− | + | ||
− | #navigator | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | #navigator | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </style> | + | |
− | + | ||
− | + | ||
− | <nav class="navbar navbar-expand-lg navbar- | + | |
− | <a class="navbar-brand" href=" | + | |
− | + | ||
</a> | </a> | ||
− | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="# | + | <button class="navbar-toggler d-lg-none" type="button" data-toggle="collapse" data-target="#collapsibleNavId" aria-controls="collapsibleNavId" aria-expanded="false" aria-label="Toggle navigation"> |
<span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||
− | </button> | + | </button> |
− | <div class="collapse navbar-collapse" id=" | + | <div class="collapse navbar-collapse" id="collapsibleNavId"> |
− | <ul class="navbar-nav ml- | + | <ul class="navbar-nav ml-md-auto "> |
<li class="nav-item active"> | <li class="nav-item active"> | ||
− | <a class="nav-link" href=" | + | <a class="nav-link" href="#">HOME</a> |
</li> | </li> | ||
<li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PROJECT</a> | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PROJECT</a> | ||
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | + | <div class="dropdown-menu bg-light " aria-labelledby="navbarDropdown"> |
− | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="">DESCRIPTION</a> |
− | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="">DESIGN</a> |
<a class="dropdown-item" href="/Team:CSU_CHINA/Demonstrate">DEMONSTRATION</a> | <a class="dropdown-item" href="/Team:CSU_CHINA/Demonstrate">DEMONSTRATION</a> | ||
</div> | </div> | ||
Line 195: | Line 51: | ||
<li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PARTS</a> | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PARTS</a> | ||
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | + | <div class="dropdown-menu bg-light" aria-labelledby="navbarDropdown"> |
<a class="dropdown-item" href="#">BASIC PARTS</a> | <a class="dropdown-item" href="#">BASIC PARTS</a> | ||
<a class="dropdown-item" href="#">COMPOSITE PARTS</a> | <a class="dropdown-item" href="#">COMPOSITE PARTS</a> | ||
Line 206: | Line 62: | ||
<li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES</a> | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES</a> | ||
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | + | <div class="dropdown-menu bg-light" aria-labelledby="navbarDropdown"> |
<a class="dropdown-item" href="/Team:CSU_CHINA/Human_Practices">INTERGRATED</a> | <a class="dropdown-item" href="/Team:CSU_CHINA/Human_Practices">INTERGRATED</a> | ||
<a class="dropdown-item" href="/Team:CSU_CHINA/Public_Engagement">PUBLIC ENGAGEMENT</a> | <a class="dropdown-item" href="/Team:CSU_CHINA/Public_Engagement">PUBLIC ENGAGEMENT</a> | ||
Line 212: | Line 68: | ||
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
− | <a class="nav-link" href=" | + | <a class="nav-link" href="/Team:CSU_CHINA/SAFETY">SAFETY</a> |
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
− | <a class="nav-link" href=" | + | <a class="nav-link" href="#">LAB</a> |
</li> | </li> | ||
<li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||
− | <a class="nav-link dropdown-toggle" href=" | + | <a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">TEAM</a> |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | + | <div class="dropdown-menu bg-light" aria-labelledby="navbarDropdown"> |
<a class="dropdown-item" href="/Team:CSU_CHINA/Collaborations" title="">COLLABORATIONS</a> | <a class="dropdown-item" href="/Team:CSU_CHINA/Collaborations" title="">COLLABORATIONS</a> | ||
<a class="dropdown-item" href="/Team:CSU_CHINA/Attributions" title="">ATTRIBUTIONS</a> | <a class="dropdown-item" href="/Team:CSU_CHINA/Attributions" title="">ATTRIBUTIONS</a> | ||
− | + | <a class="dropdown-item" href="/Team:CSU_CHINA/Team" title="">TEAM MEMBERS</a> | |
</div> | </div> | ||
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
− | <a class="nav-link" href=" | + | <a class="nav-link" href="">JUDGING</a> |
− | </li> | + | </li> |
</ul> | </ul> | ||
</div> | </div> | ||
</nav> | </nav> | ||
+ | <!-- dropdown nav --> | ||
<script> | <script> | ||
$(document).ready(function() { | $(document).ready(function() { | ||
− | $(".dropdown").hover( | + | $(".dropdown").hover(function() { |
− | + | $('.dropdown-menu', this).slideToggle("fast"); | |
− | + | }); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
}); | }); | ||
</script> | </script> | ||
− | + | ||
− | < | + | <div style="height: 1000px;"> |
− | + | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</body> | </body> | ||
+ | |||
</html> | </html> |
Revision as of 12:13, 17 October 2019