From 01c624da1fbe76dd8aab95f46a125a8f14b41bf5 Mon Sep 17 00:00:00 2001
From: Koloina Rabemanantsoa <rabemana@insa-toulouse.fr>
Date: Mon, 12 Jun 2023 12:14:15 +0000
Subject: [PATCH] Update 3 files

- /wiki/menu2.html
- /wiki/menu.html
- /wiki/footer.html
---
 wiki/footer.html | 113 ++++++++++++++++++++++++++++++------------
 wiki/menu.html   | 117 ++++++++++++++++++++++++++++++--------------
 wiki/menu2.html  | 125 +++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 288 insertions(+), 67 deletions(-)
 create mode 100644 wiki/menu2.html

diff --git a/wiki/footer.html b/wiki/footer.html
index 808210de..a121ccc8 100644
--- a/wiki/footer.html
+++ b/wiki/footer.html
@@ -1,35 +1,88 @@
-<footer class="pt-5 pb-5 footer py-5 mt-5 bg-dark text-white">
-  <div class="container">
-    <div class="row mb-4">
-      <div class="col-lg-6 col-xs-12">
-        <h4 class="mb-3">Heading</h4>
-        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac ante mollis quam tristique convallis</p>
-      </div>
-      <div class="col-lg-3 col-xs-12">
-        <h4 class="mt-lg-0 mt-sm-3">Links</h4>
-          <ul class="m-2 p-2">
-            <li><a href="#">Lorem ipsum</a></li>
-            <li><a href="#">Nam mauris velit</a></li>
-            <li><a href="#">Etiam vitae mauris</a></li>
-            <li><a href="#">Fusce scelerisque</a></li>
-            <li><a href="#">Sed faucibus</a></li>
-            <li><a href="#">Mauris efficitur nulla</a></li>
-          </ul>
-      </div>
-      <div class="col-lg-3 col-xs-12">
-        <h4 class="mt-lg-0 mt-sm-4 mb-3">Contact</h4>
-        <p>22, Lorem ipsum dolor, consectetur adipiscing</p>
-        <p class="mb-0">(541) 754-3010</p>
-        <p>info@hsdf.com</p>
+<footer class="pt-5 pb-5 footer py-5 bg-dark text-white">
+  <div class="row d-flex align-items-center justify-content-center">
+    <div class="col-sm-6 col-md-3">
+      <img src="https://static.igem.wiki/teams/4197/wiki/logo.svg" alt="" class="logo">
+      <div class="ctn-rs">
+          <a href="https://www.facebook.com/igemtoulouse2021/" target="_blank"><img src="https://static.igem.wiki/teams/4197/wiki/footer/facebook.svg" alt="Page Facebook iGEM 2022"></a>
+          <a href="https://instagram.com/igem.toulouse?igshid=YmMyMTA2M2Y=" target="_blank"><img src="https://static.igem.wiki/teams/4197/wiki/footer/instagram.svg" alt="Page Instagram iGEM 2022"></a>
+          <a href="https://www.linkedin.com/company/igem-insa-ups-toulouse/" target="_blank"><img src="https://static.igem.wiki/teams/4197/wiki/footer/linkedin.svg" alt="Page Linkedin iGEM 2022"></a>
+          <a href="https://twitter.com/iGEM_Toulouse" target="_blank"><img src="https://static.igem.wiki/teams/4197/wiki/footer/twitter.svg" alt="Page Twitter iGEM 2022"></a>
+          <a href="mailto:igem.toulouse@gmail.com"><img class="lettre" src="https://static.igem.wiki/teams/4197/wiki/footer/lettre.svg" alt="Mail iGEM 2022"></a>
       </div>
     </div>
