From 41d592596f3d6de6dfef8f08c06aeae96a9a208f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anthony=20Mah=C3=A9?= <anthony.mahe@dbschenker.com>
Date: Fri, 6 Jun 2025 14:28:01 +0200
Subject: [PATCH] Nouveau bouton form et contact

---
 assets/img/form.svg   |  67 ++++++++++++++++++++++++++++++++++++++++++
 assets/img/mobile.png | Bin 0 -> 5870 bytes
 class.css             |  31 +++++++------------
 index.html            |   6 ++--
 4 files changed, 79 insertions(+), 25 deletions(-)
 create mode 100644 assets/img/form.svg
 create mode 100644 assets/img/mobile.png

diff --git a/assets/img/form.svg b/assets/img/form.svg
new file mode 100644
index 0000000..3c0795c
--- /dev/null
+++ b/assets/img/form.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   fill="#000000"
+   height="800px"
+   width="800px"
+   version="1.1"
+   id="Capa_1"
+   viewBox="0 0 492.014 492.014"
+   xml:space="preserve"
+   sodipodi:docname="form.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs13" /><sodipodi:namedview
+   id="namedview11"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="true"
+   showgrid="false"
+   inkscape:zoom="0.5875"
+   inkscape:cx="399.14894"
+   inkscape:cy="399.14894"
+   inkscape:window-width="1296"
+   inkscape:window-height="704"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="XMLID_144_" />
+<g
+   id="XMLID_144_">
+	<path
+   id="XMLID_151_"
+   d="M339.277,459.566H34.922V32.446h304.354v105.873l32.446-32.447V16.223C371.723,7.264,364.458,0,355.5,0   H18.699C9.739,0,2.473,7.264,2.473,16.223v459.568c0,8.959,7.265,16.223,16.226,16.223H355.5c8.958,0,16.223-7.264,16.223-16.223   V297.268l-32.446,32.447V459.566z"
+   style="fill:#ffffff" />
+	<path
+   id="XMLID_150_"
+   d="M291.446,71.359H82.751c-6.843,0-12.396,5.553-12.396,12.398c0,6.844,5.553,12.397,12.396,12.397h208.694   c6.845,0,12.397-5.553,12.397-12.397C303.843,76.912,298.29,71.359,291.446,71.359z"
+   style="fill:#ffffff" />
+	<path
+   id="XMLID_149_"
+   d="M303.843,149.876c0-6.844-5.553-12.398-12.397-12.398H82.751c-6.843,0-12.396,5.554-12.396,12.398   c0,6.845,5.553,12.398,12.396,12.398h208.694C298.29,162.274,303.843,156.722,303.843,149.876z"
+   style="fill:#ffffff" />
+	<path
+   id="XMLID_148_"
+   d="M274.004,203.6H82.751c-6.843,0-12.396,5.554-12.396,12.398c0,6.845,5.553,12.397,12.396,12.397h166.457   L274.004,203.6z"
+   style="fill:#ffffff" />
+	<path
+   id="XMLID_147_"
+   d="M204.655,285.79c1.678-5.618,4.076-11.001,6.997-16.07h-128.9c-6.843,0-12.396,5.553-12.396,12.398   c0,6.844,5.553,12.398,12.396,12.398h119.304L204.655,285.79z"
+   style="fill:#ffffff" />
+	<path
+   id="XMLID_146_"
+   d="M82.751,335.842c-6.843,0-12.396,5.553-12.396,12.398c0,6.843,5.553,12.397,12.396,12.397h108.9   c-3.213-7.796-4.044-16.409-1.775-24.795H82.751z"
+   style="fill:#ffffff" />
+	<path
+   id="XMLID_145_"
+   d="M479.403,93.903c-6.496-6.499-15.304-10.146-24.48-10.146c-9.176,0-17.982,3.647-24.471,10.138   L247.036,277.316c-5.005,5.003-8.676,11.162-10.703,17.942l-14.616,48.994c-0.622,2.074-0.057,4.318,1.477,5.852   c1.122,1.123,2.624,1.727,4.164,1.727c0.558,0,1.13-0.08,1.688-0.249l48.991-14.618c6.782-2.026,12.941-5.699,17.943-10.702   l183.422-183.414c6.489-6.49,10.138-15.295,10.138-24.472C489.54,109.197,485.892,100.392,479.403,93.903z"
+   style="fill:#ffffff" />
+</g>
+</svg>
diff --git a/assets/img/mobile.png b/assets/img/mobile.png
new file mode 100644
index 0000000000000000000000000000000000000000..4d32f86247b853758ab46c4dff9fbc55b89bc834
GIT binary patch
literal 5870
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

literal 0
HcmV?d00001

diff --git a/class.css b/class.css
index 09267f6..a0e616d 100644
--- a/class.css
+++ b/class.css
@@ -191,7 +191,7 @@
 }
 
 .btn-contact,
-.btn-whatsapp {
+.btn-phone {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
@@ -202,32 +202,21 @@
   transition: background-color 0.3s ease;
   color: white;
   background-repeat: no-repeat;
+  background-position-y: 4px;
+  background-size: 44px 44px;
+  padding: 0.8rem 1rem 0.8rem 3rem;
+  background-color: #b00f2e;
+}
+
+.btn-phone {
+  background-image: url('assets/img/mobile.png');
 }
 
 .btn-contact {
-  background-position-y: 4px;
-  background-size: 44px 44px;  
-  padding: 0.8rem 1rem 0.8rem 3rem;
-  background-color: #b00f2e;
   background-image: url('assets/img/form.svg');
 }
 
+.btn-phone:hover,
 .btn-contact:hover {
   background-color: #d1776b;
-}
-
-.btn-whatsapp {  
-  background-size: 48px 48px;  
-  padding: 0.7rem 1rem 0.7rem 3rem;
-  background-color: #25d366;
-  background-image: url('assets/img/whatsapp.svg');
-}
-
-.btn-whatsapp:hover {
-  background-color: #1ebe5d;
-}
-
-.btn-contact svg,
-.btn-whatsapp svg {
-  vertical-align: middle;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index dc2eb07..69476e6 100644
--- a/index.html
+++ b/index.html
@@ -161,10 +161,8 @@
         </section>
         <section class="section-contact">
             <div class="btn-container">
-                <a href="contact.html" class="btn-contact">
-                    Contact
-                </a>
-                <a href="tel:0650128904">0650128904</a>
+                <a href="contact.html" class="btn-contact">Contact</a>
+                <a href="tel:0650128904"  class="btn-phone">0650128904</a>
             </div>
         </section>
     </main>