
Laxt - 正在建设/即将推出模板
categoryHTML
# 项目简介
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。
help_outline
常见问题
评论0
发布时间Dec 4, 2025
技术栈
HTML
标签
agencycleancoming sooncreativedesignerfullscreengallerymodernone pagepersonalphotographyportfolioresponsiveunder constructionvideo