Difference between revisions of "Template:Groningen/DemoMenu"
| Line 15: | Line 15: | ||
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Toulouse_INSA-UPS/JS_PERSO&action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Toulouse_INSA-UPS/JS_PERSO&action=raw&ctype=text/javascript"></script> | ||
| + | <!--Up button--> | ||
<div id="banner-container" class="container-fluid px-0"> | <div id="banner-container" class="container-fluid px-0"> | ||
<a><img src="https://static.igem.org/mediawiki/2021/f/f4/T--Groningen--Logo1_transparent.png" id="banner" class="rotate" alt=""/></a> | <a><img src="https://static.igem.org/mediawiki/2021/f/f4/T--Groningen--Logo1_transparent.png" id="banner" class="rotate" alt=""/></a> | ||
</div> | </div> | ||
| + | |||
<!-- DÉBUT MENU--> | <!-- DÉBUT 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--> | ||
<nav class="navbar navbar-expand-lg px-md-4 navbar-dark bg-dark shadow" id="navbar_up"> | <nav class="navbar navbar-expand-lg px-md-4 navbar-dark bg-dark shadow" id="navbar_up"> | ||
| + | |||
<!-- Logo iGEM Toulouse INSA-UPS 2020--> | <!-- Logo iGEM Toulouse INSA-UPS 2020--> | ||
<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/ | + | <img class="d-inline-block align-center" src="https://static.igem.org/mediawiki/2021/f/f4/T--Groningen--Logo1_transparent.png" width="50" height="50" alt="" /> Toulouse INSA-UPS |
</a> | </a> | ||
| + | |||
<!-- Bouton présent quand la navbar n'est pas étendue. Il appelle le contenu --> | <!-- Bouton présent quand la navbar n'est pas étendue. Il appelle le contenu --> | ||
<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"> | ||
| Line 31: | Line 35: | ||
<span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||
</button> | </button> | ||
| + | |||
<!-- Le contenu à proprement parler de la navbar--> | <!-- Le contenu à proprement parler de la navbar--> | ||
<div class="collapse navbar-collapse" id="navbarSupportedContent"> | <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| Line 44: | Line 49: | ||
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--> | <!-- 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--> | ||
<div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown1"> | <div class="dropdown dropdown-menu" aria-labelledby="navbarDropdown1"> | ||
Revision as of 14:40, 12 August 2021
