项目简介link

SiteWarden 是一套基于 Bootstrap 的多页面托管服务网站模板，涵盖首页三套风格变体、博客、商城、购物车、结算、VPS/Dedicated/Reseller/Shared 托管介绍页、域名查询、定价、FAQ 等完整业务页面，适合快速搭建主机/域名类企业官网。

技术栈link

• HTML5 + CSS3（静态页面）
• Bootstrap 4（响应式布局、导航、轮播组件）
• Owl Carousel 2（首页轮播/客户评价轮播）
• jQuery UI Slider（定价滑块）
• Font Awesome 6（图标库）
• PHP（仅 contact-form.php，处理联系表单邮件发送）

项目结构link

sitewardenhtml-10/
├── documentation/
│   └── doc.html
└── sitewarden/
    ├── index.html          # 首页 01
    ├── index2.html          # 首页 02
    ├── index3.html          # 首页 03
    ├── about.html
    ├── blog.html / single-blog.html
    ├── shop.html / product-detail.html
    ├── cart.html / checkout.html
    ├── pricing.html
    ├── services: dedicated.html / vps.html / shared.html / reseller.html / domain.html
    ├── contact.html + contact-form.php
    ├── faq.html / testimonial.html / coming-soon.html
    ├── 404.html
    └── assets/
        ├── bootstrap/bootstrap.min.css
        ├── css/（custom.css / responsive.css / owl.carousel.min.css 等）
        └── images/

核心文件说明link

• sitewarden/index.html — 首页 01，含顶部导航、Banner、服务介绍、客户评价等区块
• sitewarden/assets/css/custom.css — 自定义全局样式，覆盖 Bootstrap 默认外观
• sitewarden/assets/css/owl.carousel.min.css — 轮播组件样式，负责 Banner 与客户评价滑动效果
• sitewarden/assets/css/priceslider.css — jQuery UI Slider 样式，用于定价页价格范围滑块
• sitewarden/contact-form.php — PHP 表单处理器，接收 POST 数据并发送邮件（收件箱硬编码在第 9 行）
• sitewarden/services/vps.html — VPS 托管介绍页，含配置展示与价格滑块

快速开始link

本项目为纯静态网站，无需 npm 或构建工具：

1. 将 sitewarden/ 目录部署至任意 Web 服务器（如 Apache/Nginx），或直接用 VS Code Live Server 预览
2. 用浏览器打开 index.html 即可查看首页
3. 联系表单需配合 PHP 环境运行，确保服务器已配置 sendmail 或 SMTP

使用建议link

• 模板图片占位符均为静态资源，建议替换为真实产品截图；联系表单的收件邮箱需更改为实际业务地址
• 所有页面共享 assets/css/ 下的样式表，修改 custom.css 可全局调整品牌色与排版