项目简介link

HostinGard 是一套面向主机托管/托管服务商的静态 HTML 网站模板，配套提供完整的 WHMCS 客户门户主题和购物车订单表单模板。支持 LTR（从左到右）和 RTL（从右到左）两种排版方向，适合快速搭建主机服务商的官网及配套账单系统。

技术栈link

• HTML5 / CSS3（静态模板）
• Bootstrap 4.5.3（布局框架）
• jQuery 1.12.4（交互脚本）
• Font Awesome 5.10.1（图标库）
• PHP（WHMCS 钩子和配置）
• SASS（样式自定义）
• WHMCS 8.x（客户管理与账单系统）

项目结构link

hostingardhtml-160/
├── documentation/
│   ├── html-documentation/
│   └── whmcs-documentation/
├── html/
│   ├── HostinGard/
│   │   └── src/
│   └── HostinGard-rtl/
│       └── src/
└── whmcs/
    ├── hooks/
    │   ├── index.php
    │   └── config/
    ├── orderforms/
    │   └── themetags_cart/
    └── templates/
        └── hostingard/

核心文件说明link

• html/HostinGard/src/ — 主营网站 HTML 模板（LTR 版本）
• html/HostinGard-rtl/src/ — RTL 排版版本，适合阿拉伯语等右向语言
• whmcs/templates/hostingard/ — WHMCS 客户端区域主题模板（客户登录后界面）
• whmcs/orderforms/themetags_cart/ — WHMCS 购物车订单表单模板（选购产品流程）
• whmcs/hooks/ — WHMCS 自定义钩子目录，用于扩展功能
• documentation/ — HTML 与 WHMCS 两套说明文档

快速开始link

主站模板

直接用浏览器打开 html/HostinGard/src/ 中的 index.html，或使用任意本地服务器（如 Live Server）预览。

WHMCS 集成

1. 将 whmcs/templates/hostingard/ 复制到 WHMCS 的 templates/ 目录
2. 将 whmcs/orderforms/themetags_cart/ 复制到 WHMCS 的 orderforms/ 目录
3. 将 whmcs/hooks/ 中的文件放入 WHMCS 的 hooks/ 目录
4. 在 WHMCS 管理后台设置默认模板和订单表单

使用建议link

本模板依赖 Bootstrap 4 和 jQuery，定制页面样式时建议通过 SASS 变量修改，避免直接覆盖 CSS。若用于生产环境，请将所有静态资源部署至 CDN 并启用 HTTPS。