项目简介link

Brizzle 是一款基于 Bootstrap 5 的响应式着陆页模板，适用于 App 推广、企业官网、产品展示等场景。模板内置 10 种不同风格的首页布局，涵盖服务介绍、功能特性、客户评价、团队展示、价格方案、订阅表单等常见模块，并附带完整文档说明。

技术栈link

• Bootstrap 5.3.2
• jQuery
• 静态 HTML/CSS/JS（无需构建工具）

项目结构link

Brizzle_HTML_v3.0.0/
├── Documentation/
│   ├── index.html          # 文档首页
│   ├── css/
│   └── favicon.ico
└── HTML/
    ├── index-*.html        # 10 种首页变体
    ├── css/
    │   ├── style.css       # 主样式文件
    │   └── *.min.css       # 插件样式
    ├── js/
    │   └── app.js          # 主脚本（导航、滚动、视频弹窗等）
    └── images/              # 图片资源

核心文件说明link

• HTML/index-*.html — 共 10 个首页模板，可根据场景选择使用
• HTML/css/style.css — 主样式表，包含所有区块（导航栏、首页、服务、功能特性、CTA、评价、团队、价格、订阅、FAQ、博客、联系表单、页脚）的样式定义
• HTML/js/app.js — 主脚本文件，负责导航栏固定、锚点滚动高亮、滚动监听、视频弹窗、返回顶部、联系表单提交等交互逻辑
• HTML/css/YTPlayer.css / magnific-popup.css — 视频背景和图片弹窗插件样式
• HTML/images/ — 背景图、Logo、图标等资源，需替换为实际内容

快速开始link

纯静态项目，无需安装依赖。直接在浏览器中打开任意 index-*.html 文件即可预览，例如：

# macOS
open HTML/index-1.html

# Windows
start HTML\index-1.html

# 或使用任意静态服务器
npx serve HTML

若需修改内容，使用文本编辑器直接编辑对应 HTML 文件中的文字、图片路径即可。

使用建议link

模板采用 Bootstrap 栅格系统和组件，替换 Logo、背景图和文案后可直接上线。注意 app.js 中的联系表单使用了 $.post 提交至 action 属性指定的地址，需配合后端接口或邮箱服务（如 EmailJS）使用。