Bizzen - 商业咨询 HTML 模板

# 项目简介 Bizzen 是一套面向企业咨询、商业服务类网站的全响应式 HTML5 模板，包含首页、服务、案例、博客、团队等多个完整页面，风格现代简洁，配色以青绿色（#C2DF93）为主色调，适合财务、法律、企管等领域的公司建站使用。 ## 技术栈 - HTML5 + CSS3 + JavaScript（纯静态，无需构建） - jQuery（交互层） - Bootstrap 5（栅格与基础组件） - SCSS（样式源码，包含完整变量定义） - FontAwesome 6（图标库） - AOS、Slick、Magnific-Popup（动画与特效插件） ## 项目结构 ``` bizzenhtml-10/ ├── Documentation/ # 官方文档入口 │ └── index.html └── bizzen/ # 实际使用的主项目 ├── index.html # 首页（3 个版本） ├── about.html ├── services.html ├── service-details.html ├── project.html ├── project-details.html ├── blog-grid.html ├── blog-standard.html ├── blog-details.html ├── team.html ├── team-details.html ├── pricing.html ├── faqs.html ├── contact.html ├── 404.html └── assets/ ├── css/ # 编译后样式（含 style.css、spacings.css） ├── scss/ # SCSS 源码 ├── js/ # 主题脚本 theme.js ├── fonts/ └── images/ ``` ## 核心文件说明 - `bizzen/index.html` — 首页入口，内置三个首页变体（通过下拉菜单切换） - `bizzen/assets/css/style.css` — 主样式表，定义完整的设计系统（颜色、字体、间距） - `bizzen/assets/scss/style.scss` — SCSS 源码，可根据需要修改变量后重新编译 - `bizzen/assets/js/theme.js` — 主题交互脚本（导航、动画、滚动效果等） - `bizzen/contact.html` — 联系页面，包含表单与地图占位区域 - `Documentation/index.html` — 官方在线文档，使用 SyntaxHighlighter 展示代码片段 ## 快速开始 1. 直接在浏览器中打开 `bizzen/index.html` 即可预览完整效果 2. 如需修改样式，推荐在 SCSS 文件中更改变量后通过 Sass 编译器重新生成 CSS 3. 所有页面路径均为相对引用，确保整个 `bizzen` 文件夹保持完整结构 ## 使用建议 模板自带三个首页变体，可根据实际业务选择或合并；所有页面之间的链接已通过相对路径配对，建议使用本地 HTTP 服务器（如 `npx serve` 或 VS Code Live Server）打开，以避免部分浏览器对跨域资源的限制。