-    <hr>
-    <!-- The following MUST be on every page: license information and link to the repository on gitlab.igem.org -->
-    <div class="row mt-4">
-      <div class="col">
-        <p class="mb-0"><small>© 2023 - Content on this site is licensed under a <a class="subfoot" href="https://creativecommons.org/licenses/by/4.0/" rel="license">Creative Commons Attribution 4.0 International license</a>.</small></p>
-	      <p><small>The repository used to create this website is available at <a href="https://gitlab.igem.org/2023/toulouse-insa-ups">gitlab.igem.org/2023/toulouse-insa-ups</a>.</small></p>
-      </div>
+
+
+    <div class="col-sm-6 col-md-3">
+      <ul>
+        <li><a href="{{ url_for('index') }}">Home</a></li>
+        <li><a href="{{ url_for('pages', page='description') }}">Description</a></li>
+        <li><a href="{{ url_for('pages', page='design') }}">Design</a></li>
+        <li><a href="{{ url_for('pages', page='materials') }}">Materials</a></li>
+        <li><a href="{{ url_for('pages', page='protocols') }}">Protocols</a></li>
+        <li><a href="{{ url_for('pages', page='safety') }}">Safety</a></li>
+        <li><a href="{{ url_for('pages', page='parts') }}">Parts</a></li>
+        <li><a href="{{ url_for('pages', page='model') }}">Modeling</a></li>
+        <li><a href="{{ url_for('pages', page='results') }}">Results</a></li>
+      </ul>
+    </div>
+
+
+    <div class="col-sm-6 col-md-3">
+      <ul>
+        <!--<li><a href="{{ url_for('pages', page='engineering-success') }}">Engineering Success</a></li>-->
+        <li><a href="{{ url_for('pages', page='engineering') }}">Engineering Success</a></li>
+        <!--<li><a href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>-->
+        <li><a href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
+        <!--<li><a href="{{ url_for('pages', page='overview') }}">Overview</a></li>-->
+        <li><a href="{{ url_for('pages', page='implementation') }}">Implementation</a></li>
+        <li><a href="{{ url_for('pages', page='supporting-entrepreneurship') }}">Supporting entrepreneurship</a></li>
+        <li><a href="{{ url_for('pages', page='sustainable') }}">Sustainability</a></li>
+        <li><a href="{{ url_for('pages', page='human-practices') }}">Integrated Human Practices</a></li>
+        <!--<li><a href="{{ url_for('pages', page='integrated-human-practices') }}">Integrated Human Practices</a></li>-->
+       </ul>
+    </div>
+
+
+    <div class="col-sm-6 col-md-3">
+      <ul>
+        <li><a href="{{ url_for('pages', page='education') }}">Education and Communication</a></li>
+        <li><a href="{{ url_for('pages', page='team') }}">Team Members</a></li>
+        <li><a href="{{ url_for('pages', page='attributions') }}">Attributions</a></li>
+        <li><a href="{{ url_for('pages', page='collaborations') }}">Collaborations</a></li>
+        <li><a href="{{ url_for('pages', page='partnership') }}">Partnership</a></li>
+        <li><a href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
+        <li><a href="{{ url_for('pages', page='achievements') }}">Achievements</a></li>
+        <!--<li><a href="{{ url_for('pages', page='promotion') }}">Promotion video</a></li>-->
+        <!--<li><a href="{{ url_for('pages', page='presentation') }}">Presentation video</a></li>-->
+      </ul>
+    </div>
+  </div>
+
+
+
+  <hr>
+
+  <div class="row ctn-sponsors d-flex justify-content-center align-items-center">
+    <a class="addiseo" href="https://www.adisseo.com/" target="_blank"><img src="https://static.igem.wiki/teams/4197/wiki/footer/sponsors/adisseo.png" alt="Adisseo"></a>
+    <a href="https://cbi-toulouse.fr/eng/" target="_blank"><img src="https://static.igem.wiki/teams/4197/wiki/footer/sponsors/cbi.png" alt="CBI"></a>
+    <a href="https://fondation.insa-toulouse.fr/fr/index.html" target="_blank"><img src="https://static.igem.wiki/teams/4197/wiki/footer/sponsors/fondation-insa.png" alt="INSA"></a>
+    <a href="https://www.fsi.univ-tlse3.fr/la-fsi" target="_blank"><img src="https://static.igem.wiki/teams/4197/wiki/footer/sponsors/fsi.jpg" alt="FSI"></a>
+    <a class="ipbs" href="https://www.ipbs.fr/fr" target="_blank"><img src="https://static.igem.wiki/teams/4197/wiki/footer/sponsors/ipbs-logo-carre-rvb.png" alt="IPBS"></a>
+    <a class="tbi" href="https://www.toulouse-biotechnology-institute.fr/en/" target="_blank"><img src="https://static.igem.wiki/teams/4197/wiki/footer/sponsors/tbi.png" alt="TBI"></a>
+    <a class="twb" href="https://www.toulouse-white-biotechnology.com/en/" target="_blank"><img src="https://static.igem.wiki/teams/4197/wiki/footer/sponsors/twb.png" alt="TWB"></a>
+    <a class="paul" href="https://www.univ-tlse3.fr/" target="_blank"><img src="https://static.igem.wiki/teams/4197/wiki/footer/ups-fin.png" alt="UPS"></a>
+    <a class="paul" href="https://fondation-catalyses.fr/" target="_blank"><img src="https://static.igem.wiki/teams/4197/wiki/footer/fond-cata.png" alt="Fondation Catalyse"></a>
+    <a href="https://www.allergobox.com/" target="_blank"><img src="https://static.igem.wiki/teams/4197/wiki/footer/sponsors/allergobox.jpg" alt="Allergobox"></a>
+
+  </div>
+
+  <!-- The following MUST be on every page: license information and link to the repository on gitlab.igem.org -->
+  <div class="container">  
+  <div class="row">
+    <div class="col-sm-12 center">
+      <p><small>© 2022 - Content on this site is licensed under a <a class="subfoot" href="https://creativecommons.org/licenses/by/4.0/" rel="license">Creative Commons Attribution 4.0 International license</a>.</small></p>
+      <p><small>The repository used to create this website is available at <a href="https://gitlab.igem.org/2022/toulouse-insa-ups">gitlab.igem.org/2022/toulouse-insa-ups</a>.</small></p>
     </div>
   </div>
