Inex - Coming Soon Creative Template

# 项目简介 Inex 是一款创意"即将推出"（Coming Soon）页面模板，适合网站上线前的预告页面。提供多种首页变体，包括 Hero 轮播、YouTube/Vimeo 视频背景、单图打字效果等样式。内置联系表单和 MailChimp 订阅功能。 ## 技术栈 - 静态 HTML/CSS/JavaScript - jQuery（前端交互） - Swiper/Slick（轮播组件） - PHP（联系表单与订阅表单后端处理） ## 项目结构 ``` inexhtml-10/ ├── Inex-v1-0-Documentation/ # 官方文档 │ └── index.html └── Inex-v1-0-Template/ # 模板主目录 ├── index-*.html # 6种首页变体 ├── contact.php # 联系表单处理 ├── subscribe.php # MailChimp订阅处理 ├── css/ │ ├── style.css # 主样式 │ └── plugins.css # 插件样式 └── js/ ├── inex.js # 主脚本 └── plugins.js # 插件脚本 ``` ## 核心文件说明 - `index-HERO-SLIDER.html` — Hero 轮播风格首页 - `index-YOUTUBE-VIDEO.html` — 全屏 YouTube 视频背景首页 - `index-VIMEO-VIDEO.html` — 全屏 Vimeo 视频背景首页 - `css/style.css` — 主样式表，定义布局、颜色、动画 - `js/inex.js` — 页面交互逻辑与效果实现 - `contact.php` — 联系人表单数据处理（需 PHP 环境） ## 快速开始 1. **纯静态预览**：直接双击打开 `index-*.html` 文件，或使用本地服务器（如 `npx serve`）在浏览器中预览 2. **启用表单功能**：将模板目录部署到支持 PHP 的 Web 服务器，修改 `contact.php` 中的 `$myemail` 为实际邮箱，`subscribe.php` 中的 API Key 和 List ID ## 使用建议 - 选择最适合项目风格的首页变体（6种可选），替换背景图片和文案即可 - 视频背景页面需确保视频文件或 YouTube/Vimeo 链接可用 - 订阅功能依赖 MailChimp API，请提前注册并获取 API Key