Add files via upload

TheCoadingHub · Aug 27, 2024 · ecf656c · ecf656c
1 parent 1e15733
commit ecf656c
Show file tree

Hide file tree

Showing 13 changed files with 486 additions and 0 deletions.
diff --git a/amazon_logo.png b/amazon_logo.png
diff --git a/box1.jpg b/box1.jpg
diff --git a/box1_image.jpg b/box1_image.jpg
diff --git a/box2_image.jpg b/box2_image.jpg
diff --git a/box3_image.jpg b/box3_image.jpg
diff --git a/box4_image.jpg b/box4_image.jpg
diff --git a/box5_image.jpg b/box5_image.jpg
diff --git a/box6_image.jpg b/box6_image.jpg
diff --git a/box7_image.jpg b/box7_image.jpg
diff --git a/box8_image.jpg b/box8_image.jpg
diff --git a/hero_image.jpg b/hero_image.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,211 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<link rel="stylesheet" href="style.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+    integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+<body>
+    <header>
+        <div class="navbar">
+            <div class="nav-logo border">
+                <div class="logo"></div>
+            </div>
+            <div class="nav-address border">
+                <p class="add-first">Deliver to</p>
+                <div class="add-icon">
+                    <i class="fa-solid fa-location-dot"></i>
+                    <p class="add-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="lang">
+                <div class="lan-Eng">
+                    <i class="fa-solid fa-language"></i>
+                    ENG
+                </div>
+            </div>
+
+
+            <div class="nav-signin border">
+                <p><span>Hello,Sign in</span></p>
+                <p class="nav-second">Account & list</p>
+            </div>
+
+            <div class="nav-return border">
+                <p><span>Return</span></p>
+                <p class="nav-second">& 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>Costomer Service</p>
+                <p>Registry</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>Click here to go to amazon.in</a> </p>
+        </div>
+    </div>
+    <div class="shop-section">
+        <div class="box1 box">
+            <div class="box-content">
+                <h2>Refresh your space</h2>
+                <div class="box-img" style="background-image: url('box1_image.jpg');"></div>
+                <p>See More</p>
+            </div>
+
+        </div>
+        <div class="box2 box">
+            <div class="box-content">
+                <h2>Health & Personal Care</h2>
+                <div class="box-img" style="background-image: url('box2_image.jpg');"></div>
+                <p>See More</p>
+            </div>
+        </div>
+        <div class="box3 box">
+            <div class="box-content">
+                <h2>homes & Furniture</h2>
+                <div class="box-img" style="background-image: url('box3_image.jpg');"></div>
+                <p>See More</p>
+            </div>
+        </div>
+        <div class="box4 box">
+            <div class="box-content">
+                <h2>Amazon Gadget Store</h2>
+                <div class="box-img" style="background-image: url('box4_image.jpg');"></div>
+                <p>See More</p>
+            </div>
+        </div>
+        <div class="box1 box">
+            <div class="box-content">
+                <h2>makeup</h2>
+                <div class="box-img" style="background-image: url('box5_image.jpg');"></div>
+                <p>See More</p>
+            </div>
+
+        </div>
+        <div class="box2 box">
+            <div class="box-content">
+                <h2>Pets Care</h2>
+                <div class="box-img" style="background-image: url('box6_image.jpg');"></div>
+                <p>See More</p>
+            </div>
+        </div>
+        <div class="box3 box">
+            <div class="box-content">
+                <h2>Toys under100</h2>
+                <div class="box-img" style="background-image: url('box7_image.jpg');"></div>
+                <p>See More</p>
+            </div>
+        </div>
+        <div class="box4 box">
+            <div class="box-content">
+                <h2>Shop deals in Fashion</h2>
+                <div class="box-img" style="background-image: url('box1.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 Business </a>
+                    <a> Sell apps on Amazon </a>
+                    <a> Become an Affiliate </a>
+                    <a> Advertise Your Products </a>
+                    <a> Self-Publish with Us </a>
+                    <a>Host an Amazon Hub</a>
+                    <a>See More Make Money with Us</a>
+
+
+            </ul>
+            <ul>
+                <p> Amazon Payment Products<p>
+                    <a> Amazon Business Card </a>
+                    <a> Shop with Points </a>
+                    <a> Reload Your Balance </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 & Policies </a>
+                    <a>Returns & Replacements</a>
+                    <a> Manage Your Content and Devices </a>
+                    <a>Amazon Assistant Help</a>
+            </ul>
+        </div>
+        <div class="foot-panel3">
+            <div class="logo"></div>
+        </div>
+        <div class="foot-panel4">
+            <div class="pages">
+                <a> Conditions Of uses</a>
+                <a> Privacy Notices</a>
+                <a>Your adds Privacy Choices</a>
+            </div>
+            <div class="copyright">
+                © 1996-2024, Amazon.com, Inc. or its affiliates
+            </div>
+        </div>
+    </footer>
+
+
+</body>
+
+</html>