Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Amazon Clone

A simple front-end clone of the Amazon homepage built with HTML, CSS, and vanilla JavaScript.

Overview

This project recreates the look and feel of Amazon's landing page with:

  • a top navigation bar
  • a promotional hero section
  • product card sections
  • scrolling product rows
  • smooth interactions for the hero carousel and navbar behavior

Project Structure

  • index.html - main page structure
  • style.css - styling and layout
  • javascript.js - interactive behavior such as image switching and scrolling
  • Assets/ - image and visual assets used by the page
  • Assets/Iconss/ - logo and icon assets

Project Preview

Amazon Homepage

Amazon Homepage

Features

  • Responsive and visually styled homepage layout
  • Custom Amazon-inspired navbar and category panel
  • Hero banner with previous/next controls
  • Horizontal product carousels
  • Sticky navigation effect on scroll

How to Run

  1. Open the project folder in your preferred code editor.
  2. Launch index.html in a browser, or use a live server extension.
  3. Make sure the referenced image files are present in the project folder.

Technologies Used

  • HTML
  • CSS
  • JavaScript

Notes

This is a static frontend clone intended for learning and practice, not a full e-commerce platform.

About

Amazon homepage clone built with HTML, CSS, and JavaScript, replicating the look and feel of Amazon's landing page.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages