diff --git a/amazon_logo.png b/amazon_logo.png new file mode 100644 index 0000000..320210e Binary files /dev/null and b/amazon_logo.png differ diff --git a/box1_image.jpg b/box1_image.jpg new file mode 100644 index 0000000..f4aa14e Binary files /dev/null and b/box1_image.jpg differ diff --git a/box2_image.jpg b/box2_image.jpg new file mode 100644 index 0000000..d807dc4 Binary files /dev/null and b/box2_image.jpg differ diff --git a/box3_image.jpg b/box3_image.jpg new file mode 100644 index 0000000..300f1f3 Binary files /dev/null and b/box3_image.jpg differ diff --git a/box4_image.jpg b/box4_image.jpg new file mode 100644 index 0000000..90ee126 Binary files /dev/null and b/box4_image.jpg differ diff --git a/box5_image.jpg b/box5_image.jpg new file mode 100644 index 0000000..4fe84c4 Binary files /dev/null and b/box5_image.jpg differ diff --git a/box6_image.jpg b/box6_image.jpg new file mode 100644 index 0000000..ca7f184 Binary files /dev/null and b/box6_image.jpg differ diff --git a/box7_image.jpg b/box7_image.jpg new file mode 100644 index 0000000..21c2373 Binary files /dev/null and b/box7_image.jpg differ diff --git a/box8_image.jpg b/box8_image.jpg new file mode 100644 index 0000000..2312740 Binary files /dev/null and b/box8_image.jpg differ diff --git a/hero_image.jpg b/hero_image.jpg new file mode 100644 index 0000000..b4a2834 Binary files /dev/null and b/hero_image.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..57c55c9 --- /dev/null +++ b/index.html @@ -0,0 +1,154 @@ + + + + + + Amazon + + + + +
+
+ +
+

Deliver to

+
+ +

India

+
+
+
+ + +
+
+ +
+

Returns

+

Account & Lists

+
+
+
+

Cart

+
+
+
+
All
+
+

Today's deals

+

Customer Service

+

Registery

+

Gift Cards +

+

Sell

+
+
Shop Deals and Electronics
+
+
+
+
You are on Amazon.com , you can visit . Amazon.in
+
+
+
+
+

Health& Personal care

+ +
+

See More

+
+
+
+

Home Essentials

+ +
+

See More

+
+
+

Furniture

+ +
+

See More

+
+
+

Smart Phones

+ +
+

See More

+
+
+
+

Make Up

+ +
+

See More

+
+
+
+

Travel & tickets

+ +
+

See More

+
+
+

Black People

+ +
+

See More

+
+
+

Dogs

+ +
+

See More

+
+
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..b148171 --- /dev/null +++ b/style.css @@ -0,0 +1,229 @@ +*{ + margin:0; + font-family: Arial, Helvetica, sans-serif; + border:border-box; +} + +.navbar{ + height:60px; + background-color: #0f1111; + color:white; + display:flex; + align-items: center; + justify-content: space-evenly; +} +.nav-logo{ + height:50px; + width:100px; +} +.logo{ + background-image: url("amazon_logo.png"); + background-size: cover; + height:50px; + width:100%; + +} +.border{ + border:2px solid transparent; + +} +.border:hover{ + border:2px solid white; +} +.add1{ + color:#cccccc; + font-size: 0.8rem; + margin-left:15px; +} +.add2{ +font-size: 1rem; +margin-left: 5px; +} + +.add-icon{ + display:flex; + align-items: center; +} + +.navsearch{ + display:flex; + justify-content: space-evenly; + background-color: pink; + width:620px; + height:40px; + border-radius: 4px; +} +.searchselect{ + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border:none; + background-color: #f3f3f3; + width: 50px; + text-align: center; +} +.searchinput{ + width:100%; + font-size: 1rem; + + border:none; +} +.search-icon{ + width:45px; + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + background-color: #febd68; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + color:#0f1111 +} +span{ + font-size: 0.7rem; +} +.navsecond{ + font-size: 0.85rem; + font-weight: 700; +} +.navsearch:hover{ + border:2px solid orange; +} +.cart{ + display:flex; + border:2px solid transparent; + font-weight: 700px; + margin-bottom: 10px; +} +.cart div i{ + width:30px; +} +.panel{ + + height:40px; + background-color: #222f22; + color:white; + display: flex; + align-items: center; + justify-content: space-evenly; +} +.panel-ops p{ + display:inline; + margin:15px; +} +.panel-ops { + width:70%; + font-size: 0.85rem; +} +.deals{ + font-size: 0.7rem;; + font-weight: 700; +} + +.hero-section{ + background-image: url(hero_image.jpg); + height:400px; + background-size: cover; + display:flex; + justify-content: center; + align-items: end; + + +} +.hero-msg{ + display:flex; + align-items: center; + justify-content: center; + height:40px; + font-size: 0.85rem; + color:black; + background-color: white; + width:80%; + margin:25px; + font-weight: 500; +} +.hero-msg a{ + color:#007185; + text-decoration: none; + +} +.box{ + height:400px; + border:2px solid transparent; + width: 23%; + background-color: white; + padding:20px 0px 15px; + margin-top:15px; + +} +.shop{ + display:flex; + justify-content: space-evenly; + background-color: #e2e7e6; + flex-wrap: wrap; +} +.boximage{ + height:300px; + background-size: cover; + margin-top:2px; + margin-bottom: 2px; +} +.content{ + margin-left:10px; + margin-right: 10px; +} +.content p{ + color:#007185; +} +.footp1{ + background-color:black; + color:white; + height:50px; + display: flex; + justify-content: center; + align-items: center; +} +footer{ + margin-top:15px; +} +.footp2{ + background-color: #007185; + color:white; + height:280px; + display:flex; + justify-content: space-evenly; + margin-top: 0px; +} +ul{ + margin:20px; +} +.footp2 ul p{ + display: block; + letter-spacing: 1px; + +} + +.footp3{ + background:linear-gradient(to right,#ec008c,#fc6767); + color:white; + height:90px; + border-top:2px solid white; + display: flex; + justify-content: center; + align-items: center; + + + +} +.flogo{ + /* background-image: url("amazon_logo.png"); + background-size: cover; */ + height:90px; + width:100%; + font-size: 1rem; + display: inline; + + + + +} +