Line 24: | Line 24: | ||
</div> | </div> | ||
− | <!-- | + | <!-- Start MENU--> |
<div id="Menu-wrapper" class="shadow-lg dark-md mt-n3 pt-3 sticky-top"> | <div id="Menu-wrapper" class="shadow-lg dark-md mt-n3 pt-3 sticky-top"> | ||
<!-- Ici commence la navbar à proprement parler. le "navbar-expand-md" permet de contrôler à quel breakpoint la navbar est entièrement affichée ou remplacée par le bouton--> | <!-- Ici commence la navbar à proprement parler. le "navbar-expand-md" permet de contrôler à quel breakpoint la navbar est entièrement affichée ou remplacée par le bouton--> | ||
Line 33: | Line 33: | ||
<img class="d-inline-block align-center" src="https://static.igem.org/mediawiki/2021/e/e0/T--Groningen--Logo2_transparent.png" width="72" height="62" alt="" /> iGEM Groningen 2021</a> | <img class="d-inline-block align-center" src="https://static.igem.org/mediawiki/2021/e/e0/T--Groningen--Logo2_transparent.png" width="72" height="62" alt="" /> iGEM Groningen 2021</a> | ||
− | <!-- | + | <!-- Button present when the navbar is not extended. He calls the content --> |
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | ||
− | <!-- | + | <!-- This displays the button icon--> |
<span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||
</button> | </button> | ||
− | <!-- | + | <!-- The actual content of the navbar--> |
<div class="collapse navbar-collapse" id="navbarSupportedContent"> | <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
− | <!-- | + | |
+ | <!-- We start to list the tabs under this <ul> by doing <li>--> | ||
<ul class="navbar-nav ml-auto"> | <ul class="navbar-nav ml-auto"> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
− | <a class="nav-link" href="https:// | + | <a class="nav-link" href="https://2021.igem.org/Team:Groningen">Home</a> |
</li> | </li> | ||
− | <!-- | + | |
+ | <!-- We add the "dropdown" class if we want a drop-down menu when we click--> | ||
<li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||
− | <!-- ... | + | |
+ | <!-- ...And the classes below to display and make this button (little down arrow) work correctly --> | ||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
Team | Team | ||
</a> | </a> | ||
− | <!-- | + | <!-- What is displayed in the dropdown menu is put in this div with the "dropdown-menu" class and a label to identify which dropdown menu to display--> |
<div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown1"> | <div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown1"> | ||
− | <!-- | + | |
− | + | <!-- The different items in this menu have for class "dropdown-item" in tags <a>--> | |
− | + | ||
− | + | <!-- Project submenu--> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <!-- | + | |
<div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown2"> | <div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown2"> | ||
<a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Description">Description</a> | <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Description">Description</a> | ||
Line 84: | Line 78: | ||
Implementation | Implementation | ||
</a> | </a> | ||
+ | |||
+ | <!-- Team submenu--> | ||
+ | <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Team">Team members</a> | ||
+ | <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Attributions">Attributions</a> | ||
+ | <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Collaborations">Collaborations</a> | ||
+ | <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Partnership">Partnership</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
+ | Project | ||
+ | </a> | ||
+ | |||
<!-- Sous-menu Entrepreneurship--> | <!-- Sous-menu Entrepreneurship--> | ||
<div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown3"> | <div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown3"> |
Revision as of 16:59, 15 August 2021