Hostinkar - 托管 HTML 和 WHMCS 模板 preview 1

Hostinkar - 托管 HTML 和 WHMCS 模板

bookmark

xHosting（Hostinkar）是一套面向托管服务商的静态 HTML 网站模板，基于 Bootstrap 5.3.2 构建，提供域名、主机、定价、博客等多场景页面，适合快速搭建主机服务商官网。模板包含 4 种首页变体及完整的功能页面。

HTMLbootstrap 5business hostingclouddomain hostingdomain registrationdomainshost

项目简介

xHosting（Hostinkar）是一套面向托管服务商的静态 HTML 网站模板，基于 Bootstrap 5.3.2 构建，提供域名、主机、定价、博客等多场景页面，适合快速搭建主机服务商官网。模板包含 4 种首页变体及完整的功能页面。

技术栈

  • HTML5 + 静态模板
  • Bootstrap v5.3.2（响应式布局）
  • jQuery 3.6.0（交互逻辑）
  • 第三方 CSS/JS 库：Swiper、Magnific Popup、FontAwesome、AOS、Odometer、Slick 等
  • PHP mail()（联系表单后端）

项目结构

text
hostinkar-html/
├── Documentation/
│   └── index.html          # 模板文档说明页
└── xhosting-html/
    ├── index.html          # 主页（4 种首页变体）
    ├── hosting.html        # 主机方案页
    ├── domain.html         # 域名查询页
    ├── pricing.html        # 定价页
    ├── blog.html           # 博客列表
    ├── contact.html        # 联系页
    ├── login.html          # 登录页
    ├── register.html       # 注册页
    └── assets/
        ├── css/            # 样式文件
        ├── js/             # 脚本文件
        ├── img/            # 图片资源
        └── mail.php        # 表单邮件处理

核心文件说明

  • xhosting-html/index.html — 主页入口，包含顶部导航与多首页切换
  • xhosting-html/hosting.html — 主机方案展示页面
  • xhosting-html/pricing.html — 价格套餐页面
  • xhosting-html/assets/css/main.css — 主样式表，控制全局外观
  • xhosting-html/assets/js/main.js — 主脚本文件，初始化各插件与交互
  • xhosting-html/assets/mail.php — 联系表单邮件发送后端脚本

快速开始

  1. 解压下载包，进入 hostinkar-html/xhosting-html/ 目录
  2. 将该目录内容上传至 Web 服务器（或本地开发服务器如 Live Server）
  3. 在浏览器直接打开 index.html 或通过服务器访问
  4. 如需联系表单功能，需服务器支持 PHP 并启用 mail() 函数

使用建议

模板已内置大量页面变体，可根据品牌需求修改 assets/css/main.css 中的颜色变量和 Logo。注意联系表单依赖服务器端 PHP 环境，如使用静态托管需自行替换为第三方表单服务。

help_outline

常见问题