Laxt - Under Construction / Coming Soon Template

# 项目简介 Laxt 是一款"即将上线 / 网站建设中"静态页面模板，提供 10 种不同风格首页变体，涵盖轮播图、视差背景、视频背景（YouTube / Vimeo / HTML5）、Ken Burns 幻灯片、时间线等多种效果，适合项目启动前的临时落地页或品牌预热页面。 ## 技术栈 - HTML5 + CSS3（静态页面） - jQuery（负责交互与插件初始化） - Slick Slider（触摸滑动轮播） - Swiper（视差/时间线/缩略图滑动） - Owl Carousel 2（图片轮播） - Magnific Popup（图片灯箱） - PHP（联系表单 + MailChimp 订阅，需要服务器环境） ## 项目结构 ``` laxthtml-10/ ├── Laxt-v1-3-Documentation/ # 官方文档入口 │ └── index.html └── Laxt-v1-3-Template/ # 模板主体 ├── index-*.html # 10 种首页变体 ├── contact.php # 联系表单后端 ├── subscribe.php # MailChimp 订阅后端 ├── css/ │ ├── style.css # 主样式（含所有组件样式） │ └── plugins.css # 第三方插件覆盖样式 └── img/ # 背景图与素材 ``` ## 核心文件说明 - `index-*.html` — 10 种首页模板，选用其一作为入口页面 - `css/style.css` — 主样式文件，注释中按章节组织（约 32 个模块） - `css/plugins.css` — Slick / Swiper / Owl Carousel / Magnific Popup 的定制样式 - `contact.php` — 联系表单邮件发送逻辑（需配置 `$myemail`） - `subscribe.php` — MailChimp 订阅接口（需填写 API Key 与 List ID） - `img/` — 所有背景图片存放目录，路径在 CSS 中引用 ## 快速开始 1. 直接用浏览器打开 `Laxt-v1-3-Template/index-SINGLE-IMAGE.html` 预览基础版； 2. 若需使用联系/订阅功能，将整个 `Laxt-v1-3-Template` 目录部署至支持 PHP 的 Web 服务器，并修改 `contact.php` 中的邮箱地址或 `subscribe.php` 中的 MailChimp 凭证； 3. 背景图片位于 `img/background/`，可按需替换同名文件完成品牌定制。 ## 使用建议 - 多首页变体仅视觉呈现不同，核心结构一致；选一个最符合项目气质的版本作为起点即可。 - 视频背景（YouTube / Vimeo / HTML5）页面依赖视频资源加载，首次打开可能较慢，生产环境建议开启 gzip 压缩并使用 CDN。