Difference between revisions of "Template:Groningen/DemoMenu"

 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<!---------
+
<!---You can place your team's code here.-->
−
You can place your team's code here.
+
−
---------->
+
  
 
<!-- CSS Bootstrap-->
 
<!-- CSS Bootstrap-->
Line 24: Line 22:
 
       </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 31: Line 29:
 
           <!-- Logo iGEM Groningen 2021-->
 
           <!-- Logo iGEM Groningen 2021-->
 
           <a class="navbar-brand" href="https://2020.igem.org/Team:Toulouse_INSA-UPS">
 
           <a class="navbar-brand" href="https://2020.igem.org/Team:Toulouse_INSA-UPS">
−
             <img class="d-inline-block align-center" src="https://static.igem.org/mediawiki/2021/e/e0/T--Groningen--Logo2_transparent.png" width="70" height="50" 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...-->
 
−
              <li class="nav-item dropdown">
 
−
                <!-- ...Et les classes ci-dessous pour afficher et faire marcher ce bouton (petite flèche vers le bas) correctement-->
 
−
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
−
                  Team
 
−
                </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-->
+
              <!-- We add the "dropdown" class if we want a drop-down menu when we click-->
−
                <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-->
+
−
                  <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>
+
−
                  <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">
 
               <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
+
                <!-- ...And the classes below to display and make this button (little down arrow) work correctly -->
−
                </a>
+
 
−
                <!-- Sous-menu Project-->
+
                <!-- 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-->
 +
 
 +
                  <!-- The different items in this menu have for class "dropdown-item" in tags <a>-->
 +
 
 +
                <!-- Project submenu-->
 +
                <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>
 
                 <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://2021.igem.org/Team:Groningen/Description">Description</a>
−
                   <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Design">Design</a>
+
                   <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Engineering">Engineering</a>
−
                   <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Model">Modeling</a>
+
                   <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Model">Modeling</a>
−
                   <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Experiments">Experiments</a>
+
                   <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Experiments">Experiments</a>
−
                   <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Results">Results</a>
+
                   <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Notebook">Notebook</a>
−
                   <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Contribution">Contribution</a>
+
                   <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Results">Results</a>
−
                   <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Engineering">Engineering Success </a>
+
                   <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Contribution">Contribution</a>
−
                   <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Notebook">Notebook</a>
+
                   <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Implementation">Implementation</a>
 
                 </div>
 
                 </div>
 
               </li>
 
               </li>
 +
 +
                  <!-- Team submenu-->
 
               <li class="nav-item dropdown">
 
               <li class="nav-item dropdown">
−
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a>
−
                  Implementation
+
                  <div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown3">
−
                </a>
+
                   <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Team">Team members</a>
−
                <!-- Sous-menu Entrepreneurship-->
+
                   <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Attributions">Attributions</a>
−
                <div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown3">
+
                  <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Collaborations">Collaborations</a>
−
                   <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Implementation">Implementation</a>
+
                   <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Partnership">Partnership</a>
−
                   <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Sustainable">Sustainable Development Impact </a>
+
                  <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Sponsors">Sponsors</a>
−
                   <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Entrepreneurship">Supporting Entrepreneurship </a>
+
 
                 </div>
 
                 </div>
 
               </li>
 
               </li>
−
              <li class="nav-item">
+
 
−
                 <a class="nav-link" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Parts">Parts</a>
+
 
−
              </li>
+
                 <!--Outreach submenu-->
−
              <li class="nav-item dropdown">
+
                <li class="nav-item dropdown">
−
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Outreach</a>
−
                  Human Practices
+
−
                </a>
+
−
                <!-- Sous-menu Human Practices-->
+
 
                 <div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown4">
 
                 <div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown4">
−
                   <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Human_Practices">Overview</a>
+
                   <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Human_Practices">Human Practices</a>
−
                  <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Human_Practices#Integrated_Human_Practices">Integrated Human Practices </a>
+
                   <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Education">Education</a>
−
                   <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Education">Science Communication </a>
+
−
                  <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Contribution">Contribution</a>
+
 
                 </div>
 
                 </div>
 
               </li>
 
               </li>
 +
 
               <li class="nav-item">
 
               <li class="nav-item">
−
                     <a class="nav-link" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Safety">Safety</a>
+
                     <a class="nav-link" href="https://2021.igem.org/Team:Groningen/Safety">Safety</a>
 
               </li>
 
               </li>
−
              <li class="nav-item dropdown">
+
 
−
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown5" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">🏆
+
                <!--Parts submenu-->
−
                </a>
+
                <li class="nav-item dropdown">
−
                <!-- Sous-menu coupe-->
+
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown6" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Parts</a>
−
                 <div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown5">
+
                 <div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown6">
−
                    <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Achievements">Achievements</a>
+
                  <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Part_Collection">Part Collection</a>
−
                    <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Awards">Awards</a>
+
                  <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Parts">Parts</a>
−
                    <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Poster">Poster</a>
+
                  <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Improve">Improve</a>
−
                    <a class="dropdown-item" href="https://video.igem.org/videos/watch/02a9ba65-6ec1-4be7-b3e7-07cc5a3ff566" target="_blank">Promotion video</a> 
+
−
                    <a class="dropdown-item" href="https://video.igem.org/videos/watch/0195342d-4c1d-4908-ae87-328fbcbbbc22" target="_blank">Presentation video</a>          
+
 
                 </div>
 
                 </div>
 
               </li>
 
               </li>
  
−
               <!-- Si on souhaite une séparation physique entre deux items:
+
               <!-- If we want a physical separation between two items:  
 
               <div class="dropdown-divider"></div> -->
 
               <div class="dropdown-divider"></div> -->
 
             </ul>
 
             </ul>
Line 127: Line 113:
 
         </nav>
 
         </nav>
 
       </div>
 
       </div>
−
       <!-- FIN DU MENU-->
+
       <!-- END OF MENU-->
  
 
<!-- rocket - top of the page-->
 
<!-- rocket - top of the page-->

Latest revision as of 15:31, 16 August 2021