项目简介
Cloudly 是一套面向 SaaS 和软件产品的静态 HTML 网站模板，包含首页、关于、新闻、案例、团队等十余个业务页面，以及配套的产品文档页。适合快速搭建软件公司官网、SaaS landing page 或技术产品展示站。
技术栈
- 静态 HTML5 + CSS3
- jQuery（实现侧边栏、滚动交互、搜索过滤）
- Bootstrap 5（栅格与基础组件）
- Font Awesome 6（图标）
- Google Fonts（Hind 字体）
- Swiper、MeanMenu、Magnific Popup 等插件
项目结构
text
cloudlyhtml-10/
├── buyer-file/
│ └── cloudly/
│ ├── index.html # 首页
│ ├── about.html # 关于我们
│ ├── contact.html # 联系页面
│ ├── faq.html # 常见问题
│ ├── index-2.html # 首页变体 2
│ ├── index-3.html # 首页变体 3
│ ├── news.html # 新闻列表
│ ├── news-grid.html # 网格新闻
│ ├── news-details.html # 新闻详情
│ ├── pricing.html # 定价页
│ ├── project.html # 项目列表
│ ├── project-details.html # 项目详情
│ ├── service.html # 服务列表
│ ├── service-details.html # 服务详情
│ ├── team.html # 团队成员
│ ├── team-details.html # 成员详情
│ └── assets/ # 样式与脚本资源
└── documentation/
├── index.html # 模板使用文档页
└── assets/
├── css/ # 文档样式（style.css、responsive.css）
├── fonts/
├── images/
└── js/ # 文档交互脚本（main.js）
核心文件说明
buyer-file/cloudly/index.html— 首页入口，展示产品核心卖点和 CTAbuyer-file/cloudly/assets/css/main.css— 模板主体样式文件buyer-file/cloudly/assets/js/main.js— 模板交互逻辑（导航、动画、滚动监听）documentation/index.html— 官方文档页面，含模板结构说明documentation/assets/css/style.css— 文档页面样式，含 CSS 变量与响应式断点documentation/assets/js/main.js— 文档页侧边栏展开收起与搜索过滤逻辑
快速开始
- 进入
buyer-file/cloudly/目录 - 直接用浏览器打开
index.html即可预览 - 如需本地服务，可执行：
bash
npx serve buyer-file/cloudly
# 或
python3 -m http.server 8080
使用建议
模板内所有页面共享同一套 assets 目录，修改 CSS/JS 后全局生效。建议在正式使用前替换 Logo、补充产品文案和联系方式，并检查移动端下拉菜单与响应式布局的兼容性。
