From 26330f25e7febcedc5fb80ec1d6a34c40133b851 Mon Sep 17 00:00:00 2001
From: EspenVista <522581@vistacollege.nl>
Date: Fri, 4 Apr 2025 12:53:42 +0100
Subject: [PATCH] update

---
 contact.html | 49 +++++++++++++++++--------------------------------
 1 file changed, 17 insertions(+), 32 deletions(-)
diff --git a/contact.html b/contact.html
index 14f8220..35c7718 100644
--- a/contact.html
+++ b/contact.html
@@ -7,6 +7,22 @@
     <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>
 
@@ -46,15 +62,7 @@
         </div>
       </nav>
 
-      <!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">
+      <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">
@@ -64,29 +72,6 @@
             <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>
 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
