Difference between revisions of "Template:Groningen/DemoMenu"

Line 58: Line 58:
  
 
                 <!-- 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-->
 
                 <!-- 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="navbarDropdown3">
 
  
 
                   <!-- The different items in this menu have for class "dropdown-item" in tags <a>-->
 
                   <!-- The different items in this menu have for class "dropdown-item" in tags <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>
 
                  <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Sponsors">Sponsors</a>
 
                </div>
 
              </li>
 
              <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">
 
                  Project
 
                </a>
 
  
 
                 <!-- Project submenu-->
 
                 <!-- Project submenu-->
Line 86: Line 73:
 
                 </div>
 
                 </div>
 
               </li>
 
               </li>
 +
 +
                  <!-- Team submenu-->
 +
                  <div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown3">
 +
                  <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>
 +
                  <a class="dropdown-item" href="https://2021.igem.org/Team:Groningen/Sponsors">Sponsors</a>
 +
                </div>
 +
              </li>
 +
              <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">
 +
                  Project
 +
                </a>
  
 
                 <!--Communication submenu-->
 
                 <!--Communication submenu-->
Line 100: Line 101:
 
               </li>
 
               </li>
  
 +
              <!-- Awards submenu-->
 
               <li class="nav-item dropdown">
 
               <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">Awards</a>  
 
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown5" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Awards</a>  
 
                <!-- Awards submenu-->
 
 
                 <div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown5">
 
                 <div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown5">
 
                     <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Achievements">Achievements</a>
 
                     <a class="dropdown-item" href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Achievements">Achievements</a>
Line 113: Line 113:
 
               </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>

Revision as of 17:54, 15 August 2021