项目简介link

这是一套响应式"网站建设中"（Under Construction）页面模板，提供倒计时、联系表单和邮件订阅功能。内置多种全屏背景效果（视频、图片、幻灯片、Google Maps、Ken Burns 等），适合网站上线前的过渡页面。

技术栈link

• Bootstrap（CSS 框架）
• Static HTML（页面结构）
• PHP（联系表单、MailChimp 订阅后端）
• jQuery（交互动效）

项目结构link

exunderconstruction-10/
├── Ex-v1-1-Template/
│   ├── index-*.html          # 各背景变体首页（20+ 个）
│   ├── contact.php           # 联系表单处理
│   ├── subscribe.php         # MailChimp 订阅接口
│   ├── css/
│   │   ├── bootstrap.min.css
│   │   ├── style-*.css       # 主样式（dark/light/pure-dark/pure-light）
│   │   └── colors/           # 16 种配色方案
│   └── img/
└── Ex-v1-1-Documentation/
    └── index.html            # 官方文档页

核心文件说明link

• index-*.html — 首页变体，选择背景效果对应的文件直接使用
• css/style-*.css — 主题样式表，控制深色/浅色整体风格
• css/colors/*.css — 配色方案，通过 <link> 标签引入覆盖主色
• contact.php — 接收姓名、邮箱、主题、留言并发送邮件
• subscribe.php — MailChimp 订阅接口，需填入 API Key 和 List ID

快速开始link

1. 将 Ex-v1-1-Template 目录部署到 Web 服务器
2. 根据需要的背景效果选择对应的 index-*.html
3. 修改 HTML 中的 <!-- intro start --> 区块内容
4. 配置 contact.php 中的 $myemail 收件地址
5. 配置 subscribe.php 中的 API Key 和 List ID
6. 浏览器打开即可预览

使用建议link

• 纯静态页面直接用浏览器打开只能看 HTML 结构，表单提交和订阅功能需要 PHP 环境（如本地 MAMP/XAMPP 或线上服务器）。
• 配色文件为独立 .css，切换主题只需更换 <link> 标签引入的路径，无需改动主样式。