项目简介link

Weblite 是一款面向咨询与服务类企业的单页落地页 HTML 模板，基于 Bootstrap 5 构建，集成 GSAP 动画与 Swiper 轮播，适合营销活动、产品推广或企业形象展示场景。模板提供 4 种首页变体，内置联系表单与订阅功能。

技术栈link

• Bootstrap 5（CSS / JS）
• Swiper（轮播组件）
• GSAP（滚动动画）
• Font Awesome 6（图标）
• Google Fonts（Instrument Sans）
• PHP（表单后端，仅 contact.php / subs.php）

项目结构link

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 等）

核心文件说明link

• 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 — 模板官方使用文档

快速开始link

# 本地预览（推荐使用任意 HTTP 服务器）
cd weblitehtml-10/main_files
npx serve .
# 或使用 php 内置服务器
php -S localhost:8080

表单功能需部署至支持 PHP 的 Web 服务器。

使用建议link

• 正式环境请将 assets/img/ 中的占位图（placehold.co）替换为真实素材
• 部署 PHP 表单时需修改 contact.php 和 subs.php 中的收件邮箱地址
• 主题色通过 CSS 变量 --theme-color 控制（当前为 #CDDE4F），可按需调整