Skip to content

asiya2123/amazon_clone

Repository files navigation

🛒 Amazon Clone- project

A responsive Amazon homepage clone built using pure HTML and CSS. This project recreates the look and feel of Amazon’s landing page, focusing on layout, styling, and responsive design—without any JavaScript.

🌐 Live Website



📸 Screenshot

Amazon Clone Preview


📌preview 2

Amazon Clone Preview


📌preview 3

Amazon Clone Preview


📌preview 4

Amazon Clone Preview


🧰 Tech Stack

  • 🧱 HTML5 – Structure and content
  • 🎨 CSS3 – Styling, layout, and responsiveness

🎯 Features

  • 🖼️ Amazon-style header with logo, search bar, and navigation
  • 🧭 Responsive navbar with dropdown-style layout
  • 🛍️ Product grid sections with hover effects
  • 📱 Mobile-friendly design using Flexbox and media queries
  • 🎨 Styled footer with links and info blocks

📂 Folder Structure

amazon-clone/
├── index.html       🧱 Main page
└── style.css        🎨 Styling rules

📌 What I Learned

  • Building complex layouts with Flexbox
  • Styling interactive elements with pure CSS
  • Structuring large-scale HTML pages
  • Creating responsive designs without JavaScript

🛠️ Future Enhancements

  • 🧠 Add JavaScript for interactivity (search, dropdowns, sliders)
  • 🔍 Implement product filtering
  • 🧾 Add login and cart functionality
  • 🌙 Dark mode toggle

🙋‍♂️ About Me

Built by Asiya — a frontend developer passionate about clean design, responsive layouts, and creative web experiences 💻✨

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published