Handyfix – 杂工和水管工 HTML 模板 preview 1

Handyfix – 杂工和水管工 HTML 模板

bookmark

Handyfix 是一套面向维修工、水管工的 HTML 网站模板,包含首页、博客、商城、联系页等 30+ 页面,集成自定义图标字体与 Bootstrap 响应式框架,适合快速搭建服务型企业展示站点。

HTML

项目简介

Handyfix 是一套面向维修工、水管工的 HTML 网站模板,包含首页、博客、商城、联系页等 30+ 页面,集成自定义图标字体与 Bootstrap 响应式框架,适合快速搭建服务型企业展示站点。

技术栈

  • Bootstrap(CSS + JS)
  • jQuery
  • Font Awesome
  • 自定义图标字体(Flaticon)
  • Google Fonts(Open Sans、Poppins、Rajdhani、Rubik)

项目结构

text
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

常见问题