diff --git a/contact.html b/contact.html
index 71553db..10c6603 100644
--- a/contact.html
+++ b/contact.html
@@ -46,9 +46,27 @@
         </div>
       </nav>
 
-      <section>
-        <h2>Contact</h2>
-      </section>
+      <!DOCTYPE html>
+<html lang="nl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact - Spik en Span</title>
+</head>
+<body>
+    <div class="container">
+        <h2>Contacteer Spik en Span</h2>
+        <p>Heb je vragen of wil je contact opnemen? Vul het onderstaande formulier in.</p>
+        <form action="#" method="post">
+            <input type="text" name="naam" placeholder="Je naam" required>
+            <input type="email" name="email" placeholder="Je e-mail" required>
+            <textarea name="bericht" placeholder="Je bericht" rows="5" required></textarea>
+            <button type="submit">Verstuur</button>
+        </form>
+    </div>
+</body>
+</html>
+
     
 </body>
 
diff --git a/style.css b/style.css
index 6ff385b..480f91a 100644
--- a/style.css
+++ b/style.css
@@ -52,4 +52,38 @@
 .size {
     width: 33.33%;
     height: 25%;
+}
+
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f8f9fa;
+    text-align: center;
+}
+.container {
+    max-width: 600px;
+    margin: 50px auto;
+    background: white;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+input, textarea {
+    width: 100%;
+    padding: 10px;
+    margin: 10px 0;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+}
+button {
+    background-color: #28a745;
+    color: white;
+    padding: 10px 15px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+}
+button:hover {
+    background-color: #218838;
 }
\ No newline at end of file
