From 0caebed63beb82a17f744ac40c829ac62d225d01 Mon Sep 17 00:00:00 2001 From: singh-aman-0 <119752775+singh-aman-0@users.noreply.github.com> Date: Tue, 31 Oct 2023 23:08:29 +0530 Subject: [PATCH] Create Amazon Clone --- Amazon Clone | 476 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 476 insertions(+) create mode 100644 Amazon Clone diff --git a/Amazon Clone b/Amazon Clone new file mode 100644 index 0000000..4f263ec --- /dev/null +++ b/Amazon Clone @@ -0,0 +1,476 @@ + + + + + + Amazone Clone + + + + +
+
+ +
+

Deliver to

+
+ +

India

+
+
+
+ + +
+ +
+
+ +
+

Returns

+

& orders

+
+
+ + cart +
+
+
+
+ + All +
+
+ Today's Deal + Customer Service + Registry + Gift Card + Sell +
+
+
+
+
+

You are on amazon.com. You can also shop on Amazon India for millions of products with fast local delivery. Click here to go to amazon.in

+
+
+
+
+
+

Clothes

+
+
+ See More +
+
+
+
+

Health & Personal Care

+
+
+ See More +
+
+
+
+

Furniture

+
+
+ See More +
+
+
+
+

Electronics

+
+
+ See More +
+
+
+
+

Make-up & Beauty

+
+
+ See More +
+
+
+
+

Pet Care

+
+
+ See More +
+
+
+
+

New Arrival In Toys

+
+
+ See More +
+
+
+
+

Fashion Trends

+
+
+ See More +
+
+
+ +
+ Back To Top +
+ +
+
+

Get To Know Us

+ About us + Carrers + Press Release + Amazon Sciences +
+
+

Connect with us

+ Facebook + Twitter + Instagram +
+
+

Make money with us

+ Sell on Amazone + Sell Under Amazon Accelerator + Protect And Build Your Brand + Amazon Global Selling + Become An Affilate + Fulfilment By Amazone + Advertise Your Product + Amazon Pay On Merchants +
+
+

Let Us Help You

+ Covid-19 and Amazon + Your Account + Returns Centre + 100% purchase protection + Amazone App Download + Help +
+
+
+
+

English

+
+ Australia + Brazil + Canada + China + France + Germany + Italy + Japan + Mexico + Netharland + Poland + Singapore + Spain + Turky + United State +
+
+
+
Conditions of Use & Sale + Privacy Notice + Interest-Based Ads
+
© 1996-2023, Amazon.com, Inc. or its affiliates
+
+ + + + + + + +//CSS code +*{ + margin: 0; + padding:0; + font-family: arial; + box-sizing: border-box; +} +.navbar{ + display:flex; + align-items: center; + justify-content: space-evenly; + height: 60px; + background-color: #0f1111; + color:white; + cursor:pointer; +} +.nav-logo{ + height: 50px; + width: 100px; +} +.border:hover{ + border:1px solid white; +} +.logo{ + background-image: url("amazon_logo.png"); + background-size: cover; + height: 50px; + width: 100px; +} +.nav-address{ + height:50px; + width: 85px; + cursor:pointer; + text-align: center; +} + +.add-first{ + font:0.8rem; + color:#cccccc; + margin-left: 1rem; +} +.add-icon{ + display:flex; +} +.add-second{ + font:1rem; + color:#ffffff; + margin-left: 3px; +} +.nav-search{ + display:flex; + align-items: center; + justify-content: space-evenly; + width: 620px; + border-radius:4px; +} +.nav-search:hover{ + border:2px solid orange; +} + .search-select{ + /* position:absolute; + left:0; */ + background-color: #f3f3f3; + height:40px; + width:50px; + text-align: center; + cursor:pointer; + border-top-left-radius:4px ; + border-bottom-left-radius:4px ; + border: none; +} +.search-input{ + height:40px; + width:100%; + font-size: 1rem; + border:none; +} +.search-icon{ + height:40px; + width:45px; + display: flex; + align-items: center; + justify-content: center; + background-color: #febd68; + color:black; + font-size: 1.2rem; + border-top-right-radius:4px ; + border-bottom-right-radius:4px ; +} +.nav-signin{ + padding: 0.5rem; +} +.nav-return{ + padding: 0.5rem; +} +.nav-first{ + font-size: 0.75rem; +} +.nav-second{ + font-size: 0.90rem; + font-weight: 700; + background-color: #0f1111; + color: white; + border: none; +} +.nav-cart i{ + font-size: 30px; +} +.nav-cart{ + padding: 0.5rem; + font-weight: 700; + font-size: 0.90rem; +} +.sec-pannel{ + width:100%; + height: 40px; + background-color:#222f3d; + display: flex; + color:white; +} +.menu{ + display: flex; + align-items: center; + justify-content: center; + width: 58px; + height: 40px; + font-weight: 700; + +} +.menu i{ + width: 1rem; + height: 0.9rem; +} +.menu span{ + font-size: 0.95rem; +} +.shop{ + display: flex; + align-items: center; + justify-content: center; +} +.shop a{ + font-size: 1rem; + margin: 5px 0 6px 0; + padding: 8px 9px; + font-weight: 400; +} +.hero-section{ + background-image: url("hero_image.jpg"); + background-size: cover; + height: 350px; + display: flex; + align-items: flex-end; + justify-content: center; +} +.hero-mssg{ + height: 40px; + width: 80%; + background-color: white; + display: flex; + align-items: center; + justify-content: center; + margin-bottom:25px; +} +.hero-mssg p{ + font-size: 14px; +} +.hero-mssg a{ + color:#007185; +} +.shop-section{ + background-color: #e2e7e6; + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + margin-top: 1rem; +} +.box{ + background-color:white; + height: 400px; + width:23%; + margin-bottom: 1rem; +} +.image{ + background-size: cover; + height: 300px; + margin-top: 0.75rem; + margin-bottom: 0.75rem; +} +.box-content{ + padding: 0.75rem; +} +.box a{ + color: #007185; +} +fotter{ + margin-top: 1rem; +} +.foot-panel1{ + background-color: #37475a; + color: #ffffff; + font-size: 0.85rem; + height: 50px; + padding: 15px 0; + display: flex; + align-items: center; + justify-content: center; + margin-bottom:0px; +} +.foot-panel2{ + background-color: #222f3d; + height: 250px; + display:flex; + align-items: flex; + justify-content: space-evenly; +} +.foot-panel2child{ + height: 250px; + margin-top: 3rem; + +} +.foot-panel2child a{ + display:flex; + flex-wrap: nowrap; + color: #dddddd; + font-size: 0.85rem; + padding-bottom: 0.25rem; +} + h4{ + color: #ffffff; + padding-bottom: 0.5rem; +} +.foot-panel3{ + height: 70px; + background-color:#222f3d ; + color:white; + border-top:0.2px solid #dddddd; + display: flex; + justify-content: center; + align-items: center; + height: 100px; +} +.logo2{ + background-image: url("amazon_logo.png"); + background-size: cover; + height: 50px; + width: 100px; +} +.foot-panel3 p{ + border:0.2px solid #dddddd; + padding: 0.25rem; + margin-left: 3rem; + margin-right: 3rem; +} +.country{ + padding: 2px; +} +.foot-panel4{ + height: 75px; + background-color: #0f1111; + text-align: center; + color:#ffffff; +} +.uplist{ +font-size: 14px; +padding-top: 5px; +} +.copyright{ + font-size: 14px; + padding-top: 5px; +}