Created Search files

DiksonIvySon · Oct 15, 2023 · 9b7b57a · 9b7b57a
1 parent 4d565f6
commit 9b7b57a
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 1 deletion.
diff --git a/foodRecipes/index.html b/foodRecipes/index.html
@@ -17,7 +17,8 @@ <h1><strong>foodRecipes</strong></h1>
                     <li><a href="index.html"><strong>Home</strong></a></li>
                     <li><a href="herbyFish.html"><strong>Herby Fish</strong></a></li>           
                     <li><a href="spaghetti.html"><strong>Spaghetti</strong></a></li>            
-                    <li><a href="burger.html"><strong>Burger</strong></a></li>          
+                    <li><a href="burger.html"><strong>Burger</strong></a></li>  
+                    <li><a href="search.html"><strong>search</strong></a></li>         
                 </ul>
             </div>
         </nav>

diff --git a/foodRecipes/search.css b/foodRecipes/search.css
@@ -0,0 +1,22 @@
+body {
+    margin-inline: 80px;
+}
+
+.heading {
+    text-align: center;
+    font-weight: 800;
+}
+
+.banner {
+    background-color: #113e21;
+    padding: 10px;
+    color: #fff;
+}
+
+.para {
+    text-align: center;
+}
+
+.searchForm {
+    text-align: center;
+}
diff --git a/foodRecipes/search.html b/foodRecipes/search.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Food Recipes</title>
+    <link rel="stylesheet" href="search.css">
+</head>
+<body>
+    <div>
+        <h1 class="heading">Find the best meal recipes!!</h1>
+        <div class="banner">
+            <p class="para">When you need to feed the family or kids, these are the easy dinner recipes 
+                you turn to time and time again. With lots of healthy, quick, vegetarian, 
+                chicken, and budget-friendly ideas, there's something for everyone..
+            </p>
+            <form action="#" class="searchForm">
+                <input type="text" id="search" name="search" placeholder="Search" required>
+            </form>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/weatherApp/icons/car.png - Shortcut.lnk b/weatherApp/icons/car.png - Shortcut.lnk