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.
- 🔍 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
.
├── 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.
- HTML5
- CSS3
- Font Awesome (via CDN for icons)
- Clone or download this repository.
- Make sure all assets (images) are included in the same directory.
- Open
index.htmlin your browser.
git clone <your-repo-link>
cd your-folder
open index.html- Make the layout more responsive using media queries.
- Add interactivity with JavaScript.
- Connect it to a back-end for a complete e-commerce clone.
This project is for educational/demo purposes only. It is not affiliated with Amazon in any way.