Amazon Clone - Webpage A basic static clone of the Amazon website built with HTML and CSS. This project is currently a work in progress and is designed to replicate some of Amazon's core UI elements, including the navigation bar, hero section, and product listing sections.
Table of Contents Overview Features Technologies Used Screenshots Getting Started How to Use Contributing License Overview This project is a simple web page that mirrors some of the core design features of the Amazon home page. The page includes a header with a logo, search bar, and navigation options, a hero section with a promotional message, and a product section displaying different categories like "Health and Personal Care."
The website is designed to demonstrate responsive design techniques using basic HTML and CSS without JavaScript for interactivity. This project is intended for learning purposes and is not affiliated with Amazon in any way.
Note: This project is still under development. More features and refinements are being added continuously.
Features Responsive Navbar: A navigation bar with links, a search bar, and icons that adapt to different screen sizes. Hero Section: A full-width image banner with a promotional message. Product Categories: Featured products displayed in styled boxes with images and category names. Hover Effects: Simple hover effects on interactive elements like buttons and images. Technologies Used HTML5: For the structure and layout of the webpage. CSS3: For styling and layout, including Flexbox for positioning and responsiveness. FontAwesome: For the icons used in the navbar (shopping cart, location pin, etc.).
Getting Started To get a local copy of the project up and running, follow these simple steps:
Prerequisites A modern web browser (Google Chrome, Firefox, Edge, etc.) Basic understanding of HTML/CSS Installation Clone the repository bash Copy code git clone https://github.com/yourusername/amazon-clone.git Navigate into the project directory bash Copy code cd amazon-clone Open index.html in your browser bash Copy code open index.html How to Use Navigate through the static UI. The search bar, cart, and account links are placeholders and do not have functionality yet. Scroll down to view different product categories styled in individual boxes. Contributing Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
Fork the Project Create your Feature Branch (git checkout -b feature/AmazingFeature) Commit your Changes (git commit -m 'Add some AmazingFeature') Push to the Branch (git push origin feature/AmazingFeature) Open a Pull Request
License Distributed under the MIT License. See LICENSE.txt for more information.