diff --git a/assets/css/contact.css b/assets/css/contact.css index c70869834564b540328d21101451704fefaeca11..13939773ab15ae88b66e74e5ebf186b5b4eb2b0c 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 e4356959be82a33ab56fe592a07942130878bbd1..77a8327fab38e8784c253fe0081447ccc94b1df7 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>