🛍️ Amazon Clone – HTML & CSS

A pixel-perfect Amazon.com clone built using just HTML and CSS. This was one of my earliest UI projects, where I focused on mastering layout techniques, styling consistency, and replicating a real-world website.

---

📌 Features

• 🧱 Fully static Amazon homepage clone
• 🎨 Realistic UI using Flexbox & modern CSS
• 🧭 Fully responsive navigation bar
• 🛒 Product sections with clickable cards
• 📦 Footer modeled after the actual Amazon layout
• 🖼️ Embedded real product images & categories

---

🗂️ Project Structure

Amazon-Clone/ │ ├── index.html # Main HTML structure (Home Page) ├── style.css # Styling and layout └── /media # Logo, favicon, and image assets

---

🚀 How to Run This Project

No installation or setup needed. Just clone and open in your browser!

✅ Run Locally

git clone https://github.com/Arsh-pixel-cmd/Amazon-Clone.git
cd Amazon-Clone

Then open Project.html in any browser (Chrome recommended).

💡 What I Learned

• Deep dive into HTML page structures
• Flexbox layouts and responsive design basics
• CSS styling for real-world UIs
• Building reusable components
• Improving visual symmetry and spacing

---

📸 Screenshots

Here are some UI previews from the project:

🖼️ Homepage Overview

![Amazon Clone Homepage]

🛒 Product Cards Layout

![Product Cards]

✅ Navigation bar with hover effect
✅ Hero banner & promotional message
✅ Product cards section with nested links
✅ Footer links organized in multi-column layout

---

🎯 Ideal For

• Frontend beginners looking to replicate real websites
• HTML/CSS practice for students
• Portfolio-building projects
• UI recreation and design exploration

---

🧩 Tech Stack

• HTML5
• CSS3
• Flexbox
• FontAwesome (CDN)
• Responsive Design Concepts

---

🙋‍♂️ Author

Arsh Mishra
Frontend Developer & Tech Enthusiast
LinkedIn | GitHub

---

📃 License

This project is open-source and available under the MIT License.