Boostly – SaaS 和技术初创公司 HTML 模板

# 项目简介 Boostly 是一款面向 SaaS 与科技创业公司的多页面 HTML 模板，基于 Bootstrap 5 构建，提供首页变体、about、services、pricing、news、team 等完整业务页面，适合快速搭建 SaaS 产品官网或营销落地页。 ## 技术栈 - Bootstrap 5.3（响应式布局框架） - jQuery（DOM 交互与插件驱动） - Swiper（轮播与品牌滑动组件） - MeanMenu（移动端响应式导航） - Magnific Popup（图片/视频弹窗） - Nice Select（自定义下拉选择） - Google Fonts（DM Sans、Sen、Manrope 等字体） ## 项目结构 ``` 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/ # 文档静态资源 ``` ## 核心文件说明 - `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` — 服务详情页（模板页面示例） ## 快速开始 无需安装，直接在浏览器中打开 `buyer-file/index.html` 即可预览完整效果。如需本地服务器（推荐）： ```bash # Python 3 python -m http.server 8000 # Node.js (npx) npx serve buyer-file ``` 然后访问 `http://localhost:8000`。 ## 使用建议 - 替换 `assets/img/` 下的图片和 `assets/css/main.css` 中的品牌色变量（`--gt-theme` 等）即可完成基础定制 - `contact.php` 需部署至 PHP 环境并配置邮件发送逻辑（如 SendGrid / SMTP）才能使联系表单正常工作 - 移动端效果依赖 jQuery，确保页面底部引入 `jquery.min.js` 后再加载 `main.js`