Line 1: | Line 1: | ||
<html> | <html> | ||
<!--Here goes the menu--> | <!--Here goes the menu--> | ||
− | + | <div id="MENU" class="shadow-lg sticky-top"> | |
− | + | ||
− | + | <!--The main bar of the navbar. Goal : Access link to different pages--> | |
− | + | <nav class="navbar navbar-expand-lg navbar-dark bg-dark shadow"> | |
− | + | <!--Logo and name--> | |
− | + | <a class="navbar-brand" href="template_home.html"> | |
− | + | <img src="img/T--Toulouse-INSA-UPS--All--Yohann--TeamLogo.png" class="img_team_logo_white" alt=""/> | |
− | + | Toulouse INSA-UPS | |
− | + | </a> | |
− | + | <!--Toggle Button--> | |
− | + | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbarNavAll"> | |
− | + | <span class="navbar-toggler-icon"></span> | |
− | + | </button> | |
− | + | <!--Links--> | |
− | + | <div class="collapse navbar-collapse flex-row-reverse navbarNavAll"> | |
− | + | <ul class="navbar-nav"> | |
+ | <!--TEAM--> | ||
<li class="nav-item active dropdown"> | <li class="nav-item active dropdown"> | ||
<a class="nav-link" href="#" id="navbarProject" data-toggle="dropdown">TEAM</a> | <a class="nav-link" href="#" id="navbarProject" data-toggle="dropdown">TEAM</a> | ||
− | <div class="dropdown-menu dropdown-menu-right" | + | <div class="dropdown-menu dropdown-menu-right"> |
+ | <!--Mettre les liens absolus--> | ||
<a class="dropdown-item" href="">Team Members</a> | <a class="dropdown-item" href="">Team Members</a> | ||
<a class="dropdown-item" href="">Collaborations</a> | <a class="dropdown-item" href="">Collaborations</a> | ||
+ | <a class="dropdown-item" href="">Sponsors</a> | ||
</div> | </div> | ||
</li> | </li> | ||
Line 27: | Line 30: | ||
<li class="nav-item active dropdown"> | <li class="nav-item active dropdown"> | ||
<a class="nav-link" href="#" id="navbarProduct" data-toggle="dropdown">PROJECT</a> | <a class="nav-link" href="#" id="navbarProduct" data-toggle="dropdown">PROJECT</a> | ||
− | <div class="dropdown-menu dropdown-menu-right" | + | <div class="dropdown-menu dropdown-menu-right"> |
+ | <!--Mettre les liens absolus--> | ||
<a class="dropdown-item" href="#">Description</a> | <a class="dropdown-item" href="#">Description</a> | ||
<a class="dropdown-item" href="#">Design</a> | <a class="dropdown-item" href="#">Design</a> | ||
Line 44: | Line 48: | ||
<!--PARTS--> | <!--PARTS--> | ||
<li class="nav-item active dropdown"> | <li class="nav-item active dropdown"> | ||
+ | <!--Mettre les liens absolus--> | ||
<a class="nav-link" href="#" id="navbarHumanPole" data-toggle="dropdown">PARTS</a> | <a class="nav-link" href="#" id="navbarHumanPole" data-toggle="dropdown">PARTS</a> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</li> | </li> | ||
<!--SAFETY--> | <!--SAFETY--> | ||
<li class="nav-item active dropdown"> | <li class="nav-item active dropdown"> | ||
+ | <!--Mettre les liens absolus--> | ||
<a class="nav-link" href="" id="navbarParts" data-toggle="dropdown">SAFETY</a> | <a class="nav-link" href="" id="navbarParts" data-toggle="dropdown">SAFETY</a> | ||
</li> | </li> | ||
<!--HUMAN_PRACTICES--> | <!--HUMAN_PRACTICES--> | ||
<li class="nav-item active dropdown"> | <li class="nav-item active dropdown"> | ||
− | <a class="nav-link" href="#" id=" | + | <a class="nav-link" href="#" id="navbarHP" data-toggle="dropdown">HUMAN PRACTICES</a> |
− | <div class="dropdown-menu dropdown-menu-right" | + | <div class="dropdown-menu dropdown-menu-right"> |
+ | <!--Mettre les liens absolus--> | ||
<a class="dropdown-item" href="#">Human Practices</a> | <a class="dropdown-item" href="#">Human Practices</a> | ||
<a class="dropdown-item" href="#">Education & Engagement</a> | <a class="dropdown-item" href="#">Education & Engagement</a> | ||
Line 67: | Line 67: | ||
<li class="nav-item active dropdown"> | <li class="nav-item active dropdown"> | ||
− | <a class="nav-link" href="#" id=" | + | <a class="nav-link" href="#" id="navbarAwards" data-toggle="dropdown">AWARDS</a> |
− | <div class="dropdown-menu dropdown-menu-right" | + | <div class="dropdown-menu dropdown-menu-right"> |
+ | <!--Mettre les liens absolus--> | ||
+ | <a class="dropdown-item" href="#">Achievements</a> | ||
+ | <hr/> | ||
<a class="dropdown-item" href="#">Applied Design</a> | <a class="dropdown-item" href="#">Applied Design</a> | ||
<a class="dropdown-item" href="#">Basic Parts</a> | <a class="dropdown-item" href="#">Basic Parts</a> | ||
Line 75: | Line 78: | ||
<a class="dropdown-item" href="#">Entrepreneurship</a> | <a class="dropdown-item" href="#">Entrepreneurship</a> | ||
<a class="dropdown-item" href="#">Human Practices</a> | <a class="dropdown-item" href="#">Human Practices</a> | ||
− | |||
<a class="dropdown-item" href="#">Model</a> | <a class="dropdown-item" href="#">Model</a> | ||
<a class="dropdown-item" href="#">Part Collection</a> | <a class="dropdown-item" href="#">Part Collection</a> | ||
</div> | </div> | ||
</li> | </li> | ||
− | + | </ul> | |
− | + | </div> | |
− | + | </nav> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 09:20, 3 September 2018