Difference between revisions of "Template:Toulouse-INSA-UPS/MENU"

Line 1: Line 1:
 
<html>
 
<html>
 
<!--Here goes the menu-->
 
<!--Here goes the menu-->
<div id="MENU" class="shadow-lg sticky-top">
+
<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">
+
<!--The main bar of the navbar. Goal : Access link to different pages-->
<!--Logo and name-->
+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark shadow">
<a class="navbar-brand" href="template_home.html">
+
<!--Logo and name-->
<img src="img/logo.png" class="img_logo" alt=""/>  
+
<a class="navbar-brand" href="template_home.html">
Cerberus
+
<img src="img/T--Toulouse-INSA-UPS--All--Yohann--TeamLogo.png" class="img_team_logo_white" alt=""/>  
</a>
+
Toulouse INSA-UPS
<!--Toggle Button-->
+
</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbarNavAll" aria-controls="navbarNavAll" aria-expanded="false" aria-label="Toggle navigation">
+
<!--Toggle Button-->
  <span class="navbar-toggler-icon"></span>
+
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbarNavAll">
</button>
+
    <span class="navbar-toggler-icon"></span>
<!--Links-->
+
  </button>
<div class="collapse navbar-collapse flex-row-reverse navbarNavAll">
+
<!--Links-->
  <ul class="navbar-nav">
+
<div class="collapse navbar-collapse flex-row-reverse navbarNavAll">
<!--TEAM-->
+
    <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" aria-labelledby="navbarProject">
+
<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" aria-labelledby="navbarProduct">
+
<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>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarHumanPole">
 
        <a class="dropdown-item" href="#">Parts Overview</a>
 
<hr/>
 
          <a class="dropdown-item" href="#">Basic Parts</a>
 
<a class="dropdown-item" href="#">Composite Parts</a>
 
<a class="dropdown-item" href="#">Part Collection</a>
 
        </div>
 
 
       </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="navbarMore" data-toggle="dropdown">HUMAN PRACTICES</a>
+
       <a class="nav-link" href="#" id="navbarHP" data-toggle="dropdown">HUMAN PRACTICES</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarMore">
+
<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="navbarMore" data-toggle="dropdown">AWARDS</a>
+
       <a class="nav-link" href="#" id="navbarAwards" data-toggle="dropdown">AWARDS</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarMore">
+
<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="#">Measurement</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>     
+
</ul>     
  </div>
+
  </div>
</nav>
+
</nav>
 
+
 
+
<script type="text/javascript" href="https://2018.igem.org/Template:Toulouse-INSA-UPS/JQ-JS"></script>
+
<script type="text/javascript" href="https://2018.igem.org/Template:Toulouse-INSA-UPS/BS-JS"></script>
+
 
+
 
+
  
 
</html>
 
</html>

Revision as of 09:20, 3 September 2018