Vorix - Creative Digital Agency HTML Template

# 项目简介 Vorix 是一款面向数字代理商（Digital Agency）的静态 HTML5 网站模板，提供了首页、关于页、服务、作品集、博客、团队、定价、FAQ 等完整业务页面，支持深色/浅色模式切换。采用 Bootstrap 5 构建响应式布局，可直接修改 SCSS 源码或使用 gulp 构建工具进行开发。 ## 技术栈 - **前端框架**: Bootstrap 5.3.3 - **样式预处理**: SCSS（gulp-dart-sass） - **构建工具**: Gulp 4 - **字体**: Google Fonts（Poppins、Unbounded） - **页面**: HTML5 - **第三方插件**: Swiper（轮播）、Isotope（瀑布流布局）、Wow.js（动画）、CounterUp2（数字动画）、Marquee3000（跑马灯）、imagesloaded ## 项目结构 ``` vorixhtml-10/ ├── documentation/ # 产品文档（HTML 格式） │ ├── index.html │ └── assets/ │ ├── css/ │ └── js/ └── html/ # 模板源码 ├── src/ │ ├── html/ # HTML 页面（20+ 个模板） │ └── scss/ # SCSS 源码（按模块划分） ├── package.json └── gulpfile.js ``` ## 核心文件说明 - `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` — 产品使用文档，提供安装、定制、第三方插件启用等说明 ## 快速开始 ```bash # 进入 html 目录 cd vorixhtml-10/html # 安装依赖 npm install # 启动开发服务器（编译 SCSS 并监听文件变化） npm run dev ``` 开发模式下 gulp 会自动将 `src/scss/*.scss` 编译为 `css/style.css`。若不进行二次开发，可直接双击打开 `html/src/html/index.html` 在浏览器中预览。 ## 使用建议 该模板适合数字营销、设计工作室等官网搭建。页面已预置 404、登录、注册等辅助页面，建议根据业务需求替换 Logo、品牌色及文案内容。