Ajout boutons whatsapp et contact

2025-06-01 17:12:50 +02:00
parent b2634075c0
commit cc6ed8b4e6
6 changed files with 137 additions and 28 deletions
--- a/index.html
+++ b/index.html
@@ -176,7 +176,26 @@
                    WhatsApp
                </a>
            </div>
-        </section>
+            <section class="section-contact">
+                <div class="btn-container">
+                    <a href="contact.html" class="btn-contact">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
+                            viewBox="0 0 24 24">
+                            <path
+                                d="M21 8V7l-3 2-2-2-3 2-3-2-3 2-3-2v1l3 2v2l-3 2v1l3-2 3 2 3-2 3 2 3-2v-1l-3-2V10l3-2zm-4.5 2.5v2l-3 2-3-2v-2l3-2 3 2z" />
+                        </svg>
+                        Contact
+                    </a>
+                    <a href="https://wa.me/33650128904" target="_blank" class="btn-whatsapp">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
+                            viewBox="0 0 32 32">
+                            <path
+                                d="M16.003 3C9.37 3 3.998 8.373 3.998 15.007c0 2.646.77 5.086 2.092 7.154L3 29l7.05-2.053a12.897 12.897 0 005.953 1.512c6.633 0 12.004-5.372 12.004-12.005C28.007 8.373 22.636 3 16.003 3zm0 2c6.08 0 11.004 4.924 11.004 11.007 0 6.08-4.924 11.004-11.004 11.004a10.89 10.89 0 01-5.498-1.505l-.395-.232-4.157 1.21 1.193-4.083-.257-.418a10.962 10.962 0 01-1.39-5.976c0-6.083 4.924-11.007 11.004-11.007zm-2.063 5.76l-1.032-.02c-.278 0-.763.108-1.162.507-.398.398-1.523 1.489-1.523 3.63 0 2.14 1.56 4.208 1.777 4.493.216.285 3.04 4.84 7.54 6.413 3.727 1.298 3.994.857 4.72.785.725-.072 2.336-.95 2.67-1.866.333-.916.333-1.7.237-1.867-.096-.167-.352-.262-.73-.457-.378-.196-2.336-1.15-2.697-1.28-.36-.13-.622-.195-.885.196s-1.014 1.28-1.243 1.544c-.228.264-.457.296-.835.1-.378-.196-1.594-.587-3.04-1.875-1.122-.998-1.878-2.228-2.1-2.607-.228-.38-.024-.586.172-.77.175-.17.377-.444.565-.667.188-.223.25-.38.378-.632.127-.252.063-.474-.03-.67-.095-.196-.835-2.008-1.143-2.75-.298-.74-.6-.64-.837-.65z" />
+                        </svg>
+                        WhatsApp
+                    </a>
+                </div>
+            </section>
    </main>

    <!-- ===== PIED-DE-PAGE ===== -->