replace all w3-include

site/snippets/nav.php

@@ -1,25 +1,26 @@
-<header id="site-header">
-  <div class="header-left">
-    <div class="burger"><svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m22 16.75c0-.414-.336-.75-.75-.75h-18.5c-.414 0-.75.336-.75.75s.336.75.75.75h18.5c.414 0 .75-.336.75-.75zm0-5c0-.414-.336-.75-.75-.75h-18.5c-.414 0-.75.336-.75.75s.336.75.75.75h18.5c.414 0 .75-.336.75-.75zm0-5c0-.414-.336-.75-.75-.75h-18.5c-.414 0-.75.336-.75.75s.336.75.75.75h18.5c.414 0 .75-.336.75-.75z" fill-rule="nonzero"/></svg></div>
-  </div>
+<div id="site-menu">
+<p class="baseline">Index est une ONG d’investigation numérique au service du public,
+de la vérité et de la justice.</p>
 
-  <div class="header-center">
-    <h1 class="site-title">
-      <a href="/" aria-label="Retour à l’accueil" w3-include-html="/assets/index-logo.svg"></a>
-    </h1>
-    <nav>
-      <ul>
-        <li>Partie 1</li>
-        <li>Partie 2</li>
-        <li>Partie 3</li>
-      </ul>
-    </nav>
-  </div>
+<form aria-label="Formulaire de recherche">
+    <span class="icon"><?= svg('assets/icons/search.svg') ?></span>
+    <input type="text" id="search" class="input" placeholder="Rechercher">
+</form>
 
-  <div class="header-right">
-    <a href="#" id="go-to-panier">
-      <p>Panier</p>
-      <p id="go-to-panier__nbr">1</p>
-    </a>
-  </div>
-</header>
+
+<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>
+
+<?php snippet('socials') ?>
+</div>