Line 24: | Line 24: | ||
<!-- THE NAVBAR --> | <!-- THE NAVBAR --> | ||
<header> | <header> | ||
− | + | <div class="row" id="navbar"> | |
+ | <div class="col-sm-2"></div> | ||
+ | <div class="col-sm-8"> | ||
+ | <div class="row"> | ||
+ | |||
+ | <ul class="nav nav-tabs"> | ||
+ | <li id="navbarPresentation" class="active"><a data-toggle="tab" href="#menu1">Presentation</a></li> | ||
+ | <li id="navbarIntroduction"><a data-toggle="tab" href="#menu2">Introduction</a> | ||
+ | <li id="navbarProject"><a data-toggle="tab" href="#menu3">Project & Results</a></li> | ||
+ | <li id="navbarParts"><a data-toggle="tab" href="#menu4">Parts & Results</a></li> | ||
+ | <li id="navbarPractices"><a data-toggle="tab" href="#menu5">Practices</a></li> | ||
+ | <li id="navbarProspects"><a data-toggle="tab" href="#menu6">Prospects</a></li> | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | <div class="tab-content"> | ||
+ | |||
+ | |||
+ | <div id="menu1" class="tab-pane fade in active"> | ||
+ | <nav class="navbar-nav"> | ||
+ | <a class="nav-item nav-link" href="#Presentation"><h5>Opening</h5></a> | ||
+ | <a class="nav-item nav-link" href="#Team"><h5>Team</h5></a> | ||
+ | <a class="nav-item nav-link" href="#Attributions"><h5>Attributions</h5></a> | ||
+ | <a class="nav-item nav-link" href="#Collaborations"><h5>Collaborations</h5></a> | ||
+ | <a class="nav-item nav-link" href="#Achievements"><h5>Achievements</h5></a> | ||
+ | </nav> | ||
+ | </div> | ||
+ | |||
+ | <div id="menu2" class="tab-pane fade"> | ||
+ | <nav class="navbar-nav"> | ||
+ | <a class="nav-item nav-link" href="#Introduction"><h5>Opening</h5></a> | ||
+ | <a class="nav-item nav-link" href="#Description"><h5>Description</h5></a> | ||
+ | <a class="nav-item nav-link" href="#Outreach"><h5>Outreach</h5></a> | ||
+ | </nav> | ||
+ | </div> | ||
+ | |||
+ | <div id="menu3" class="tab-pane fade"> | ||
+ | <nav class="navbar-nav"> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Opening</h5></a> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Project Design</h5></a> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Modelling</h5></a> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Experiments</h5></a> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Demonstration & Results</h5></a> | ||
+ | </nav> | ||
+ | </div> | ||
+ | |||
+ | <div id="menu4" class="tab-pane fade"> | ||
+ | <nav class="navbar-nav"> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Opening</h5></a> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Parts</h5></a> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Notebook</h5></a> | ||
+ | <a class="nav-item nav-link" href="#"><h5>SOPs and Protocols</h5></a> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Labsafety</h5></a> | ||
+ | </nav> | ||
+ | </div> | ||
+ | |||
+ | <div id="menu5" class="tab-pane fade"> | ||
+ | <nav class="navbar-nav"> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Opening</h5></a> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Bioethics</h5></a> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Integrated Practices</h5></a> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Outreach</h5></a> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Events</h5></a> | ||
+ | </nav> | ||
+ | </div> | ||
+ | |||
+ | <div id="menu6" class="tab-pane fade"> | ||
+ | <nav class="navbar-nav"> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Opening</h5></a> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Perspectives</h5></a> | ||
+ | <a class="nav-item nav-link" href="#"><h5>To future iGEM teams</h5></a> | ||
+ | <a class="nav-item nav-link" href="#"><h5>Final words</h5></a> | ||
+ | </nav> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
</header> | </header> | ||
Revision as of 10:18, 15 August 2017