Formulaire de contact

2026-06-08 09:48:57 +02:00
parent 4ab760cac9
commit 774ecbb5a8
4 changed files with 256 additions and 5 deletions
@@ -1,9 +1,41 @@
 <?php
-
 // Formulaire de contact avec WEBHOOK Discord
-
 // On ajoute ici le header
-require_once('./../elements/header.php');
+require_once("../elements/header.php");
+?>

+<body>
+    <main class="contact-page">
+        <section class="contact-wrapper">
+            <div class="contact-card">
+                <div class="contact-info">
+                    <p class="contact-title">Contact</p>
+                    <p class="contact-name">Moussu Esteban</p>
+                    <p class="contact-line">esteban.moussu@ik.me</p>
+                    <p class="contact-line">20 Grande rue</p>
+                    <p class="contact-line">52500 Broncourt</p>
+                </div>
+
+                <!-- Formulaire d'envoi -->
+                <form class="contact-form" method="POST" action="../scripts/sendMessage.php">
+                    <!-- Deux champs de texte, un subject et un message -->
+                    <div class="contact-grid">
+                        <input type="text" name="subject" id="subject" placeholder="Sujet du message" required>
+                        <input type="text" name="name" id="name" placeholder="Nom et prénom" required>
+                    </div>
+
+                    <input type="email" name="mail" id="mail" placeholder="E-mail de contact" required>
+                    <textarea name="message" id="message" placeholder="Votre message" required></textarea>
+
+                    <!-- Bouton d'envoi -->
+                    <input type="submit" value="Envoyer le message">
+                </form>
+            </div>
+        </section>
+    </main>
+</body>
+
+<?php
 // Ajout du footer
-require_once('../elements/footer.php'); ?>
+require_once("../elements/footer.php");
+?>