项目简介
GoSaaS 是一套多主题 SaaS 产品着陆页 HTML 模板,包含 CRM 客户管理、任务管理、数据分析、在线客服四种首页变体,以及关于我们、博客、定价、常见问题等通用页面。使用 Bootstrap 响应式布局,开箱即用,适合快速搭建 SaaS 类产品落地页。
技术栈
- Bootstrap 5(响应式布局)
- FontAwesome 6(图标库)
- jQuery(交互逻辑)
- Slick Slider(轮播组件)
- Animate.css(动效)
- Google Fonts(Outfit、Urbanist、Inter)
项目结构
text
GoSaaS/
├── GoSaaS - Documentation/
│ ├── index.html
│ └── assets/
│ ├── css/style.css
│ └── js/layout.js
└── GoSaaS - Template/
├── index.html
├── task-management.html
├── data-analytics.html
├── live-chat.html
├── features.html、pricing.html、blog.html、contact.html
├── about-us.html、services.html、integration.html
├── login.html、register.html、password-change.html
├── faqs.html、term-condition.html、blog-details.html
└── assets/
├── css/style.css(主样式,含 sass 源码引用说明)
├── img/(插图、图标、头像等资源)
└── fonts/(Outfit、Urbanist、Inter 字体文件)
核心文件说明
GoSaaS - Template/index.html— CRM 管理主题首页,顶部导航含四个首页变体切换入口GoSaaS - Template/assets/css/style.css— 完整样式表,定义了所有主题的配色、排版及组件样式GoSaaS - Template/assets/js/— 含 jQuery 交互及第三方插件(轮播、计数器等)GoSaaS - Template/task-management.html— 任务管理主题首页,深色背景风格GoSaaS - Documentation/index.html— 模板使用文档,含 HTML 结构、图片替换、图标说明等章节
快速开始
直接在浏览器中打开 GoSaaS - Template/index.html 即可预览。如需本地服务器,可使用任意静态服务器工具运行该目录。
使用建议
模板提供了四种主题首页变体,可通过复制 index.html 并替换对应 class(如 cs_task_management)快速切换整体风格。内容替换时注意保持 HTML 结构完整,避免破坏响应式布局。
