Add 4 more pages for different recipes

Delta-43 · Jul 13, 2024 · e6dec89 · e6dec89
1 parent d180e30
commit e6dec89
Show file tree

Hide file tree

Showing 5 changed files with 50 additions and 7 deletions.
diff --git 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>
diff --git a/recipes/cake.html 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>
diff --git a/recipes/chocolate-pudding.html 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>
diff --git 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>
diff --git a/recipes/turkish-sutlac.html 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>