Airvice - Air Conditioning Repair Service HTML5 Template

# 项目简介 Airvice 是一套面向空调维修服务行业的静态 HTML5 网站模板，提供首页、关于我们、服务详情、案例展示、团队介绍、常见问题及联系表单等完整页面。模板基于 Bootstrap 框架，集成 Swiper 轮播、Isotope 瀑布流、WOW 动画等交互组件，适合快速搭建专业维修服务公司官网。 ## 技术栈 - Bootstrap 5（CSS 框架） - jQuery + jQuery 插件（meanmenu 移动端菜单、venobox 灯箱、imagesLoaded 图片加载、Isotope 瀑布流） - Swiper（轮播组件） - WOW.js（滚动动画） - Font Awesome 5（图标字体） - Google Fonts：Saira Semi Condensed（主字体） ## 项目结构 ``` airvicehtml-10/airvice/ ├── index.html # 首页 ├── index-2.html # 首页变体 2 ├── index-3.html # 首页变体 3 ├── about.html / blog*.html / contact.html 等 # 各功能页面 └── assets/ ├── css/ │ ├── bootstrap.min.css │ ├── main.css # 主体样式 │ ├── responsive.css │ └── swiper-bundle.css ├── js/ │ ├── main.js # 所有交互逻辑 │ └── bootstrap.bundle.min.js └── fonts/ # Font Awesome 字体文件 ``` ## 核心文件说明 - `airvice/index.html` — 模板主入口，包含完整页面结构与布局 - `airvice/assets/css/main.css` — 全站主体样式，定义了颜色、排版及所有区块样式 - `airvice/assets/js/main.js` — 轮播、菜单、动画、表单提交等全部交互逻辑 - `airvice/assets/css/bootstrap.min.css` — Bootstrap 基础框架 CSS - `airvice/assets/js/bootstrap.bundle.min.js` — Bootstrap JS（含 Popper） - `airvice/assets/mail.php` — 联系表单后端处理脚本 ## 快速开始 直接用浏览器打开 `airvice/index.html` 即可预览。如需本地服务器（推荐），可执行： ```bash npx serve airvicehtml-10/airvice # 或 python -m http.server 8080 ``` ## 使用建议 - 正式使用时请替换 `assets/img/` 中的示例图片与 Logo - 联系表单需配置 `mail.php` 中的邮件接收地址，或替换为第三方表单服务（如 Formspree） - 移动端菜单阈值在 `main.js` 的 `meanmenu` 配置中，默认 991px