Weblite - 创意商业咨询和服务 HTML 登陆页面模板

# 项目简介 Weblite 是一款面向咨询与服务类企业的单页落地页 HTML 模板，基于 Bootstrap 5 构建，集成 GSAP 动画与 Swiper 轮播，适合营销活动、产品推广或企业形象展示场景。模板提供 4 种首页变体，内置联系表单与订阅功能。 ## 技术栈 - Bootstrap 5（CSS / JS） - Swiper（轮播组件） - GSAP（滚动动画） - Font Awesome 6（图标） - Google Fonts（Instrument Sans） - PHP（表单后端，仅 contact.php / subs.php） ## 项目结构 ``` weblitehtml-10/ ├── Documentation/ # 模板使用文档 │ ├── index.html │ ├── style.css │ └── images/ └── main_files/ # 正式模板文件 ├── index.html # 首页（第 1 套布局） ├── index-2.html ├── index-3.html ├── index-4.html ├── contact.php # 联系表单处理 ├── subs.php # 订阅表单处理 └── assets/ ├── css/ # 样式表（style.css、responsive.css 等） ├── fonts/ # Font Awesome 字体文件 └── js/ # 脚本（bootstrap、gsap、swiper 等） ``` ## 核心文件说明 - `main_files/index.html` — 首页主文件，包含 Hero、表单、评分展示等完整区块 - `main_files/assets/css/style.css` — 主样式表，定义所有页面组件的视觉风格 - `main_files/assets/js/gsap-scroll-smoother.js` — GSAP 滚动动画脚本 - `main_files/contact.php` — 联系表单后端处理逻辑 - `Documentation/index.html` — 模板官方使用文档 ## 快速开始 ```bash # 本地预览（推荐使用任意 HTTP 服务器） cd weblitehtml-10/main_files npx serve . # 或使用 php 内置服务器 php -S localhost:8080 ``` 表单功能需部署至支持 PHP 的 Web 服务器。 ## 使用建议 - 正式环境请将 `assets/img/` 中的占位图（placehold.co）替换为真实素材 - 部署 PHP 表单时需修改 `contact.php` 和 `subs.php` 中的收件邮箱地址 - 主题色通过 CSS 变量 `--theme-color` 控制（当前为 `#CDDE4F`），可按需调整