diff --git a/app/css/main.css b/app/css/main.css
index 322f9d0..a4c492a 100644
--- a/app/css/main.css
+++ b/app/css/main.css
@@ -1,5 +1,61 @@
-html,
 body {
+  font-family: Arial, sans-serif;
   margin: 0;
-  background-color: #444444;
+  padding: 0;
+  background-color: #c2eafc;
+  color: #00171f;
+}
+
+header {
+  background-color: #003459;
+  outline: 5px solid black;
+  color: #ffffff;
+  padding: 1px;
+  text-align: center;
+}
+
+.flex-container {
+  width: 80%;
+  margin: auto;
+  padding: 20px;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.listing {
+  background-color: #ffffff;
+  outline: 2px solid black;
+  border: 1px solid #007ea7;
+  padding: 10px;
+  margin-bottom: 30px;
+}
+
+footer {
+  background-color: #007ea7;
+  outline: 5px solid black;
+  color: #ffffff;
+  padding: 10px;
+  text-align: center;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+}
+
+button {
+  background-color: #00a8e8;
+  color: #ffffff;
+  padding: 10px 20px;
+  border: none;
+  cursor: pointer;
+}
+
+button:hover {
+  background-color: #003459;
+}
+
+img {
+  border: 3px solid #000000;
+  margin: Auto;
+  position: relative;
+  right: 3px;
 }
diff --git a/app/img/ferienwohnung_am_see.jpg b/app/img/ferienwohnung_am_see.jpg
new file mode 100644
index 0000000..c8dd10c
Binary files /dev/null and b/app/img/ferienwohnung_am_see.jpg differ
diff --git a/app/img/luxusvilla_berge.jpg b/app/img/luxusvilla_berge.jpg
new file mode 100644
index 0000000..b6bb3d3
Binary files /dev/null and b/app/img/luxusvilla_berge.jpg differ
diff --git a/app/index.html b/app/index.html
index 97e9dbd..52746d4 100644
--- a/app/index.html
+++ b/app/index.html
@@ -4,9 +4,61 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="css/main.css" />
-    <title>Ferienwohnung</title>
+    <title>Ferienwohnung Vermietung</title>
   </head>
+
   <body>
-    <h1>hallo</h1>
+    <header>
+      <h1>Ferienwohnung Vermietung</h1>
+    </header>
+
+    <div class="container">
+      <div class="listing">
+        <area />
+        <img
+          src="img/ferienwohnung_am_see.jpg"
+          alt="Ferienwohnung am See"
+          style="width: 100%"
+        />
+        <h2>Ferienwohnung am See</h2>
+        <p>
+          Genießen Sie einen erholsamen Aufenthalt in unserer charmanten
+          Ferienwohnung direkt am See. Die Wohnung bietet Platz für bis zu 4
+          Personen und verfügt über eine voll ausgestattete Küche, ein
+          gemütliches Wohnzimmer und einen Balkon mit Blick auf den See.
+        </p>
+        <p>Preis pro Nacht: 100€</p>
+        <button>Buchen</button>
+      </div>
+
+      <div class="listing">
+        <img
+          src="img/luxusvilla_berge.jpg"
+          alt="Luxusvilla in den Bergen"
+          style="width: 100%"
+        />
+        <h2>Luxusvilla in den Bergen</h2>
+        <p>
+          Entfliehen Sie dem Alltag und verbringen Sie Ihren Urlaub in unserer
+          luxuriösen Villa hoch in den Bergen. Die Villa bietet Platz für bis zu
+          8 Personen und verfügt über einen eigenen Pool, eine Sauna und einen
+          atemberaubenden Blick auf die Berglandschaft.
+        </p>
+        <p>Preis pro Nacht: 300€</p>
+        <button>Buchen</button>
+      </div>
+
+      <div class="listing">
+        <img
+          src="img/luxusvilla_berge.jpg"
+          alt="Luxusvilla in den Bergen"
+          style="width: 100%"
+        />
+      </div>
+    </div>
+
+    <footer>
+      <p>&copy; 2024 Fortnite GmbH. Alle Rechte vorbehalten.</p>
+    </footer>
   </body>
 </html>
