项目简介link

Inex 是一款创意"即将推出"（Coming Soon）页面模板，适合网站上线前的预告页面。提供多种首页变体，包括 Hero 轮播、YouTube/Vimeo 视频背景、单图打字效果等样式。内置联系表单和 MailChimp 订阅功能。

技术栈link

• 静态 HTML/CSS/JavaScript
• jQuery（前端交互）
• Swiper/Slick（轮播组件）
• PHP（联系表单与订阅表单后端处理）

项目结构link

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            # 插件脚本

核心文件说明link

• index-HERO-SLIDER.html — Hero 轮播风格首页
• index-YOUTUBE-VIDEO.html — 全屏 YouTube 视频背景首页
• index-VIMEO-VIDEO.html — 全屏 Vimeo 视频背景首页
• css/style.css — 主样式表，定义布局、颜色、动画
• js/inex.js — 页面交互逻辑与效果实现
• contact.php — 联系人表单数据处理（需 PHP 环境）

快速开始link

1. 纯静态预览：直接双击打开 index-*.html 文件，或使用本地服务器（如 npx serve）在浏览器中预览
2. 启用表单功能：将模板目录部署到支持 PHP 的 Web 服务器，修改 contact.php 中的 $myemail 为实际邮箱，subscribe.php 中的 API Key 和 List ID

使用建议link

• 选择最适合项目风格的首页变体（6种可选），替换背景图片和文案即可
• 视频背景页面需确保视频文件或 YouTube/Vimeo 链接可用
• 订阅功能依赖 MailChimp API，请提前注册并获取 API Key