From 555ad6766f8a01271a0392a1cc1a437927889a8a Mon Sep 17 00:00:00 2001 From: abdoul aziz diallo <abdoul-aziz.diallo@etu.unistra.fr> Date: Wed, 15 Feb 2023 11:06:12 +0100 Subject: [PATCH] Change all the semantic in contact.html --- assets/css/contact.css | 6 ++--- contact.html | 61 ++++++++++++++++++++++-------------------- 2 files changed, 35 insertions(+), 32 deletions(-) diff --git a/assets/css/contact.css b/assets/css/contact.css index c708698..1393977 100644 --- a/assets/css/contact.css +++ b/assets/css/contact.css @@ -26,7 +26,7 @@ p { margin: 30px 0 35px 0; } -form { +section:last-child { width: 30rem; background-color: rgb(255, 255, 255); backdrop-filter: blur(5px); @@ -37,11 +37,11 @@ form { box-shadow: 3px 3px 5px black; } -form { +/* form { position: relative; top: 150px; left: 250px; -} +} */ input, textarea { diff --git a/contact.html b/contact.html index e435695..77a8327 100644 --- a/contact.html +++ b/contact.html @@ -32,36 +32,39 @@ </header> <main> <!-- <h1>Contactez-moi</h1> --> - <form action=""> - <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> + <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> + Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus + </p> + <!-- <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> --> + <form action=""> <input type="text" name="user-name" @@ -90,8 +93,8 @@ placeholder="Rédiger votre message" ></textarea> <button>Soumettre</button> - </section> - </form> + </form> + </section> </main> <footer> <ul> -- GitLab