Cosion - Business Consulting HTML Template

# 项目简介 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/` 中未使用的图标字体以减小包体积。