项目简介link

Garaze 是一套基于 Bootstrap 5 的响应式电商 HTML 模板，包含完整的产品展示、购物车、结账、博客等电商常用页面，适用于快速搭建服装或综合商品类在线商店。模板内置多套首页变体（index-2 至 index-5）以及 RTL/LTR 切换功能。

技术栈link

• Bootstrap 5.2.0
• jQuery
• Static HTML/CSS
• Font Awesome、Owl Carousel、AOS（动画库）
• Google Fonts（Outfit + Roboto）

项目结构link

Garaze Pack/
├── Doc/                          # 模板使用文档
│   ├── index.html
│   ├── css/
│   ├── fonts/
│   ├── images/
│   └── js/
└── Garaze/                       # 实际使用模板
    ├── index.html                # 首页
    ├── shop.html                 # 商品列表
    ├── shop-details.html         # 商品详情
    ├── cart.html                 # 购物车
    ├── checkout.html             # 结账页
    ├── blog.html                 # 博客列表
    ├── contact.html              # 联系页面
    ├── login.html / signup.html  # 登录/注册
    ├── assets/
    │   └── css/                  # 样式文件（20+ 个）
    └── sendemail.php             # 邮件发送脚本

核心文件说明link

• Garaze/index.html — 模板主入口首页
• Garaze/shop.html — 商品列表页，支持网格/列表视图切换
• Garaze/assets/css/style.css — 全局样式与变量定义（--theme-color: #FF6B00）
• Garaze/assets/css/color.css — 主题色配置入口
• Doc/index.html — 官方使用文档（含 HTML/CSS/JS 结构说明）
• Doc/css/style.css — 文档页面独立样式

快速开始link

1. 直接在浏览器打开 Garaze/index.html 即可预览首页
2. 修改 assets/css/color.css 中的 --theme-color 可快速更换主题色
3. 使用本地服务器（如 Live Server）可完整体验 RTL 切换与预加载动画

使用建议link

该模板适合作为服装或数码电商网站的基础框架，实际部署时需替换商品图片、链接并接入真实后端接口；sendemail.php 目前为静态示例，需配合邮件服务（如 SendGrid）使用。