Ayeverse - Multipurpose HTML Template

# 项目简介 Ayeverse 是一款基于 Bootstrap 的多用途 HTML 模板，适合用于企业官网、服务展示、作品集或博客站点。模板提供了三种首页变体、完整的服务/项目/博客页面及联系表单页面，并内置了轮播图、动画效果、响应式布局等常用功能。 ## 技术栈 - Bootstrap 5（CSS 框架） - jQuery（DOM 操作与交互） - Swiper（轮播图组件） - AOS（页面滚动动画） - Leaflet（地图组件） - Isotope（图库筛选布局） - SCSS（样式预处理器，已编译） - Google Fonts（Lora、Plus Jakarta Sans 字体） ## 项目结构 ``` 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 源码目录已提供，方便对样式进行更深入的自定义。