This project is a front-end clone of Amazon’s home page built using HTML and CSS. It was created as a learning project to strengthen my fundamentals in layout design, flexbox, and responsive structuring.
🔧 Features
Clean and structured HTML layout
Navigation bar with logo, search bar, and cart icon
Hero section with background image and promotional text
Product showcase grid built using Flexbox
Footer with multiple informational panels
Hover effects and color themes similar to Amazon
💻 Tech Stack
HTML5
CSS3 (Flexbox for layout)
Font Awesome (for icons)
🎯 What I Learned
Building multi-section web pages from scratch
📁 Folder Structure
amazon-clone/ │ ├── index.html ├── Styling.css ├── amazon-logo.jpeg ├── hero-section.jpeg ├── box1_image.jpeg ├── box2_image.jpeg └── ... (other images)
This project was created for learning purposes only and has no commercial use. It was inspired by a YouTube tutorial that guided me through building the layout step-by-step. Using Flexbox to arrange and align elements
Structuring code cleanly for readability and maintainability