diff --git a/contact.html b/contact.html
index 71553db..14f8220 100644
--- a/contact.html
+++ b/contact.html
@@ -46,9 +46,46 @@
         </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>
+<style>
+  body {
+      font-family: Arial, sans-serif;
+      margin: 0;
+      padding: 0;
+      background: url('https://source.unsplash.com/1600x900/?clean,bright') no-repeat center center fixed;
+      background-size: cover;
+      text-align: center;
+  }
+  .container {
+      max-width: 600px;
+      margin: 50px auto;
+      background: rgba(255, 255, 255, 0.9);
+      padding: 20px;
+      border-radius: 10px;
+      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  }
+</style>
+
+
     
 </body>
 
diff --git a/img/spik en span achtergrond.jpg b/img/spik en span achtergrond.jpg
new file mode 100644
index 0000000..5057693
Binary files /dev/null and b/img/spik en span achtergrond.jpg differ
diff --git a/index.html b/index.html
index 8d36dd8..22af072 100644
--- a/index.html
+++ b/index.html
@@ -37,6 +37,11 @@
                     Over Ons
                 </a>
               </li>
+              <li class="nav-item">
+                <a class="nav-link active" href="employee-login.html">
+                    Medewerkers
+                </a>
+              </li>
             </ul>
           </div>
         </div>
diff --git a/over-ons.html b/over-ons.html
index 62aeddb..a797630 100644
--- a/over-ons.html
+++ b/over-ons.html
@@ -36,11 +36,124 @@
                     Over Ons
                 </a>
               </li>
+              <li class="nav-item">
+                <a class="nav-link active" href="employee-login.html">
+                    Medewerkers
+                </a>
+              </li>
             </ul>
           </div>
         </div>
       </nav>
 
+      <!DOCTYPE html>
+<html lang="nl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Over Ons - Spik en Span</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #f8f9fa;
+            text-align: center;
+        }
+        .container {
+            max-width: 800px;
+            margin: 50px auto;
+            background: white;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        }
+        h2 {
+            color: #28a745;
+        }
+        p {
+            text-align: left;
+            line-height: 1.6;
+        }
+        .team-member {
+            margin: 20px 0;
+        }
+        .team-member img {
+            border-radius: 50%;
+            width: 150px;
+            height: 150px;
+        }
+        .team-member h3 {
+            margin: 10px 0 5px;
+        }
+        .team-member p {
+            margin: 0;
+        }
+    </style>
+</head>
+<body>
+  <!DOCTYPE html>
+  <html lang="nl">
+  <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <title>Over Ons - Spik en Span</title>
+      <style>
+          body {
+              font-family: Arial, sans-serif;
+              margin: 0;
+              padding: 0;
+              background-color: #f8f9fa;
+              text-align: center;
+          }
+          .container {
+              max-width: 800px;
+              margin: 50px auto;
+              background: white;
+              padding: 20px;
+              border-radius: 10px;
+              box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+              text-align: left;
+          }
+          h2 {
+              color: #d81b60;
+          }
+          img {
+              width: 100%;
+              border-radius: 10px;
+          }
+          p {
+              line-height: 1.6;
+          }
+      </style>
+  </head>
+  <body>
+      <div class="container">
+          <h2>Over Spik en Span</h2>
+          <img src="schermafbeelding.jpg" alt="Spik en Span op het podium">
+          <p><strong>Spik en Span</strong>, bestaande uit Jo Huijnen en Niek Dirkx, is een van de meest succesvolle vastelaoves-duo’s in Limburg. Met hun aanstekelijke energie en feestelijke muziek hebben ze zich de afgelopen jaren ontwikkeld tot dé Kampioene van de Nach.</p>
+  
+          <h2>Succes en Prestaties</h2>
+          <p>Spik en Span is sinds 2010 actief in de Limburgse vastelaovend-scene en is een vaste naam in het <strong>Limburgs Vastelaoves Leedjes Konkoer (LVK)</strong>. Met maar liefst vier LVK-overwinningen mogen ze zich het meest succesvolle duo van het afgelopen decennium noemen.</p>
+  
+          <h2>Optredens en Repertoire</h2>
+          <p>Hun optredens zijn een garantie voor entertainment en plezier. Met nummers die bekend zijn in heel Limburg brengen ze mensen samen om te zingen en te feesten. “Gewuen jongens” met een prachtig repertoire en spetterende live shows!</p>
+  
+          <h2>Hoogtepunten</h2>
+          <ul>
+              <li>Viervoudig winnaar van het LVK</li>
+              <li>Bekend van hits die van Noord tot Zuid worden meegezongen</li>
+              <li>Een optreden van Spik en Span staat garant voor sfeer en gezelligheid</li>
+          </ul>
+  
+          <h2>Contact</h2>
+          <p>Wil je Spik en Span boeken voor een optreden of meer informatie? Neem dan contact op via onze <a href="contact.html">contactpagina</a>.</p>
+      </div>
+  </body>
+  </html>
+  
+
+
 </body>
 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
diff --git a/style.css b/style.css
index 6ff385b..69f5485 100644
--- a/style.css
+++ b/style.css
@@ -52,4 +52,38 @@
 .size {
     width: 33.33%;
     height: 25%;
-}
\ No newline at end of file
+}
+
+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;
+}
