项目简介link

Vorix 是一款面向数字代理商（Digital Agency）的静态 HTML5 网站模板，提供了首页、关于页、服务、作品集、博客、团队、定价、FAQ 等完整业务页面，支持深色/浅色模式切换。采用 Bootstrap 5 构建响应式布局，可直接修改 SCSS 源码或使用 gulp 构建工具进行开发。

技术栈link

• 前端框架: Bootstrap 5.3.3
• 样式预处理: SCSS（gulp-dart-sass）
• 构建工具: Gulp 4
• 字体: Google Fonts（Poppins、Unbounded）
• 页面: HTML5
• 第三方插件: Swiper（轮播）、Isotope（瀑布流布局）、Wow.js（动画）、CounterUp2（数字动画）、Marquee3000（跑马灯）、imagesloaded

项目结构link

vorixhtml-10/
├── documentation/          # 产品文档（HTML 格式）
│   ├── index.html
│   └── assets/
│       ├── css/
│       └── js/
└── html/                   # 模板源码
    ├── src/
    │   ├── html/           # HTML 页面（20+ 个模板）
    │   └── scss/           # SCSS 源码（按模块划分）
    ├── package.json
    └── gulpfile.js

核心文件说明link

• html/src/html/index.html — 首页入口，内置导航、搜索弹窗、轮播等组件
• html/src/scss/ — SCSS 模块目录，含 _header、_hero、_portfolio、_footer 等细分文件
• html/gulpfile.js — Gulp 构建配置，定义 SCSS 编译和 PostCSS 处理流程
• html/package.json — Node 依赖声明，列出了 sass、gulp、bootstrap、swiper 等所有依赖
• documentation/index.html — 产品使用文档，提供安装、定制、第三方插件启用等说明

快速开始link

# 进入 html 目录
cd vorixhtml-10/html

# 安装依赖
npm install

# 启动开发服务器（编译 SCSS 并监听文件变化）
npm run dev

开发模式下 gulp 会自动将 src/scss/*.scss 编译为 css/style.css。若不进行二次开发，可直接双击打开 html/src/html/index.html 在浏览器中预览。

使用建议link

该模板适合数字营销、设计工作室等官网搭建。页面已预置 404、登录、注册等辅助页面，建议根据业务需求替换 Logo、品牌色及文案内容。