Ex - 响应式建设中模板

# 项目简介 这是一套响应式"网站建设中"（Under Construction）页面模板，提供倒计时、联系表单和邮件订阅功能。内置多种全屏背景效果（视频、图片、幻灯片、Google Maps、Ken Burns 等），适合网站上线前的过渡页面。 ## 技术栈 - Bootstrap（CSS 框架） - Static HTML（页面结构） - PHP（联系表单、MailChimp 订阅后端） - jQuery（交互动效） ## 项目结构 ``` 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 # 官方文档页 ``` ## 核心文件说明 - `index-*.html` — 首页变体，选择背景效果对应的文件直接使用 - `css/style-*.css` — 主题样式表，控制深色/浅色整体风格 - `css/colors/*.css` — 配色方案，通过 `<link>` 标签引入覆盖主色 - `contact.php` — 接收姓名、邮箱、主题、留言并发送邮件 - `subscribe.php` — MailChimp 订阅接口，需填入 API Key 和 List ID ## 快速开始 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. 浏览器打开即可预览 ## 使用建议 - 纯静态页面直接用浏览器打开只能看 HTML 结构，表单提交和订阅功能需要 PHP 环境（如本地 MAMP/XAMPP 或线上服务器）。 - 配色文件为独立 `.css`，切换主题只需更换 `<link>` 标签引入的路径，无需改动主样式。