Project Overviewlink

Binoz is a creative agency HTML template offering a complete multi-page website solution, ideal for showcasing agency services, case studies, team introductions, and blog content. The template includes 5 homepage variations, covering full business pages such as Portfolio, Blog, Pricing, and FAQ.

Tech Stacklink

• Bootstrap 5.x (responsive layout framework)
• Vanilla JavaScript (native JS interactions)
• SCSS (style source code)
• Font Awesome 6 Pro (icon library)
• Swiper / Slick (carousel components)
• Isotope (masonry layout)
• Nice Select (dropdown selection)
• PureCounter (number animation)
• Wow.js (scroll animation)

Project Structurelink

binozhtml-10/
├── binoz/
│   ├── index.html              # Main homepage file
│   ├── index-2~5.html          # Homepage variations
│   ├── about.html, team.html   # About / Team
│   ├── blog*.html              # Blog-related pages
│   ├── portfolio*.html         # Portfolio pages
│   ├── service*.html           # Service detail pages
│   ├── pricing.html            # Pricing page
│   ├── contact.html            # Contact page
│   ├── error.html              # 404 error page
│   └── assets/
│       ├── css/                # Compiled styles
│       ├── scss/               # SCSS source code
│       ├── js/                 # JavaScript scripts
│       ├── img/                # Image assets
│       └── fonts/              # Icon fonts
└── documentation/
    └── index.html              # Official documentation page

Core File Descriptionlink

• binoz/index.html — Main homepage entry, fully showcases Hero, Services, Portfolio and other sections
• binoz/assets/css/main.css — Global styles and theme variable definitions (~1700 lines)
• binoz/assets/js/main.js — 16 interaction modules: preloader, scroll animations, smooth scrolling, mobile menu, lightbox, counters, etc.
• binoz/assets/scss/main.scss — SCSS style source code for easy theme customization
• binoz/portfolio.html — Portfolio page with Isotope filtering
• binoz/contact.html — Contact page with form and map area

Quick Startlink

Pure static template, no build required:

1. Open binoz/index.html directly in a browser to preview
2. For a local server (recommended), use any static server tool:
   bashcontent_copyCopy

   npx serve binoz
   

3. Modify content: edit text and image paths in each .html file
4. Customize styles: edit assets/scss/main.scss and recompile to CSS

Usage Suggestionslink

• This template is suitable for quickly building corporate websites or portfolio sites, with responsive layout already adapted for mobile devices
• assets/mail.php provides email sending backend support, requires deployment to a PHP environment and configuration of the recipient address
• When modifying theme colors, prioritize checking the CSS variables at the top of main.css (e.g., --tp-theme-primary)