Garaze - Auto Parts HTML Template

# 项目简介 Garaze 是一套基于 Bootstrap 5 的响应式电商 HTML 模板，包含完整的产品展示、购物车、结账、博客等电商常用页面，适用于快速搭建服装或综合商品类在线商店。模板内置多套首页变体（index-2 至 index-5）以及 RTL/LTR 切换功能。 ## 技术栈 - Bootstrap 5.2.0 - jQuery - Static HTML/CSS - Font Awesome、Owl Carousel、AOS（动画库） - Google Fonts（Outfit + Roboto） ## 项目结构 ``` 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 # 邮件发送脚本 ``` ## 核心文件说明 - `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` — 文档页面独立样式 ## 快速开始 1. 直接在浏览器打开 `Garaze/index.html` 即可预览首页 2. 修改 `assets/css/color.css` 中的 `--theme-color` 可快速更换主题色 3. 使用本地服务器（如 Live Server）可完整体验 RTL 切换与预加载动画 ## 使用建议 该模板适合作为服装或数码电商网站的基础框架，实际部署时需替换商品图片、链接并接入真实后端接口；`sendemail.php` 目前为静态示例，需配合邮件服务（如 SendGrid）使用。