début formulaire

pages/css/style_services.css

@@ -146,6 +146,9 @@ p {
     font-size: 25px;
 }
 .table {
+    margin-bottom: 20px;
+    width: 70%;
+    height: auto;
     background-color: dodgerblue;
     border-collapse: collapse;
     font-size: 25px;
@@ -164,3 +167,23 @@ p {
 .padding_left {
     padding-left: 10px;
 }
+#boutton_formulaire {
+    width: 100%;
+    display: flex;
+    justify-content: space-around;
+    flex-direction: row;
+    margin-left: auto;
+    align-items: center;
+}
+.formulaire {
+    padding: 10px;
+    width: 20%;
+    height: auto;
+    border: solid;
+    display: flex;
+}
+.center {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+}

pages/services.html

@@ -48,5 +48,27 @@
             </tr>
         </table>
         </div>
+        <div class="center">
+        <div class="formulaire">
+        <form action="" method="post">Si vous avez des suggestions :</form>
+        <ul>
+            <li>
+              <label for="name">Nom&nbsp;:</label>
+              <input type="text" placeholder="Dupond" id="name" name="user_name" />
+            </li>
+            <li>
+              <label for="mail">E-mail&nbsp;:</label>
+              <input type="email" placeholder="dupondrichard@gmail.com" id="mail" name="user_mail" />
+            </li>
+            <li>
+              <label for="msg">Message&nbsp;:</label>
+              <textarea id="msg" placeholder="Je pense qu'il faudrait..." name="user_message"></textarea>
+            </li>
+            <div id="boutton_formulaire">
+              <button type="submit">Envoyer le message</button>
+            </div>
+          </ul>
+        </div>
+        </div>
     </body>
 </html>