Project Overviewlink

Bizzen is a fully responsive HTML5 template designed for corporate consulting and business service websites. It includes multiple complete pages such as Home, Services, Cases, Blog, and Team. The style is modern and clean, with a primary color scheme of teal green (#C2DF93), making it suitable for company websites in finance, legal, and business management fields.

Tech Stacklink

• HTML5 + CSS3 + JavaScript (pure static, no build required)
• jQuery (interaction layer)
• Bootstrap 5 (grid and base components)
• SCSS (style source code with complete variable definitions)
• FontAwesome 6 (icon library)
• AOS, Slick, Magnific-Popup (animation and effect plugins)

Project Structurelink

bizzenhtml-10/
├── Documentation/          # Official documentation entry
│   └── index.html
└── bizzen/                 # Main project for actual use
    ├── index.html          # Homepage (3 versions)
    ├── 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/            # Compiled styles (includes style.css, spacings.css)
        ├── scss/           # SCSS source code
        ├── js/             # Theme script theme.js
        ├── fonts/
        └── images/

Core File Descriptionlink

• bizzen/index.html — Homepage entry, includes three homepage variants (switchable via dropdown menu)
• bizzen/assets/css/style.css — Main stylesheet, defines the complete design system (colors, fonts, spacing)
• bizzen/assets/scss/style.scss — SCSS source code, variables can be modified and recompiled as needed
• bizzen/assets/js/theme.js — Theme interaction script (navigation, animations, scroll effects, etc.)
• bizzen/contact.html — Contact page, includes form and map placeholder areas
• Documentation/index.html — Official online documentation, uses SyntaxHighlighter to display code snippets

Quick Startlink

1. Open bizzen/index.html directly in a browser to preview the full effect
2. To modify styles, it is recommended to change variables in the SCSS file and regenerate CSS via a Sass compiler
3. All page paths use relative references; ensure the entire bizzen folder maintains its complete structure

Usage Suggestionslink

The template comes with three homepage variants, which can be selected or merged based on actual business needs. All page links are paired via relative paths. It is recommended to open the template using a local HTTP server (e.g., npx serve or VS Code Live Server) to avoid cross-origin resource restrictions in some browsers.