Scribd
Upload
14 views5 pages

!DOCTYPE HTML

The document is an HTML template for an Amazon clone website, featuring a navigation bar, search functionality, and various product categories. It includes sections for promotional messages, product showcases, and a footer with links to company information and customer support. The layout is designed for a user-friendly shopping experience with visual elements and icons from Font Awesome.

Uploaded by

lithis2649
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
14 views5 pages

!DOCTYPE HTML

The document is an HTML template for an Amazon clone website, featuring a navigation bar, search functionality, and various product categories. It includes sections for promotional messages, product showcases, and a footer with links to company information and customer support. The layout is designed for a user-friendly shopping experience with visual elements and icons from Font Awesome.

Uploaded by

lithis2649
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 5

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>amazonclone</title>
<link rel="stylesheet" href="style.css">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-


awesome/6.7.2/css/all.min.css"
integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/
U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<header>
<div class="navbar">
<div class="nav-logo ">
<div class="logo border"></div>
</div>
<div class="add border">
<p class="add-first">Delivery to</p>
<d class="add-icon">
<i class="fa-solid fa-location-dot"></i>
<p class="add-sec">India</p>
</d>
</div>
<div class="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="info border">
<p class="info-first first">Hello,sign in</p>
<p class="info-sec second">Account & Lists</p>

</div>
<div class="order border">
<p class="first">Return</p>
<p class="second">& Order</p>
</div >
<div class="border">
<i class="fa-solid fa-cart-shopping cart"></i>
cart
</div>
</div>
<div class="panel">

<div class="menu-all item">


<i class="fa-solid fa-bars"></i>
All
</div>
<div class="option ">
<p class="optionone item">Today's Deals</p>
<p class="optiontwo item">Prime Video</p>
<p class="optionthree item">Prime Video</p>
<p class="optionfour item">Registry</p>
<p class="optionfive item">Gift Cards</p>
<p class="optionsix item">Customer Service</p>
<p class="optionseven item">Sell</p>
</div>
</div>
</header>
<div class="hero">
<div class="message">
<p>You are on amazon.com. You can also shop on Amazon India
for millions of products with fast local delivery. <a href="#">Click here to go to
amazon.in</a></p>
</div>
</div>
<div class="category">
<div class="box1 shop">
<h2 class="heading headingmain">get your game on</h2>
<div class="shopimageone image"></div>
<p class="seemore para">see more</p>

</div>
<div class="box1 shop">
<h2 class="heading headingmain">fill your basket with joy</h2>
<div class="shopimagetwo image" style="background-
image:url('imageone.png');"></div>
<p class="seemore para">see more</p>
</div>
<div class="box1 shop">
<h2 class="heading headingmain">Gift's for mother's day</h2>
<div class="shopimagethree image" style="background-
image:url('imagetwo.png') ;"></div>
<p class="seemore para">see more</p>
</div>
<div class="box1 shop">
<h2 class="heading headingmain">Headphones</h2>
<div class="shopimagefour image" style="background-image:
url('imagethree.png');"></div>
<p class="seemore para">see more</p>
</div>
</div>
<div class="category">
<div class="box1 shop">
<h2 class="heading headingmain">Shop deals in fashion</h2>
<div class="shopimage image" style="background-image:
url('imagefour.png');"></div>
<p class="seemore para">see more</p>

</div>
<div class="box1 shop">
<h2 class="heading headingmain">Watches</h2>
<div class="shopimage image" style="background-image:
url('imagefive.png');"></div>
<p class="seemore para">see more</p>
</div>
<div class="box1 shop">
<h2 class="heading headingmain">Skincare
</h2>
<div class="shopimage image"style="background-
image:url('imagesix.png')"></div>
<p class="seemore para">see more</p>
</div>
<div class="box1 shop">
<h2 class="heading headingmain">Phones</h2>
<div class="shopimage image" style="background-image:
url('imageseven.png');"></div>
<p class="seemore para">see more</p>
</div>
</div>
<div class="category">
<div class="box1 shop">
<h2 class="heading headingmain">Kitchen</h2>
<div class="shopimage image" style="background-image:
url('imageeigth.png');"></div>
<p class="seemore para">see more</p>

</div>
<div class="box1 shop">
<h2 class="heading headingmain">Decor items</h2>
<div class="shopimage image" style="background-image:
url('imagenine.png');"></div>
<p class="seemore para">see more</p>
</div>
<div class="box1 shop">
<h2 class="heading headingmain">Jewels</h2>
<div class="shopimage image" style="background-image:
url('imageten.png');"></div>
<p class="seemore para">see more</p>
</div>
<div class="box1 shop">
<h2 class="heading headingmain">Shoes</h2>
<div class="shopimage image" style="background-image:
url('imagef.png');"></div>
<p class="seemore para">see more</p>
</div>
</div>
<footer>
<div class="footerone end">
Back to top
</div>
<div class="footertwo">
<div class="footerthree bottom">
<ul class="ul list">
<p class="get us">Get to Know Us
</p>
<a class="tag about"> About </a>
<a class="tagone about">Amazon
</a>
<a class="tagtwo about">Careers
</a>
<a class="tagthree about">Press </a>
<a class="tagfive about">Releases
</a>
<a class="tagfour about">Amazon Science</a>
</ul>
</div>
<div class="footerfour bottom"> <ul class="ul list">
<p class="get us">Get to Know Us
</p>
<a class="tag about"> About </a>
<a class="tagone about">Amazon
</a>
<a class="tagtwo about">Careers
</a>
<a class="tagthree about">Press </a>
<a class="tagfive about">Releases
</a>
<a class="tagfour about">Amazon Science</a>
</ul>

</div>
<div class="footerfive bottom">
<ul class="ul list">
<p class="getew us">Connect with Us

</p>
<a class="tag about"> Facebook
</a>
<a class="tagone about"> Twitter

</a>
<a class="tagtwo about">Instagram
</a>

</ul>
</div>
<div class="footersix bottom"><ul class="ul list">
<p class="getefw us">Make Money with Us

</p>
<a class="tag about"> Sell on Amazon
</a>
<a class="tagone about"> Sell under Amazon Accelerator

</a>
<a class="tagtwo about">Protect and Build Your Brand
</a>
<a class="tagthree about"> Amazon Global Selling
</a>
<a class="tagfive about">Supply to Amazon

</a>
<a class="tagfour about">Become an Affiliate
</a>
<a class="tagf about">Fulfilment by Amazon
</a>
<a class="tagd about">Advertise Your Products
</a>
<a class="tagfd about"> Amazon Pay on
Merchants</a>

</ul>

</div>
<div class="footers bottom">
<ul class="ul list">
<p class="geteq us">Let Us Help You
</p>
<a class="tagq about"> Your Account

</a>
<a class="tagoner about"> Returns Centre

</a>
<a class="tagtwoko about">Recalls and Product Safety Alerts

</a>
<a class="tagsd about">100% Purchase Protection
</a>
<a class="tagoj about">Amazon App Download
</a>
<a class="tagfs about">Help</a>

</ul>

</div>
</div>
<div class="footpanelthree">
<div class="logoone"></div>
</div>
<div class="copy">
<div class="copyone">
<a class="rules sale">Conditions of Use & Sale</a>
<a class="regulation sale">Privacy Notice</a>
<a class="voiltion sale">Interest-Based Ads</a>

</div>
<div class="copytwo">
<a class="based">© 1996-2025, Amazon.com, Inc. or its
affiliates</a>
</div>
</div>
</footer>

</body>
</html>

You might also like