Hostingard v1.6.0 - 使用 WHMCS 的虚拟主机 HTML 模板

# 项目简介 HostinGard 是一套面向主机托管/托管服务商的静态 HTML 网站模板，配套提供完整的 WHMCS 客户门户主题和购物车订单表单模板。支持 LTR（从左到右）和 RTL（从右到左）两种排版方向，适合快速搭建主机服务商的官网及配套账单系统。 ## 技术栈 - HTML5 / CSS3（静态模板） - Bootstrap 4.5.3（布局框架） - jQuery 1.12.4（交互脚本） - Font Awesome 5.10.1（图标库） - PHP（WHMCS 钩子和配置） - SASS（样式自定义） - WHMCS 8.x（客户管理与账单系统） ## 项目结构 ``` hostingardhtml-160/ ├── documentation/ │ ├── html-documentation/ │ └── whmcs-documentation/ ├── html/ │ ├── HostinGard/ │ │ └── src/ │ └── HostinGard-rtl/ │ └── src/ └── whmcs/ ├── hooks/ │ ├── index.php │ └── config/ ├── orderforms/ │ └── themetags_cart/ └── templates/ └── hostingard/ ``` ## 核心文件说明 - `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 两套说明文档 ## 快速开始 **主站模板** 直接用浏览器打开 `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 管理后台设置默认模板和订单表单 ## 使用建议 本模板依赖 Bootstrap 4 和 jQuery，定制页面样式时建议通过 SASS 变量修改，避免直接覆盖 CSS。若用于生产环境，请将所有静态资源部署至 CDN 并启用 HTTPS。