
Handyfix – Handyman and Plumber HTML Template
# 项目简介
Handyfix 是一套面向维修工、水管工的 HTML 网站模板,包含首页、博客、商城、联系页等 30+ 页面,集成自定义图标字体与 Bootstrap 响应式框架,适合快速搭建服务型企业展示站点。
## 技术栈
- Bootstrap(CSS + JS)
- jQuery
- Font Awesome
- 自定义图标字体(Flaticon)
- Google Fonts(Open Sans、Poppins、Rajdhani、Rubik)
## 项目结构
```
handyfixhtml-10/
├── handyfix-html-documentations/ # 官方文档
│ ├── index.html
│ ├── css/
│ ├── js/
│ ├── images/
│ └── fonts/
├── handyfix-html-package/ # 模板主包
│ ├── index.html # 首页入口
│ ├── index-2.html # 首页变体
│ ├── index-one-page.html # 单页版首页
│ ├── about.html / contact.html
│ ├── blog-*.html # 博客多种布局
│ ├── cart.html / checkout.html # 商城页面
│ └── demo-landing.html
└── handyfix-icons/ # 自定义图标字体
├── style.css
└── demo.html
```
## 核心文件说明
- `handyfix-html-documentations/index.html` — 官方文档入口,含 HTML/CSS/JS 结构说明
- `handyfix-html-package/index.html` — 模板主首页
- `handyfix-icons/style.css` — 自定义图标字体定义(包含 plumber、wrench 等维修相关图标)
- `handyfix-html-documentations/css/style.css` — 文档页样式
- `handyfix-html-package/assets/vendors/handyfix-icons/style.css` — 模板实际使用的图标样式
- `handyfix-html-package/handyfix-html-package/` — 包含全部业务页面(about、blog、shop 等)
## 快速开始
直接用浏览器打开 `handyfix-html-package/index.html` 即可预览;如需本地服务器可运行:
```bash
# Python 3
python -m http.server 8080
# 或使用 VS Code Live Server 插件
```
## 使用建议
模板内含多个首页变体(one-page、boxed、rtl),可根据实际需求复制对应 HTML 文件作为开发起点;商城相关页面仅含前端模板,表单后端需自行对接。
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML