Line 140: | Line 140: | ||
<body> | <body> | ||
− | + | <div style="display: block"> | |
− | + | <nav class="navbar navbar-expand-lg navbar-light fixed-top shrink"> | |
− | + | <a class="navbar-brand" href="index.html"> | |
− | + | <img src="https://static.igem.org/mediawiki/2019/c/ca/T--CSU_CHINA--LOGOWITHWORDS.png" alt="logo" style="width:250px;"> | |
− | + | </a> | |
− | + | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"> | |
− | + | <span class="navbar-toggler-icon"></span> | |
− | + | </button> | |
− | + | <div class="collapse navbar-collapse" id="navbarSupportedContent"> | |
− | + | <ul class="navbar-nav ml-lg-auto text-center"> | |
− | + | <li class="nav-item"> | |
− | + | <a class="nav-link" href="index.html">HOME</a> | |
− | + | </li> | |
− | + | <li class="nav-item dropdown"> | |
− | + | <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:CSU_CHINA/Team" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">TEAM<i class="fa fa-angle-down" aria-hidden="true"></i></a> | |
− | + | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | |
− | + | <a class="dropdown-item" href="about.html" title="">TEAM1</a> | |
− | + | <a class="dropdown-item" href="projects.html" title="">TEAM2</a> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li class="nav-item"> | |
− | + | <a class="nav-link" href="features.html">MODEL</a> | |
− | + | </li> | |
− | + | <li class="nav-item"> | |
− | + | <a class="nav-link" href="team.html">HP<i class="fa fa-angle-down" aria-hidden="true"></i></a> | |
− | + | </li> | |
− | + | <li class="nav-item"> | |
− | + | <a class="nav-link" href="contact.html">LAB</a> | |
− | + | </li> | |
− | + | <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<i class="fa fa-angle-down" aria-hidden="true"></i></a> | |
− | + | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | |
− | + | <a class="dropdown-item" href="pricing.html">MODEL1</a> | |
− | + | <a class="dropdown-item" href="pricing_light.html">MODEL2</a> | |
− | + | <a class="dropdown-item" href="pricing.html">MODEL3</a> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li class="nav-item"> | |
− | + | <a class="nav-link" href="contact.html">SAFETY</a> | |
− | + | </li> | |
− | + | <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<i class="fa fa-angle-down" aria-hidden="true"></i></a> | |
− | + | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | |
− | + | <a class="dropdown-item" href="pricing.html"> DESCRIPTION</a> | |
− | + | <a class="dropdown-item" href="pricing_light.html"> DESIGN</a> | |
− | + | <a class="dropdown-item" href="pricing.html">RESULTS</a> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li class="nav-item"> | |
− | + | <a class="nav-link" href="contact.html">JUDGING</a> | |
− | + | </li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | </nav> | |
− | + | </div> | |
− | <script> | + | <script> |
$(document).ready(function() { | $(document).ready(function() { | ||
$(".dropdown").hover( | $(".dropdown").hover( | ||
Line 208: | Line 208: | ||
); | ); | ||
}); | }); | ||
− | </script> | + | </script> |
<!-- //dropdown nav --> | <!-- //dropdown nav --> | ||
<!-- fixed nav --> | <!-- fixed nav --> | ||
Line 220: | Line 220: | ||
}); | }); | ||
</script> | </script> | ||
− | + | <!-- //fixed nav --> | |
− | + | <script type="text/javascript"> | |
− | + | $(document).ready(function () { | |
− | + | $('#horizontalTab').easyResponsiveTabs({ | |
− | + | type: 'default', //Types: default, vertical, accordion | |
− | + | width: 'auto', //auto or any width like 600px | |
− | + | fit: true // 100% fit in a container | |
− | + | }); | |
− | + | }); | |
− | + | </script> | |
− | + | ||
− | + | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 11:41, 22 September 2019