Brizzle v3.0 - 登陆页面模板

# 项目简介 Brizzle 是一款基于 Bootstrap 5 的响应式着陆页模板，适用于 App 推广、企业官网、产品展示等场景。模板内置 10 种不同风格的首页布局，涵盖服务介绍、功能特性、客户评价、团队展示、价格方案、订阅表单等常见模块，并附带完整文档说明。 ## 技术栈 - Bootstrap 5.3.2 - jQuery - 静态 HTML/CSS/JS（无需构建工具） ## 项目结构 ``` Brizzle_HTML_v3.0.0/ ├── Documentation/ │ ├── index.html # 文档首页 │ ├── css/ │ └── favicon.ico └── HTML/ ├── index-*.html # 10 种首页变体 ├── css/ │ ├── style.css # 主样式文件 │ └── *.min.css # 插件样式 ├── js/ │ └── app.js # 主脚本（导航、滚动、视频弹窗等） └── images/ # 图片资源 ``` ## 核心文件说明 - `HTML/index-*.html` — 共 10 个首页模板，可根据场景选择使用 - `HTML/css/style.css` — 主样式表，包含所有区块（导航栏、首页、服务、功能特性、CTA、评价、团队、价格、订阅、FAQ、博客、联系表单、页脚）的样式定义 - `HTML/js/app.js` — 主脚本文件，负责导航栏固定、锚点滚动高亮、滚动监听、视频弹窗、返回顶部、联系表单提交等交互逻辑 - `HTML/css/YTPlayer.css` / `magnific-popup.css` — 视频背景和图片弹窗插件样式 - `HTML/images/` — 背景图、Logo、图标等资源，需替换为实际内容 ## 快速开始 纯静态项目，无需安装依赖。直接在浏览器中打开任意 `index-*.html` 文件即可预览，例如： ```bash # macOS open HTML/index-1.html # Windows start HTML\index-1.html # 或使用任意静态服务器 npx serve HTML ``` 若需修改内容，使用文本编辑器直接编辑对应 HTML 文件中的文字、图片路径即可。 ## 使用建议 模板采用 Bootstrap 栅格系统和组件，替换 Logo、背景图和文案后可直接上线。注意 `app.js` 中的联系表单使用了 $.post 提交至 `action` 属性指定的地址，需配合后端接口或邮箱服务（如 EmailJS）使用。