Cruv - Creative Agency and Portfolio HTML Template

# 项目简介 Cruv 是一个面向创意机构和作品集展示的静态 HTML 模板，提供了首页、服务、作品集、博客、团队等多个完整页面，适合快速搭建代理公司官网或个人作品集网站。模板使用 Bootstrap 框架，包含响应式导航、动画效果和灯箱组件。 ## 技术栈 - HTML5 + CSS3（静态页面） - Bootstrap 5（布局与组件） - Swiper（轮播图） - Magnific Popup（图片灯箱） - Font Awesome（图标库） - jQuery（交互效果） - PHP（联系表单后端） ## 项目结构 ``` 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 环境，若使用静态托管需另接第三方表单服务