项目简介
Cruv 是一个面向创意机构和作品集展示的静态 HTML 模板，提供了首页、服务、作品集、博客、团队等多个完整页面，适合快速搭建代理公司官网或个人作品集网站。模板使用 Bootstrap 框架，包含响应式导航、动画效果和灯箱组件。
技术栈
- HTML5 + CSS3（静态页面）
- Bootstrap 5（布局与组件）
- Swiper（轮播图）
- Magnific Popup（图片灯箱）
- Font Awesome（图标库）
- jQuery（交互效果）
- PHP（联系表单后端）
项目结构
text
cruv-html/
├── index.html # 首页
├── index-2.html # 首页变体
├── about.html # 关于我们
├── services.html # 服务列表
├── services-details.html # 服务详情
├── portfolio-grid.html # 作品集（网格）
├── portfolio-list.html # 作品集（列表）
├── portfolio-details.html # 作品集详情
├── blog-grid.html # 博客（网格）
├── blog-list.html # 博客（列表）
├── blog-details.html # 博客详情
├── team.html # 团队成员
├── pricing.html # 定价页面
├── faq.html # 常见问题
├── contact-us.html # 联系我们
├── 404.html # 错误页面
├── mail.php # 表单邮件处理
└── assets/
├── css/style.css # 主样式文件
├── js/ # 脚本文件
└── img/ # 图片资源
核心文件说明
index.html— 主首页，包含导航、幻灯片、服务展示等模块assets/css/style.css— 全局样式，修改此处可调整配色和布局assets/js/— jQuery 插件与业务逻辑脚本portfolio-grid.html— 作品集网格布局页面contact-us.html— 联系页面，含表单提交功能mail.php— PHP 后端，负责接收并发送联系表单数据
快速开始
无需构建工具，直接在浏览器中打开 index.html 即可预览。部署时将整个 cruv-html 文件夹上传至服务器即可。
如需联系表单正常工作，需部署在支持 PHP 的环境中，并修改 mail.php 中的收件邮箱地址。
使用建议
- 替换
assets/img/中的图片资源即可完成内容更新 - 联系表单依赖 PHP 环境，若使用静态托管需另接第三方表单服务
