2025-05-15 06:45:15 +07:00

672 lines
28 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Air & Water Mechanical Inc.</title>
<!-- Favicons Icons -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="assets/images/logo/air.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="assets/images/logo/air.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="assets/images/logo/air.png"
/>
<link rel="manifest" href="assets/images/favicons/site.webmanifest" />
<meta name="description" content="Air & Water Mechanical" />
<!-- Fonts -->
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300;400;500;700;900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="assets/vendors/animate/animate.min.css" />
<link rel="stylesheet" href="assets/vendors/animate/custom-animate.css" />
<link
rel="stylesheet"
href="assets/vendors/bootstrap/css/bootstrap.min.css"
/>
<link rel="stylesheet" href="assets/vendors/bxslider/jquery.bxslider.css" />
<link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css" />
<link
rel="stylesheet"
href="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css"
/>
<link rel="stylesheet" href="assets/vendors/jquery-ui/jquery-ui.css" />
<link rel="stylesheet" href="assets/vendors/nice-select/nice-select.css" />
<link rel="stylesheet" href="assets/vendors/odometer/odometer.min.css" />
<link
rel="stylesheet"
href="assets/vendors/owl-carousel/owl.carousel.min.css"
/>
<link
rel="stylesheet"
href="assets/vendors/owl-carousel/owl.theme.default.min.css"
/>
<link rel="stylesheet" href="assets/vendors/swiper/swiper.min.css" />
<link rel="stylesheet" href="assets/vendors/vegas/vegas.min.css" />
<link rel="stylesheet" href="assets/vendors/thm-icons/style.css" />
<link
rel="stylesheet"
href="assets/vendors/language-switcher/polyglot-language-switcher.css"
/>
<link rel="stylesheet" href="assets/vendors/fancybox/fancybox.min.css" />
<link rel="stylesheet" href="assets/vendors/aos/aos.css" />
<!-- Module css -->
<link rel="stylesheet" href="assets/css/module-css/01-header-section.css" />
<link rel="stylesheet" href="assets/css/module-css/02-banner-section.css" />
<link rel="stylesheet" href="assets/css/module-css/03-about-section.css" />
<link
rel="stylesheet"
href="assets/css/module-css/04-fact-counter-section.css"
/>
<link
rel="stylesheet"
href="assets/css/module-css/05-testimonial-section.css"
/>
<link
rel="stylesheet"
href="assets/css/module-css/06-partner-section.css"
/>
<link rel="stylesheet" href="assets/css/module-css/07-footer-section.css" />
<link rel="stylesheet" href="assets/css/module-css/08-blog-section.css" />
<link
rel="stylesheet"
href="assets/css/module-css/09-breadcrumb-section.css"
/>
<link rel="stylesheet" href="assets/css/module-css/10-contact.css" />
<!-- Template styles -->
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/responsive.css" />
</head>
<body>
<div class="page-wrapper boxed_wrapper">
<header class="main-header main-header-style4">
<!--Start Main Header Style2 Top-->
<div class="main-header-style2__top">
<div class="container">
<div class="main-header-style2__top-inner">
<!--Start Main Header Style2 Top Left-->
<div class="main-header-style2-top-left">
<div class="phone-number-box-style2">
<h3>
Call us for a Free Quote :
<a href="tel:480706333">(480) 706-333</a>
</h3>
</div>
<div class="consultation-box svg-container">
<img src="assets/images/icon/bbb-icon.svg" alt="BBB Icon" />
</div>
</div>
<!--End Main Header Style2 Top Left-->
<!--Start Main Header Style2 Top Right-->
<div class="main-header-style2-top-right">
<div class="header-social-link-style1">
<ul class="clearfix">
<li>
<a href="https://www.facebook.com/airandwatermechanical/">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/airwatermechanical/">
<i class="fab fa-instagram"></i>
</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UC40ZVdaGGLBiVZQBBNz1U5A/featured">
<i class="fab fa-youtube"></i>
</a>
</li>
</ul>
</div>
<div class="icon text-white">
<span class="icon-location" style="margin-right: 10px;"></span>
<span>1048 S Sirrine Mesa, AZ, United States, Arizona 85210</span>
</div>
</div>
<!--End Main Header Style2 Top Right-->
</div>
</div>
</div>
<!--End Main Header Style2 Top-->
<!--Start Main Menu Style2-->
<nav class="main-menu main-menu-style2">
<div class="main-menu__wrapper clearfix">
<div class="container">
<div class="main-menu__wrapper-inner">
<div class="main-menu-style2-left">
<div class="logo-box-style1">
<a href="index.html">
<img src="assets/images/logo/air.png" alt="Logo" />
</a>
</div>
</div>
<div class="main-menu-style2-right">
<div class="main-menu-box">
<a href="#" class="mobile-nav__toggler">
<i class="icon-bars"></i>
</a>
<ul class="main-menu__list">
<li>
<a href="index.html">Home</a>
</li>
<li class="dropdown">
<a href="services.html">HVAC Services</a>
<ul>
<li><a href="service-detail.html?service=ac-repair">AC Repair</a></li>
<li><a href="service-detail.html?service=ac-installation">AC Installation</a></li>
<li><a href="service-detail.html?service=ac-maintenance">AC Maintenance</a></li>
<li><a href="service-detail.html?service=air-quality">Air Quality Solutions</a></li>
<li><a href="ductless-ac.html">Ductless AC</a></li>
<li><a href="commercial-hvac.html">Commercial HVAC</a></li>
</ul>
</li>
<li class="dropdown">
<a href="plumbing.html">Plumbing Services</a>
<ul>
<li><a href="plumbing-inspection.html">Plumbing Inspection</a></li>
<li><a href="plumbing-repair.html">Plumbing Repair</a></li>
<li><a href="water-heaters.html">Water Heaters</a></li>
<li><a href="tankless-water-heaters.html">Tankless Water Heater</a></li>
<li><a href="hydro-jetting.html">Hydro Jetting</a></li>
<li><a href="under-slab-plumbing.html">Under Slab Plumbing</a></li>
<li><a href="slab-leak-detection.html">Slab Leak Detection</a></li>
<li><a href="commercial-plumbing-service.html">Commercial Plumbing Service</a></li>
</ul>
</li>
<li>
<a href="about.html">About Us</a>
</li>
<li>
<a href="service-area.html">Service Area</a>
</li>
<li>
<a href="contact-us.html">Contact Us</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav>
<!--End Main Menu Style2-->
</header>
<div
class="stricky-header stricky-header--style4 stricked-menu main-menu"
>
<div class="sticky-header__content"></div>
<!-- /.sticky-header__content -->
</div>
<!-- /.stricky-header -->
<!--Start breadcrumb area-->
<section class="breadcrumb-area">
<div class="breadcrumb-area__inner">
<div
class="breadcrumb-area-bg"
style="
background-image: url(assets/images/breadcrumb/breadcrumb-5.webp);
"
></div>
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="inner-content">
<div class="title">
<h2>HVAC Service</h2>
</div>
<div class="breadcrumb-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li
class="active"
style="color: #ccc;"
>
HVAC Service
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--End breadcrumb area-->
<!--Start Service Page-->
<section class="service-page">
<div class="container">
<div class="sec-title">
<div class="sub-title">
<div class="border-left"></div>
<h5>our services</h5>
</div>
<h2>Your Complete Air Conditioning Solution -<br> From Repairs to Replacements</h2>
<p>At Air & Water Mechanical Inc, we specialize in delivering top-quality HVAC solutions to ensure year-round comfort for your home or business. From prompt repairs and expert installations to comprehensive routine maintenance, our certified technicians provide reliable and energy-efficient service tailored to your needs. Proudly serving Phoenix with 24/7 emergency support, were committed to keeping your heating and cooling systems running at peak performance—no matter the weather..</p>
</div>
<div class="row g-4" id="service-grid">
<!--Start Single Service Style2-->
<div class="single-service-style2">
<div class="img-box">
<img src="assets/images/services/service-v1-1.jpg" alt="" />
<div
class="single-service-style2__overlay-bg"
style="
background-image: url(assets/images/shapes/single-service-style2__overlay-bg.png);
"
></div>
</div>
<div class="text">
<h3><a href="#">AC Repair</a></h3>
<p>Fast, reliable AC repairs to keep your home cool and comfortable. We fix all makes and models with expert precision.</p>
<div class="mt-4 d-flex w-100 justify-content-center gap-3 service-cta">
<a href="contact-us.html?message=Id like to schedule an AC Repair service" class="btn-two">Select Service</a>
|
<a target="_blank" href="service-detail.html?service=ac-repair" class="btn-two">See Details</a>
</div>
</div>
</div>
<!--End Single Service Style2-->
<!--Start Single Service Style2-->
<div class="single-service-style2">
<div class="img-box">
<img src="assets/images/services/service-v1-2.jpg" alt="" />
<div
class="single-service-style2__overlay-bg"
style="
background-image: url(assets/images/shapes/single-service-style2__overlay-bg.png);
"
></div>
</div>
<div class="text">
<h3><a href="#">AC Installation</a></h3>
<p>Professional AC installations for optimal cooling and energy efficiency. Expert service for all system types.</p>
<div class="mt-4 d-flex w-100 justify-content-center gap-3 service-cta">
<a href="contact-us.html?message=Id like to schedule an AC Installation service" class="btn-two">Select Service</a>
|
<a target="_blank" href="service-detail.html?service=ac-installation" class="btn-two">See Details</a>
</div>
</div>
</div>
<!--End Single Service Style2-->
<!--Start Single Service Style2-->
<div class="single-service-style2">
<div class="img-box">
<img src="assets/images/services/service-v1-3.jpg" alt="" />
<div
class="single-service-style2__overlay-bg"
style="
background-image: url(assets/images/shapes/single-service-style2__overlay-bg.png);
"
></div>
</div>
<div class="text">
<h3><a href="#">AC Maintenance</a></h3>
<p>Prevent breakdowns and extend your ACs life with routine maintenance by our experts.</p>
<div class="mt-4 d-flex w-100 justify-content-center gap-3 service-cta">
<a href="contact-us.html?message=Id like to schedule an AC Maintenance service" class="btn-two">Select Service</a>
|
<a target="_blank" href="service-detail.html?service=ac-maintenance" class="btn-two">See Details</a>
</div>
</div>
</div>
<!--End Single Service Style2-->
<!--Start Single Service Style2-->
<div class="single-service-style2">
<div class="img-box">
<img src="assets/images/services/service-v1-4.jpg" alt="" />
<div
class="single-service-style2__overlay-bg"
style="
background-image: url(assets/images/shapes/single-service-style2__overlay-bg.png);
"
></div>
</div>
<div class="text">
<h3><a href="#">Air Quality Solutions</a></h3>
<p>Breathe cleaner, healthier air with our advanced filtration and purification systems.</p>
<div class="mt-4 d-flex w-100 justify-content-center gap-3 service-cta">
<a href="contact-us.html?message=Id like to schedule an Air Quality service" class="btn-two">Select Service</a>
|
<a target="_blank" href="service-detail.html?service=air-quality" class="btn-two">See Details</a>
</div>
</div>
</div>
<!--End Single Service Style2-->
</div>
</div>
</section>
<!--End Service Page-->
<div class="bottom-parallax">
<!--Start footer area -->
<footer class="footer-area">
<!--Start Footer Top-->
<div class="footer-top">
<div
class="footer-top__bg"
style="
background-image: url(assets/images/pattern/thm-pattern-1.png);
"
></div>
<div class="container">
<div class="footer-top__inner">
<ul class="footer-contact-info-box1">
<li>
<div class="footer-contact-info-box1__single">
<div class="icon map">
<span class="icon-location"></span>
</div>
<div class="text">
<p>
Servicing:<br />
<h5><a target="_blank" href="https://maps.app.goo.gl/N5aEwupa7DoLP6xy9"
>1048 S Sirrine, Mesa, AZ, United States, Arizona</a
></h5>
</p>
</div>
</div>
</li>
<li>
<div class="footer-contact-info-box1__single">
<div class="icon">
<span class="icon-mail"></span>
</div>
<div class="text">
<p>Email Us:</p>
<h5>
<a href="mailto:dispatch@airwateraz.com"
>dispatch@airwateraz.com</a
>
</h5>
</div>
</div>
</li>
<li>
<div class="footer-contact-info-box1__single">
<div class="icon">
<span class="icon-phone-call"></span>
</div>
<div class="text">
<p>Call Us:</p>
<h5><a href="tel:480706333">+ (480) 706-333</a></h5>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--End Footer Top-->
<!--Start Footer Top-->
<div class="footer-main">
<div class="container">
<div class="row">
<!--Start single footer widget-->
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 single-widget">
<div class="single-footer-widget">
<div class="our-company-info">
<div class="footer-logo-style1">
<a href="index.html">
<img
src="assets/images/logo/AWM-logo.png"
alt="Awesome Logo"
title=""
/>
</a>
</div>
<div class="text">
<p style="color: black;">
Air & Water Mechanical Inc. Phoenixs trusted provider of honest, affordable HVAC solutions, dedicated to ensuring comfort in every home we serve.
</p>
</div>
<div class="footer-social-link">
<ul class="clearfix">
<li>
<a href="https://www.facebook.com/airandwatermechanical/">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/airwatermechanical/">
<i class="fab fa-instagram"></i>
</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UC40ZVdaGGLBiVZQBBNz1U5A/featured">
<i class="fab fa-youtube"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--End single footer widget-->
<!--Start single footer widget-->
<div class="col-xl-2 col-lg-6 col-md-6 col-sm-12 single-widget">
<div
class="single-footer-widget single-footer-widget--link-box margin-leftminus1"
>
<div class="title">
<h3>Company Info</h3>
</div>
<div class="footer-widget-links">
<ul>
<li><a href="/">Home</a></li>
<li><a href="#">HVAC Services</a></li>
<li><a href="#">Plumbing Services</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="#">Service Area</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<!--End single footer widget-->
<!--Start single footer widget-->
<div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 single-widget">
<div
class="single-footer-widget single-footer-widget--link-box"
>
<div class="title">
<h3>Our Services</h3>
</div>
<div class="footer-widget-links">
<ul>
<li><a href="#">AC Repair</a></li>
<li>
<a href="#">AC Installation</a>
</li>
<li><a href="#">AC Maintenance</a></li>
<li><a href="#">Air Quality Solutions</a></li>
<li><a href="#">Refrigeration</a></li>
</ul>
</div>
</div>
</div>
<!--End single footer widget-->
<!--Start single footer widget-->
<div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 single-widget">
<div class="single-footer-widget">
<div class="single-footer-widget__img-box">
<img
src="assets/images/footer/single-footer-widget-img-1.png"
alt=""
/>
</div>
</div>
</div>
<!--End single footer widget-->
</div>
</div>
</div>
<!--End Footer Top-->
<div class="footer-bottom">
<div class="container">
<div class="bottom-inner">
<div class="copyright-text">
<p>
&copy; Copyright <a href="/">Air & Water Mechanical Inc</a> 2025.
All right reserved.<br />
</p>
</div>
<!-- <div class="footer-bottom-right">
<p>
Created by
<a href="https://rankrunners.net/portfolio">RankRunners</a>
</p>
</div> -->
</div>
</div>
</div>
</footer>
<!--End footer area-->
</div>
</div>
<!-- /.page-wrapper -->
<div class="mobile-nav__wrapper">
<div class="mobile-nav__overlay mobile-nav__toggler"></div>
<div class="mobile-nav__content">
<span class="mobile-nav__close mobile-nav__toggler">
<i class="icon-close"></i>
</span>
<div class="logo-box w-75">
<a href="index.html" aria-label="logo image">
<img src="assets/images/logo/logo.webp" alt="" />
</a>
</div>
<div class="mobile-nav-search-box">
<form class="search-form" action="#">
<input placeholder="Keyword" type="text" />
<button type="submit">
<i class="icon-magnifying-glass"></i>
</button>
</form>
</div>
<div class="mobile-nav__container"></div>
<ul class="mobile-nav__contact list-unstyled">
<li>
<i class="fa fa-envelope"></i>
<a href="mailto:info@example.com">info@example.com</a>
</li>
<li>
<i class="fa fa-phone-alt"></i>
<a href="tel:123456789">444 000 777 66</a>
</li>
</ul>
<div class="mobile-nav__social">
<a href="#" class="fab fa-facebook-square"></a>
</div>
</div>
</div>
<div class="search-popup">
<div class="search-popup__overlay search-toggler"></div>
<div class="search-popup__content">
<form action="#">
<label for="search" class="sr-only">search here</label>
<input type="text" id="search" placeholder="Search Here..." />
<button type="submit" aria-label="search submit" class="thm-btn">
<i class="icon-magnifying-glass"></i>
</button>
</form>
</div>
</div>
<!--Scroll to top-->
<div class="scroll-to-top">
<div>
<div class="scroll-top-inner">
<div class="scroll-bar">
<div class="bar-inner"></div>
</div>
<div class="scroll-bar-text">Go To Top</div>
</div>
</div>
</div>
<!-- Scroll to top end -->
<script src="assets/vendors/jquery/jquery-3.6.0.min.js"></script>
<script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendors/bxslider/jquery.bxslider.min.js"></script>
<script src="assets/vendors/circleType/jquery.circleType.js"></script>
<script src="assets/vendors/circleType/jquery.lettering.min.js"></script>
<script src="assets/vendors/isotope/isotope.js"></script>
<script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script>
<script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script>
<script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="assets/vendors/jquery-migrate/jquery-migrate.min.js"></script>
<script src="assets/vendors/jquery-ui/jquery-ui.js"></script>
<script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script>
<script src="assets/vendors/nice-select/jquery.nice-select.min.js"></script>
<script src="assets/vendors/odometer/odometer.min.js"></script>
<script src="assets/vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="assets/vendors/swiper/swiper.min.js"></script>
<script src="assets/vendors/vegas/vegas.min.js"></script>
<script src="assets/vendors/wnumb/wNumb.min.js"></script>
<script src="assets/vendors/wow/wow.js"></script>
<script src="assets/vendors/extra-scripts/jquery.paroller.min.js"></script>
<script src="assets/vendors/language-switcher/jquery.polyglot.language.switcher.js"></script>
<script src="assets/vendors/extra-scripts/jquery-sidebar-content.js"></script>
<script src="assets/vendors/fancybox/jquery.fancybox.js"></script>
<script src="assets/vendors/aos/aos.js"></script>
<script src="assets/vendors/extra-scripts/TweenMax.min.js"></script>
<!-- Template js -->
<script src="assets/js/custom.js"></script>
<style>
#service-grid{
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 767px) {
#service-grid{
grid-template-columns: repeat(1, 1fr);
}
}
</style>
</body>
</html>