Project Introduction
Garaze is a responsive e-commerce HTML template based on Bootstrap 5, featuring a complete set of commonly used e-commerce pages including product display, shopping cart, checkout, blog, etc. It is suitable for quickly building online stores for clothing or general merchandise. The template includes multiple homepage variants (index-2 to index-5) and RTL/LTR switching functionality.
Tech Stack
- Bootstrap 5.2.0
- jQuery
- Static HTML/CSS
- Font Awesome, Owl Carousel, AOS (Animation Library)
- Google Fonts (Outfit + Roboto)
Project Structure
Garaze Pack/
├── Doc/ # Template documentation
│ ├── index.html
│ ├── css/
│ ├── fonts/
│ ├── images/
│ └── js/
└── Garaze/ # Actual template files
├── index.html # Homepage
├── shop.html # Product listing
├── shop-details.html # Product details
├── cart.html # Shopping cart
├── checkout.html # Checkout page
├── blog.html # Blog listing
├── contact.html # Contact page
├── login.html / signup.html # Login/Register
├── assets/
│ └── css/ # Stylesheets (20+ files)
└── sendemail.php # Email sending script
Core File Description
Garaze/index.html— Main entry homepageGaraze/shop.html— Product listing page with grid/list view toggleGaraze/assets/css/style.css— Global styles and variable definitions (--theme-color: #FF6B00)Garaze/assets/css/color.css— Theme color configuration entryDoc/index.html— Official documentation (includes HTML/CSS/JS structure explanation)Doc/css/style.css— Standalone documentation page styles
Quick Start
- Open
Garaze/index.htmldirectly in your browser to preview the homepage - Modify
--theme-colorinassets/css/color.cssto quickly change the theme color - Use a local server (e.g., Live Server) to fully experience RTL switching and preloader animations
Usage Suggestions
This template is suitable as a foundational framework for clothing or digital e-commerce websites. For production deployment, replace product images, links, and connect to a real backend API; sendemail.php is currently a static example and requires integration with an email service (e.g., SendGrid).
