base

components/site-footer.html

@@ -0,0 +1,64 @@
+<div class="site-footer__container">
+    <div class="footer__newsletter">
+        <div class="logo" w3-include-html="/assets/index-logo.svg"></div>
+      <p>
+        Recevez les dernières enquêtes et actualités d’Index directement
+        dans votre boîte mail.
+      </p>
+      <p>Inscrivez-vous à la newsletter</p>
+
+      <form class="form__newsletter">
+        <input
+          type="email"
+          name="email"
+          placeholder="Votre adresse e-mail"
+          required
+        />
+        <button class="btn--bold" type="submit" aria-label="s’inscrire">
+          <span class="txt">S’inscrire</span>
+          <span class="icon">
+            <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="m14.523 18.787s4.501-4.505 6.255-6.26c.146-.146.219-.338.219-.53s-.073-.383-.219-.53c-1.753-1.754-6.255-6.258-6.255-6.258-.144-.145-.334-.217-.524-.217-.193 0-.385.074-.532.221-.293.292-.295.766-.004 1.056l4.978 4.978h-14.692c-.414 0-.75.336-.75.75s.336.75.75.75h14.692l-4.979 4.979c-.289.289-.286.762.006 1.054.148.148.341.222.533.222.19 0 .378-.072.522-.215z"
+                fill-rule="nonzero"
+              />
+            </svg>
+          </span>
+        </button>
+      </form>
+
+      <p class="p__small">
+        En vous inscrivant, vous acceptez les
+        <a target="_blank" href="https://www.index.ngo/mentions-legales/"
+          >conditions d’utilisation</a
+        >
+        d’Index qui vous informent notamment des droits dont vous disposez
+        sur vos données personnelles.
+      </p>
+    </div>
+
+    <div class="footer__socials">
+      <p>Suivez Index sur les réseaux sociaux</p>
+      <div class="container" w3-include-html="/components/socials.html">
+
+      </div>
+
+
+
+  
+    </div>
+
+    <div class="footer__mentions">
+      <p>
+        © 2025 Index Investigation |
+        <a target="_blank" href="https://www.index.ngo/mentions-legales/">Mentions légales</a>
+      </p>
+    </div>
+  </div>