Change all the semantic in contact.html

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 {

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>