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>
@@ -76,6 +80,18 @@
         </form>
         <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>
 

style.css

@@ -44,7 +44,7 @@
          }
 
     .section{
-        background-color: #000;
+        background-color: #000000;
     }
 
 
@@ -102,7 +102,9 @@ 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;
-    
-}