Line 727: | Line 727: | ||
<!-- Fixed navbar --> | <!-- Fixed navbar --> | ||
− | <nav class="navbar navbar-default navbar-fixed-top"> | + | <div class="container" > |
− | <div class="container"> | + | <nav class="navbar navbar-default navbar-fixed-top" style="background-color: transparent"> |
+ | <div class="container-fluid container menu" style="border: rgba(0,0,0,0.18) solid 0.6px; border-radius: 15px; margin-top: 20px; padding: 0 7%;"> | ||
+ | <!-- Brand and toggle get grouped for better mobile display --> | ||
<div class="navbar-header"> | <div class="navbar-header"> | ||
− | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false | + | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> |
<span class="sr-only">Toggle navigation</span> | <span class="sr-only">Toggle navigation</span> | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
Line 736: | Line 738: | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
</button> | </button> | ||
− | <a class="navbar-brand" href=" | + | <a class="navbar-brand" href="#">Brand</a> |
− | + | ||
− | + | ||
</div> | </div> | ||
− | <div | + | |
+ | <!-- Collect the nav links, forms, and other content for toggling --> | ||
+ | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
− | <li><a href=" | + | <li><a href="#">Home</a></li> |
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> |
− | <ul class="dropdown-menu"> | + | Project<span class="caret"></span> |
− | <li><a href=" | + | </a> |
− | <li><a href=" | + | <div> |
− | <li><a href=" | + | <ul class="dropdown-menu navint"> |
− | <li><a href=" | + | <li><a href="#">Description</a></li> |
− | <li><a href=" | + | <li><a href="#">Detection</a></li> |
− | <li><a href=" | + | <li><a href="#">Peptide Production</a></li> |
− | <li><a href=" | + | <li><a href="#">Cell Lysis</a></li> |
+ | <li><a href="#">Modeling</a></li> | ||
+ | <li><a href="#">Demonstration</a></li> | ||
+ | <li><a href="#">Application</a></li> | ||
</ul> | </ul> | ||
+ | </div> | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a href=" | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts<span class="caret"></span></a> |
− | <ul class="dropdown-menu"> | + | <div> |
− | + | <ul class="dropdown-menu navint"> | |
− | + | <li><a href="#">Basic Parts</a></li> | |
− | + | <li><a href="#">Composite Parts</a></li> | |
+ | </ul> | ||
+ | </div> | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a href=" | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebooks<span class="caret"></span></a> |
− | <ul class="dropdown-menu"> | + | <div> |
− | + | <ul class="dropdown-menu navint"> | |
− | + | <li><a href="#">Lab Book</a></li> | |
− | + | <li><a href="#">Protocols</a></li> | |
+ | </ul> | ||
+ | </div> | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practice<span class="caret"></span></a> | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practice<span class="caret"></span></a> | ||
− | <ul class="dropdown-menu"> | + | <div> |
− | + | <ul class="dropdown-menu navint"> | |
− | + | <li><a href="#">HP_Gold</a></li> | |
− | </ | + | <li><a href="#">HP_Silver</a></li> |
+ | </ul> | ||
+ | </div> | ||
</li> | </li> | ||
− | <li class="dropdown"> | + | <li class="dropdown hidden-xs hidden-sm"> |
− | <a href=" | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team<span class="caret"></span></a> |
− | <ul class="dropdown-menu"> | + | <div> |
− | + | <ul class="dropdown-menu navint"> | |
− | + | <li><a href="#">Members</a></li> | |
− | + | <li><a href="#">Attributions</a></li> | |
− | + | <li><a href="#">Collaboration</a></li> | |
+ | </ul> | ||
+ | </div> | ||
</li> | </li> | ||
− | <li><a href=" | + | <li class="hidden-xs hidden-sm"><a href="#">Safety</a></li> |
− | <li><a href=" | + | <li class="hidden-xs hidden-sm"><a href="#">Interlab</a></li> |
</ul> | </ul> | ||
− | + | </div><!-- /.navbar-collapse --> | |
− | </div><!--/. | + | </div><!-- /.container-fluid --> |
− | </div> | + | |
</nav> | </nav> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 05:34, 27 June 2018