Repairix - Auto Repair HTML Template

# 项目简介 Repairix 是一套汽车维修服务商响应式 HTML5 网站模板，包含首页、服务详情、博客、团队等多个页面，支持多主题色切换，适合汽车修理厂、4S店、快修店等场景使用。 ## 技术栈 - Bootstrap 5（响应式框架） - Font Awesome（图标字体） - IcoMoon（自定义图标字体） - jQuery（交互功能） - 静态 HTML5/CSS3 ## 项目结构 ``` repairix pack/ ├── 1_html_file/ # 模板主文件目录 │ ├── index.html # 首页 │ ├── about.html # 关于我们 │ ├── contact.html # 联系方式 │ ├── services.html # 服务列表页 │ ├── ser-*.html # 各服务详情页 │ ├── team.html # 团队页 │ ├── blog.html # 博客列表 │ ├── blog-single.html # 博客详情 │ └── assets/ # CSS/JS/图片资源 ├── 2_doc_file/ # 文档及样式资源 │ ├── css/ # Bootstrap/样式表 │ ├── js/ # jQuery 脚本 │ └── images/ # 文档配图 └── 3_icon_file/ # IcoMoon 图标字体 ├── style.css # 图标样式 ├── demo.html # 图标预览 └── fonts/ # 字体文件 ``` ## 核心文件说明 - `1_html_file/index.html` — 首页模板入口 - `1_html_file/services.html` — 维修服务列表页 - `1_html_file/assets/css/style.css` — 主样式文件（控制整体布局和配色） - `1_html_file/assets/css/color/theme-color.css` — 主题色配置（可切换蓝/粉/紫等色调） - `2_doc_file/css/bootstrap.css` — Bootstrap 框架样式 - `3_icon_file/style.css` — IcoMoon 自定义图标定义 ## 快速开始 直接在浏览器中打开 `1_html_file/index.html` 即可预览效果。如需本地服务器测试，可执行： ```bash # Python 3 python -m http.server 8080 # 或 Node.js npx serve . ``` ## 使用建议 部署时只需将 `1_html_file` 目录内容上传至服务器即可；实际使用中建议替换 logo 图片、联系信息和服务内容，主题色可通过切换 `color/` 目录下的 CSS 文件实现换肤。