Add files via upload

ayesha-quazi · Sep 14, 2023 · f97127e · f97127e
1 parent 9aeb3fd
commit f97127e
Show file tree

Hide file tree

Showing 11 changed files with 468 additions and 0 deletions.
diff --git a/Beauty products.jpg b/Beauty products.jpg
diff --git a/Clothes.jpeg b/Clothes.jpeg
diff --git a/Electronics.jpg b/Electronics.jpg
diff --git a/Furniture.jpg b/Furniture.jpg
diff --git a/Personal care.jpg b/Personal care.jpg
diff --git a/Pet's care.jpg b/Pet's care.jpg
diff --git a/Toys.jpg b/Toys.jpg
diff --git a/amazon_logo.png b/amazon_logo.png
diff --git a/hero_img.jpg b/hero_img.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,192 @@
+<!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.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" 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="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-sec">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="nav-second">Account & Lists</p>
+        </div>
+
+        <div class="nav-return border">
+            <p><span>Returns</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>Customer Service</p>
+        <p>Register</p>
+        <p>Gift Cards</p>
+        <p>Sell</p>
+    </div>
+
+    <div class="panel-deals">
+        Shop deals in Electronics
+    </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=" box">
+            <div class="box-content">
+             <h2>Clothes</h2>
+              <div class="box-img"     style="background-image:   url('Clothes.jpeg');">   </div>
+             <p>See more</p>
+            </div>
+            <!-- IMP PNT: here v've to add double quotes in style("") and inside the url('') v've to use single quotes -->
+
+        </div>
+        <div class=" box">
+            <div class="box-content">
+                <h2>Personal Care</h2>
+                 <div class="box-img"     style="background-image:   url('Personal\ care.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('Furniture.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('Electronics.jpg');">   </div>
+                <p>See more</p>
+               </div>
+
+
+              </div>
+            <div class=" box">
+                <div class="box-content">
+                    <h2>Beauty Picks </h2>
+                     <div class="box-img"     style="background-image:   url('Beauty\ products.jpg');">   </div>
+                    <p>See more</p>
+                   </div>
+            </div>
+            <div class=" box">
+                <div class="box-content">
+                    <h2>Pet's Care </h2>
+                     <div class="box-img"     style="background-image:   url('Pet\'s\ care.jpg');">   </div>
+                    <p>See more</p>
+                   </div>
+            </div>
+            <div class=" box">
+                <div class="box-content">
+                    <h2>New Arrived Toys</h2>
+                     <div class="box-img"     style="background-image:   url('Toys.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>About Us</a>
+               <a> Careers</a>
+               <a> Press Releases</a>                
+               <a>Amazon Science</a>
+            </ul>
+
+            <ul>
+                <p>Connect with Us</p>
+                <a>Facebook</a>
+                <a>Twitter</a>
+                <a>Instagram</a>
+            </ul>
+
+            <ul>
+               <p> Make Money with Us</p>
+                <a>Sell on Amazon</a>
+                <a>Sell under Amazon Accelerator</a>
+                <a>Protect and Build Your Brand</a>
+                <a>Amazon Global Selling</a>
+                <a>Become an Affiliate</a>
+                <a>Advertise Your Products</a>
+           </ul>
+
+           <ul>	
+             <p>Let Us Help You</p>
+             <a>COVID-19 and Amazon</a>
+             <a>Your Account</a>
+             <a>Returns Centre</a>
+             <a>100% Purchase Protection</a> 
+             <a>Amazon App Download</a> 
+             <a>Help</a> 
+           </ul>           
+        </div>
+
+        <div class="foot-panel3">
+            <div class="logo">  
+            </div>
+        </div>
+
+        <div class="foot-panel4">
+            <div class="pages">
+                <a>Conditions of Use</a>
+                <a>Privacy Notice</a>
+                <a> Your Ads Privacy Choices</a>
+            </div> 
+
+            <div class="copyright">
+                © 1996-2023, Amazon.com, Inc. or its affiliates
+            </div>
+        </div>
+    </footer>
+</body>
+</html>