Prozen - 商业咨询 Html 模板

# 项目简介 Prozen 是一款面向商业咨询行业的多页面 HTML 模板，基于 Bootstrap 5 构建，提供首页、关于、博客、案例、团队、服务、定价等多个完整页面，附带平滑动画与 Swiper 轮播等交互组件，适合快速搭建企业展示网站。 ## 技术栈 - Bootstrap 5（布局与响应式网格） - jQuery 3.7.1（DOM 操作与插件驱动） - Swiper（品牌展示、客户评价、项目轮播） - Magnific Popup（图片与视频弹窗） - WOW.js（滚动入场动画） - Nice Select（下拉选择框美化） - CounterUp（数字滚动计数） - Sass（样式开发脚本） ## 项目结构 ``` 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` 即可。