项目简介link

Cosion 是一套面向企业咨询服务的 HTML5 静态模板，包含 4 种首页风格（企业商务、市场咨询、财务顾问、数字解决方案），覆盖页面、企业团队、作品集、定价、博客、商城等完整模块。开箱即可使用，无需构建工具。

技术栈link

• Bootstrap 5
• jQuery
• Swiper / Slick（轮播）
• Magnific Popup（弹窗）
• Animate.css（动效）
• Counter-Up（数字滚动）
• Font Awesome 6 / Flaticon（图标）
• SCSS（样式源码）

项目结构link

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         # 其余页面模板

核心文件说明link

• 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 配套使用

快速开始link

直接用浏览器打开 main-file/index.html 即可预览全部页面。

若需修改样式，推荐使用 VS Code + Live Sass Compiler 插件编译 SCSS；所有图片替换位于 assets/img/ 目录。

使用建议link

模板内置多级下拉菜单与商城购物流程，适合快速搭建咨询公司或 SaaS 产品的落地页。实际部署时建议移除 assets/webfonts/ 中未使用的图标字体以减小包体积。