Vrtua - Augmented & Virtual Reality Services HTML Template

# 项目简介 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） ## 项目结构 ``` 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/` 下的占位图后即可投入生产使用。