Online Shopping Site (Flipkart Clone)

This is a sample HTML and CSS code for an online shopping site. It includes a header, navigation bar, product sliders, and various sections for different categories of products.

Technologies Used

• HTML
• CSS
• Bootstrap
• JavaScript

Preview

Getting Started

To run this project locally, follow these steps:

Go to - https://flipkart-home-page-clone.netlify.app/

OR

1. Clone the repository: git clone
2. Open the index.html file in a web browser.

Features

• Responsive design for different screen sizes.
• Navigation bar with a logo, search functionality, login options, and cart.
• Banner section with image sliders.
• Product sliders for different categories of products.
• Each product card includes an image, title, category, price, and buy button.

Dependencies

• Bootstrap: Used for styling the Product Slider.
• Font Awesome: Used for arrow symbols and icons.
• LightSlider: Used for the mini slider in the banner section.
• Swiper: Used for the product sliders design.

Folder Structure

• css/: Contains CSS files for styling.
• images/: Contains images used in the project.
• js/: Contains JavaScript files.

Contributing

Contributions to this project are welcome. If you find any issues or would like to add new features, please create a pull request.

Credits

The design and content of the Shooping site were created by Kunal as a sample project.

Contact

If you have any questions, feedback, or suggestions regarding this project, please feel free to contact Kunal at [email protected]

Note

I don't have much knowlegde about JavaScript in this project, but for Sliders to work perfectly. I have used JavaScript. But Sure in the Future Projects i'm going to learn JS in depth.