项目简介link

Bredh 是一款面向主机托管服务商的多用途 HTML + WHMCS 主题模板，包含完整的主页变体、服务介绍页（VPS/独服/域名/SSL 等）、联系表单及 WHMCS 主题。适合快速搭建主机/域名/云服务公司的企业官网。

技术栈link

• Bootstrap 4（响应式布局框架）
• Static HTML5 / CSS3
• jQuery（交互与动画）
• PHP（联系表单 mailer.php）
• WHMCS（主题模板）
• Font Awesome（图标）

项目结构link

bredh_themeforest_package_2.1.3/
├── HTML/
│   ├── Version 2.0/          ← 主模板（20+ 页面）
│   │   ├── index.html        ← 首页
│   │   ├── mailer.php        ← 联系表单后端
│   │   ├── hosting.html
│   │   ├── dedicated.html
│   │   ├── cloud-vps.html
│   │   ├── domains.html
│   │   ├── ssl.html
│   │   ├── cpanel.html
│   │   ├── wordpress.html
│   │   ├── shoutcast.html / icecast.html
│   │   ├── games.html
│   │   ├── signin.html / signup.html
│   │   └── ...
│   └── version 1.7/         ← 旧版模板
├── WHMCS themes/
│   ├── bredh moon (OLD)/
│   └── bredh sefar (NEW)/
└── documentation/
    ├── index.html            ← 官方文档（内含 CSS/JS）
    └── css/style.css

核心文件说明link

• HTML/Version 2.0/index.html — 主站首页模板，支持多款预制变体切换
• HTML/Version 2.0/mailer.php — 联系表单后端，处理姓名/邮箱/留言并发送邮件
• documentation/index.html — ThemeForest 官方文档，涵盖模板定制、Logo 替换、WHMCS 安装等说明
• documentation/css/style.css — 文档站样式（含 Montserrat 字体及蓝色主题变量）
• documentation/js/main.js — 文档站 SyntaxHighlighter 语法高亮初始化脚本
• WHMCS themes/ — 两套WHMCS 主题（bredh moon / bredh sefar），需复制至 WHMCS 模板目录激活

快速开始link

1. 本地预览
   直接用浏览器打开 HTML/Version 2.0/index.html 即可浏览；如需联系表单发送邮件，需将整层目录放入 PHP 运行环境（如 phpStudy、XAMPP）。

2. WHMCS 主题安装
   将 bredh sefar (NEW) 文件夹复制至 WHMCS 安装目录的 /templates/ 下，在 WHMCS 后台 设置 → 常规设置 → 模板 中切换。

3. 联系表单配置
   编辑 mailer.php，将 $recipient 变量改为实际收件邮箱地址。

使用建议link

• 该模板以托管/主机行业为主线，所有页面围绕服务器、域名、SSL 等服务设计，替换图片和文案后可直接用于商业项目。
• 模板附带粒子背景（particles.js）、滚动动画等效果，若部署在低配服务器上建议按需精简 JS 以提升加载速度。