diff --git a/public/Cow_Eats_Cheeseburger_in_Netherlands.mp4 b/public/Cow_Eats_Cheeseburger_in_Netherlands.mp4
new file mode 100644
index 0000000..77c167e
Binary files /dev/null and b/public/Cow_Eats_Cheeseburger_in_Netherlands.mp4 differ
diff --git a/public/burger.webp b/public/burger.webp
deleted file mode 100644
index ec85d5f..0000000
Binary files a/public/burger.webp and /dev/null differ
diff --git a/public/burgerveggie.png b/public/burgerveggie.png
deleted file mode 100644
index 115e389..0000000
Binary files a/public/burgerveggie.png and /dev/null differ
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index 57614f9..0000000
Binary files a/public/favicon.ico and /dev/null differ
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..df7fa23
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/krabsburger.png b/public/krabsburger.png
new file mode 100644
index 0000000..c26ddbc
Binary files /dev/null and b/public/krabsburger.png differ
diff --git a/public/rindburger.png b/public/rindburger.png
new file mode 100644
index 0000000..2b4c1b5
Binary files /dev/null and b/public/rindburger.png differ
diff --git a/public/veggieburger.png b/public/veggieburger.png
new file mode 100644
index 0000000..c81c0c0
Binary files /dev/null and b/public/veggieburger.png differ
diff --git a/src/app/products.service.ts b/src/app/products.service.ts
index 6a5aa78..0fb373a 100644
--- a/src/app/products.service.ts
+++ b/src/app/products.service.ts
@@ -6,9 +6,9 @@ import { Injectable } from '@angular/core';
export class Products {
getProductList() {
return [
- { id: 1, name: 'Rindburger', price: 14.95, img: '/burger.webp' },
- { id: 2, name: 'Pouletburger', price: 16.95, img: '/burger.webp' },
- { id: 3, name: 'Veggieburger', price: 20.95, img: '/burgerveggie.png' },
+ { id: 1, name: 'Rindburger', price: 14.95, img: '/rindburger.png' },
+ { id: 2, name: 'Pouletburger', price: 16.95, img: '/krabsburger.png' },
+ { id: 3, name: 'Veggieburger', price: 20.95, img: '/veggieburger.png' },
];
}
}
diff --git a/src/app/productspage/productspage.html b/src/app/productspage/productspage.html
index a2840c7..dab13b6 100644
--- a/src/app/productspage/productspage.html
+++ b/src/app/productspage/productspage.html
@@ -1,3 +1,7 @@
+
+
+
Burgers
+
@for (item of productList; track $index) {
diff --git a/src/app/productspage/productspage.scss b/src/app/productspage/productspage.scss
index 47db7c6..a09504c 100644
--- a/src/app/productspage/productspage.scss
+++ b/src/app/productspage/productspage.scss
@@ -1,3 +1,19 @@
+.navbar {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+
+ img {
+ height: 40px;
+ }
+ h1 {
+ margin: 0;
+ font-size: 24px;
+ color: #333;
+ border-bottom: #333 2px solid;
+ }
+}
+
.products {
display: flex;
flex-wrap: wrap;
@@ -8,6 +24,6 @@
sdx-card {
height: auto;
- width: 75%;
+ object-fit: cover;
}
}
diff --git a/src/index.html b/src/index.html
index fcde19e..6045591 100644
--- a/src/index.html
+++ b/src/index.html
@@ -6,7 +6,7 @@
Burgerladen
-
+