SiteWarden - 虚拟主机 HTML 模板

# 项目简介 SiteWarden 是一套基于 Bootstrap 的多页面托管服务网站模板，涵盖首页三套风格变体、博客、商城、购物车、结算、VPS/Dedicated/Reseller/Shared 托管介绍页、域名查询、定价、FAQ 等完整业务页面，适合快速搭建主机/域名类企业官网。 ## 技术栈 - HTML5 + CSS3（静态页面） - Bootstrap 4（响应式布局、导航、轮播组件） - Owl Carousel 2（首页轮播/客户评价轮播） - jQuery UI Slider（定价滑块） - Font Awesome 6（图标库） - PHP（仅 contact-form.php，处理联系表单邮件发送） ## 项目结构 ``` 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/ ``` ## 核心文件说明 - `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 托管介绍页，含配置展示与价格滑块 ## 快速开始 本项目为纯静态网站，无需 npm 或构建工具： 1. 将 `sitewarden/` 目录部署至任意 Web 服务器（如 Apache/Nginx），或直接用 VS Code Live Server 预览 2. 用浏览器打开 `index.html` 即可查看首页 3. 联系表单需配合 PHP 环境运行，确保服务器已配置 `sendmail` 或 SMTP ## 使用建议 - 模板图片占位符均为静态资源，建议替换为真实产品截图；联系表单的收件邮箱需更改为实际业务地址 - 所有页面共享 `assets/css/` 下的样式表，修改 `custom.css` 可全局调整品牌色与排版