Amazon Clone (HTML & CSS)

This project is a front-end clone of the Amazon.com homepage, created using HTML and CSS. It replicates the main layout, including the navigation bar, search section, product boxes, and footer links.

Preview

Features

• Fully structured navigation bar with logo, delivery address, search bar, sign-in, orders, and cart options.
• Dropdown search filter with multiple country options.
• Product boxes divided into multiple sections such as Fashion, Home Essentials, Electronics, and more.
• Footer section with informational and help links similar to Amazon’s layout.
• Font Awesome icons for location, cart, and search.

Technologies Used

• HTML5 – Used for webpage structure.
• CSS3 – Used for page styling and layout.
• Font Awesome – Used for vector icons.

File Structure

index.html
style.css
box1.jpg
box 2.jpg
box 3.jpg
box 4.jpg
box5.jpg
box 6.jpg
box 7.jpg
box 8.jpg
kitchen.png
watch.png
pets.png
beauty picks.png
toys for little ones.png
README.md

How to Run

1. Download or clone the repository.
2. Open the folder in your code editor.
3. Open the index.html file in any browser to view the page.

CDN Used

Font Awesome 7.0.1 for icons.

Customization

• Replace background images in the CSS or HTML with your own images.
• Edit product titles and links to your preference.
• Add media queries in the CSS file for responsive design.

Disclaimer

This project is for educational purposes only. All trademarks and logos belong to Amazon.com, Inc. This is not an official Amazon website.

Author

Raman Virk
Student Project | Front-End Development Practice