Difference between revisions of "Template:Groningen/DemoMenu"

Line 24: Line 24:
 
       </div>
 
       </div>
  
       <!-- DÉBUT MENU-->
+
       <!-- 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>
  
           <!-- Bouton présent quand la navbar n'est pas étendue. Il appelle le contenu -->
+
           <!-- 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">
  
             <!-- Ce qui permet d'afficher l'icône du bouton-->
+
             <!-- This displays the button icon-->
 
             <span class="navbar-toggler-icon"></span>
 
             <span class="navbar-toggler-icon"></span>
 
           </button>
 
           </button>
  
           <!-- Le contenu à proprement parler de la navbar-->
+
           <!-- The actual content of the navbar-->
 
           <div class="collapse navbar-collapse" id="navbarSupportedContent">
 
           <div class="collapse navbar-collapse" id="navbarSupportedContent">
             <!-- On commence à lister les onglets sous ce <ul> en faisant des <li>-->
+
 
 +
             <!-- 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://2020.igem.org/Team:Toulouse_INSA-UPS">Home</a>
+
                 <a class="nav-link" href="https://2021.igem.org/Team:Groningen">Home</a>
 
               </li>
 
               </li>
               <!-- On rajoute la classe "dropdown" si on souhaite un menu déroulant lorsqu'on clique...-->
+
 
 +
               <!-- 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">
                 <!-- ...Et les classes ci-dessous pour afficher et faire marcher ce bouton (petite flèche vers le bas) correctement-->
+
 
 +
                 <!-- ...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>
  
                 <!-- Ce qui s'affiche dans le menu déroulant est mis dans ce div avec la classe "dropdown-menu" et un label pour identifier quel menu déroulant à afficher-->
+
                 <!-- 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">
                   <!-- Les différents items dans ce menu ont pour classe "dropdown-item" dans des balises <a>-->
+
 
                  <!-- Sous-menu Team-->
+
                   <!-- The different items in this menu have for class "dropdown-item" in tags <a>-->
                  <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Team">Team members</a>
+
 
                  <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Attributions">Attributions</a>
+
                 <!-- Project submenu-->
                  <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Collaborations">Collaborations</a>
+
                  <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/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 Project-->
+
 
                 <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