Project Details

Project Image
Project Image

Project Information

  • Category: E-commerce
  • Tech Stack: HTML, CSS
  • Project date: 15 Jul, 2025
  • GitHub Repo: Git/favas/AmazonClone

Project Overview

This project is a front-end clone of the Amazon e-commerce website, crafted entirely using HTML and CSS. It focuses on replicating the layout, design, and responsiveness of the original platform. Flexbox was extensively used to ensure a clean, adaptable structure across different screen sizes. The clone includes navigation menus, product grids, banners, and a cart-style interface, all styled to closely resemble the real site.

The goal was to sharpen layout and styling skills while working with real-world design standards. Building this clone helped reinforce principles of design, semantic HTML, and clean CSS structuring. While no JavaScript functionality is included, this project serves as a solid base for future dynamic enhancements using JS or React.

Key Features

Homepage Clone

Structured layout closely resembles Amazon's homepage, including navigation bar, search box, and banner design.

Product Grid Layout

Cleanly organized product cards created using CSS Flexbox, styled with static images, names, and pricing blocks.

Navigation Bar

Includes brand logo, menu links, and cart icon to simulate a typical e-commerce top navigation experience.

Styled with Pure CSS

Entire visual design is implemented without any frameworks or libraries, focusing purely on HTML and CSS skills.