diff --git a/assets/css/contact.css b/assets/css/contact.css index f5b628e1115932aa2fc6648b8bee40300875c911..95e08f0065ac6f6d9ec85ab534dcc3de02629eb9 100644 --- a/assets/css/contact.css +++ b/assets/css/contact.css @@ -13,16 +13,19 @@ main { /* width: 30rem; */ /* margin: 3rem auto; */ background: url("/assets/images/projects/web3.jpg"); - height: 800px; + height: 850px; background-position: center; background-size: cover; } h1 { - margin-top: 0; text-align: center; } +p { + margin: 30px 0 35px 0; +} + form { width: 30rem; background-color: rgb(255, 255, 255); @@ -33,10 +36,9 @@ form { box-shadow: 3px 3px 5px black; } -h1, form { position: relative; - top: 120px; + top: 150px; left: 250px; } diff --git a/contact.html b/contact.html index 5af0b6eb9da9c4ceb357b558ed647125a974302e..316b02758b58505df4eda6d3a08d57d40148ced6 100644 --- a/contact.html +++ b/contact.html @@ -31,8 +31,13 @@ </nav> </header> <main> - <h1>Contactez-moi</h1> + <!-- <h1>Contactez-moi</h1> --> <form action=""> + <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="email" id="email" name="user-email" placeholder="Email" /> @@ -48,7 +53,7 @@ name="" id="" cols="30" - rows="10" + rows="5" placeholder="Rédiger votre message" ></textarea> <button>Soumettre</button>