Project Introductionlink

Vorix is a static HTML5 website template designed for digital agencies. It provides complete business pages including Home, About, Services, Portfolio, Blog, Team, Pricing, FAQ, and supports dark/light mode switching. Built with Bootstrap 5 for responsive layout, you can directly modify SCSS source files or use the Gulp build tool for development.

Tech Stacklink

• Frontend Framework: Bootstrap 5.3.3
• Style Preprocessor: SCSS (gulp-dart-sass)
• Build Tool: Gulp 4
• Fonts: Google Fonts (Poppins, Unbounded)
• Pages: HTML5
• Third-party Plugins: Swiper (carousel), Isotope (masonry layout), Wow.js (animations), CounterUp2 (number animations), Marquee3000 (marquee), imagesloaded

Project Structurelink

vorixhtml-10/
├── documentation/          # Product documentation (HTML format)
│   ├── index.html
│   └── assets/
│       ├── css/
│       └── js/
└── html/                   # Template source code
    ├── src/
    │   ├── html/           # HTML pages (20+ templates)
    │   └── scss/           # SCSS source files (modular)
    ├── package.json
    └── gulpfile.js

Key Fileslink

• html/src/html/index.html — Home page entry, includes navigation, search modal, carousel, etc.
• html/src/scss/ — SCSS module directory, containing _header, _hero, _portfolio, _footer and other modular files
• html/gulpfile.js — Gulp build configuration, defines SCSS compilation and PostCSS processing workflow
• html/package.json — Node dependency declaration, lists all dependencies including sass, gulp, bootstrap, swiper, etc.
• documentation/index.html — Product usage documentation, provides instructions for installation, customization, third-party plugin activation, etc.

Quick Startlink

# Enter the html directory
cd vorixhtml-10/html

# Install dependencies
npm install

# Start development server (compile SCSS and watch for changes)
npm run dev

In development mode, gulp will automatically compile src/scss/*.scss to css/style.css. If you don't need to customize the code, you can directly double-click html/src/html/index.html to preview in your browser.

Usage Suggestionslink

This template is suitable for building websites for digital marketing agencies, design studios, and similar businesses. The pages come with pre-built auxiliary pages such as 404, Login, and Register. It is recommended to replace the logo, brand colors, and content according to your business needs.