-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
8494f3c
commit fa08cf2
Showing
1 changed file
with
63 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,63 @@ | ||
# 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. | ||
|
||
## Features | ||
|
||
- **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 | ||
│ └── products/ # Product images | ||
├── README.md # Project documentation | ||
``` | ||
|
||
## How to Use | ||
|
||
1. Clone the repository: | ||
```bash | ||
git clone https://github.com/your-username/amazon-clone.git | ||
``` | ||
2. Navigate to the project directory: | ||
```bash | ||
cd amazon-clone | ||
``` | ||
3. Open `index.html` in your web browser to view the project. | ||
|
||
## Screenshots | ||
|
||
### Desktop View | ||
![Desktop View](images/desktop-view.png) | ||
|
||
### Mobile View | ||
![Mobile View](images/mobile-view.png) | ||
|
||
## Live Demo | ||
[Live Demo Link](#) *(Replace with your deployed URL)* | ||
|
||
## License | ||
|
||
This project is licensed under the MIT License. You are free to use, modify, and distribute this project as per the terms of the license. | ||
|
||
--- | ||
|
||
Created with ❤️ by [Iswarya Sundarrajan](https://github.com/your-username) |