Cloudly - SaaS、软件和应用程序登陆 HTML 模板

# 项目简介 Cloudly 是一套面向 SaaS 和软件产品的静态 HTML 网站模板，包含首页、关于、新闻、案例、团队等十余个业务页面，以及配套的产品文档页。适合快速搭建软件公司官网、SaaS landing page 或技术产品展示站。 ## 技术栈 - 静态 HTML5 + CSS3 - jQuery（实现侧边栏、滚动交互、搜索过滤） - Bootstrap 5（栅格与基础组件） - Font Awesome 6（图标） - Google Fonts（Hind 字体） - Swiper、MeanMenu、Magnific Popup 等插件 ## 项目结构 ``` 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` — 首页入口，展示产品核心卖点和 CTA - `buyer-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` — 文档页侧边栏展开收起与搜索过滤逻辑 ## 快速开始 1. 进入 `buyer-file/cloudly/` 目录 2. 直接用浏览器打开 `index.html` 即可预览 3. 如需本地服务，可执行： ```bash npx serve buyer-file/cloudly # 或 python3 -m http.server 8080 ``` ## 使用建议 模板内所有页面共享同一套 `assets` 目录，修改 CSS/JS 后全局生效。建议在正式使用前替换 Logo、补充产品文案和联系方式，并检查移动端下拉菜单与响应式布局的兼容性。