diff --git a/website/betaal.css b/website/betaal.css
new file mode 100644
index 0000000..abd2d3a
--- /dev/null
+++ b/website/betaal.css
@@ -0,0 +1,25 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    padding: 50px;
+    background-color: #f9f9f9;
+}
+h1 {
+    color: #F56E28;
+}
+p {
+    font-size: 1.2em;
+    margin-top: 20px;
+}
+button {
+    margin-top: 30px;
+    padding: 10px 20px;
+    background-color: #F56E28;
+    color: white;
+    border: none;
+    cursor: pointer;
+    font-size: 1.1em;
+}
+button:hover {
+    background-color: #F56E28;
+}
\ No newline at end of file
diff --git a/website/betalen.html b/website/betalen.html
index 5369641..c3bef2a 100644
--- a/website/betalen.html
+++ b/website/betalen.html
@@ -1,12 +1,19 @@
 <!DOCTYPE html>
 <html lang="nl">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Betaalpagina Mees</title>
     <link rel="icon" href="media/favicon.ico" type="image/x-icon">
+    <link rel="stylesheet" href="betaal.css">
 </head>
+
 <body>
-    <h1></h1>
+    <h1>Bedankt voor uw bestelling!</h1>
+    <p>Uw bestelling is succesvol geplaatst. U kunt dit tabblad nu sluiten.</p>
+    <button onclick="window.close()">Sluit dit tabblad</button>
+    <h1>Uw Bestellings nummer=</h1>
 </body>
-</html>
\ No newline at end of file
+
+</html>
diff --git a/website/style.css b/website/style.css
index f65b610..d0b28fb 100644
--- a/website/style.css
+++ b/website/style.css
@@ -328,6 +328,7 @@ body {
 
 #order-button:hover {
     background-color: #45a049;
+    transform: scale(1.05);
 }
 
 .cart.visible {
