Skip to content

Chandankumar2004/Amazon_UI_clon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Amazon Clone

This project is a simple Amazon clone built using HTML and CSS. It replicates the basic UI of the Amazon homepage, including a navigation bar, search functionality, product categories, and a footer.

Features

  • Navigation Bar: Includes a logo, delivery location, search bar, sign-in option, orders, and cart section.
  • Search Functionality: Styled search bar with category selection and a search button.
  • Hero Section: Banner with promotional message.
  • Product Categories: Displaying different categories such as Electronics, Furniture, Beauty, and more.
  • Responsive Design: Ensures better viewing across different devices.
  • Footer: Includes various informational links similar to the Amazon website.

Technologies Used

  • HTML5: Structuring the webpage.
  • CSS3: Styling the page, including flexbox and responsive design.
  • FontAwesome: Icons for cart, location, and navigation elements.

Installation

  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 preferred browser.

Project Structure

πŸ“‚ amazon-clone
 β”œβ”€β”€ πŸ“„ index.html  # Main HTML structure
 β”œβ”€β”€ πŸ“„ style.css   # Stylesheet for the website
 β”œβ”€β”€ πŸ“‚ images      # Folder for images (not included in uploads)

Preview

Simply open index.html in a browser to see the project in action.

Contributing

Feel free to fork this repository, make changes, and submit a pull request if you'd like to contribute improvements.

License

This project is for educational purposes and does not replicate Amazon's functionality. It is not affiliated with Amazon in any way.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published