<!
DOCTYPE html> </div>
<html lang="en"> <div class="nav-search">
<select class="search-select">
<head> <op on>All</op on>
<meta charset="UTF-8"> </select>
<meta name="viewport" <input type="text" class="search-
content="width=device-width, ini al- input" placeholder="Search Amazon" />
scale=1.0">
<div class="search-icon">
< tle>Amazon</ tle>
<i class="fa-solid fa-magnifying-
<link rel="stylesheet" glass"></i>
href="h ps://[Link]fl[Link]/ajax/libs/f
</div>
ont-awesome/6.7.1/css/[Link]"
</div>
integrity="sha512-
5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwx <div class="nav-signin border">
UIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1
P5z/iB4nMfSQ==" <p><span>Hello,sign in</span></p>
crossorigin="anonymous" <p class="nav-second">Account &
referrerpolicy="no-referrer" /> Lists </p>
<link rel="stylesheet" href="[Link]" /> </div>
</head> <div class="nav-return border">
<p><span>Returns</span></p>
<body> <p class="nav-second">& Orders</p>
<header> </div>
<div class="navbar"> <div class="nav-cart border">
<div class="nav-logo border"> <i class="fa-solid fa-cart-
shopping"></i>
<div class="logo"></div>
</div>
</div>
</div>
<div class="nav-address border">
<div class="panel">
<p class="add-first">Deliver to</p>
<div class="panel-icon border">
<div class="add-icon">
<i class="fa-solid fa-bars"></i>
<i class="fa-solid fa-loca on-
dot"></i> <p class="panel-all">All</p>
<p class="add-second">India</p> </div>
</div> <div class="panel-rest">
<p class="panel-margin <h2>Small gi under $ 20</h2>
border">Today's Deals</p>
<div class="box-img"
<p class="panel-margin style="background-
border">Customer Service</p> image:url('box2_image.jpg')"></div>
<p class="panel-margin <p>See more</p>
border">Registry</p>
</div>
<p class="panel-margin border">Gi
</div>
Cards</p>
<div class="box 3">
<p class="panel-margin
border">Sell</p> <div class="box-content">
</div> <h2>Deals in PCs</h2>
</div> <div class="box-img"
style="background-
</header>
image:url('box3_image.jpg')"></div>
<div class="hero-sec on">
<p>See more</p>
<div class="hero-msg">
</div>
<p>You are on [Link]. You can
</div>
also shop on Amazon India for millions of
products with fast local <div class="box 4">
delivery. <a>Click here to go to <div class="box-content">
[Link]</a></p>
<h2>Gaming accessories</h2>
</div>
<div class="box-img game"
</div> style="background-
image:url('box4_image.jpg')"></div>
<div class="shop">
<p>See more</p>
<div class="box 1">
</div>
<div class="box-content">
</div>
<h2>Clothes & Collec ons</h2>
<div class="box 1">
<div class="box-img"
style="background- <div class="box-content">
image:url('box1_image.jpg')"></div>
<h2>Clothes & Collec ons</h2>
<p>See more</p>
<div class="box-img"
</div> style="background-
image:url('box1_image.jpg')"></div>
</div>
<p>See more</p>
<div class="box 2">
</div>
<div class="box-content">
</div>
<div class="box 2"> </div>
<div class="box-content"> </div>
<h2>Small gi under $ 20</h2> <div class="box 2">
<div class="box-img" <div class="box-content">
style="background-
<h2>Small gi under $ 20</h2>
image:url('box2_image.jpg')"></div>
<div class="box-img"
<p>See more</p>
style="background-
</div> image:url('box2_image.jpg')"></div>
</div> <p>See more</p>
<div class="box 3"> </div>
<div class="box-content"> </div>
<h2>Deals in PCs</h2> <div class="box 3">
<div class="box-img" <div class="box-content">
style="background-
<h2>Deals in PCs</h2>
image:url('box3_image.jpg')"></div>
<div class="box-img"
<p>See more</p>
style="background-
</div> image:url('box3_image.jpg')"></div>
</div> <p>See more</p>
<div class="box 4"> </div>
<div class="box-content"> </div>
<h2>Gaming accessories</h2> <div class="box 4">
<div class="box-img game" <div class="box-content">
style="background-
<h2>Gaming accessories</h2>
image:url('box4_image.jpg')"></div>
<div class="box-img game"
<p>See more</p>
style="background-
</div> image:url('box4_image.jpg')"></div>
</div> <p>See more</p>
<div class="box 1"> </div>
<div class="box-content"> </div>
<h2>Clothes & Collec ons</h2> </div>
<div class="box-img" <footer>
style="background-
<div class="foot-panel1">
image:url('box1_image.jpg')"></div>
<p>Back to top</p>
<p>See more</p>
</div> <p>Amazon Payment Products</p>
<div class="foot-panel2"> </li>
<ul> <li><a>Amazon Business
Card</a></li>
<li>
<li><a>Shop with Points</a></li>
<p>Get to Know Us</p>
<li><a>Reload Your Balance</a></li>
</li>
<li><a>Amazon Currency
<li><a>Careers</a></li>
Converter</a></li>
<li><a>Blog</a></li>
</ul>
<li><a>About Amazon</a></li>
<ul>
<li><a>Investor Rela ons</a></li>
<li><p>Let Us Help You</p></li>
<li><a>Amazon Devices</a></li>
<li><a>Amazon and COVID-
<li><a>Amazon Science</a></li> 19</a></li>
</ul> <li><a>Your Account</a></li>
<ul> <li><a>Your Orders</a></li>
<li> <li><a>Shipping Rates &
Policies</a></li>
<p>Make Money with Us</p>
<li><a>Returns &
</li> Replacements</a></li>
<li><a>Sell products on <li><a>Manage Your Content and
Amazon</a></li> Devices</a></li>
<li><a>Sell on Amazon <li><a>Help</a></li>
Business</a></li>
</ul>
<li><a>sell apps on Amazon</a></li>
</div>
<li><a>Become an Affiliate</a></li>
<div class="foot-panel3">
<li><a>Adver se Your
Products</a></li> <div class="logo"></div>
<li><a>Self-Publish wit Us</a></li> </div>
<li><a>Host an Amazon Hub</a></li> <div class="foot-panel4">
<li><a>See More Make Money with <div class="pages">
Us</a></li>
<a href="">Condi ons of Use</a>
</ul>
<a href="">privacy No ce</a>
<ul>
<a href=""></a><a
<li> href="">Consumer Health Data Privacy
Disclosure</a><a href="">Your ads Privacy
Choices</a>
<i class="fa-solid fa-square-
check"></i>
<i class="fa-solid fa-xmark"></i>
</div>
<div class="last">
<i class="fa-regular fa-
copyright"></i>
<p> 1996-2024, [Link], Inc. or
its affiliates</p>
</div>
</div>
</footer>
</body>
</html>
*{ color:#cccccc;
margin:0; font-size:0.8rem;
border:border-box; margin-le :14px;
font-family: Arial; }
} .add-second{
.navbar{ font-size:1rem;
height:60px; margin-le :2px;
background-color:#0f1111 ; }
color:white; .add-icon{
display:flex; display:flex;
jus fy-content: space-evenly; align-items:center;
align-items:center;
} }
.nav-logo{ /* box three */
height: 50px; .nav-search{
width:110px; display:flex;
} jus fy-content: space-evenly;
.logo{ width:620px;
background-image:url("amazon_logo.png"); height: 40px;
background-size: cover; border-radius: 3px;
height: 50px; }
width:100px; .nav-search:hover{
} border:2px solid orange;
.border{ }
border:1.5px solid transparent; .search-select{
} background-color: #E6E6E6;
.border:hover{ border-top-le -radius: 3px;
border:1.5px solid white; border-bo om-le -radius: 3px;
} width:50px;
/* box two */ text-align: center;
.add-first{ border:none;
}
} .panel{
.nav-search:hover{ background-color: #243a3a;
box-shadow: black; height:40px;
} width: 100%;
.search-input{ display: flex;
width:100%; align-items: center;
font-size:1rem; }
border:none; .panel-icon{
} display: flex;
.search-icon{ }
font-size:1.2rem; .panel-all{
display:flex; font-size: 1rem;
jus fy-content: center; font-weight: 600;
align-items: center; color:white;
width:45px; margin-le :10px;
background-color: rgb(90, 3, 111); }
border-top-right-radius: 3px; .panel-rest{
border-bo om-right-radius: 3px; display: flex;
color:#0f1111; color:white;
} font-size: 1rem;
/*box four*/ }
span{ .panel-margin{
font-size:0.7rem; margin-le :2rem;
} }
.nav-second{ .hero-sec on{
font-size:0.85rem; background-image: url("[Link]");
font-weight: 700; height:450px;
} width: 100%;
.nav-cart{ background-size: cover;
font-size:2rem; display: flex;
align-items: flex-end; }
jus fy-content: center; .box-img{
} height: 340px;
.hero-msg{ background-size: cover;
display: flex; margin:1rem 0rem 1rem 0rem;
align-items: center; }
jus fy-content: center; .box-content{
background-color: white; margin: 0px 1rem 0px 0.5rem;
color:black; }
height: 40px; .box-content p{
text-align: center; color:#007185;
font-size:1rem; }
width:85%; .game{
margin-bo om: 100px; border:1px solid rgb(242, 220, 220);
} /* footer*/
.hero-msg a{ footer{
color:#007185; margin-top: 15px;
} }
.shop{ .foot-panel1{
display: flex; color:white;
flex-wrap: wrap; height:40px;
jus fy-content: space-evenly; display: flex;
background-color: rgb(240, 83, 83); jus fy-content: center;
} align-items: center;
.box{ font-size: 0.85rem;
margin-top:1rem; background-color: #37475a;
width: 23%; }
height: 400px; .foot-panel2{
background-color: white; background-color: #232f3e;
padding:20px 0px 15px; height:400px;
display: flex; background-image:
url("amazon_logo.png");
jus fy-content: space-evenly;
}
}
.foot-panel4{
ul{
height: 80px;
margin-top: 25px;
width:100%;
list-style: none;
background-color: #0f1111;
color:white;
color:white;
line-height: 175%;
text-align: center;
}
font-size: 0.7rem;
ul p{
text-align: center;
font-size: 1.25rem;
}
font-weight: 700;
.pages{
padding: 10px;
}
display: flex;
ul a{
jus fy-content: center;
color:#dddddd;
align-items: center;
}
a:hover{
}
text-decora on: underline;
.pages a{
}
margin-le : 10px;
.foot-panel3{
color:white;
background-color: #222f3a;
}
color:white;
.last{
border-top:0.5px solid white;
margin-top: 5px;
height:70px;
display: flex;
display: flex;
jus fy-content: center;
jus fy-content: center;
align-items: center;
align-items: center;
}
}
.logo{
