diff --git a/website/index.html b/website/index.html
index 37f3ea8..d21c019 100644
--- a/website/index.html
+++ b/website/index.html
@@ -12,11 +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>
-        <div class="menu-item" onclick="showItemDetails('Deals')">Deals</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/media/broodje-gezond.jpg b/website/media/broodje-gezond.jpg
new file mode 100644
index 0000000..804ac56
Binary files /dev/null and b/website/media/broodje-gezond.jpg differ
diff --git a/website/media/frikandel.jpg b/website/media/frikandel.jpg
new file mode 100644
index 0000000..68b8abf
Binary files /dev/null and b/website/media/frikandel.jpg differ
diff --git a/website/media/ijs.png b/website/media/ijs.png
new file mode 100644
index 0000000..abd88ab
Binary files /dev/null and b/website/media/ijs.png differ
diff --git a/website/media/spa.jpg b/website/media/spa.jpg
new file mode 100644
index 0000000..d3fb895
Binary files /dev/null and b/website/media/spa.jpg differ
diff --git a/website/script.js b/website/script.js
index 767310d..c06a7d5 100644
--- a/website/script.js
+++ b/website/script.js
@@ -7,19 +7,19 @@
             // Afhankelijk van het geselecteerde item, pas de details aan
             if (item === 'Broodjes') {
                 title = "Broodje gezond";
-                imageSrc = "https://thumbs.dreamstime.com/b/submarine-sandwich-ham-cheese-clipping-path-egg-tomato-cucumber-lettuce-white-48580716.jpg";
+                imageSrc = "media/broodje-gezond.jpg";
                 description = "Op dit broodje zit kaas, veldsla, komkommer, tomaat, ei, ham en/of kip en bufkes saus.";
             } else if (item === 'drinks') {
                 title = "Spa water";
-                imageSrc = "https://m.media-amazon.com/images/I/71VrczELeaL._AC_SY741_.jpg";
+                imageSrc = "media/spa.jpg";
                 description = "Koude verfrissende water";
             } else if (item === 'Snacks') {
                 title = "Frikandel";
-                imageSrc = "https://boshuis.huisjebezorgd.nl/wp-content/uploads/2020/03/29512948_652505005141152_1601506864166600704_o.jpg"; 
+                imageSrc = "media/frikandel.jpg"; 
                 description = "Een frikandel, dat wil je wel!";
             }  else if (item === 'deserts') {
                 title = "Ijsjes";
-                imageSrc = "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"; 
+                imageSrc = "media/ijs.png"; 
                 description = "Een lekker ijsje met vele smaken, zoals aardbei, vannille, chocolade, mint, bosbes en nog veel meer (alleen in de zomer!)";
             }   else if (item === 'Deals') {
                 title = "Deals";
diff --git a/website/style.css b/website/style.css
index fc6c5dc..78eeadc 100644
--- a/website/style.css
+++ b/website/style.css
@@ -1,3 +1,4 @@
+/* Algemeen stijlen */
 body {
     font-family: Arial, sans-serif;
     margin: 0;
@@ -42,7 +43,7 @@ body {
 
 .menu-detail img {
     width: 70%;
-    max-width: 200px;
+    max-width: 300px;
     max-height: 400px;
     margin-bottom: 20px;
 }
@@ -66,4 +67,4 @@ footer {
     position: fixed;
     bottom: 0;
     width: 100%;
-}
\ No newline at end of file
+}