Skip to content

I created this Amazon clone to practice HTML and CSS skills. The project mimics essential e-commerce features like product listings, a shopping cart, and a decent design, focusing on front-end development.

Notifications You must be signed in to change notification settings

aryandas2911/Amazon-clone

Repository files navigation

🛒 Amazon Clone (HTML & CSS)

A fully responsive and visually appealing clone of the Amazon homepage built using only HTML and CSS. This project was created to sharpen frontend skills and practice layout design, responsive styling, and component structuring.

Amazon Clone Screenshot


🚀 Features

  • 📦 Clean and responsive design
  • 🧭 Fully structured navigation bar
  • 🔍 Search bar with icon
  • 🛍️ Product sections and categories
  • 🧾 Footer with multiple columns
  • 💻 Mobile-friendly layout

🛠️ Built With

  • HTML5
  • CSS3

No JavaScript or frameworks were used — this project focuses purely on frontend styling and layout.


📁 Project Structure

amazon-clone/ │ ├── index.html ├── style.css ├── images └── README.md


🎯 What I Learned

  • HTML layout structuring (semantic elements, sections, divs)
  • CSS styling techniques
  • Flexbox and responsive web design
  • Design replication from real-world platforms

📌 How to Use

  1. Clone the repository:
     git clone https://github.com/aryandas2911/Amazon-clone.git
    
  2. Open index.html in your browser.

✅ Future Improvements

Add interactivity with JavaScript

Build a functional cart and login system

Use a backend to fetch product data


🙌 Acknowledgements

Inspired by the original Amazon homepage design.

About

I created this Amazon clone to practice HTML and CSS skills. The project mimics essential e-commerce features like product listings, a shopping cart, and a decent design, focusing on front-end development.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published