A modern, responsive Product Detail Page (PDP) built as a frontend practice project. This repository demonstrates the ability to create interactive shopping interfaces using Bootstrap 3, jQuery, and JavaScript.
Live : https://sakshithombre.github.io/EcommerceWeb/🎯 Practice Objectives
- E-commerce Layouts: Structuring product information, size selectors, and featured product grids.
- Responsive Design: Using Bootstrap’s grid system (col-xs, col-md, etc.) to ensure a seamless experience across devices.
🛠️ Tech Stack
- HTML5: Semantic markup for e-commerce.
- CSS3: Custom styling for the navbar, product cards.
- Bootstrap 3.3.7: For responsive layout and utility classes.
- jQuery 1.12.4: For the image gallery switching logic.
- FontAwesome 6.6.0: For modern shopping and UI icons.
🚀 How to Run
- Clone the repository
- Open index.html in your browser.
- Note: Ensure your images (shirt1.jpg, caralobo.png, etc.) are in the same folder for the UI to display correctly.
📂 Code Highlights
Image Switcher Logic:
📝 Disclaimer
This is a Static Frontend Practice Project. No real transactions occur, and there is no backend database. It is intended purely for UI/UX and JavaScript logic practice.