diff --git a/searchReceipe.html b/searchReceipe.html
new file mode 100644
index 0000000..75290d7
--- /dev/null
+++ b/searchReceipe.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+    </head>
+
+    <body>
+        <h2>Search Recipe</h2>
+        <input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for recipe.." title="Type in a name">
+        <ul id="myUL">
+            <li>
+                <div style="width: 100%;height: 100%;background-repeat: repeat-y;background-repeat: repeat-x;background-size: cover;background-image: url('http://img.recipepuppy.com/560556.jpg');">
+                    <!-- <img src="http://img.recipepuppy.com/560556.jpg" /> -->
+                </div>    
+            </li>
+            <li>
+                <div style="width: 100%;height: 100%;background-repeat: repeat-y;background-repeat: repeat-x;background-size: cover;background-image: url('http://img.recipepuppy.com/560556.jpg');">
+                        <!-- <img src="http://img.recipepuppy.com/560556.jpg" /> -->
+                </div>    
+            </li>
+        </ul>
+    </body>
+</html>
