项目简介link

Laxt 是一款"即将上线 / 网站建设中"静态页面模板，提供 10 种不同风格首页变体，涵盖轮播图、视差背景、视频背景（YouTube / Vimeo / HTML5）、Ken Burns 幻灯片、时间线等多种效果，适合项目启动前的临时落地页或品牌预热页面。

技术栈link

• HTML5 + CSS3（静态页面）
• jQuery（负责交互与插件初始化）
• Slick Slider（触摸滑动轮播）
• Swiper（视差/时间线/缩略图滑动）
• Owl Carousel 2（图片轮播）
• Magnific Popup（图片灯箱）
• PHP（联系表单 + MailChimp 订阅，需要服务器环境）

项目结构link

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/                     # 背景图与素材

核心文件说明link

• 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 中引用

快速开始link

1. 直接用浏览器打开 Laxt-v1-3-Template/index-SINGLE-IMAGE.html 预览基础版；
2. 若需使用联系/订阅功能，将整个 Laxt-v1-3-Template 目录部署至支持 PHP 的 Web 服务器，并修改 contact.php 中的邮箱地址或 subscribe.php 中的 MailChimp 凭证；
3. 背景图片位于 img/background/，可按需替换同名文件完成品牌定制。

使用建议link

• 多首页变体仅视觉呈现不同，核心结构一致；选一个最符合项目气质的版本作为起点即可。
• 视频背景（YouTube / Vimeo / HTML5）页面依赖视频资源加载，首次打开可能较慢，生产环境建议开启 gzip 压缩并使用 CDN。