menu

components/site-footer.html

@@ -46,13 +46,7 @@
 
     <div class="footer__socials">
       <p>Suivez Index sur les réseaux sociaux</p>
-      <div class="container" w3-include-html="/components/socials.html">
-
-      </div>
-
-
-
-  
+      <div class="container" w3-include-html="/components/socials.html"></div>
     </div>
 
     <div class="footer__mentions">

components/site-header.html

@@ -13,13 +13,10 @@
     <ul>
         <li><a href="#">Enquêtes</a></li>
         <li><a href="#">Impact</a></li>
+        <li class="soutenir"><a targer="_blank" href="https://soutenir.index.ngo/">Soutenez-nous</a></li>
     </ul>
 </nav>
 
-<button id="btn--soutenir">
-    <a targer="_blank" href="https://soutenir.index.ngo/">Soutenez-nous</a>
-</button>
-
 
 
   

components/site-menu.html

@@ -0,0 +1,24 @@
+<p class="baseline">Index est une ONG d’investigation numérique au service du public,
+de la vérité et de la justice.</p>
+
+<form aria-label="Formulaire de recherche">
+    <span class="icon" w3-include-html="/assets/icons/search.svg"></span>
+    <input type="text" id="search" class="input" placeholder="Rechercher" w3-include-html="/icons/search.svg">
+</form>
+
+
+<nav>
+    <ul>
+        <li class="soutenir highlight"><a href="#">Soutenez-nous</a></li>
+        <li class="highlight"><a href="#">Enquêtes</a></li>
+        <li class="highlight"><a href="#">Impact</a></li>
+        <li><a href="#">Contact</a></li>
+        <li><a href="#">À propos</a></li>
+        <li><a href="#">Ressources</a></li>
+        <li><a href="#">Newsletter</a></li>
+        <li><a href="#">Mentions légales</a></li>
+
+    </ul>
+</nav>
+
+<div class="socials" w3-include-html="/components/socials.html"></div>