diff --git a/website/kleurengebruik/kleur layout b/website/kleurengebruik/kleur layout
new file mode 100644
index 0000000..bd1e420
--- /dev/null
+++ b/website/kleurengebruik/kleur layout	
@@ -0,0 +1,3 @@
+#676767
+#ffffff
+#F56E28
\ No newline at end of file
diff --git a/website/media/logo-mees-catering-black.svg b/website/media/logo-mees-catering-black.svg
new file mode 100644
index 0000000..002f52a
--- /dev/null
+++ b/website/media/logo-mees-catering-black.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 248 103" style="enable-background:new 0 0 248 103;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<g>
+				<g>
+					<path d="M139,97.5c-0.9,0.4-1.8,0.6-2.8,0.6c-3.1,0-5.1-1.9-5.1-4.9c0-3,2.1-5,5.2-5c1,0,1.8,0.2,2.8,0.6V90
+						c-0.9-0.5-1.7-0.7-2.7-0.7c-2.4,0-3.9,1.5-3.9,3.8c0,2.4,1.5,3.9,3.9,3.9c1,0,1.8-0.2,2.7-0.7V97.5z"/>
+					<path d="M146.6,97.6c0.9-2.5,2.1-5.5,3.6-8.9l0.1-0.3h1.5l0.1,0.3c1.2,2.9,2.2,5.6,3.3,8.9l0.1,0.4h-1.5l-0.1-0.2
+						c-0.3-0.9-0.5-1.6-1-2.9l-0.1-0.2H149l-0.1,0.2c-0.3,0.9-0.8,2.1-1,2.9l-0.1,0.2h-1.4L146.6,97.6z M152.4,93.6l-0.1-0.3
+						c-0.3-0.8-0.4-1.2-0.6-1.8c-0.2-0.6-0.4-1.1-0.5-1.4l-0.2-0.5l-0.2,0.5l-0.4,1c0,0.1-0.1,0.2-0.3,0.7c-0.1,0.3-0.2,0.6-0.3,0.9
+						c-0.1,0.4-0.2,0.5-0.3,0.7l-0.1,0.4H152.4z"/>
+					<path d="M165.6,89.5h-3.3v-1.1h7.8v1.1H167V98h-1.3V89.5z"/>
+					<path d="M178.1,88.4h5.6v1.1h-4.2v2.9h4.1v1.1h-4.1v3.3h4.3V98h-5.7V88.4z"/>
+					<path d="M192,88.4l0.2,0c0.7-0.1,1.6-0.1,2.2-0.1c1.2,0,2,0.2,2.7,0.6c0.7,0.5,1.1,1.2,1.1,2.1c0,0.8-0.3,1.6-0.9,2
+						c-0.3,0.2-0.6,0.4-1.2,0.6l0.2,0.2c0.8,1,1.5,1.9,2.4,3c0.2,0.3,0.6,0.6,0.8,0.9c0.1,0.1,0.2,0.2,0.3,0.3H198
+						c-0.2-0.2-0.3-0.3-0.5-0.6c-0.5-0.6-0.8-1-1.3-1.6c-0.2-0.2-0.4-0.5-0.7-0.9c-0.3-0.4-0.5-0.6-0.6-0.8l-0.1-0.2
+						c-0.2,0-0.4,0-0.5,0c-0.1,0-0.4,0-0.6,0h-0.2V98H192V88.4z M193.4,92.8h0.2c0.3,0.1,0.5,0.1,0.7,0.1c0.8,0,1.3-0.1,1.7-0.3
+						c0.5-0.3,0.8-0.8,0.8-1.5c0-1.2-0.8-1.8-2.3-1.8c-0.3,0-0.6,0-1.1,0.1V92.8z"/>
+					<path d="M207.3,88.4h1.3V98h-1.3V88.4z"/>
+					<path d="M217.3,88.4h1.3c0.3,0,0.5,0.1,0.6,0.3l4.2,6.6c0.3,0.4,0.5,0.8,0.8,1.8c-0.1-0.9-0.2-1.3-0.2-1.9v-6.8h1.3V98h-1.3
+						c-0.3,0-0.5-0.1-0.6-0.3l-4.2-6.7c-0.3-0.4-0.5-0.8-0.8-1.7c0.1,0.9,0.2,1.3,0.2,1.9V98h-1.3V88.4z"/>
+					<path d="M238.6,93.4h3.3v4.3c-1.1,0.3-2.1,0.4-3,0.4c-1.5,0-2.7-0.4-3.6-1.1c-1.1-0.9-1.7-2.3-1.7-3.8c0-3,2.1-5,5.4-5
+						c1,0,1.9,0.2,2.9,0.6V90c-0.9-0.5-1.8-0.7-2.8-0.7c-2.5,0-4,1.5-4,3.9c0,1.2,0.4,2.2,1.1,2.8c0.7,0.7,1.6,1,2.9,1
+						c0.6,0,1.1-0.1,1.6-0.1v-2.3h-2.1V93.4z"/>
+				</g>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path d="M76.1,71.1H60.7V33.7h-5.1v37.4H40.2V33.7H35v37.4H19.6V19.7h25.7v9.3h5.1v-9.3h25.7V71.1z M126.9,71.1H80.7V19.7h46.2
+					v14H96.1v4.7h20.5v14H96.1v4.7h30.8V71.1z M177.7,71.1h-46.2V19.7h46.2v14h-30.8v4.7h20.5v14h-20.5v4.7h30.8V71.1z M228.4,71.1
+					h-46.2v-14H213v-4.7h-30.8V19.7h46.2v14h-30.8v4.7h30.8V71.1z"/>
+				<path d="M14,14.2h220v62.5H14V14.2z M5.9,84.8h236.3V6H5.9V84.8z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/website/script.js b/website/script.js
index 251b53b..af763e8 100644
--- a/website/script.js
+++ b/website/script.js
@@ -26,7 +26,7 @@ function showCategory(category) {
             { title: "Cola cherry", imageSrc: "https://media.spar.nl/productdetail/coca-cola-cherry-blik-250-ml-250-Milliliter-9192923-151796.jpg", price: 1.80 },
             { title: "Cola", imageSrc: "https://media.spar.nl/productdetail/coca-cola-original-250-Milliliter-9192888-151953.jpg", price: 1.80 },
             { title: "Sprite", imageSrc: "https://th.bing.com/th/id/OIP.K5tBIkwpcNJUUCUBfaoGdgHaHa?w=218&h=218&c=7&r=0&o=5&dpr=1.3&pid=1.7", price: 1.80 },
-            { title: "Dr pepper", imageSrc: "https://www.bing.com/th?id=OPEC.8DTS8HocWRMbnw474C474&o=5&pid=21.1&w=160&h=272&qlt=100&dpr=1,3&pcl=f5f5f5", price: 1.80 },
+            { title: "Dr pepper", imageSrc: "https://www.kantinewinkel.nl/media/cache/gallery_main/product/7091/dr-pepper-blik-24-x-33-cl.jpg", price: 1.80 },
             { title: "Fanta orange original", imageSrc: "https://media.spar.nl/product/fanta-orange-original-330-Milliliter-9192913-155864.jpg", price: 1.80 },
             { title: "Fanta orange zero", imageSrc: "https://media.spar.nl/product/fanta-orange-zero-250-Milliliter-9197230-157232.jpg", price: 1.80 },
             { title: "Fanta exotic zero", imageSrc: "https://media.spar.nl/product/fanta-exotic-zero-250-Milliliter-9192899-152006.jpg", price: 1.80 },
@@ -35,6 +35,7 @@ function showCategory(category) {
     } else if (category === 'Warme-Dranken') {
         items = [
             { title: "Chocomel", imageSrc: "media/chocomel.jpg", price: 1.00 },
+            { title: "Chocomel met slagroom", imageSrc: "media/chocomel.jpg", price: 1.25 },
             { title: "Koffie", imageSrc: "media/koffie.jpg", price: 1.50 },
             { title: "Thee", imageSrc: "media/thee.jpg", price: 1.50 },
         ];
diff --git a/website/style.css b/website/style.css
index 0e843f4..b3fe780 100644
--- a/website/style.css
+++ b/website/style.css
@@ -92,10 +92,11 @@ body {
 }
 
 .close {
+    color: red;
     position: absolute;
-    top: 10px;
-    right: 20px;
-    font-size: 30px;
+    top: 80px;
+    right: 450px;
+    font-size: 40px;
     font-weight: bold;
     cursor: pointer;
 }