diff --git a/bestellen.css b/bestellen.css
new file mode 100644
index 0000000..2afdf93
--- /dev/null
+++ b/bestellen.css
@@ -0,0 +1,32 @@
+.item-container {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 30px;
+}
+
+.item {
+ flex: 0 0 48%;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+ padding: 15px;
+ text-align: center;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+}
+
+.item img {
+ max-width: 100%;
+ height: auto;
+ margin-bottom: 15px;
+}
+
+.item h5 {
+ margin-bottom: 10px;
+}
+
+.item p {
+ margin-bottom: 15px;
+}
+
+.item button {
+ width: 100%;
+}
diff --git a/bestellen.html b/bestellen.html
index 9f9b428..ca38ce2 100644
--- a/bestellen.html
+++ b/bestellen.html
@@ -7,6 +7,7 @@
+
diff --git a/style.css b/style.css
index 1d82b68..2f2c36c 100644
--- a/style.css
+++ b/style.css
@@ -13,12 +13,13 @@
font-family: Arial, sans-serif;
}
-.navbar {
+ .navbar {
display: flex;
align-items: right;
justify-content: right;
background-color: #000;
padding: 10px 20px;
+ color: black;
}
.logo {
@@ -44,64 +45,104 @@
}
.section{
- background-color: #000;
+ background-color: #000000;
}
-.size {
+ .size {
width: 33.33%;
height: 25%;
-}
+ }
-.item-container {
- display: flex;
- justify-content: space-between;
- margin-top: 30px;
-}
-
-.item {
- flex: 0 0 48%;
- border: 1px solid #ddd;
- border-radius: 5px;
- padding: 15px;
+body {
+ font-family: Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+ background-color: #ffffff;
text-align: center;
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
-
-.item img {
- max-width: 100%;
- height: auto;
- margin-bottom: 15px;
+.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);
}
-
-.item h5 {
- margin-bottom: 10px;
-}
-
-.item p {
- margin-bottom: 15px;
-}
-
-.item button {
+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;
}
-.video-container {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
+body {
+ font-family: Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+ background-color: #f8f9fa;
text-align: center;
- margin-top: 20px;
+}v
+.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);
+ opacity: 0.5;
+ background-color: rgba(255, 255, 255, 0.7);
+ }
+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;
}
-.background-video {
- max-width: 100%;
- height: auto;
- margin-top: 15px;
-}
-
-.inhoud button {
- margin-top: 10px;
-}
\ No newline at end of file
+.achtergrond-video {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ z-index: -1;
+ }
+
+ .inhoud {
+ position: relative;
+ z-index: 1;
+ color: white;
+ text-align: center;
+ margin-top: 20vh;
+ }
+
diff --git a/vrijdag-kinderen.html b/vrijdag-kinderen.html
index b39cbce..d26b5c1 100644
--- a/vrijdag-kinderen.html
+++ b/vrijdag-kinderen.html
@@ -7,6 +7,7 @@
+
diff --git a/vrijdag-volwassenen.html b/vrijdag-volwassenen.html
index e1e71b3..9d01dcd 100644
--- a/vrijdag-volwassenen.html
+++ b/vrijdag-volwassenen.html
@@ -7,6 +7,7 @@
+
diff --git a/zaterdag-kinderen.html b/zaterdag-kinderen.html
index 754cb49..b4374be 100644
--- a/zaterdag-kinderen.html
+++ b/zaterdag-kinderen.html
@@ -7,6 +7,7 @@
+
diff --git a/zaterdag-volwassenen.html b/zaterdag-volwassenen.html
index a7fa6c1..1209f93 100644
--- a/zaterdag-volwassenen.html
+++ b/zaterdag-volwassenen.html
@@ -7,6 +7,7 @@
+