diff --git a/Webzine.WebApplication/Controllers/ContactController.cs b/Webzine.WebApplication/Controllers/ContactController.cs
new file mode 100644
index 0000000..557e1fb
--- /dev/null
+++ b/Webzine.WebApplication/Controllers/ContactController.cs
@@ -0,0 +1,15 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace Webzine.WebApplication.Controllers
+{
+    /// <summary>
+    /// Controller pour la page contact.
+    /// </summary>
+    public class ContactController : Controller
+    {
+        public IActionResult Index()
+        {
+            return View();
+        }
+    }
+}
diff --git a/Webzine.WebApplication/Views/Contact/Index.cshtml b/Webzine.WebApplication/Views/Contact/Index.cshtml
new file mode 100644
index 0000000..d2c892b
--- /dev/null
+++ b/Webzine.WebApplication/Views/Contact/Index.cshtml
@@ -0,0 +1,66 @@
+@{
+    ViewData["Title"] = "Contact";
+}
+
+<div class="container">
+    <h1>Contact</h1>
+    <div>
+        C.U.C.D.B - DIIAGE <br />   
+        69 Avenue Aristide Briand<br />
+        21000 Dijon</p>
+    </div>
+    <div>
+        <i class="fa-solid fa-phone"></i> Phone : 03 80 40 50 60<br />
+        <i class="fa-solid fa-envelope"></i> secretariat@cucdb.fr
+    </div>
+
+</div>
+
+<div class="container mt-5">
+
+    <h2>Suivez-nous</h2>
+    <div class="row g-4 text-center">
+        <div class="col-md-4">
+            <a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle text-decoration-none">
+                <i class="fa-solid fa-link fa-3x text-primary mb-3"></i>
+                <div class="fw-bold text-primary">Site officiel du DIIAGE</div>
+            </a>
+        </div>
+
+        <div class="col-md-4">
+            <a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle text-decoration-none">
+                <i class="fa-brands fa-facebook fa-3x text-primary mb-3"></i>
+                <div class="fw-bold text-primary">Facebook</div>
+            </a>
+        </div>
+
+        <div class="col-md-4">
+            <a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle text-decoration-none">
+                <i class="fa-brands fa-instagram fa-3x text-primary mb-3"></i>
+                <div class="fw-bold text-primary">Instagram</div>
+            </a>
+        </div>
+
+        <div class="col-md-4">
+            <a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle text-decoration-none">
+                <i class="fa-brands fa-linkedin fa-3x text-primary mb-3"></i>
+                <div class="fw-bold text-primary">LinkedIn</div>
+            </a>
+        </div>
+
+        <div class="col-md-4">
+            <a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle text-decoration-none">
+                <i class="fa-solid fa-map fa-3x text-primary mb-3"></i>
+                <div class="fw-bold text-primary">Google Maps</div>
+            </a>
+        </div>
+
+        <div class="col-md-4">
+            <a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle text-decoration-none">
+                <i class="fa-brands fa-twitter fa-3x text-primary mb-3"></i>
+                <div class="fw-bold text-primary">Twitter</div>
+            </a>
+        </div>
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/Webzine.WebApplication/Views/Shared/_Layout.cshtml b/Webzine.WebApplication/Views/Shared/_Layout.cshtml
index 9573fa6..80e4341 100644
--- a/Webzine.WebApplication/Views/Shared/_Layout.cshtml
+++ b/Webzine.WebApplication/Views/Shared/_Layout.cshtml
@@ -8,7 +8,7 @@
     @* Ajout de bootstrap *@
     <script src="~/js/bootstrap.min.js" defer></script>
     <link rel="stylesheet" href="~/css/app.css">
-    <link rel="stylesheet" href="~/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="~/css/bootstrap.min.css">
 
     @* Ajout de font-awesome *@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">