diff --git a/website/index.html b/website/index.html
index 1682597..4e481a3 100644
--- a/website/index.html
+++ b/website/index.html
@@ -12,10 +12,17 @@
     <!-- Linkerkant menu -->
     <div class="menu-list">
         <h2>Menu</h2>
-        <div class="menu-item" onclick="showItemDetails('Broodjes')">Broodjes</div>
-        <div class="menu-item" onclick="showItemDetails('drinks')">Drinken</div>
-        <div class="menu-item" onclick="showItemDetails('Snacks')">snacks</div>
-        <div class="menu-item" onclick="showItemDetails('deserts')">ijsjes</div>
+        <!-- Broodje Gezond -->
+        <div class="menu-item" onclick="showItemDetails('Broodjes')">Broodje Gezond</div>
+        <!-- Spa Water -->
+        <div class="menu-item" onclick="showItemDetails('drinks')">Spa Water</div>
+        <!-- Frikandel -->
+        <div class="menu-item" onclick="showItemDetails('Snacks')">Frikandel</div>
+        <!-- Ijsjes -->
+        <div class="menu-item" onclick="showItemDetails('deserts')">Ijsjes</div>
+        <!-- Placeholder Items -->
+        <div class="menu-item" onclick="showItemDetails('Placeholder1')">Placeholder 1</div>
+        <div class="menu-item" onclick="showItemDetails('Placeholder2')">Placeholder 2</div>
     </div>
 
     <div id="menu-detail" class="menu-detail">
diff --git a/website/script.js b/website/script.js
index 303e73f..b483457 100644
--- a/website/script.js
+++ b/website/script.js
@@ -21,7 +21,16 @@
                 title = "Ijsjes";
                 image = "https://th.bing.com/th/id/R.5e81f369a0da6a92106391e7b0a5119b?rik=KD0kNGiRjGM22g&riu=http%3a%2f%2fwww.brookersicecream.com%2fwp-content%2fuploads%2f2018%2f09%2fIce-Cream-Fan.png&ehk=%2bfZOURa%2fKgmE4uuuESx9We3OBrwXpPaaMZpJaBJt4bo%3d&risl=&pid=ImgRaw&r=0"; 
                 description = "Een lekker ijsje met vele smaken, zoals aardbei, vannille, chocolade, mint, bosbes en nog veel meer (alleen in de zomer!)";
+            } else if (item === 'Placeholder1') {
+                title = "Placeholder 1";
+                image = "";
+                description = "Beschrijving voor Placeholder 1.";
+            } else if (item === 'Placeholder2') {
+                title = "Placeholder 2";
+                image = "";
+                description = "Beschrijving voor Placeholder 2.";
             }
+        
 
             // Toon de details aan de rechterkant
             document.getElementById("item-title").innerText = title;
diff --git a/website/style.css b/website/style.css
index fc6c5dc..c269385 100644
--- a/website/style.css
+++ b/website/style.css
@@ -1,3 +1,4 @@
+/* Algemeen stijlen */
 body {
     font-family: Arial, sans-serif;
     margin: 0;
@@ -66,4 +67,4 @@ footer {
     position: fixed;
     bottom: 0;
     width: 100%;
-}
\ No newline at end of file
+}