This repository is a work-in-progress frontend project for a simple eCommerce website. Built using HTML, CSS, and Bootstrap, it demonstrates core web development concepts such as layout structuring, responsive design, image carousels, and navigation using multiple HTML pages.
- 💻 Frontend Only (No backend/database)
- 🧱 Built with HTML5, CSS3, and Bootstrap 5
- 📱 Fully responsive layout using Bootstrap grid
- 🎠 Image carousel on homepage
- 🧭 Multi-page structure with internal navigation (
href) - 🛒 Includes category pages: Electronics, Furniture, Groceries, Clothing, etc.
bootstrapWebsite/ │ ├── index.html # Homepage (renamed from home) ├── electronics.html # Electronics category ├── flightTickets.html # Travel deals page ├── furniture.html # Furniture category ├── groceries.html # Grocery items ├── hAndK.html # Health & Kitchen ├── kids.html # Kids' section ├── men.html # Men's fashion ├── menShirtandT.html # Men's shirts & t-shirts ├── topWearWomen.html # Women's top wear ├── women.html # Women's fashion │ ├── carousel1.jpg # Images for Bootstrap carousel ├── carousel2.jpg ├── carousel3.jpg │ └── bootStrapStruct.html # Bootstrap layout reference template
- ✅ Bootstrap Navbar and Carousel
- ✅ Multi-page navigation
- ✅ Responsive grid layouts using Bootstrap
- ✅ Product/category sections for men, women, kids, electronics, groceries, etc.
- ✅ Clean design and styling using Bootstrap utilities and custom CSS
🛠 Future Improvements Add contact and about us pages
Integrate backend using Node.js or PHP
Add shopping cart and login system
Improve mobile responsiveness on smaller devices
Use Google Fonts and custom icons
📚 Learning Goals Master basic structure of a multi-page HTML website
Use Bootstrap for fast and responsive layout design
Learn how to link pages together using href
Work with Bootstrap components like carousel, cards, grid system, etc.
🤝 Contributing This is a solo learning project, but feel free to fork or suggest improvements via pull requests.