Skip to content

Ansh181005/Amazon_Clone

Repository files navigation

🛒 Amazon Clone

A pixel-perfect front-end clone of the Amazon homepage, built using pure HTML and CSS. This project replicates the look and feel of Amazon's UI as a static website.


📸 Preview

A static recreation of the Amazon homepage including the navbar, hero section, product grid, and footer.


🚀 Live Demo

You can open index.html directly in your browser — no server required.


🛠️ Built With

  • HTML5 — Semantic page structure
  • CSS3 — Styling, layouts, flexbox, and responsive design

📁 Project Structure

Amazon_Clone/
├── index.html        # Main HTML file
├── style.css         # Stylesheet
└── assets/           # Images and icons (if any)

✨ Features

  • 🔍 Amazon-style navigation bar with search bar and cart icon
  • 🖼️ Hero / banner section
  • 📦 Product category cards grid
  • 📄 Multi-section layout mimicking Amazon's homepage
  • 🔗 Footer with links section

🏃 Getting Started

  1. Clone the repository

    git clone https://github.com/Ansh181005/Amazon_Clone.git
  2. Navigate into the project folder

    cd Amazon_Clone
  3. Open in your browser

    open index.html

    Or simply double-click index.html in your file explorer.


📚 What I Learned

  • Structuring a complex webpage with semantic HTML
  • Using CSS Flexbox for multi-column layouts
  • Replicating real-world UI designs from scratch
  • Working with CSS box model, spacing, and alignment

⚠️ Disclaimer

This project is built for educational purposes only. It is not affiliated with, endorsed by, or connected to Amazon in any way. All Amazon branding, logos, and trademarks belong to their respective owners.


👨‍💻 Author

Ansh@Ansh181005


⭐ Show Your Support

If you found this project helpful or interesting, feel free to give it a ⭐ on GitHub!

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors