Project Overviewlink

Airvice is a static HTML5 website template for the air conditioning repair service industry, providing complete pages including Home, About Us, Service Details, Case Studies, Team Introduction, FAQ, and Contact Form. Built on the Bootstrap framework, the template integrates interactive components such as Swiper carousel, Isotope masonry layout, and WOW animations, making it suitable for quickly building a professional repair service company website.

Tech Stacklink

• Bootstrap 5 (CSS framework)
• jQuery + jQuery plugins (meanmenu mobile menu, venobox lightbox, imagesLoaded, Isotope masonry layout)
• Swiper (carousel component)
• WOW.js (scroll animations)
• Font Awesome 5 (icon font)
• Google Fonts: Saira Semi Condensed (primary font)

Project Structurelink

airvicehtml-10/airvice/
├── index.html              # Home page
├── index-2.html            # Home page variant 2
├── index-3.html            # Home page variant 3
├── about.html / blog*.html / contact.html etc.   # Feature pages
└── assets/
    ├── css/
    │   ├── bootstrap.min.css
    │   ├── main.css        # Main styles
    │   ├── responsive.css
    │   └── swiper-bundle.css
    ├── js/
    │   ├── main.js         # All interaction logic
    │   └── bootstrap.bundle.min.js
    └── fonts/              # Font Awesome font files

Core File Descriptionlink

• airvice/index.html — Main template entry, includes complete page structure and layout
• airvice/assets/css/main.css — Global main styles, defines colors, typography, and all section styles
• airvice/assets/js/main.js — All interaction logic including carousel, menu, animations, form submission
• airvice/assets/css/bootstrap.min.css — Bootstrap base framework CSS
• airvice/assets/js/bootstrap.bundle.min.js — Bootstrap JS (includes Popper)
• airvice/assets/mail.php — Contact form backend processing script

Quick Startlink

Simply open airvice/index.html in your browser to preview. For a local server (recommended), run:

npx serve airvicehtml-10/airvice
# or
python -m http.server 8080

Usage Suggestionslink

• Replace sample images and logo in assets/img/ for production use
• Configure the email recipient address in mail.php for the contact form, or replace with a third-party form service (e.g., Formspree)
• Mobile menu breakpoint is configured in the meanmenu settings in main.js, default is 991px