项目简介
Prozen 是一款面向商业咨询行业的多页面 HTML 模板，基于 Bootstrap 5 构建，提供首页、关于、博客、案例、团队、服务、定价等多个完整页面，附带平滑动画与 Swiper 轮播等交互组件，适合快速搭建企业展示网站。
技术栈
- Bootstrap 5（布局与响应式网格）
- jQuery 3.7.1（DOM 操作与插件驱动）
- Swiper（品牌展示、客户评价、项目轮播）
- Magnific Popup（图片与视频弹窗）
- WOW.js（滚动入场动画）
- Nice Select（下拉选择框美化）
- CounterUp（数字滚动计数）
- Sass（样式开发脚本）
项目结构
text
prozenhtml-10/
├── documentation/
│ └── index.html # 模板官方文档
└── html/
├── assets/
│ ├── css/
│ │ ├── main.css # 主样式（含主题变量）
│ │ └── style.css # 工具类样式（margin/padding）
│ └── js/
│ └── main.js # 全部交互逻辑
├── *.html # 页面文件（index、about、blog、contact 等）
└── package.json # npm 入口（支持 sass --watch）
核心文件说明
html/index.html— 首页入口，包含 Banner、客户轮播、服务区块等html/assets/css/main.css— 核心样式表，定义主题色（#28E98C）、字体、组件样式html/assets/css/style.css— Bootstrap 补充工具类，大量 margin/padding 原子类html/assets/js/main.js— 导航菜单、搜索栏、轮播、计数器、粘性头部等全部交互html/package.json— 可通过npm run dev监听 SCSS 实时编译documentation/index.html— 官方文档页面，结构说明与定制指引
快速开始
直接用浏览器打开 prozenhtml-10/html/index.html 即可预览。如需修改样式，进入 html/ 目录后执行：
bash
npm install
npm run dev
即可监听 assets/scss/style.scss 的改动并自动编译到 assets/css/style.css。
使用建议
模板已内置 3 套首页变体（index、index-2、index-3），可根据业务场景直接复制对应文件改写内容。交互效果（Swiper 轮播、WOW 动画等）在 main.js 中已初始化，无需额外配置；更换主题色时只需统一修改 main.css 顶部的 CSS 变量 --theme 即可。
