Skip to content

Dreamless07/bootstrapWebsite

Repository files navigation

🛍️ Bootstrap eCommerce Website (Frontend Only)

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.


🌐 Project Overview

  • 💻 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.

📁 Project Structure

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


🚀 Features Implemented

  • ✅ 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.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages