Garaze - Auto Parts HTML Template preview 1

Garaze - Auto Parts HTML Template

bookmark

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 st...

HTML

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

text
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 homepage
  • Garaze/shop.html — Product listing page with grid/list view toggle
  • Garaze/assets/css/style.css — Global styles and variable definitions (--theme-color: #FF6B00)
  • Garaze/assets/css/color.css — Theme color configuration entry
  • Doc/index.html — Official documentation (includes HTML/CSS/JS structure explanation)
  • Doc/css/style.css — Standalone documentation page styles

Quick Start

  1. Open Garaze/index.html directly in your browser to preview the homepage
  2. Modify --theme-color in assets/css/color.css to quickly change the theme color
  3. 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).

help_outline

FAQ