diff --git a/contact.html b/contact.html
new file mode 100644
index 0000000000000000000000000000000000000000..0ad14ed8709d765025c4ed157c797d8c81a83d0b
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <title>Contactez-nous</title>
+    <meta charset="utf-8">
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <script src="https://www.google.com/recaptcha/enterprise.js?render=6Lei0mAjAAAAAB_7vsoEmN_y8p0J99vjHDEAQ7CL"></script>
+</head>
+
+<body>
+
+    <!--Header-->
+    <div class="header">
+        <nav>
+        <img src = "image/logosite.png" class="logo">
+        <ul class="nav-links">
+           <li><a href="index.html"> Accueil</a></li>
+           <li><a href="event.html"> Événement</a></li>
+           <li><a href="multimedia.html"> Multimédia</a></li>
+           <li><a href="telechargement.html"> Téléchargement</a></li>
+           <li><a href="nospartenaires.html"> Nos partenaires</a></li>
+           <li><a href="seconnecter.html"> Se connecter</a></li>
+           <li class="sinscrire"><a href="formulaireinscription.html">Inscription</a></li>
+        </ul>
+     </nav>
+     </div>
+
+     <!--Corps de page-->
+
+     <div class="row">
+        <div class="colonne">
+          <div class="carte">
+            <img src="image/moi-1.png" alt="Adame" class="pdp">
+            <div class="contener">
+              <h2>Adame Hayaf</h2>
+              <p class="titre">CEO &amp; Fondateur</p>
+              <p>Lorem ipsum lorep ipsum loremsfkdodopgd.</p>
+              <p>ad2meoriginal@gmail.com</p>
+              <p><button class="boutton">Contact</button></p>
+            </div>
+          </div>
+        </div>
+      
+        <div class="colonne">
+          <div class="carte">
+            <img src="image/kamihate-1.png" alt="Lucas" class="pdp">
+            <div class="contener">
+              <h2>Lucas Edouard</h2>
+              <p class="titre">CEO &amp; Fondateur</p>
+              <p>lorem ipsum psum psiulmpo lorem ipsum ipsum lorem.</p>
+              <p>lucasedouard@gmail.com</p>
+              <p><button class="boutton">Contact</button></p>
+            </div>
+          </div>
+        </div>
+      
+      </div>
+
+     
+</body>
+<footer>
+  <footer>
+
+    <div class="footer-container">
+      <div class="footer">
+          <div class="footer-heading footer-1">
+              <h2> Liens utile</h2>
+              <a href="#">A propos</a>
+              <a href="#">Service</a>
+              <a href="#">Histoire du club</a>
+          </div>
+          <div class="footer-heading footer-2">
+              <h2> Contactez-nous</h2>
+              <a href="#">Support</a>
+              <a href="contact.html">Contact</a>
+              <a href="#">Partenaires</a>
+          </div>
+          <div class="footer-heading footer-3">
+              <h2> Réseaux sociaux</h2>
+              <a href="#">Instagram</a>
+              <a href="#">Twitter</a>
+              <a href="#">Facebook</a>
+          </div>  
+          <div class="footer-email-form">
+              <h2>Rejoins notre Newsletter</h2>
+              <input type="email" placeholder="Entrez votre adresse mail" id="footer-email">
+              <input type="submit" value="S'inscrire" id="footer-email-btn">
+              
+          </div>
+      </div>
+  </div>
+  </footer>
+</footer>
+</html>
\ No newline at end of file