sdf

index.html

@@ -48,6 +48,10 @@
         </div>
       </nav>
 
+      <video autoplay muted loop class="background-video">
+        <source src="img/yt1z.net - Spik Span - Kampioene van de nach de11devande11de 2023 (720p) (1).mp4" type="video/mp4">
+
+
 
     <!-- <div class="container mt-5">
         <h1 class="text-center">Koop je tickets voor Spik en Span!</h1>
@@ -77,6 +81,18 @@
         <div id="qrCodeContainer" class="mt-5 text-center"></div>
     </div>-->
 
+    <div class="container">
+      <h2>Spik&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>
 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

style.css

@@ -44,7 +44,7 @@
          }
 
     .section{
-        background-color: #000;
+        background-color: #000000;
     }
 
 
@@ -102,6 +102,8 @@ body {
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    opacity: 0.5;
+    background-color: rgba(255, 255, 255, 0.7);
     }
 h2 {
     color: #28a745;
@@ -125,10 +127,3 @@ p {
     margin: 0;
 }
 
-body{
-    background-image: url(img/spik\ en\ span\ achtergrond.jpg);
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-attachment: fixed;
-    
-}