Vrtua - 增强和虚拟现实服务 HTML 模板 preview 1

Vrtua - 增强和虚拟现实服务 HTML 模板

bookmark

VrTua 是一款专为虚拟现实（VR）服务商设计的静态多页面 HTML 模板，包含首页、关于、服务、博客、团队、定价、FAQ、联系等完整业务页面。内置深色/浅色双主题，支持响应式布局与 GSAP/WOW 等动画效果，适合快速搭建 VR 公司展示型网站。

HTML

项目简介

VrTua 是一款专为虚拟现实（VR）服务商设计的静态多页面 HTML 模板，包含首页、关于、服务、博客、团队、定价、FAQ、联系等完整业务页面。内置深色/浅色双主题，支持响应式布局与 GSAP/WOW 等动画效果，适合快速搭建 VR 公司展示型网站。

技术栈

  • HTML5 / CSS3（SCSS）
  • Bootstrap 5.2.3
  • jQuery 3.7.1
  • Swiper Slider（轮播）
  • GSAP + ScrollTrigger（滚动动画）
  • MeanMenu（移动端导航）
  • Nice Select / Magnific Popup / WOW.js / CounterUp
  • Google Fonts（Montserrat Alternates、Plus Jakarta Sans）

项目结构

text
vrtuahtml-10/
├── Documentation/          # 官方文档
│   ├── index.html
│   └── css/
├── vrtua/                   # 浅色主题主站
│   ├── index.html
│   ├── about.html / blog*.html / contact.html / service*.html
│   ├── faqs.html / pricing.html / team.html
│   └── assets/
│       ├── css/             # 编译后 CSS
│       ├── scss/            # SCSS 源码（_header、_hero、_footer 等）
│       └── js/              # 交互脚本
└── vrtua-dark/              # 深色主题版本（结构同 vrtua）

核心文件说明

  • vrtua/index.html — 首页，含 Banner 轮播、计数器、合作伙伴滚动条等模块
  • vrtua/assets/css/main.css — 主样式表，定义全局排版与配色
  • vrtua/assets/js/main.js — 主导出脚本，包含 Swiper 初始化、Sticky Header、移动端菜单等
  • vrtua/assets/scss/ — SCSS 源码目录（_header.scss、_hero.scss 等模块化文件）
  • vrtua-dark/ — 深色主题完整副本，仅配色不同
  • Documentation/index.html — 模板使用文档，含自定义说明与结构介绍

快速开始

  1. 直接用浏览器打开 vrtua/index.html 预览浅色主题；
  2. 或打开 vrtua-dark/index.html 预览深色主题；
  3. 使用 VS Code 等编辑器修改 HTML 内容，部署时上传整个 vrtua/ 或 vrtua-dark/ 文件夹至服务器。

使用建议

修改 assets/scss/ 中的变量文件（_global.scss 等）可快速统一配色与字体；替换 assets/img/ 下的占位图后即可投入生产使用。

help_outline

常见问题