diff --git a/images/burger.avif b/images/burger.avif
new file mode 100644
index 0000000..4e5a24f
Binary files /dev/null and b/images/burger.avif differ
diff --git a/images/fries.avif b/images/fries.avif
new file mode 100644
index 0000000..0885f21
Binary files /dev/null and b/images/fries.avif differ
diff --git a/images/salad.avif b/images/salad.avif
new file mode 100644
index 0000000..c1f04bb
Binary files /dev/null and b/images/salad.avif differ
diff --git a/index.html b/index.html
index 4271881..d1fa44a 100644
--- a/index.html
+++ b/index.html
@@ -1,29 +1,49 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Culinary Chronicles </title>
-</head>
-<body>
-    <h1>Culinary Chronicles: Showcasing the Best Food in the World</h1>
-    <h3>A website by: PARTNER 1 & PARTNER 2</h3>
-
-    <!-- Create a list of your favorite cuisines and pictures -->
-
-
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="style.css" />
+    <title>Culinary Chronicles</title>
+  </head>
+  <body>
+    <h1 class="main-title">
+      Culinary Chronicles: Showcasing the Best Food in the World
+    </h1>
+    <h3 class="main-subtitle">A website by: Natalia & Alex</h3>
+
+    <div id="cuisine">
+      <h3 class="title">Our favorite cuisine</h3>
+      <ol start="1">
+        <li>Mexican</li>
+        <li>Lebanese</li>
+        <li>Italian</li>
+        <li>Korean</li>
+      </ol>
+    </div>
+    <div id="favorite">
+      <h3 class="title">Our favorite recipes</h3>
+      <ul>
+        <li>
+          <a href="https://www.allrecipes.com/recipe/72657/best-hamburger-ever/"
+            >Burger</a
+          >
+          <img src="images\burger.avif" alt="Burger" />
+        </li>
+        <li>
+          <a href="https://therecipecritic.com/loaded-fries/">Loaded Fries</a>
+          <img src="images\fries.avif" alt="Fries" />
+        </li>
+        <li>
+          <a href="https://www.acouplecooks.com/best-salad-recipes/">Salad</a>
+          <img src="images\salad.avif" alt="Salad" />
+        </li>
+      </ul>
+    </div>
 
     <!-- Create a list of your favorite dishes with pictures -->
 
-
-
-
     <!-- Create a list of recipes with links to sites that provide the recipe -->
-
-
-
-
-
-</body>
-</html>
\ No newline at end of file
+  </body>
+</html>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..f7ba93f
--- /dev/null
+++ b/style.css
@@ -0,0 +1,30 @@
+body {
+  background-color: black;
+  color: white;
+  padding: 3rem;
+}
+
+.main-title,
+.main-subtitle {
+  text-align: center;
+}
+
+ul {
+  display: flex;
+  list-style: none;
+  justify-content: space-evenly;
+  gap: 2rem;
+}
+
+ul a {
+  text-decoration: none;
+  color: inherit;
+}
+
+img {
+  width: 100%;
+  height: 100%;
+  border-radius: 10px;
+  aspect-ratio: 1 / 1;
+  margin-top: 5px;
+}
