amazone

# Amazone clone here is an HTML code ```html amazone

All

Today's Deals

Customer Service

Registry

Gift Cards

Sell

Shop deala in Electronics

You are an amazone.com. You can also shop om amazone India for millions of product with fast delivery Click here to go to amazone page

Clothes

Health & Personal Care

Furniture

Electronics

Health & Personal Care

pet care

New Arrivel in Toys

Discover Fashion Trands

``` here is a CSS code ```css *{ margin: 0; font-family: Arial; border: border-box; } .navbar{ height: 60px; background-color: #000000; color: white; display: flex; align-items: center; justify-content: space-evenly; } .nav-logo{ height: 50px; width: 100px; } .logo{ background-image: url("amazon_logo.png"); width: 100%; background-size: cover; height: 50px; } .border{ border: 1.5px solid transparent; justify-content: space-evenly; } .border:hover{ border:1.5px solid white; } .add-first{ color: #cccccc; font-size: 0.85rem; margin-left: 15px; } .add-second{ font-size: 1rem; margin-left: 3px; } .add-icon{ display: flex; align-items: center; } .nav-search{ display: flex; justify-content: space-evenly; background-color: palevioletred; width: 620px; height: 40px; border-radius: 4px; } .search-select{ background-color: #f3f3f3; width: 50px; text-align: center; background-color: f3f3f3; border-top-left-radius: 4px; border-top-right-radius: 4px; border: none; } .search-input{ width: 100%; font-size: 1rem; border: none; } .search-icon{ width: 45px; display: flex; justify-content: center; align-items: center; font-size: 1rem; background-color: #d2a00a; border-top-right-radius: 4px; border-top-right-radius: 4px; color: #0f1111; } .nav-search:hover{ border:2px solid orange ; } span{ font-size: 0.7rem; } .nav-second{ font-size: 0.85rem; font-weight: 700; border: none; } .nav-return{ border: none; } .nav-cart i{ font-size: 30px; } .nav-cart{ font-size: 0.85rem; font-weight: 700; } .panel{ height: 40px; background-color: #1d1f2d; display: flex; color: white; align-items: center; justify-content: space-evenly; } .panel-ops p{ display: inline; margin-left: 15px; } .panel-ops{ width: 70%; font-size: 0.85rem; } .panel-deas{ font-size: 0.9rem; font-weight: 700; } /* hero section */ .hero-section{ background-image: url(./hero_image.jpg); background-size: cover; height: 350px; display: flex; justify-content: center; align-items: flex-end; } .hero-msg{ background-color: white; color: black; height: 40px; display: flex; align-items: center; justify-content:center ; font-size: 0.85rem; bottom: 25px; position: relative; width: 80%; margin-bottom: 25px; } .hero-msg a{ color: rgb(29, 175, 254); } /* shop section */ .shop-section{ display: flex; justify-content: space-evenly; background-color: #e2e7e6; flex-wrap: wrap; } .box{ height: 400px; width: 23%; background-color: #fff; padding: 20px 0px 15px; margin-top: 15px; } .box-img{ height: 300px; background-size: cover; margin-top: 1rem; margin-bottom: 1rem; } .box-contant{ margin-left: 1rem; margin-right: 1rem; } .box-contant p{ color:rgb(29, 175, 254) ; } /* footer */ footer{ margin-top: 15px; } .foot-panel1{ background-color: #37475a; color: white; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 0.85rem; } .foot-panel2{ background-color: #222f3d; color: white; height: 300px; display: flex; justify-content: space-evenly; } ul{ margin-top: 20px; } ul a{ display: block; font-size: 0.85rem; margin-top: 10px; color: #dddddd; } .foot-panel3{ background-color: #222f3d; color: white; border-top: 0.5 solid white; height: 70px; display: flex; justify-content: center; } .logo{ background-image: url("amazon_logo.png"); height: 50px; width: 100px; background-size: cover; } ``` Thank you