!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Amazon Clone</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-adress border">
<p class="ads-up">deliver to</p>
<div class="ads-icon">
<i class="fa-solid fa-location-dot"></i>
<p class="ads-low">India</p>
</div>
</div>
<div class="nav-searchbar">
<select class="nav-op">
<option>All</option>
</select>
<input placeholder="Search Amazon" class="nav-input">
<div class="search-icon">
<i class="fa-solid fa-magnifying-glass"></i>
</div>
</div>
<div class="nav-text1 border">
<p class="ads-up">Hello,sign in</p>
<select class="nav-boxop1">
<option>Account & Lists</option>
</select>
</div>
<div class="nav-text2 border">
<p class="returns ads-up">Returns</p>
<p class="orders">& 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 border">
<i class="fa-solid fa-bars"></i>
All
</div>
<div class="panel-ops ">
<a class="border">Today's Deals</a>
<a class="border">Customer Service</a>
<a class="border">Registry</a>
<a class="border">Gift Cards</a>
<a class="border">Sell</a>
</div>
</div>
</header>
<div class="hero-section">
<div class="hero-masg">
<p class="heto-text1"> You are on amazon.com. You can also shop on Amazon India for millions of products with fast local delivery.<a href="https//:amazon.com" class="hero-text2">Click here to go to amazon.in</a></p>
</div>
</div>
<div class="shop-section">
<div class="box1 box">
<div class="box1-content">
<h2>Smartwatches</h2>
<div class="box1-img"></div>
<p Class="hero-text2">Shop now</p>
</div>
</div>
<div class="box2 box">
<div class="box1-content">
<h2>Refresh your space</h2>
<div class="box1-img" style="background-image: url('box1_image.jpg');"></div>
<p Class="hero-text2">Shop now</p>
</div>
</div>
<div class="box3 box">
<div class="box1-content">
<h2>Furniture</h2>
<div class="box1-img" style="background-image: url('box3_image.jpg');"></div>
<p Class="hero-text2">Shop now</p>
</div>
</div>
<div class="box4 box">
<div class="box1-content">
<h2>Electronics</h2>
<div class="box1-img" style="background-image: url('box4_image.jpg');"></div>
<p Class="hero-text2">Shop now</p>
</div>
</div>
<div class="box5 box">
<div class="box1-content">
<h2>Health & Personal Care</h2>
<div class="box1-img" style="background-image: url('box2_image.jpg');"></div>
<p Class="hero-text2">Shop now</p>
</div>
</div>
<div class="box6 box">
<div class="box1-content">
<h2>Beauty picks</h2>
<div class="box1-img" style="background-image: url('box5_image.jpg');"></div>
<p Class="hero-text2">Shop now</p>
</div>
</div>
<div class="box7 box">
<div class="box1-content">
<h2>Health & Personal Care</h2>
<div class="box1-img" style="background-image: url('box7_image.jpg');"></div>
<p Class="hero-text2">Shop now</p>
</div>
</div>
<div class="box8 box">
<div class="box1-content">
<h2>Computers & Accessories</h2>
<div class="box1-img" style="background-image: url('am_box1_img.jpg');"></div>
<p Class="hero-text2">Shop now</p>
</div>
</div>
</div>
<footer>
<div class="myfooter-panel1">
Back to Top
</div>
<div class="foot-panel2">
<ul>
<p class="orders">Get to Know Us</p>
<a href="#">Careers</a>
<a href="#">Blog</a>
<a href="#">About Amazon</a>
<a href="#">Investor Relations</a>
<a href="#">Amazon Devices</a>
<a href="#">Amazon Science</a>
</ul>
<ul>
<p class="orders">Make Money with Us</p>
<a href="#">Sell products on Amazon</a>
<a href="#">Sell on Amazon Business</a>
<a href="#">Sell apps on Amazona</a>
<a href="#">Become an Affiliate</a>
<a href="#">Advertise Your Products</a>
<a href="#">Self-Publish with Us</a>
<a href="#">Host an Amazon Hub</a>
<a href="#">See More Make Money with Us</a>
</ul>
<ul>
<p class="orders">Amazon Payment Products</p>
<a href="#">Amazon Business Card</a>
<a href="#">Shop with Points</a>
<a href="#">Reload Your Balance</a>
<a href="#">Amazon Currency Converter</a>
</ul>
<ul>
<p class="orders">Let Us Help You</p>
<a href="#">Amazon and COVID-19</a>
<a href="#">Your Account</a>
<a href="#">Your Orders</a>
<a href="#">Shipping Rates & Policies</a>
<a href="#">Returns & Replacements</a>
<a href="#">Manage Your Content and Devices</a>
<a href="#">Amazon Assistant</a>
<a href="#">Help</a>
</ul>
</div>
<div class="foot-panel3">
<div class="logo-panel3"></div>
</div>
</footer>
</body>
</html>
Comments
Post a Comment