项目简介link

Boostly 是一款面向 SaaS 与科技创业公司的多页面 HTML 模板，基于 Bootstrap 5 构建，提供首页变体、about、services、pricing、news、team 等完整业务页面，适合快速搭建 SaaS 产品官网或营销落地页。

技术栈link

• Bootstrap 5.3（响应式布局框架）
• jQuery（DOM 交互与插件驱动）
• Swiper（轮播与品牌滑动组件）
• MeanMenu（移动端响应式导航）
• Magnific Popup（图片/视频弹窗）
• Nice Select（自定义下拉选择）
• Google Fonts（DM Sans、Sen、Manrope 等字体）

项目结构link

boostlyhtml-10/
├── buyer-file/               # 最终交付的模板文件
│   ├── index.html             # 首页（主入口）
│   ├── about.html             # 关于我们
│   ├── service.html           # 服务列表
│   ├── pricing.html           # 定价页
│   ├── news.html              # 博客/新闻列表
│   ├── contact.html           # 联系页
│   ├── sign-in.html           # 登录
│   ├── register.html          # 注册
│   ├── team.html              # 团队成员
│   ├── assets/
│   │   ├── css/main.css       # 主题核心样式
│   │   └── js/main.js         # 交互逻辑（sticky header/轮播/弹窗等）
│   └── contact.php            # 联系表单后端处理
├── documentation/             # 官方文档（供开发参考）
└── assets/                    # 文档静态资源

核心文件说明link

• buyer-file/index.html — 首页入口，整合所有区块与多版本切换
• buyer-file/assets/css/main.css — 主题主样式，含 CSS 变量、按钮组件、布局基础
• buyer-file/assets/js/main.js — 交互脚本，负责移动端菜单、Sticky Header、Swiper 轮播、CounterUp、Wow 动画、侧边栏等
• buyer-file/contact.php — 联系表单 PHP 后端，可对接邮件服务
• documentation/index.html — 模板官方文档，含 HTML/CSS/JS 结构说明
• buyer-file/service-details.html — 服务详情页（模板页面示例）

快速开始link

无需安装，直接在浏览器中打开 buyer-file/index.html 即可预览完整效果。如需本地服务器（推荐）：

# Python 3
python -m http.server 8000

# Node.js (npx)
npx serve buyer-file

然后访问 http://localhost:8000。

使用建议link

• 替换 assets/img/ 下的图片和 assets/css/main.css 中的品牌色变量（--gt-theme 等）即可完成基础定制
• contact.php 需部署至 PHP 环境并配置邮件发送逻辑（如 SendGrid / SMTP）才能使联系表单正常工作
• 移动端效果依赖 jQuery，确保页面底部引入 jquery.min.js 后再加载 main.js