Skip to content

Iswarya-S26/Amazon-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Amazon Clone

An Amazon-inspired e-commerce webpage created as part of a frontend development practice project. The webpage is responsive and showcases a visually appealing layout with a navbar, banner, and product sections styled using Bootstrap 5 and custom CSS.

Feature Description
Responsive Design Ensures compatibility across different screen sizes using Bootstrap and media queries.
Interactive Navbar Includes a logo, search bar, and cart section with hover effects.
Dynamic Sub-navbar Highlights categories like Fresh, Best Sellers, and Today's Deals.
Banners Responsive banners switch between images for different screen sizes.
Product Sections Categorized products with attractive visuals and descriptions.

Technologies Used

  • HTML5
  • CSS3
  • Bootstrap 5
  • Bootstrap Icons

Project Structure

Amazon-Clone/
├── index.html         # Main HTML file
├── style.css          # Custom CSS for styling
├── images/            # Folder containing image assets
│   ├── logo1.png
│   ├── banner.png
│   ├── bannerMd.png
│   ├── desktop-view.png
│   ├── mobile-view.png
│   └── products/      # Product images
├── README.md          # Project documentation

How to Use

  1. Clone the repository:
    git clone https://github.com/your-username/amazon-clone.git
  2. Navigate to the project directory:
    cd amazon-clone
  3. Open index.html in your web browser to view the project.

Screenshots

Desktop View

Desktop View

Mobile View

Mobile View

Live Demo

Live Demo Link


Created with ❤️ by Iswarya Sundarrajan

About

A simple Amazon clone built using only HTML and CSS elements.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published