项目简介link

Hostlar 是一套完整的静态 HTML 网站模板，专为虚拟主机、云服务器、VPS 等托管服务商设计。模板基于 Bootstrap 5 构建，提供了超过 50 个页面模板，涵盖首页变体、定价方案、域名搜索、用户登录注册、博客、支持页面等多种场景，并附带完整的 WHMCS 模板集成文档。

技术栈link

• HTML5 / CSS3（静态页面）
• Bootstrap v5.3.2
• WHMCS（模板集成支持）
• Google Fonts（Open Sans、Poppins 字体）

项目结构link

├── documentation/
│   ├── html-documentation/        # HTML 模板使用说明文档
│   │   ├── index.html
│   │   └── assets/css/
│   └── whmcs-documentation/       # WHMCS 集成配置文档
│       ├── index.html
│       └── assets/css/
└── html/
    └── hostlar/                   # 核心模板目录
        ├── index.html             # 默认首页
        ├── index-*.html           # 首页变体（视频背景、滑块等）
        ├── pricing-*.html         # 定价页面
        ├── login*.html            # 登录页面
        ├── signup*.html           # 注册页面
        ├── shared-hosting.html    # 虚拟主机介绍页
        ├── cloud-hosting.html     # 云主机介绍页
        ├── dedicated-server*.html # 独立服务器页
        ├── domain-search*.html    # 域名搜索页
        ├── blog-*.html            # 博客相关页面
        ├── support.html           # 支持页面
        └── assets/css/main.css   # Bootstrap 主样式

核心文件说明link

• html/hostlar/index.html — 默认首页入口，包含导航栏、英雄区与服务介绍
• html/hostlar/assets/css/main.css — Bootstrap 5 完整样式表
• documentation/html-documentation/index.html — HTML 模板自定义与修改指南
• documentation/whmcs-documentation/index.html — WHMCS 模板安装与配置文档
• html/hostlar/pricing-*.html — 各类定价方案展示页面
• html/hostlar/domain-search-result.php — 少数动态文件，用于域名搜索结果

快速开始link

由于本项目为纯静态站点，无需构建工具：

1. 将 html/hostlar/ 目录部署到任意 Web 服务器
2. 直接在浏览器打开 index.html 即可预览
3. 或使用本地服务器（如 python -m http.server）访问

如需集成 WHMCS，请查阅 documentation/whmcs-documentation/ 中的安装指南。

使用建议link

该模板适用于快速搭建托管服务商官网，提供了大量现成页面可直接修改使用。需要动态功能（如用户管理、订单处理）时，可接入 WHMCS 系统；纯展示型网站则可直接使用静态 HTML 文件。注意修改 index.html 中 meta 标签及 Logo 图片以匹配实际品牌。