Difference between revisions of "Team:Evry/Template:SideNavbar"
Knakiballz (Talk | contribs) m (Removed the active link) |
Knakiballz (Talk | contribs) m (Trying out stuff, again) |
||
Line 2: | Line 2: | ||
<!-- Sidebar --> | <!-- Sidebar --> | ||
<div class="row"> | <div class="row"> | ||
+ | <!-- uncomment code for absolute positioning tweek see top comment in css --> | ||
+ | <!-- <div class="absolute-wrapper"> </div> --> | ||
<!-- Menu --> | <!-- Menu --> | ||
<div class="side-menu"> | <div class="side-menu"> | ||
Line 18: | Line 20: | ||
<!-- Brand --> | <!-- Brand --> | ||
<div class="brand-name-wrapper" style="margin:0 auto;"> | <div class="brand-name-wrapper" style="margin:0 auto;"> | ||
− | <a class="navbar-brand" href=" | + | <a class="navbar-brand" href="#" style="margin:0 auto;"><img src="/home/francois/Dropbox/Bar/YETI_logo_navbar_dark.png" class="img-responsive" style="height: auto; width: 170px; margin:0 auto;"/></a> |
</div> | </div> | ||
</div> | </div> | ||
Line 28: | Line 30: | ||
<!-- Dropdown--> | <!-- Dropdown--> | ||
<li class="panel panel-default dropdown" id="project-menu"> | <li class="panel panel-default dropdown" id="project-menu"> | ||
− | <a data-toggle="collapse" href="#dropdown- | + | <a data-toggle="collapse" href="#dropdown-lvl1"> |
<span class="fa fa-flask"></span> Project <span class="caret"></span> | <span class="fa fa-flask"></span> Project <span class="caret"></span> | ||
</a> | </a> | ||
− | <div id="dropdown- | + | |
+ | <!-- Dropdown level 1 --> | ||
+ | <div id="dropdown-lvl1" class="panel-collapse collapse"> | ||
<div class="panel-body"> | <div class="panel-body"> | ||
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
− | <li><a href=" | + | <li><a href="#">Overview</a></li> |
− | <li><a href=" | + | <li><a href="#">Surface display</a></li> |
− | <li><a href=" | + | <li><a href="#">Hypoxia Bio-sensor</a></li> |
− | <li><a href=" | + | <li><a href="#">Yeast encapsulation</a></li> |
− | <li><a href=" | + | <li><a href="#">MAIT cells</a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
</li> | </li> | ||
− | <li><a href=" | + | <li class="active"><a href="#"><span class="fa fa-terminal"></span> Software</a></li> |
− | <li class="panel panel-default dropdown" id=" | + | <li class="panel panel-default dropdown" id="project-menu"> |
<a data-toggle="collapse" href="#dropdown-achievements"> | <a data-toggle="collapse" href="#dropdown-achievements"> | ||
<span class="fa fa-trophy"></span> Achievements <span class="caret"></span> | <span class="fa fa-trophy"></span> Achievements <span class="caret"></span> | ||
</a> | </a> | ||
+ | |||
+ | <!-- Dropdown level 1 --> | ||
<div id="dropdown-achievements" class="panel-collapse collapse"> | <div id="dropdown-achievements" class="panel-collapse collapse"> | ||
<div class="panel-body"> | <div class="panel-body"> | ||
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
− | <li><a href=" | + | <li><a href="#">Results</a></li> |
− | <li><a href=" | + | <li><a href="#">Collaborations</a></li> |
− | <li><a href=" | + | <li><a href="#">Parts</a></li> |
− | <li><a href=" | + | <li><a href="#">Medal fulfillment</a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
</li> | </li> | ||
− | <li class="panel panel-default dropdown" id=" | + | <li class="panel panel-default dropdown" id="project-menu"> |
<a data-toggle="collapse" href="#dropdown-practices"> | <a data-toggle="collapse" href="#dropdown-practices"> | ||
<span class="fa fa-child"></span> Practices <span class="caret"></span> | <span class="fa fa-child"></span> Practices <span class="caret"></span> | ||
</a> | </a> | ||
+ | <!-- Dropdown level 1 --> | ||
<div id="dropdown-practices" class="panel-collapse collapse"> | <div id="dropdown-practices" class="panel-collapse collapse"> | ||
<div class="panel-body"> | <div class="panel-body"> | ||
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
− | <li><a href=" | + | <li><a href="#">Overview</a></li> |
− | <li><a href=" | + | <li><a href="#">History</a></li> |
− | <li><a href=" | + | <li><a href="#">Industry</a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
</li> | </li> | ||
− | <li class="panel panel-default dropdown" id=" | + | <li class="panel panel-default dropdown" id="project-menu"> |
<a data-toggle="collapse" href="#dropdown-nb"> | <a data-toggle="collapse" href="#dropdown-nb"> | ||
<span class="fa fa-book"></span> Notebook <span class="caret"></span> | <span class="fa fa-book"></span> Notebook <span class="caret"></span> | ||
</a> | </a> | ||
+ | <!-- Dropdown level 1 --> | ||
<div id="dropdown-nb" class="panel-collapse collapse"> | <div id="dropdown-nb" class="panel-collapse collapse"> | ||
<div class="panel-body"> | <div class="panel-body"> | ||
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
− | <li><a href=" | + | <li><a href="#">Day notes</a></li> |
− | <li><a href=" | + | <li><a href="#">Protocols</a></li> |
− | <li><a href=" | + | <li><a href="#">References</a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
Line 88: | Line 96: | ||
</li> | </li> | ||
<li class="panel panel-default dropdown" id="team-menu"> | <li class="panel panel-default dropdown" id="team-menu"> | ||
− | <a data-toggle="collapse" href="# | + | <a data-toggle="collapse" href="#dropdown2-lvl1"> |
<span class="fa fa-users"></span> Team <span class="caret"></span> | <span class="fa fa-users"></span> Team <span class="caret"></span> | ||
</a> | </a> | ||
− | <div id=" | + | |
+ | <!-- Dropdown level 1 --> | ||
+ | <div id="dropdown2-lvl1" class="panel-collapse collapse"> | ||
<div class="panel-body"> | <div class="panel-body"> | ||
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
− | <li><a href=" | + | <li><a href="#">Team members</a></li> |
− | <li><a href=" | + | <li><a href="#">Attributions</a></li> |
− | <li><a href=" | + | <li><a href="#">Acknowledgements</a></li> |
− | <li><a href=" | + | <li><a href="#">Media</a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
Line 105: | Line 115: | ||
</div><!-- /.navbar-collapse --> | </div><!-- /.navbar-collapse --> | ||
</nav> | </nav> | ||
− | |||
<!-- Navbar footer --> | <!-- Navbar footer --> | ||
− | |||
<div class="side-footer"> | <div class="side-footer"> | ||
<p class="text-center"> | <p class="text-center"> |
Revision as of 00:04, 31 August 2015