Add files via upload

avantika-rawat · Aug 26, 2024 · 23971bf · 23971bf
commit 23971bf
Show file tree

Hide file tree

Showing 6 changed files with 36 additions and 0 deletions.
diff --git a/assets/Image.png b/assets/Image.png
diff --git a/assets/cart.png b/assets/cart.png
diff --git a/assets/grocery-image.png b/assets/grocery-image.png
diff --git a/assets/logo.png b/assets/logo.png
diff --git a/index.htm b/index.htm
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <title>Tailwind project</title>
+</head>
+<body>
+<div class="container min-h-screen bg-[url(./assets/image.png)] bg-center bg-cover px-28 py-5 relative">
+    <nav class="flex items-center">
+        <img class="w-40 cursor-pointer" src="./assets/logo.png" alt="logo">
+        <ul class="flex-1 text-center">
+            <li class="list-none inline-block px-5"><a class="no-underline text-white px-2" href="#">Home</a></li>
+            <li class="list-none  inline-block px-5"><a class="no-underline text-white px-2" href="#">About</a></li>
+            <li class="list-none  inline-block px-5"><a  class="no-underline text-white px-2"href="#">Features</a></li>
+            <li class="list-none  inline-block px-5"><a  class="no-underline text-white px-2" href="#">Contact</a></li>
+        </ul>
+        <img class ="w-8 cursor-pointer" src="./assets/cart.png" alt="cart">
+    </nav>
+    <div class="text-white mt-48 max-w-xl">
+        <h1 class="text-6xl font-semibold leading-normal">Groceries<br> Delivery in <span class="font-light">15mins</span> </h1>
+        <p>Grocify offers a wide range of products,including fresh products such as meat, diary, baked goods and perishable items.</p>
+
+        <div class="mt-10">
+            <a class="bg-yellow-300 rounded-3xl py-3 px-8 font-medium inline-block mr-4 hover:bg-transparent hover:border-yellow-300 hover:text-white duration-300 hover:border border border-transparent" href="#">Order Now!</a>
+            <a class="" href="#">Download Now! <span class="text-lg inline-block rotate-90">  &#10148</span></a>
+        </div>
+
+    </div>
+   <div>
+    <img src="./assets/grocery-image.png" class="w-full xl:w-1/2 xl:absolute bottom-0 right-20">
+   </div>
+</div>
+</body>
+</html>
diff --git a/tailwind.config.js b/tailwind.config.js