From 58cdde2518fbf4661221b8a4c4a7367a2328a5d6 Mon Sep 17 00:00:00 2001
From: EspenVista <522581@vistacollege.nl>
Date: Fri, 4 Apr 2025 12:13:34 +0100
Subject: [PATCH] sdfsdf

---
 over-ons.html | 93 ++++++++++++++++++++++++++-------------------------
 1 file changed, 48 insertions(+), 45 deletions(-)
diff --git a/over-ons.html b/over-ons.html
index f962767..8b45afa 100644
--- a/over-ons.html
+++ b/over-ons.html
@@ -7,9 +7,24 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="style.css">
     <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
+    <style>
+        body {
+            background-image: url('img/spik.jpg');
+            background-size: cover;
+            background-position: center;
+            background-repeat: no-repeat;
+            background-attachment: fixed;
+        }
+
+        .container {
+            background-color: rgba(255, 255, 255, 0.85);
+            border-radius: 20px;
+            padding: 30px;
+            margin-top: 30px;
+        }
+    </style>
 </head>
 <body>
-    
     <nav class="navbar navbar-expand-lg bg-body-tertiary">
         <div class="container-fluid">
           <a class="navbar-brand" href="index.html">
@@ -22,60 +37,48 @@
           <div class="collapse navbar-collapse" id="navbarNav">
             <ul class="navbar-nav">
               <li class="nav-item">
-                <a class="nav-link active" aria-current="page" href="index.html">
-                    Home
-                </a>
+                <a class="nav-link active" aria-current="page" href="index.html">Home</a>
               </li>
               <li class="nav-item">
-                <a class="nav-link active" href="contact.html">
-                    Contact
-                </a>
+                <a class="nav-link active" href="contact.html">Contact</a>
               </li>
               <li class="nav-item">
-                <a class="nav-link active" href="over-ons.html">
-                    Over Ons
-                </a>
+                <a class="nav-link active" href="over-ons.html">Over Ons</a>
               </li>
               <li class="nav-item">
-                <a class="nav-link active" href="employee-login.html">
-                    Medewerkers
-                </a>
+                <a class="nav-link active" href="employee-login.html">Medewerkers</a>
               </li>
             </ul>
           </div>
         </div>
-      </nav>
+    </nav>
 
-  </head>
-  <body>
-    <img src="img/spik.jpg" alt="Spik en Span live op het podium" style="background-image: 400px; border-radius: 20px; margin-right: 30px;">
-    <div>
-      <div class="container">
-          <h2>Over Spik en Span</h2>
-          <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>   
+    <div class="container">
+        <h2>Over Spik en Span</h2>
+        <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>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="script.js"></script>
 </body>
-
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
-<script src="script.js"></script>
-
-</html>
\ No newline at end of file
+</html>
