🛒 Amazon Static Clone

A static frontend clone of the Amazon homepage built using HTML and CSS. This project was created as a practice project to improve my understanding of webpage structure, layouts, navigation bars, responsive design concepts, and CSS styling.

⚠️ Disclaimer: This is an educational project created for learning purposes. It is not affiliated with or endorsed by Amazon.

🚀 Features

• Amazon-inspired navigation bar
• Amazon-style logo section
• Delivery location section
• Search bar with category selector
• Language selector
• Account & Lists section
• Returns & Orders section
• Shopping cart section
• Navigation panel
• Hero section
• Product/category cards
• Footer with multiple sections
• Font Awesome icons
• Product images using local assets

🛠️ Technologies Used

• HTML5
• CSS3
• Font Awesome

📂 Project Structure

Amazon-Static-Clone/
│
├── index.html
├── AmazonCloneDe.css
│
├── game.jpg
├── box1_image.jpg
├── box2_image.jpg
├── box3_image.jpg
├── box4_image.jpg
├── box5_image.jpg
├── milk.webp
├── Shoess.jfif
├── glass.jpg
├── w_machine.jpg
├── Fridge.jpg
├── mobile.webp
├── cosmetic.webp
├── Keyboard.jfif
├── PCS.jfif
├── Clothes.webp
├── Cat_feed.jpg
├── Monitor.jfif
├── Bed.jfif
├── sofaa.jfif
├── chair.jfif
├── belt.jfif
├── tissue.jfif
└── perfume.jfif

🎯 Purpose of the Project

The main purpose of this project was to practice:

• Semantic HTML structure
• CSS layouts
• Flexbox
• Navigation bar design
• Cards and grids
• Background images
• CSS spacing and sizing
• Icons
• Footer layouts
• Organizing frontend assets

📸 Project Preview

Add a screenshot of your project here:

![Amazon Static Clone Preview](screenshot.png)

▶️ How to Run

1. Clone this repository:

git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY.git

2. Open the project folder.
3. Open index.html in your browser.

For a better development experience, open the project in VS Code and use the Live Server extension.

📚 What I Learned

While building this project, I practiced how to structure a large webpage using HTML and style different sections using CSS.

I also learned how different UI components work together to create an e-commerce-style homepage.

🔮 Future Improvements

Possible improvements for future versions:

• Make the page fully responsive
• Add JavaScript functionality
• Make the search bar functional
• Add product pages
• Add a working shopping cart
• Add login/signup functionality
• Add backend functionality
• Connect products to a database

👨‍💻 Author

Irbaz Abid

Computer Science Student | Aspiring Full Stack Developer

---

⭐ This project was created for educational and frontend development practice.