From e6dec896311a044cbaadd98d343d1b6b57797876 Mon Sep 17 00:00:00 2001
From: "Delta._.43" <51291522+Delta-43@users.noreply.github.com>
Date: Sun, 14 Jul 2024 00:47:35 +0200
Subject: [PATCH] Add 4 more pages for different recipes

---
 index.html                     | 14 ++++++++------
 recipes/cake.html              | 13 +++++++++++++
 recipes/chocolate-pudding.html | 13 +++++++++++++
 recipes/ice-cream.html         |  4 +++-
 recipes/turkish-sutlac.html    | 13 +++++++++++++
 5 files changed, 50 insertions(+), 7 deletions(-)
 create mode 100644 recipes/cake.html
 create mode 100644 recipes/chocolate-pudding.html
 create mode 100644 recipes/turkish-sutlac.html
diff --git a/index.html b/index.html
index 3c62655..3fe5228 100644
--- a/index.html
+++ b/index.html
@@ -14,13 +14,15 @@ <h1 style="text-align:center;">Odin Recipes</h1>
         <div id="content-left" style="width: 600px; float: left;">
             <img src="./images/magic_cookbook.jpeg" alt="Cookbook image" height="600" width="600">
         </div>
-        <div id="content-right" style="border: 1px solid black; width: 1000px; float: right;">
-            <a href="./recipes/ice-cream.html">Ice-Cream</a>
+        <div id="content-right-top" style="height: 150px; width: 1000px; float: right;"></div>
+        <div id="content-right-middle" style="width: 900px; float: right;">
+            <ul>
+                <li><h3><a href="./recipes/ice-cream.html">Ice-Cream</a></h3></li>
+                <li><h3><a href="./recipes/cake.html">Cake</a></h3></li>
+                <li><h3><a href="./recipes/chocolate-pudding.html">Chocolate Pudding</a></h3></li>
+                <li><h3><a href="./recipes/turkish-sutlac.html">Turkish Sutlac</a></h3></li>
+            </ul>
         </div>
-    </div>
-
-
-
     </main>
 </body>
 </html>
\ No newline at end of file
diff --git a/recipes/cake.html b/recipes/cake.html
new file mode 100644
index 0000000..4d5d363
--- /dev/null
+++ b/recipes/cake.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Odin Recipes | Cake</title>
+</head>
+<body>
+    <header>
+        <h1 style="text-align:center;">Cake</h1>
+    </header>
+</body>
+</html>
\ No newline at end of file
diff --git a/recipes/chocolate-pudding.html b/recipes/chocolate-pudding.html
new file mode 100644
index 0000000..7ea745a
--- /dev/null
+++ b/recipes/chocolate-pudding.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Odin Recipes | Chocolate Pudding</title>
+</head>
+<body>
+    <header>
+        <h1 style="text-align:center;">Chocolate Pudding</h1>
+    </header>
+</body>
+</html>
\ No newline at end of file
diff --git a/recipes/ice-cream.html b/recipes/ice-cream.html
index 3912e33..eb73e23 100644
--- a/recipes/ice-cream.html
+++ b/recipes/ice-cream.html
@@ -6,6 +6,8 @@
     <title>Odin Recipes | Ice Cream</title>
 </head>
 <body>
-    <h1>Ice-Cream</h1>
+    <header>
+        <h1 style="text-align:center;">Ice Cream</h1>
+    </header>
 </body>
 </html>
\ No newline at end of file
diff --git a/recipes/turkish-sutlac.html b/recipes/turkish-sutlac.html
new file mode 100644
index 0000000..4fb1b66
--- /dev/null
+++ b/recipes/turkish-sutlac.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Odin Recipes | Turkish Sutlac</title>
+</head>
+<body>
+    <header>
+        <h1 style="text-align:center;">Turkish Sutlac</h1>
+    </header>    
+</body>
+</html>
\ No newline at end of file
