Add files via upload

jalajk3004 · Jan 11, 2024 · a9b9402 · a9b9402
1 parent e548ec6
commit a9b9402
Show file tree

Hide file tree

Showing 12 changed files with 443 additions and 0 deletions.
diff --git a/1.jpg b/1.jpg
diff --git a/2.jpg b/2.jpg
diff --git a/3.jpg b/3.jpg
diff --git a/4.jpg b/4.jpg
diff --git a/5.jpg b/5.jpg
diff --git a/6.jpg b/6.jpg
diff --git a/7.jpg b/7.jpg
diff --git a/8.jpg b/8.jpg
diff --git a/amazin logo.png b/amazin logo.png
diff --git a/index.html b/index.html
@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Amazon</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="/style.css">
+
+</head>
+<body>
+    <header>
+        <div class="navbar">
+            <div class="nav-logo border">
+                <div class="logo"></div>
+            </div>
+            <div class="address border">
+                <p class="first"> Deliver to</p>
+                <div class="add-icon">
+                    <i class="fa-solid fa-location-dot"></i>
+                    <p class="second">India</p>
+                </div>
+            </div>
+            <div class="nav-search">
+                <select class="search-select">
+                    <option>
+                        All
+                    </option>
+                </select>
+                <input placeholder="Search Amazon" class="search-input">
+                <div class="search-icon">
+                    <i class="fa-solid fa-magnifying-glass"></i>
+                </div>
+            </div>
+            <div class="nav-signin border">
+                <p><span>Hello, sign in</span></p>
+                <p class="navsecond">Account & lists</p>
+            </div>
+            <div class="nav-returns border">
+                <p><span>Returns</span></p>
+                <p class="navsecond">& Orders</p>
+            </div>
+            <div class="nav-cart border">
+                <i class="fa-solid fa-cart-shopping"></i>
+                Cart
+            </div>
+        </div>
+        <div class="panel">
+            <div class="panel-all">
+                <i class="fa-solid fa-bars"></i>
+                All
+            </div>
+            <div class="panel-ops">
+                <p>Today's deals</p>
+                <p>Customer Services</p>
+                <p>Registory</p>
+                <p>Gift cards</p>
+                <p>Sell</p>
+
+            </div>
+            <div class="panel-deals">
+                Shop deals in Electronics
+            </div>
+        </div>
+    </header>
+    <div class="hero-section">
+        <div class="hero-msg">
+            <p>You are on amazon.com. You can also shop on Amazon India for millions of products with fast local delivery.<a href="https://www.amazon.in/">Click here to go to amazon.in</a></p>
+        </div>
+    </div>
+
+    <div class="shop-section">
+        <div class="box">
+            <div class="box-content">
+                <h2>Clothes</h2>
+                <div class="box-img" style="background-image: url('1.jpg');"></div>
+                <p>See more</p> 
+            </div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <h2>Phone assesscory</h2>
+                <div class="box-img" style="background-image: url('2.jpg');"></div>
+                <p>See more</p> 
+            </div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <h2>Furniture</h2>
+                <div class="box-img" style="background-image: url('3.jpg');"></div>
+                <p>See more</p> 
+            </div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <h2>Electronics</h2>
+                <div class="box-img" style="background-image: url('4.jpg');"></div>
+                <p>See more</p> 
+            </div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <h2>Plants</h2>
+                <div class="box-img" style="background-image: url('5.jpg');"></div>
+                <p>See more</p> 
+            </div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <h2>Women wears</h2>
+                <div class="box-img" style="background-image: url('6.jpg');"></div>
+                <p>See more</p> 
+            </div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <h2>Footwears</h2>
+                <div class="box-img" style="background-image: url('7.jpg');"></div>
+                <p>See more</p> 
+            </div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <h2>Health & personal care</h2>
+                <div class="box-img" style="background-image: url('8.jpg');"></div>
+                <p>See more</p> 
+            </div>
+        </div>
+    </div>
+    <footer>
+        <div class="foot-panel1">
+            Back to Top
+        </div>
+        <div class="foot-panel2">
+            <ul>
+                <p>Get to know us</p>
+                <a>Careers</a>
+                <a>Blog</a>
+                <a>About Amazon</a>
+                <a>Investor Relations</a>
+                <a>Amazon Devices</a>
+                <a>Amazon science</a>
+            </ul>
+            <ul>
+                <p>Make money with us</p>
+                <a>Sell products on Amazon</a>
+                <a>sell on amazon buisness</a>
+                <a>sell app on Amazon</a>
+                <a>Become an affiliate</a>
+                <a>Adertise your products</a>
+                <a>Self-publish with us</a>
+            </ul>
+            <ul>
+                <p>Amazon Payment Products</p>
+                <a>Amazon buisness card</a>
+                <a>Shop with points</a>
+                <a>Reload your Balance</a>
+                <a>Investor Relations</a>
+                <a>Amazon currency converter</a>
+            </ul>
+            <ul>
+                <p>Let us help you</p>
+                <a>Amazon and covid 19</a>
+                <a>Your Account</a>
+                <a>Your Orders</a>
+                <a>Shipping rates and policies</a>
+                <a>Return and replacements</a>
+                <a>Help</a>
+            </ul>
+        </div>
+
+        <div class="foot-panel3">
+            <div class="logo"></div>
+        </div>
+        <div class="foot-panel4">
+            <div class="pages">
+                <a>Condition of ise</a>
+                <a>Privacy notice</a>
+                <a>your ads privacy chouces</a>
+            </div>
+            <div class="copyright">
+                © 1996-2024, Amazon.com, Inc. or its affiliates
+            </div>
+        </div>
+
+    </footer>
+
+</body>
+</html>
+
diff --git a/main.jpg b/main.jpg