From a1350a5a6d6997b97a3e22bf11316d5be62bbe93 Mon Sep 17 00:00:00 2001
From: abdoul aziz diallo <abdoul-aziz.diallo@etu.unistra.fr>
Date: Wed, 15 Feb 2023 10:57:49 +0100
Subject: [PATCH] Add more semantic on the form

---
 contact.html | 71 +++++++++++++++++++++++++++++++++++++++-------------
 1 file changed, 53 insertions(+), 18 deletions(-)

diff --git a/contact.html b/contact.html
index 43aa6d6..e435695 100644
--- a/contact.html
+++ b/contact.html
@@ -33,29 +33,64 @@
     <main>
       <!-- <h1>Contactez-moi</h1> -->
       <form action="">
-        <h1>CONTACTEZ-MOI</h1>
-        <!-- <p>
+        <section>
+          <h2>Entrez en contact</h2>
+          <p>
+            J’aime entendre parler de vous. Je suis toujours ici pour discuter
+          </p>
+          <ul>
+            <li>
+              <h3>Discutez-avec moi</h3>
+              <p>Je suis là pour vous aider</p>
+              <a href="">abdoulaziz@gmail.com</a>
+            </li>
+            <li>
+              <h3>Burreau</h3>
+              <p>Venez me dire Bonjour</p>
+              <address>67000 Strasbourg</address>
+            </li>
+            <li>
+              <h3>Numéro de téléphone</h3>
+              <p>Lun-Vend de 8h-17h</p>
+              <p>0753103914</p>
+            </li>
+          </ul>
+        </section>
+        <section>
+          <h1>CONTACTEZ-MOI</h1>
+          <!-- <p>
           Merci de l'intérêt que vous portez a mon profile. Veuillez utiliser ce
           formulaire pour nous contacter. Réponse rapide assurée !
         </p> -->
-        <input type="text" name="user-name" id="surname" placeholder="Prénom" />
+          <input
+            type="text"
+            name="user-name"
+            id="surname"
+            placeholder="Prénom"
+          />
 
-        <input type="email" id="email" name="user-email" placeholder="Email" />
+          <input
+            type="email"
+            id="email"
+            name="user-email"
+            placeholder="Email"
+          />
 
-        <input
-          type="tel"
-          id="phone-number"
-          name="user-number"
-          placeholder="Numéro de téléphone"
-        />
-        <textarea
-          name=""
-          id=""
-          cols="30"
-          rows="10"
-          placeholder="Rédiger votre message"
-        ></textarea>
-        <button>Soumettre</button>
+          <input
+            type="tel"
+            id="phone-number"
+            name="user-number"
+            placeholder="Numéro de téléphone"
+          />
+          <textarea
+            name=""
+            id=""
+            cols="30"
+            rows="10"
+            placeholder="Rédiger votre message"
+          ></textarea>
+          <button>Soumettre</button>
+        </section>
       </form>
     </main>
     <footer>
-- 
GitLab