Valom - 商业咨询 HTML 模板

# 项目简介 Valom 是一套面向商业咨询公司的 HTML5 网站模板，基于 Bootstrap 5.x 构建，提供 5 种首页布局和 20+ 个内页模板，支持响应式设计、暗色/亮色模式切换和跨浏览器兼容。模板自带联系表单后端（PHP mail.php），适合咨询机构、企业战略顾问及专业服务类网站快速搭建。 ## 技术栈 - HTML5 + CSS3（原生 + Bootstrap 5.x） - JavaScript（jQuery 生态：magnific-popup、swiper-bundle、AOS 动画、datetimepicker） - PHP（仅 assets/mail.php 用于联系表单） ## 项目结构 ``` 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 # 官方文档说明 ``` ## 核心文件说明 - `index.html` — 主首页入口，含顶部导航、轮播、服务展示区块 - `assets/css/style.css` — 所有页面共享的主样式表 - `assets/mail.php` — 联系表单 POST 提交后发送邮件的 PHP 脚本 - `contact.html` — 联系页面，含表单提交逻辑（依赖 mail.php） - `error.html` — 404 错误页，所有页面共享同一导航结构 ## 快速开始 纯静态模板，无需构建： 1. 双击 `1.Valom-HTML-template/index.html` 直接在浏览器中预览；或使用 VS Code Live Server / Python http.server 等本地服务器打开。 2. 联系表单需配合 PHP 环境（如 php -S localhost:8000）方可正常收发邮件。 ## 使用建议 - 替换 `assets/img/logo/` 下的 logo 文件及 `assets/img/favicon.jpg` 即可快速完成品牌化定制。 - 若部署到静态托管平台（GitHub Pages、Vercel 等），联系表单需另行接入第三方服务（如 Formspree、Netlify Forms）替代 mail.php。