项目简介
Ayeverse 是一款基于 Bootstrap 的多用途 HTML 模板，适合用于企业官网、服务展示、作品集或博客站点。模板提供了三种首页变体、完整的服务/项目/博客页面及联系表单页面，并内置了轮播图、动画效果、响应式布局等常用功能。
技术栈
- Bootstrap 5（CSS 框架）
- jQuery（DOM 操作与交互）
- Swiper（轮播图组件）
- AOS（页面滚动动画）
- Leaflet（地图组件）
- Isotope（图库筛选布局）
- SCSS（样式预处理器，已编译）
- Google Fonts（Lora、Plus Jakarta Sans 字体）
项目结构
text
ayeverse/
├── index.html # 首页（版本一）
├── home-2.html # 首页变体二
├── home-3.html # 首页变体三
├── about.html # 关于我们
├── service.html # 服务列表
├── service-details.html # 服务详情
├── project.html # 项目展示
├── project-details.html # 项目详情
├── blog.html # 博客列表
├── blog-details.html # 博客详情
├── pricing.html # 定价页面
├── contact.html # 联系页面
├── css/
│ ├── style.css # 主样式文件（已编译）
│ ├── bootstrap.min.css # Bootstrap 核心样式
│ ├── swiper-bundle.css # Swiper 轮播样式
│ ├── aos.css # 动画样式
│ └── nice-select.css # 下拉选择样式
├── js/
│ └── main.js # 交互逻辑（导航、轮播、计数等）
├── fonts/ # Font Awesome 字体图标
├── img/ # 页面图片资源
└── scss/ # SCSS 源码（如需自定义样式）
核心文件说明
index.html— 主页入口，包含完整导航、英雄区、服务、案例、评价等模块css/style.css— 主样式表，定义了主题色（#d589dd、#5a76ff）、间距系统、排版规则js/main.js— 核心交互脚本，负责导航固定、轮播初始化、数字滚动、网格筛选等功能contact.html— 联系页面，内置 Leaflet 地图与表单输入区域scss/— SCSS 源码目录，可通过修改变量文件重新编译样式
快速开始
纯静态项目，无需安装依赖。直接在浏览器中打开 index.html 即可预览全部页面。如需二次开发，建议使用 VS Code + Live Server 插件启动本地服务器，避免跨域问题。
使用建议
模板整体结构完整，适合直接替换文字与图片后上线。若需调整主题色，可在 style.css 顶部的 :root 变量区统一修改 --primary 与 --secondary 的值。SCSS 源码目录已提供，方便对样式进行更深入的自定义。
