diff --git a/bun.lockb b/bun.lockb
index 249bdc9..3734195 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index d2db32a..0bc17fb 100644
--- a/package.json
+++ b/package.json
@@ -28,12 +28,15 @@
"@angular/cli": "^18.2.3",
"@angular/compiler-cli": "^18.2.3",
"@types/jasmine": "~5.1.0",
+ "autoprefixer": "^10.4.20",
"jasmine-core": "~5.1.0",
"karma": "~6.4.0",
"karma-chrome-launcher": "~3.2.0",
"karma-coverage": "~2.2.0",
"karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "~2.1.0",
+ "postcss": "^8.4.49",
+ "tailwindcss": "^3.4.15",
"typescript": "~5.5.2"
}
}
diff --git a/public/assets/img/1.jpg b/public/assets/img/1.jpg
new file mode 100644
index 0000000..cbe7fae
Binary files /dev/null and b/public/assets/img/1.jpg differ
diff --git a/public/assets/img/2.jpg b/public/assets/img/2.jpg
new file mode 100644
index 0000000..220e777
Binary files /dev/null and b/public/assets/img/2.jpg differ
diff --git a/public/assets/img/3.jpg b/public/assets/img/3.jpg
new file mode 100644
index 0000000..40ca2dc
Binary files /dev/null and b/public/assets/img/3.jpg differ
diff --git a/public/assets/img/4.jpg b/public/assets/img/4.jpg
new file mode 100644
index 0000000..f5401fb
Binary files /dev/null and b/public/assets/img/4.jpg differ
diff --git a/public/assets/img/5.jpg b/public/assets/img/5.jpg
new file mode 100644
index 0000000..73fbfa6
Binary files /dev/null and b/public/assets/img/5.jpg differ
diff --git a/src/app/service/HotelData.service.ts b/src/app/service/HotelData.service.ts
index 755b4c1..a27ba20 100644
--- a/src/app/service/HotelData.service.ts
+++ b/src/app/service/HotelData.service.ts
@@ -10,7 +10,7 @@ export class HotelDataService implements InMemoryDbService{
"hotelName": "Buea süßes Leben",
"description": "Schöne Aussicht am Meer",
"price": 230.5,
- "imageUrl": "assets/img/heisenberg.jpg",
+ "imageUrl": "assets/img/1.jpg",
"rating": 3.5,
"tags": ["Meer", "Berge"]
},
@@ -19,7 +19,7 @@ export class HotelDataService implements InMemoryDbService{
"hotelName": "Marrakesch",
"description": "Genießen Sie den Blick auf die Berge",
"price": 145.5,
- "imageUrl": "assets/img/kjan.png",
+ "imageUrl": "assets/img/2.jpg",
"rating": 5,
"tags": ["Meer", "Berge"]
},
@@ -28,7 +28,7 @@ export class HotelDataService implements InMemoryDbService{
"hotelName": "Abuja neuer Palast",
"description": "Kompletter Aufenthalt mit Autoservice",
"price": 120.12,
- "imageUrl": "assets/img/huy.png",
+ "imageUrl": "assets/img/3.jpg",
"rating": 4,
"tags": ["Meer", "Berge"]
},
@@ -37,7 +37,7 @@ export class HotelDataService implements InMemoryDbService{
"hotelName": "OUR Hotel",
"description": "Wunderschönes Ambiente für Ihren Aufenthalt",
"price": 135.12,
- "imageUrl": "assets/img/rat.png",
+ "imageUrl": "assets/img/4.jpg",
"rating": 2.5,
"tags": ["Meer", "Berge"]
}
diff --git a/src/index.html b/src/index.html
index 808857f..33713b6 100644
--- a/src/index.html
+++ b/src/index.html
@@ -10,7 +10,7 @@
-
+
diff --git a/src/styles.css b/src/styles.css
index 90d4ee0..d3a1a9a 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1 +1,4 @@
/* You can add global styles to this file, and also import other style files */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..5e905de
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,10 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: [
+ "./src/**/*.{html,ts}",
+ ],
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+}