项目简介link

Valom 是一套面向商业咨询公司的 HTML5 网站模板，基于 Bootstrap 5.x 构建，提供 5 种首页布局和 20+ 个内页模板，支持响应式设计、暗色/亮色模式切换和跨浏览器兼容。模板自带联系表单后端（PHP mail.php），适合咨询机构、企业战略顾问及专业服务类网站快速搭建。

技术栈link

• HTML5 + CSS3（原生 + Bootstrap 5.x）
• JavaScript（jQuery 生态：magnific-popup、swiper-bundle、AOS 动画、datetimepicker）
• PHP（仅 assets/mail.php 用于联系表单）

项目结构link

1.Valom-HTML-template/
├── index.html              # 首页（Home One）
├── home-2~home-5.html      # 其他首页变体
├── about.html              # 关于我们
├── service.html            # 服务列表
├── service-details.html    # 服务详情
├── blog.html               # 博客列表
├── blog-2.html              # 博客布局变体
├── blog-details.html       # 博客详情
├── team.html               # 团队成员
├── team-details.html       # 成员详情
├── project.html            # 项目案例
├── project-details.html    # 案例详情
├── pricing.html            # 定价页面
├── appointment.html        # 预约页面
├── contact.html            # 联系方式
├── error.html              # 404 错误页
└── assets/
    ├── mail.php            # 联系表单邮件发送
    └── css/style.css       # 主样式文件
2.Valom-Documentation/
└── index.html              # 官方文档说明

核心文件说明link

• index.html — 主首页入口，含顶部导航、轮播、服务展示区块
• assets/css/style.css — 所有页面共享的主样式表
• assets/mail.php — 联系表单 POST 提交后发送邮件的 PHP 脚本
• contact.html — 联系页面，含表单提交逻辑（依赖 mail.php）
• error.html — 404 错误页，所有页面共享同一导航结构

快速开始link

纯静态模板，无需构建：

1. 双击 1.Valom-HTML-template/index.html 直接在浏览器中预览；或使用 VS Code Live Server / Python http.server 等本地服务器打开。
2. 联系表单需配合 PHP 环境（如 php -S localhost:8000）方可正常收发邮件。

使用建议link

• 替换 assets/img/logo/ 下的 logo 文件及 assets/img/favicon.jpg 即可快速完成品牌化定制。
• 若部署到静态托管平台（GitHub Pages、Vercel 等），联系表单需另行接入第三方服务（如 Formspree、Netlify Forms）替代 mail.php。