Airvice - 空调维修服务 HTML5 模板 preview 1

Airvice - 空调维修服务 HTML5 模板

bookmark

Airvice 是一套面向空调维修服务行业的静态 HTML5 网站模板，提供首页、关于我们、服务详情、案例展示、团队介绍、常见问题及联系表单等完整页面。模板基于 Bootstrap 框架，集成 Swiper 轮播、Isotope 瀑布流、WOW 动画等交互组件，适合快速搭建专业维修服务公司官网。

HTML

项目简介

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（主字体）

项目结构

text
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
help_outline

常见问题