项目简介link

The One 是一套响应式单页 HTML 模板，包含 38 种首页变体，涵盖幻灯片、视频背景、图片画廊、时间轴等多种交互效果。适合用于作品集展示、活动页面或企业官网。模板附带 PHP 邮件处理脚本和 MailChimp 订阅功能。

技术栈link

• HTML5 + CSS3
• jQuery
• Slick Slider、Owl Carousel、Swiper Slider
• Magnific Popup
• jQuery.mb.YTPlayer（YouTube 背景视频）
• PHP（联系表单 + MailChimp 集成）

项目结构link

theonehtml-14/
├── The-One-Responsive-v1-4-Template/
│   ├── css/
│   │   ├── style.css          # 主样式
│   │   ├── plugins.css        # 第三方插件样式
│   │   └── yt-audio-only.css  # YouTube 音频样式
│   ├── img/                   # 图片资源
│   ├── contact.php            # 联系表单处理
│   └── subscribe.php          # MailChimp 订阅处理
└── The-One-Responsive-v1-4-Documentation/
    └── index.html             # 官方文档

核心文件说明link

• index-*.html — 38 种首页模板变体，直接选用或修改
• css/style.css — 主样式文件，含 51 个章节的完整注释
• contact.php — 接收表单数据并发送邮件
• subscribe.php — 对接 MailChimp API 实现订阅功能

快速开始link

直接用浏览器打开 The-One-Responsive-v1-4-Template/ 目录下的任意 index-*.html 文件即可预览。需使用 PHP 环境的联系表单和订阅功能时，将整个目录部署到支持 PHP 的 Web 服务器。

使用建议link

从 38 种首页变体中选取最接近需求的版本作为起点，然后替换 img/ 目录下的图片素材。表单功能需在 contact.php 和 subscribe.php 中填入真实的邮箱地址和 API Key。