Sukun - 婚礼和婚礼策划 HTML5 模板

# 项目简介 Sukun 是一款面向婚礼策划与请柬场景的 PHP 网站模板，提供首页、新人介绍、婚礼场地、博客、Portfolio、RSVP 等十余种页面。模板附带完整的英文文档站点（documentation/），展示安装说明与页面结构说明，方便二次开发与部署。 ## 技术栈 - **前端框架**：Bootstrap 4（响应式布局） - **脚本语言**：jQuery 3.2.1、原生 JavaScript - **动画库**：TweenMax、Wavify（波浪动效）、Parallaxie（视差滚动） - **字体**：Google Fonts（Great Vibes + Roboto） - **后端**：PHP（页面模板、邮件表单、配置管理） ## 项目结构 ``` sukunhtml-10/ downloadable/ documentation/ # 模板文档站点 index.html # 文档首页 css/ style.css # 主样式（含水波/视差/按钮等全局样式） responsive.css # 响应式断点样式 _contact.css # 联系区块样式片段 js/ main.js # 核心交互逻辑（滚动导航、侧栏切换、滑块等） jquery-3.2.1.min.js TweenMax.min.js jquery.wavify.js parallaxie.js ... sukun/ # 正式模板文件 index.php # 首页 about.php / blog.php / contact.php ... config.php # 站点配置 mail-contact.php # 邮件处理 invitation-1.php / invitation-2.php # 请柬页 rsvp-*.php # 出席回执页 ``` ## 核心文件说明 - `documentation/index.html` — 文档站点入口，包含安装指南与页面结构说明 - `documentation/css/style.css` — 全局样式表，定义主色调（#10b3d6）及字体、间距等基础规范 - `documentation/js/main.js` — 导航固定、锚点滚动、侧栏切换、滑块初始化等核心交互 - `sukun/config.php` — 数据库连接、邮件配置等站点级参数 - `sukun/mail-contact.php` — 联系表单邮件发送逻辑 - `sukun/invitation-1.php` — 婚礼电子请柬页面模板 ## 快速开始 1. 将 `sukun/` 目录部署至 PHP 7.x 及以上版本服务器； 2. 编辑 `config.php` 配置数据库与邮件参数； 3. 访问 `index.php` 查看首页效果； 4. 如需本地预览，可使用 `php -S localhost:8000` 或 VS Code Live Server（仅限静态资源）。 ## 使用建议 - 请柬页（invitation 系列）和 RSVP 表单适合婚礼邀请场景，建议配合 `mail-contact.php` 配置邮件通知； - 文档站点（documentation/）仅供开发参考，正式上线时可移除或替换为内部 Wiki。