+</div>
 </footer>
diff --git a/wiki/menu.html b/wiki/menu.html
index 453ff47e..068ee4d8 100644
--- a/wiki/menu.html
+++ b/wiki/menu.html
@@ -1,77 +1,120 @@
-<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-  <div class="container">
+<div class="navigation-wrap start-header start-style">
 
-    <!---- TEAM NAME ---->
-    <a class="navbar-brand" href="#">Toulouse-INSA-UPS</a>
+  <nav class="navbar navbar-expand-xl navbar-light fixed-top" id="navbar">
 
-    <!---- SMALL SCREEN MENU ICON ---->
+      <!---- TEAM NAME --->
+      <!---- TEAM NAME --->
+      <a class="navbar-brand justify-content-start align-items-center" href="{{ url_for('index') }}"><img src="https://static.igem.wiki/teams/4768/wiki/logo/thick-logo-svg.ico" class="white-logo" alt="" class="logo"><span class="toulouse"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Toulouse INSA-UPS</span></span></a>	
+
+          <!---- SMALL SCREEN MENU ICON ---->
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>
 
-    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <div class="collapse navbar-collapse d-flex flex-row-reverse bd-highlight" id="navbarSupportedContent">
       <ul class="navbar-nav ml-auto left-aligned">
 
         <!---- HOME ---->
         <li class="nav-item">
-          <a class="nav-link" href="{{ url_for('home') }}">Home</a>
+          <a class="nav-link" href="{{ url_for('index') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Home</span></a>
         </li>
 
-        <!---- TEAM ---->
+        <!---- PROJECT ---->
         <li class="nav-item dropdown">
-          <a class="nav-link dropdown-toggle" href="{{ url_for('pages', page='team') }}" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-            Team
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            <span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Project</span>
           </a>
           <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}">Team</a></li>
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}">Attributions</a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Description</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='design') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Design</span></a></li>
           </ul>
         </li>
 
-        <!---- PROJECT ---->
         <li class="nav-item dropdown">
           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-            Project
+            <span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Methods</span>
           </a>
           <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}">Description</a></li>
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='experiments') }}">Experiments</a></li>
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}">Notebook</a></li>
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='results') }}">Results</a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='materials') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Materials</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='protocols') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Protocols</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Safety</span></a></li>
           </ul>
         </li>
 
-        <!---- SAFETY ---->
         <li class="nav-item">
-          <a class="nav-link" href="{{ url_for('pages', page='safety') }}">Safety</a>
+          <a class="nav-link" href="{{ url_for('pages', page='parts') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Parts</span></a>
         </li>
 
-        <!---- HUMAN PRACTICES ---->
-        <li class="nav-item">
-          <a class="nav-link" href="{{ url_for('pages', page='human-practices') }}">Human Practices</a>
+        <!---- Results ---->
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            <span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Results</span>
+          </a>
+          <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='modeling') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Modeling</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='results') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Results</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering-success') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Engineering Success</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Engineering</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Proof of Concept</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Notebook</span></a></li>
+
+          </ul>
         </li>
 
-        <!---- AWARDS ---->
+        <!---- Entrepreneurship ---->
         <li class="nav-item dropdown">
           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-            Awards
+            <span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Entrepreneurship</span>
           </a>
           <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}">Education</a></li>
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='entrepreneurship') }}">Entrepreneurship</a></li>
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='hardware') }}">Hardware</a></li>
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='measurement') }}">Measurement</a></li>
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}">Model</a></li>
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='plant') }}">Plant</a></li>
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='software') }}">Software</a></li>
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='overview') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Overview</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Implementation</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='supporting-entrepreneurship') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Supporting entrepreneurship</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='Sustainability') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Sustainability</span></a></li>
+
+          </ul>
+        </li>
+
+        <!---- Human practice ---->
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            <span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Human Practices</span>
+          </a>
+          <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='integrated-human-practices') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Integrated Human Practices</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='education-and-communication') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Education and Communication</span></a></li>
+
+          </ul>
+        </li>
+
+        <!---- Team ---->
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            <span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Team</span>
+          </a>
+          <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Team Members</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Attributions</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Collaborations</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Partnership</span></a></li>
+          </ul>
+        </li>
+
+        <!---- Achievements ---->
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            <span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Achievements</span>
+          </a>
+          <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Contribution</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='achievements') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Achievements</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='promotion') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Promotion video</span></a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='presentation') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Presentation video</span></a></li>
           </ul>
         </li>
 
       </ul>
     </div>
