
Cosion - 商业咨询 HTML 模板
category企业官网
# 项目简介
Cosion 是一套面向企业咨询服务的 HTML5 静态模板,包含 4 种首页风格(企业商务、市场咨询、财务顾问、数字解决方案),覆盖页面、企业团队、作品集、定价、博客、商城等完整模块。开箱即可使用,无需构建工具。
## 技术栈
- Bootstrap 5
- jQuery
- Swiper / Slick(轮播)
- Magnific Popup(弹窗)
- Animate.css(动效)
- Counter-Up(数字滚动)
- Font Awesome 6 / Flaticon(图标)
- SCSS(样式源码)
## 项目结构
```
cosion-html/
├── documentation/ # 模板使用说明文档
│ ├── index.html
│ ├── css/
│ ├── js/
│ └── img/
└── main-file/ # 实际使用的模板文件
├── index.html # 首页入口
├── about.html
├── service*.html
├── portfolio*.html
├── team*.html
├── blog-*.html
├── shop.html / cart.html / check-out.html
├── assets/
│ ├── css/ # 编译后的 CSS
│ ├── sass/ # SCSS 源码
│ ├── js/
│ ├── webfonts/
│ └── img/
└── *.html # 其余页面模板
```
## 核心文件说明
- `main-file/index.html` — 首页主文件,导航菜单包含 4 种首页变体及所有子页面入口
- `main-file/assets/sass/style.scss` — SCSS 主入口,修改此处可整体调整主题样式
- `main-file/assets/css/bootstrap.min.css` — Bootstrap 框架核心样式
- `main-file/assets/js/scripts.js` — 全局交互逻辑(预加载器、移动端菜单等)
- `documentation/index.html` — 官方文档,说明了 Logo、配色、图片、图标的替换方法
- `main-file/shop.html` — 商城模板,与 `cart.html`、`check-out.html` 配套使用
## 快速开始
直接用浏览器打开 `main-file/index.html` 即可预览全部页面。
若需修改样式,推荐使用 VS Code + Live Sass Compiler 插件编译 SCSS;所有图片替换位于 `assets/img/` 目录。
## 使用建议
模板内置多级下拉菜单与商城购物流程,适合快速搭建咨询公司或 SaaS 产品的落地页。实际部署时建议移除 `assets/webfonts/` 中未使用的图标字体以减小包体积。
help_outline
常见问题
评论0
发布时间Jan 21, 2026
技术栈
HTML