项目简介link

Bizzen 是一套面向企业咨询、商业服务类网站的全响应式 HTML5 模板，包含首页、服务、案例、博客、团队等多个完整页面，风格现代简洁，配色以青绿色（#C2DF93）为主色调，适合财务、法律、企管等领域的公司建站使用。

技术栈link

• HTML5 + CSS3 + JavaScript（纯静态，无需构建）
• jQuery（交互层）
• Bootstrap 5（栅格与基础组件）
• SCSS（样式源码，包含完整变量定义）
• FontAwesome 6（图标库）
• AOS、Slick、Magnific-Popup（动画与特效插件）

项目结构link

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/

核心文件说明link

• 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 展示代码片段

快速开始link

1. 直接在浏览器中打开 bizzen/index.html 即可预览完整效果
2. 如需修改样式，推荐在 SCSS 文件中更改变量后通过 Sass 编译器重新生成 CSS
3. 所有页面路径均为相对引用，确保整个 bizzen 文件夹保持完整结构

使用建议link

模板自带三个首页变体，可根据实际业务选择或合并；所有页面之间的链接已通过相对路径配对，建议使用本地 HTTP 服务器（如 npx serve 或 VS Code Live Server）打开，以避免部分浏览器对跨域资源的限制。