Skip to content

A front-end Amazon homepage clone built with HTML and CSS, featuring a styled header, product sections, and responsive layout for educational and demo purposes.

Notifications You must be signed in to change notification settings

maanyadanayak/Amazon-clone

Repository files navigation

📦 Amazon Clone Homepage

This is a simple front-end clone of the Amazon homepage, built using HTML and CSS. The layout, styles, and sections mimic the familiar look of Amazon's homepage, including its header, navigation, product showcases, and footer.

🚀 Features

  • 🔍 Fully functional header with search bar
  • 📦 Sectioned layout featuring categories like Clothing, Mobile, Furniture, etc.
  • 🛒 Navigation bar with cart, sign-in, and location delivery mock
  • 📱 Responsive and clean design (mobile optimization can be enhanced further)
  • 🎨 Hover effects and styled UI components
  • 📁 Organized structure for HTML and CSS

📂 File Structure

.
├── index.html         # Main HTML file with structure and content
├── style.css          # Custom styling for layout and design
├── amazon_logo.png    # Amazon logo used in header and footer
├── box1_image.jpg     # Images for product category boxes
├── box2_image.jpg
├── ...
├── hero_image.jpg     # Hero section background image

Note: Ensure all image files (e.g., amazon_logo.png, hero_image.jpg, box1_image.jpg, etc.) are placed in the same directory for the layout to appear correctly.

🛠️ Tech Stack

  • HTML5
  • CSS3
  • Font Awesome (via CDN for icons)

🔧 How to Run

  1. Clone or download this repository.
  2. Make sure all assets (images) are included in the same directory.
  3. Open index.html in your browser.
git clone <your-repo-link>
cd your-folder
open index.html

✨ Future Improvements

  • Make the layout more responsive using media queries.
  • Add interactivity with JavaScript.
  • Connect it to a back-end for a complete e-commerce clone.

📃 License

This project is for educational/demo purposes only. It is not affiliated with Amazon in any way.

About

A front-end Amazon homepage clone built with HTML and CSS, featuring a styled header, product sections, and responsive layout for educational and demo purposes.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published