From e796fae6bd5964efa366a7a8ad0ab0d1e2a5fbed Mon Sep 17 00:00:00 2001
From: abdoul aziz diallo <abdoul-aziz.diallo@etu.unistra.fr>
Date: Mon, 13 Feb 2023 23:23:31 +0100
Subject: [PATCH] Advance on cntact page

---
 assets/css/contact.css | 25 +++++++++++++++++++++++--
 contact.html           | 21 ++++++++++++++++++++-
 2 files changed, 43 insertions(+), 3 deletions(-)

diff --git a/assets/css/contact.css b/assets/css/contact.css
index 4bdeb8f..895e50c 100644
--- a/assets/css/contact.css
+++ b/assets/css/contact.css
@@ -1,7 +1,28 @@
-body {
+/* body {
   background: linear-gradient(30deg, rgb(252, 233, 233), rgb(195, 189, 189));
-}
+} */
 
 header {
   position: static;
+  background: linear-gradient(30deg, rgb(252, 233, 233), rgb(195, 189, 189));
+}
+
+main {
+  width: 30rem;
+  margin: 3rem auto;
+}
+
+form {
+  background-color: rgb(255, 255, 255);
+  padding: 1rem;
+  border-radius: 6px;
+}
+
+input,
+textarea {
+  width: 100%;
+  display: block;
+  padding: 5px;
+  margin-bottom: 1rem;
+  box-sizing: border-box; /* Pour avoir les mêmes espaces entre les deux bords */
 }
diff --git a/contact.html b/contact.html
index a42cd82..a5074e6 100644
--- a/contact.html
+++ b/contact.html
@@ -24,7 +24,26 @@
         </ul>
       </nav>
     </header>
-    <main></main>
+    <main>
+      <h1>Contactez-moi</h1>
+      <form action="">
+        <input type="text" name="user-name" id="surname" placeholder="Prénom" />
+
+        <input type="email" id="email" name="user-email" placeholder="email" />
+
+        <input type="number" id="phone-number" name="user-number"""
+        placeholder="Numéro de telephone" />
+
+        <textarea
+          name=""
+          id=""
+          cols="30"
+          rows="10"
+          placeholder="Rédiger votre message"
+        ></textarea>
+        <button>Soumettre</button>
+      </form>
+    </main>
     <footer>
       <ul>
         <li>
-- 
GitLab