Hostingard v1.6.0 - Web Hosting HTML Template with WHMCS

Hostingard v1.6.0 - Web Hosting HTML Template with WHMCS

# 项目简介 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。
help_outline

FAQ

Comments0
PublishedJan 21, 2026

Tech Stack

HTML