modified

index.html

@@ -120,11 +120,38 @@
         <h2 lang="fr">Projets</h2>
         <h2 lang="en">Projects</h2>
         <h2 lang="zh">项目</h2>
+
+        <div class="all_projects">
+            <div>1</div>
+            <div>2</div>
+            <div>3</div>
+            <div>4</div>
+            <div>5</div>
+            <div>6</div>
+            <div>7</div>
+            <div>8</div>
+        </div>
     </section>
     <section id="contact">
         <h2 lang="fr">Contact</h2>
         <h2 lang="en">Contact</h2>
         <h2 lang="zh">接触</h2>
+
+        <form action="envoyer.php" method="post">
+            <label for="nom">Nom :</label>
+            <input type="text" id="nom" name="nom" required>
+            <br>
+    
+            <label for="email">E-mail :</label>
+            <input type="email" id="email" name="email" required>
+            <br>
+    
+            <label for="message">Message :</label>
+            <textarea id="message" name="message" rows="4" required></textarea>
+            <br>
+    
+            <input type="submit" value="Envoyer">
+        </form>
     </section>
 
     <script src="script.js"></script>

styles.css

@@ -146,4 +146,55 @@ nav a:hover {
     width: 100%;
     max-width: 500px;
     border-radius: 50%;
+}
+
+form {
+    width: 60%;
+    margin: 0 auto;
+    background-color: #fff;
+    padding: 20px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+}
+
+label {
+    display: block;
+    margin-top: 10px;
+}
+
+input[type="text"],
+input[type="email"],
+textarea {
+    width: 100%;
+    padding: 10px;
+    margin-top: 5px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+}
+
+input[type="submit"] {
+    background-color: #333;
+    color: #fff;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    margin-top: 10px;
+}
+
+input[type="submit"]:hover {
+    background-color: #555;
+}
+
+.all_projects {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.all_projects div {
+    background-color: aqua;
+    height: 300px;
+    width: 300px;
+    margin: 10px;
 }