-  </div>
 </nav>
+
+</div>
\ No newline at end of file
diff --git a/wiki/menu2.html b/wiki/menu2.html
new file mode 100644
index 00000000..0b8898e2
--- /dev/null
+++ b/wiki/menu2.html
@@ -0,0 +1,125 @@
+
+ <!---- <div id="banner-container" class="px-0">
+    <img src="https://static.igem.wiki/teams/4197/wiki/design/banierre/banniere-v1.png" id="banner"
+        alt="" />
+</div> --->
+
+<div class="navigation-wrap start-header start-style">
+
+    <nav class="navbar navbar-expand-xl navbar-light fixed-top">
+
+        <!---- TEAM NAME --->
+        <!---- TEAM NAME --->
+        <a class="navbar-brand justify-content-start align-items-center" href="{{ url_for('index') }}"><img src="https://static.igem.wiki/teams/4768/wiki/logo/thick-logo-svg.ico" alt="" class="logo"><span class="toulouse"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Toulouse INSA-UPS</span></span></a>	
+
+        <!---- SMALL SCREEN MENU ICON ---->
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+        <div class="collapse navbar-collapse flex-row-reverse bd-highlight" id="navbarSupportedContent">
+        <ul class="navbar-nav ml-auto left-aligned">
+
+            <!---- HOME ---->
+            <li class="nav-item">
+            <a class="nav-link" href="{{ url_for('index') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Home</span></a>
+            </li>
+
+            <!---- PROJECT ---->
+            <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                <span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Project</span>
+            </a>
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='description') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Description</span></a></li>
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='design') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Design</span></a></li>
+            </ul>
+            </li>
+
+            <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                <span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Methods</span>
+            </a>
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='materials') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Materials</span></a></li>
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='protocols') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Protocols</span></a></li>
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='safety') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Safety</span></a></li>
+            </ul>
+            </li>
+
+            <li class="nav-item">
+            <a class="nav-link" href="{{ url_for('pages', page='parts') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Parts</span></a>
+            </li>
+
+            <!---- Results ---->
+            <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                <span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Results</span>
+            </a>
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='results') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Results</span></a></li>
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='model') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Modeling</span></a></li>
+                <!--<li><a class="dropdown-item" href="{{ url_for('pages', page='engineering-success') }}">Engineering Success</a></li>-->
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='engineering') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Engineering Success</span></a></li>
+                <!--<li><a class="dropdown-item" href="{{ url_for('pages', page='proof-of-concept') }}">Proof of Concept</a></li>-->
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='notebook') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Notebook</span></a></li>
+
+            </ul>
+            </li>
+
+            <!---- Entrepreneurship ---->
+            <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                <span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Entrepreneurship</span>
+            </a>
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                <!--<li><a class="dropdown-item" href="{{ url_for('pages', page='overview') }}">Overview</a></li>-->
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='implementation') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Implementation</span></a></li>
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='entrepreneurship') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Supporting entrepreneurship</span></a></li>
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Sustainability</span></a></li>
+            </ul>
+            </li>
+
+            <!---- Human practice ---->
+            <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                <span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Human Practices</span>
+            </a>
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Integrated Human Practices</span></a></li>
+                <!--<li><a class="dropdown-item" href="{{ url_for('pages', page='integrated-human-practices') }}">Integrated Human Practices</a></li>-->
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='education') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Education and Communication</span></a></li>
+                <!--<li><a class="dropdown-item" href="{{ url_for('pages', page='communication') }}">Education and Communication</a></li>-->
+            </ul>
+            </li>
+
+            <!---- Team ---->
+            <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                <span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Team</span>
+            </a>
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='team') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Team Members</span></a></li>
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='attributions') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Attributions</span></a></li>
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='collaborations') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Collaborations</span></a></li>
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='partnership') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Partnership</span></a></li>
+            </ul>
+            </li>
+
+            <!---- Achievements ---->
+            <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                <span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Achievements</span>
+            </a>
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='contribution') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Contribution</span></a></li>
+                <li><a class="dropdown-item" href="{{ url_for('pages', page='achievements') }}"><span style="font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif">Achievements</span></a></li>
+                <!--<li><a class="dropdown-item" href="{{ url_for('pages', page='promotion') }}">Promotion video</a></li>-->
+            </ul>
+            </li>
+
+        </ul>
+        </div>
+    </nav>
+
+</div>
-- 
GitLab