Team:Dundee/Template/header
From 2014.igem.org
(Difference between revisions)
Line 24: | Line 24: | ||
<body> | <body> | ||
<nav class="navbar navbar-default" role="navigation"> | <nav class="navbar navbar-default" role="navigation"> | ||
- | + | <div class="container-fluid"> | |
+ | <!-- Brand and toggle get grouped for better mobile display --> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <a class="navbar-brand" href="#" style="padding:0px 15px;width:70px;height:50px;"><img width="70px" height="50px" src="https://static.igem.org/mediawiki/igem.org/9/93/IGEMLogoDundee-Small.png"></a> | ||
+ | <a href="#" class="navbar-brand" style="padding-left:70px;">Dundee 2014</a> | ||
+ | </div> | ||
+ | <!-- navHeaderCollapse is an id, button above targets by name!--> | ||
+ | <div class = "collapse navbar-collapse navHeaderCollapse"> | ||
+ | <ul class = "nav navbar-nav navbar-right"> | ||
+ | |||
+ | <li><a href="#">Project</a></li> | ||
+ | <li class = "dropdown"> | ||
+ | <a href="'#" class="dropdown-toggle" data-toggle = "dropdown">Work Done<b class="caret"></b></a> | ||
+ | |||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Parts</a></li> | ||
+ | <li><a href="#">Modeling</a></li> | ||
+ | <li><a href="#">Notebook</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class = "dropdown"> | ||
+ | <a href="'#" class="dropdown-toggle" data-toggle = "dropdown">Team<b class="caret"></b></a> | ||
+ | |||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Team Bios</a></li> | ||
+ | <li><a href="#">Official iGem Page</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="#">Saftey</a></li> | ||
+ | <li><a href="#">Attributes</a></li> | ||
+ | </ul> | ||
+ | </div><!-- /.navbar-collapse --> | ||
+ | |||
+ | </div><!-- /.container-fluid --> | ||
</nav> | </nav> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 12:26, 27 May 2014