1870 lines
76 KiB
HTML
1870 lines
76 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title> Air & Water Mechnical 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" />
|
||
<link
|
||
rel="stylesheet"
|
||
href="assets/css/module-css/11-gallery-section.css"
|
||
/>
|
||
|
||
<!-- Template styles -->
|
||
<link rel="stylesheet" href="assets/css/style.css" />
|
||
<link rel="stylesheet" href="assets/css/responsive.css" />
|
||
</head>
|
||
|
||
<style>
|
||
.video-background {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
overflow: hidden;
|
||
z-index: -1;
|
||
}
|
||
|
||
/* Dark overlay using ::before */
|
||
.video-background::before {
|
||
content: "";
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-color: rgba(0, 0, 0, 0.5); /* adjust opacity here */
|
||
z-index: 1;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.video-background video {
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
min-width: 100%;
|
||
min-height: 100%;
|
||
width: auto;
|
||
height: auto;
|
||
object-fit: cover;
|
||
}
|
||
|
||
.btn-shake {
|
||
padding: 20px 0px;
|
||
animation: shake 2s cubic-bezier(.36,.07,.19,.97) infinite;
|
||
transform: translate3d(0, 0, 0);
|
||
backface-visibility: hidden;
|
||
perspective: 1000px;
|
||
background-color: #0b67b4; font-family: "Roboto", sans-serif; font-weight: 500; letter-spacing: 1.5px;
|
||
}
|
||
|
||
@keyframes shake {
|
||
10%, 90% {
|
||
transform: translate3d(-1px, 0, 0);
|
||
}
|
||
|
||
20%, 80% {
|
||
transform: translate3d(2px, 0, 0);
|
||
}
|
||
|
||
30%, 50%, 70% {
|
||
transform: translate3d(-4px, 0, 0);
|
||
}
|
||
|
||
40%, 60% {
|
||
transform: translate3d(4px, 0, 0);
|
||
}
|
||
}
|
||
|
||
.btn-shake:hover {
|
||
animation: none;
|
||
transform: scale(1.05);
|
||
}
|
||
|
||
.btn-float {
|
||
padding: 20px 0px;
|
||
animation: float 2s ease-in-out infinite;
|
||
transition: all 0.3s;
|
||
background-color: #0b67b4; font-family: "Roboto", sans-serif; font-weight: 500; letter-spacing: 1.5px;
|
||
}
|
||
|
||
@keyframes float {
|
||
0%, 100% {
|
||
transform: translateY(0);
|
||
}
|
||
50% {
|
||
transform: translateY(-10px);
|
||
}
|
||
}
|
||
|
||
.btn-float:hover {
|
||
animation: none;
|
||
transform: translateY(-5px) scale(1.05);
|
||
}
|
||
|
||
.btn-pulse-glow {
|
||
padding: 20px 0px;
|
||
animation: pulse-glow 1.5s infinite;
|
||
position: relative;
|
||
background-color: #0b67b4; font-family: "Roboto", sans-serif; font-weight: 500; letter-spacing: 1.5px;
|
||
}
|
||
|
||
@keyframes pulse-glow {
|
||
0% {
|
||
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
|
||
}
|
||
70% {
|
||
box-shadow: 0 0 0 10px rgba(13, 110, 253, 0);
|
||
}
|
||
100% {
|
||
box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
|
||
}
|
||
}
|
||
|
||
.btn-pulse-glow:hover {
|
||
animation: none;
|
||
transform: translateY(-2px);
|
||
}
|
||
</style>
|
||
|
||
<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>Serving Metro Phoenix</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 -->
|
||
|
||
<!--Main Slider Style2 Start-->
|
||
<section class="main-slider main-slider-style2 relative">
|
||
<div
|
||
style="position: absolute; z-index: 20; left: 15vw; top: 25px; background-color: black;"
|
||
class="airtronix-form-style1 airtronix-form-style1--instyle3"
|
||
>
|
||
<div class="top-title text-left">
|
||
<h2>Request an Estimate</h2>
|
||
<p>Submit the form below for a personalized estimate</p>
|
||
</div>
|
||
<form
|
||
id="booking-form"
|
||
name="booking_form"
|
||
class="default-form2"
|
||
action="index.html"
|
||
method="post"
|
||
>
|
||
<div class="form-group">
|
||
<div class="input-box">
|
||
<input
|
||
type="text"
|
||
name="form_name"
|
||
id="formName"
|
||
placeholder="Your name"
|
||
required=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="input-box">
|
||
<input
|
||
type="text"
|
||
name="form_phone"
|
||
value=""
|
||
id="formPhone"
|
||
placeholder="Phone Number"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="input-box">
|
||
<input
|
||
type="email"
|
||
name="form_email"
|
||
id="formEmail"
|
||
placeholder="Email Address"
|
||
required=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="input-box">
|
||
<div class="select-box clearfix">
|
||
<select class="wide">
|
||
<option data-display="Service Option">
|
||
Service Option
|
||
</option>
|
||
<option value="1">AC Repair</option>
|
||
<option value="2">AC Installation</option>
|
||
<option value="3">AC Maintenance</option>
|
||
<option value="4">Air Quality Solutions</option>
|
||
<option value="5">Refrigeration</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="input-box">
|
||
<div class="select-box clearfix">
|
||
<select class="wide">
|
||
<option data-display="Building Type">
|
||
Building Type
|
||
</option>
|
||
<option value="1">Residential</option>
|
||
<option value="2">Commercial</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="input-box">
|
||
<textarea
|
||
name="form_message"
|
||
id="formMessage"
|
||
placeholder="Additional Notes"
|
||
required=""
|
||
></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xl-12">
|
||
<div class="button-box">
|
||
<button class="btn-fix btn-fix-blue py-1 px-5" type="submit" style="color: white;">
|
||
<span class="txt">SUBMIT REQUEST</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div
|
||
class="swiper-container thm-swiper__slider"
|
||
data-swiper-options='{"slidesPerView": 1, "loop": true,
|
||
"effect": "fade",
|
||
"speed": 1000,
|
||
"pagination": {
|
||
"el": "#main-slider-pagination",
|
||
"type": "bullets",
|
||
"clickable": true
|
||
},
|
||
"navigation": {
|
||
"nextEl": "#main-slider__swiper-button-next",
|
||
"prevEl": "#main-slider__swiper-button-prev"
|
||
},
|
||
"autoplay": {
|
||
"delay": 334000
|
||
}}'
|
||
>
|
||
<div class="swiper-wrapper">
|
||
<!--Start Single Swiper Slide-->
|
||
<div class="swiper-slide">
|
||
<div class="video-background">
|
||
<video id="v" autoplay muted loop playsinline>
|
||
<source src="assets/videos/hero-0.webm">
|
||
<!-- Fallback image if video doesn't load -->
|
||
<div class="image-layer" style="background-image: url(assets/images/slides/slide-v2-1.jpg);"></div>
|
||
</video>
|
||
</div>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xl-12">
|
||
<div class="main-slider-content">
|
||
<div class="main-slider-content__inner">
|
||
<div class="sub-title-box py-2 px-5 text-center" style="background-color: white; border-radius: 10px;">
|
||
<ul>
|
||
<li><a href="#">AC Inspection</a></li>
|
||
<li><a href="#">Maintenance</a></li>
|
||
<li><a href="#">Installation</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="big-title">
|
||
<h2>
|
||
Air Conditioning Repair & <br/>Replacement Services
|
||
</h2>
|
||
</div>
|
||
<div class="text" style="min-height: 80px;">
|
||
<p>
|
||
Looking for reliable heating repair or a plumber near me in Mesa, AZ, and nearby areas? Air & Water Mechanical. is here to help. Our skilled technicians provide top-quality service for air conditioning repairs, tankless water heater installations, and more.
|
||
</p>
|
||
<p>As a locally owned business, we’re committed to 100% customer satisfaction. As a Trane Comfort Specialist, we offer trusted HVAC solutions for your home and business needs.</p>
|
||
</div>
|
||
<div class="two-btn">
|
||
<div class="btn-box">
|
||
<a class="btn-fix btn-fix-blue py-4 px-5" href="#">
|
||
<span>Schedule an Inspection</span>
|
||
</a>
|
||
<div class="discount-badge txt">
|
||
<span class="original-price"><s>$125</s></span>
|
||
<span class="sale-price">$75</span>
|
||
<span class="discount-tag">40% OFF</span>
|
||
</div>
|
||
</div>
|
||
<div class="btn-box">
|
||
<a class="btn-fix btn-fix-blue py-4 px-5" href="tel:480706333">
|
||
<span class="txt"> Call (480) 706-333 </span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--End Single Swiper Slide-->
|
||
|
||
<!--Start Single Swiper Slide-->
|
||
<div class="swiper-slide">
|
||
<div class="video-background">
|
||
<video id="w" autoplay muted loop playsinline>
|
||
<source src="assets/videos/hero-0.webm">
|
||
<!-- Fallback image if video doesn't load -->
|
||
<div class="image-layer" style="background-image: url(assets/images/slides/slide-v2-1.jpg);"></div>
|
||
</video>
|
||
</div>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xl-12">
|
||
<div class="main-slider-content">
|
||
<div class="main-slider-content__inner">
|
||
<div class="sub-title-box py-2 px-5 text-center" style="background-color: white; border-radius: 10px;">
|
||
<ul>
|
||
<li><a href="#">AC Inspection</a></li>
|
||
<li><a href="#">Maintenance</a></li>
|
||
<li><a href="#">Installation</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="big-title">
|
||
<h2>
|
||
Full Range of AC <br />
|
||
Repair & Service Options
|
||
</h2>
|
||
</div>
|
||
<div class="text">
|
||
<p>
|
||
Whether it’s a quick fix or a full system overhaul,
|
||
Air & Water Mechanical has you covered. Our certified
|
||
technicians deliver fast, affordable solutions to
|
||
keep your home cool and comfortable—no matter the
|
||
season.
|
||
</p>
|
||
</div>
|
||
<div class="two-btn">
|
||
<div class="btn-box">
|
||
<a class="btn-fix btn-fix-blue py-4 px-5" href="#">
|
||
<span class="txt">View Our Services</span>
|
||
</a>
|
||
<div class="discount-badge txt">
|
||
<span class="original-price"><s>$125</s></span>
|
||
<span class="sale-price">$75</span>
|
||
<span class="discount-tag">40% OFF</span>
|
||
</div>
|
||
</div>
|
||
<div class="btn-box">
|
||
<a class="btn-fix btn-fix-blue py-4 px-5" href="tel:480706333">
|
||
<span class="txt"> Call (480) 706-333 </span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--End Single Swiper Slide-->
|
||
|
||
<!--Start Single Swiper Slide-->
|
||
<div class="swiper-slide">
|
||
<div class="video-background">
|
||
<video id="x" autoplay muted loop playsinline>
|
||
<source src="assets/videos/hero-00.webm">
|
||
<!-- Fallback image if video doesn't load -->
|
||
<div class="image-layer" style="background-image: url(assets/images/slides/slide-v2-1.jpg);"></div>
|
||
</video>
|
||
</div>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xl-12">
|
||
<div class="main-slider-content">
|
||
<div class="main-slider-content__inner">
|
||
<div class="sub-title-box py-2 px-5 text-center" style="background-color: white; border-radius: 10px;">
|
||
<ul>
|
||
<li><a href="#">AC Inspection</a></li>
|
||
<li><a href="#">Maintenance</a></li>
|
||
<li><a href="#">Installation</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="big-title">
|
||
<h2>
|
||
Proudly serving Phoenix <br />
|
||
Arizona Homeowners
|
||
</h2>
|
||
</div>
|
||
<div class="text" style="min-height: 80px;">
|
||
<p>
|
||
From routine maintenance to major repairs, we’re here to keep Phoenix homes cool and comfortable. As locals, we understand the importance of reliable service you can count on—every season, every day.
|
||
</p>
|
||
</div>
|
||
<div class="two-btn">
|
||
<div class="btn-box">
|
||
<a class="btn-fix btn-fix-blue py-4 px-5" href="#">
|
||
<span class="txt">View Our Services</span>
|
||
</a>
|
||
<div class="discount-badge txt">
|
||
<span class="original-price"><s>$125</s></span>
|
||
<span class="sale-price">$75</span>
|
||
<span class="discount-tag">40% OFF</span>
|
||
</div>
|
||
</div>
|
||
<div class="btn-box">
|
||
<a class="btn-fix btn-fix-blue py-4 px-5" href="tel:480706333">
|
||
<span class="txt"> Call (480) 706-333 </span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--End Single Swiper Slide-->
|
||
</div>
|
||
|
||
<!-- If we need navigation buttons -->
|
||
<div class="main-slider__nav">
|
||
<div
|
||
class="swiper-button-prev"
|
||
id="main-slider__swiper-button-next"
|
||
>
|
||
<i class="icon-left-arrow left"></i>
|
||
</div>
|
||
<div
|
||
class="swiper-button-next"
|
||
id="main-slider__swiper-button-prev"
|
||
>
|
||
<i class="icon-next right"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Main Slider Style2 End-->
|
||
|
||
<!--Start Welcome Style4-->
|
||
<section class="welcome-style4">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xl-5">
|
||
<div class="w-full bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-500 hover:scale-[1.02]">
|
||
<div>
|
||
<img src="assets/images/home/home5.jpg" class="w-full h-[300px] object-cover"/>
|
||
<div class="px-4 px-sm-5 py-4">
|
||
<h1 class="text-2xl text-lg-3xl font-bold text-gray-800 mb-4 text-center">
|
||
Schedule Your Inspection!
|
||
</h1>
|
||
<p class="text-gray-600 mb-4 text-center">
|
||
What type of property is this inspection for?
|
||
</p>
|
||
<div class="d-grid gap-3">
|
||
<!-- Residential Button -->
|
||
<button class="btn btn-lg btn-pulse-glow text-white">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="bi bi-house-door me-2" width="1.5rem" height="1.5rem" fill="currentColor" viewBox="0 0 16 16">
|
||
<path d="M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4z"/>
|
||
</svg>
|
||
HVAC
|
||
</button>
|
||
<!-- Business Button -->
|
||
<button class="btn btn-lg btn-pulse-glow text-white" style='background-color: #ae1e1e;'>
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="bi bi-house-door me-2" width="1.5rem" height="1.5rem" fill="currentColor" viewBox="0 0 16 16">
|
||
<path d="M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4z"/>
|
||
</svg>
|
||
Plumbing
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xl-7">
|
||
<div
|
||
class="welcome-style3__content welcome-style3__content--style2"
|
||
>
|
||
<div class="sec-title">
|
||
<div class="sub-title">
|
||
<div class="border-left"></div>
|
||
<h5>Air & Water Mechanical</h5>
|
||
</div>
|
||
<h2>Built for Phoenix. Designed for Comfort</h2>
|
||
</div>
|
||
<div class="text1">
|
||
<p>
|
||
Locally owned and operated, Air & Water Mechanical delivers expert HVAC and plumbing services tailored to Phoenix’s extreme climate, hard water, and unique home systems.
|
||
</p>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xl-6">
|
||
<ul>
|
||
<li class="text-blue">
|
||
<div class="icon">
|
||
<span class="icon-comment"></span>
|
||
</div>
|
||
NATE-Certified Technicians
|
||
</li>
|
||
<li class="text-blue">
|
||
<div class="icon">
|
||
<span class="icon-comment"></span>
|
||
</div>
|
||
Lifetime Warranty
|
||
</li>
|
||
<li class="text-blue">
|
||
<div class="icon">
|
||
<span class="icon-comment"></span>
|
||
</div>
|
||
24/7 Emergency Service
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<ul>
|
||
<li class="text-blue">
|
||
<div class="icon">
|
||
<span class="icon-comment"></span>
|
||
</div>
|
||
Locally Owned & Operated
|
||
</li>
|
||
<li class="text-blue">
|
||
<div class="icon">
|
||
<span class="icon-comment"></span>
|
||
</div>
|
||
Upfront Pricing
|
||
</li>
|
||
<li class="text-blue">
|
||
<div class="icon">
|
||
<span class="icon-comment"></span>
|
||
</div>
|
||
100% Satisfaction Guarantee
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="btn-box">
|
||
<a class="btn-fix btn-fix-blue py-4 px-5" href="services.html">
|
||
<span class="txt"> Call (480) 706-333 </span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--End Welcome Style4-->
|
||
|
||
<!--Start Service Style1-->
|
||
<section class="service-style2" style="background-color: #f7f7f7;">
|
||
<div class="container">
|
||
<div class="sec-title text-center">
|
||
<div class="sub-title">
|
||
<div class="border-left"></div>
|
||
<h5>Phoenix HVAC Services</h5>
|
||
<div class="border-right"></div>
|
||
</div>
|
||
<h2 style="color: var(--thm-black);">Services We Provide</h2>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<!--Start Single Service Style2-->
|
||
<div class="col-xl-12">
|
||
<div
|
||
class="owl-carousel owl-theme thm-owl__carousel service-style2-carousel owl-nav-style-one"
|
||
data-owl-options='{
|
||
"loop": false,
|
||
"autoplay": false,
|
||
"margin": 30,
|
||
"nav": true,
|
||
"dots": false,
|
||
"navText": ["<span class=\"left icon-left-arrow\"></span>","<span class=\"right icon-next\"></span>"],
|
||
"responsive": {
|
||
"0": { "items": 1 },
|
||
"768": { "items": 2 },
|
||
"992": { "items": 3 },
|
||
"1200": { "items": 4 }
|
||
}
|
||
}'
|
||
>
|
||
<!--Start Single Service Style2-->
|
||
<div class="single-service-style2">
|
||
<div class="img-box">
|
||
<img src="assets/images/home/home2.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="#">Cooling</a></h3>
|
||
<p>Upgrade to the latest energy and efficient air conditioning Frost technology with Eco Cool</p>
|
||
<div class="border-box"></div>
|
||
</div>
|
||
</div>
|
||
<!--End Single Service Style2-->
|
||
<!--Start Single Service Style2-->
|
||
<div class="single-service-style2">
|
||
<div class="img-box">
|
||
<img src="assets/images/home/home3.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="#">Heating</a></h3>
|
||
<p>The Arctic Blast Repair service addresses all your air Eco Cool conditioning repair needs</p>
|
||
<div class="border-box"></div>
|
||
</div>
|
||
</div>
|
||
<!--End Single Service Style2-->
|
||
<!--Start Single Service Style2-->
|
||
<div class="single-service-style2">
|
||
<div class="img-box">
|
||
<img src="assets/images/home/home4.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="#">Plumbing</a></h3>
|
||
<p>Our Quick Cool Installation and service provides fast and cooling efficient installation</p>
|
||
<div class="border-box"></div>
|
||
</div>
|
||
</div>
|
||
<!--End Single Service Style2-->
|
||
<!--Start Single Service Style2-->
|
||
<div class="single-service-style2">
|
||
<div class="img-box">
|
||
<img src="assets/images/home/home5.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="#">Cooling</a></h3>
|
||
<p>Upgrade to the latest energy and efficient air conditioning Frost technology with Eco Cool</p>
|
||
<div class="border-box"></div>
|
||
</div>
|
||
</div>
|
||
<!--End Single Service Style2-->
|
||
<!--Start Single Service Style2-->
|
||
<div class="single-service-style2">
|
||
<div class="img-box">
|
||
<img src="assets/images/home/home3.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="#">Heating</a></h3>
|
||
<p>The Arctic Blast Repair service addresses all your air Eco Cool conditioning repair needs</p>
|
||
<div class="border-box"></div>
|
||
</div>
|
||
</div>
|
||
<!--End Single Service Style2-->
|
||
<!--Start Single Service Style2-->
|
||
<div class="single-service-style2">
|
||
<div class="img-box">
|
||
<img src="assets/images/home/home4.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="#">Plumbing</a></h3>
|
||
<p>Our Quick Cool Installation and service provides fast and cooling efficient installation</p>
|
||
<div class="border-box"></div>
|
||
</div>
|
||
</div>
|
||
<!--End Single Service Style2-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--End Service Style1-->
|
||
|
||
<!--Start Features facts-->
|
||
<section class="features-facts">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xl-5">
|
||
<div class="features__content">
|
||
<div class="sec-title">
|
||
<div class="sub-title">
|
||
<div class="border-left"></div>
|
||
<h5>From Call to Comfort in 3 Steps</h5>
|
||
</div>
|
||
<h2 class="text-blue">Our Quick & Easy Process</h2>
|
||
</div>
|
||
<div class="text">
|
||
<p>
|
||
At Air & Water Mechanical., we make achieving the perfect indoor comfort effortless—no stress, no hassle. Whether it’s a quick repair, routine maintenance, or a complete system installation, we’ve got everything you need to stay cool and comfortable.
|
||
</p>
|
||
<p>
|
||
Simply reach out to our expert team for a fast, customized estimate, and we’ll handle the rest. Proudly serving homeowners across Phoenix, we are committed to providing reliable, high-quality service every step of the way.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xl-7">
|
||
<div class="facts-content-box-style2 text-blue">
|
||
<ul>
|
||
<!--Start Single Fact Counter-->
|
||
<li class="single-fact-counter single-fact-counter--style2">
|
||
<div class="round-box"><p class="round-number">1</p></div>
|
||
<div class="icon">
|
||
<span class="icon-air-conditioning-1 text-blue"></span>
|
||
</div>
|
||
<div class="outer-box">
|
||
<div class="count-outer count-box">
|
||
<h4 class="text-blue">Schedule Your Service</h4>
|
||
</div>
|
||
<div class="title">
|
||
<p>
|
||
Call or message us to book your AC repair,
|
||
maintenance, or installation at a time that works for
|
||
you.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<!--End Single Fact Counter-->
|
||
<!--Start Single Fact Counter-->
|
||
<li class="single-fact-counter single-fact-counter--style2">
|
||
<div class="round-box"><p class="round-number">2</p></div>
|
||
<div class="icon">
|
||
<span class="icon-worker"></span>
|
||
</div>
|
||
<div class="outer-box">
|
||
<div class="count-outer count-box">
|
||
<h4 class="text-blue">Get a Custom Estimate</h4>
|
||
</div>
|
||
<div class="title">
|
||
<p>
|
||
We’ll assess your needs and provide a clear, honest
|
||
quote—no surprises, just solutions.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<!--End Single Fact Counter-->
|
||
<!--Start Single Fact Counter-->
|
||
<li class="single-fact-counter single-fact-counter--style2">
|
||
<div class="round-box"><p class="round-number">3</p></div>
|
||
<div class="icon">
|
||
<span class="icon-rating-1"></span>
|
||
</div>
|
||
<div class="outer-box">
|
||
<div class="count-outer count-box">
|
||
<h4 class="text-blue">Enjoy Reliable Comfort</h4>
|
||
</div>
|
||
<div class="title">
|
||
<p>
|
||
Our certified techs get the job done right, restoring
|
||
comfort to your home quickly and professionally.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<!--End Single Fact Counter-->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--End Features facts-->
|
||
|
||
<!--Start Additional Services Style1 Area-->
|
||
<section class="additional-services-style1 pdb" style="background-color: #f7f7f7;">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xl-8">
|
||
<div class="additional-services-style1__content">
|
||
<div class="sec-title">
|
||
<div class="sub-title">
|
||
<div class="border-left"></div>
|
||
<h5>Experience Air & Water Mechanical</h5>
|
||
</div>
|
||
<h2>Locally Owned & Operated</h2>
|
||
</div>
|
||
<div class="text-top">
|
||
<p>
|
||
At Air & Water Mechanical., we take pride in providing Phoenix residents with honest, dependable, and affordable HVAC services. As a locally owned, full-service HVAC company, we specialize in AC repair, installation, and maintenance, committed to keeping your home cool and comfortable throughout the year.
|
||
</p>
|
||
</div>
|
||
<div class="text-bottom">
|
||
<p>
|
||
Our team of skilled technicians delivers exceptional workmanship with a personal touch, treating every home as if it were our own. Whether you’re dealing with an unexpected breakdown or planning a complete system upgrade, we offer quick response times, transparent pricing, and reliable results. At Air & Water Mechanical., we believe in delivering outstanding service at an unbeatable value.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xl-4">
|
||
<div class="additional-services-style1__img">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/resources/additional-services-style1-img-1.jpg"
|
||
alt=""
|
||
/>
|
||
<div class="round-box1 zoominout-2"></div>
|
||
<div class="round-box2 float-bob-y"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--End Additional Services Style1 Area-->
|
||
|
||
<!--Start Slogan Style2 Area-->
|
||
<section class="slogan-style2-area">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xl-12">
|
||
<div class="slogan-style2__content">
|
||
<div class="slogan-style2-title-box">
|
||
<div class="icon">
|
||
<span class="icon-diagnostic"></span>
|
||
</div>
|
||
<div class="title">
|
||
<h2 class="text-blue">AC Problems? Call Us Today!</h2>
|
||
<p class="text-blue">Your Indoor Comfort Is just one call away</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="slogan-style2-phone-number">
|
||
<div class="icon">
|
||
<span class="icon-telephone-1"></span>
|
||
</div>
|
||
<div class="text text-blue">
|
||
<h2><a href="tel:480706333" class="text-blue">Call (480) 706-333</a></h2>
|
||
<p class="text-blue">24 Hour Emergency Services</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--End Slogan Style2 Area-->
|
||
|
||
<!--Start Testimonial Style1 Area-->
|
||
<section class="testimonials-style1-area pdt">
|
||
<div
|
||
class="map-layer paroller"
|
||
style="background-image: url(assets/images/home/bg.jpg);"
|
||
></div>
|
||
<div class="container h-100">
|
||
<div class="row">
|
||
<div class="col-xl-7">
|
||
<div class="testimonial-style1-title-box">
|
||
<div class="sec-title">
|
||
<div class="sub-title">
|
||
<div
|
||
class="border-left"
|
||
style="border: 1px solid white"
|
||
></div>
|
||
<h5 style="color: white">Customer Reviews</h5>
|
||
</div>
|
||
<h2>Real Reviews. Real Cool Comfort.</h2>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-style1-content-box">
|
||
<div
|
||
class="owl-carousel owl-theme thm-owl__carousel testimonial-style1-carousel"
|
||
data-owl-options='{
|
||
"loop": true,
|
||
"autoplay": true,
|
||
"margin": 30,
|
||
"nav": false,
|
||
"dots": false,
|
||
"smartSpeed": 500,
|
||
"autoplayTimeout": 10000,
|
||
"navText": ["<span class=\"left icon-right-arrow\"></span>","<span class=\"right icon-right-arrow\"></span>"],
|
||
"responsive": {
|
||
"0": {
|
||
"items": 1
|
||
},
|
||
"768": {
|
||
"items": 2
|
||
},
|
||
"992": {
|
||
"items": 2
|
||
},
|
||
"1200": {
|
||
"items": 2
|
||
}
|
||
}
|
||
}'
|
||
>
|
||
<!--Start Single testimonials Style1-->
|
||
<div class="single-testimonials-style1">
|
||
<div class="single-testimonials-style1__inner">
|
||
<div class="quote-box">
|
||
<span class="icon-quotation"></span>
|
||
</div>
|
||
<div class="text-box">
|
||
<p>
|
||
Air & Water Mechanical. has evolved from traditional HVAC services to embrace modern, cloud-based solutions. Our strategies are designed to ensure we lead the way in proactive service delivery, keeping you comfortable with the most efficient and reliable HVAC systems.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="customer-info">
|
||
<div class="img-box">
|
||
<img
|
||
src="assets/images/testimonial/testimonial-v1-1.jpg"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div class="title-box">
|
||
<h3>Robert Mick</h3>
|
||
<span>Customer</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--End Single testimonials Style1-->
|
||
|
||
<!--Start Single testimonials Style1-->
|
||
<div class="single-testimonials-style1">
|
||
<div class="single-testimonials-style1__inner">
|
||
<div class="quote-box">
|
||
<span class="icon-quotation"></span>
|
||
</div>
|
||
<div class="text-box">
|
||
<p>
|
||
At Air & Water Mechanical., we’ve evolved from traditional HVAC solutions to embracing innovative, cloud-based technologies. Our strategies are designed to stay ahead of the curve, ensuring we deliver proactive, reliable service while maintaining industry leadership.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="customer-info">
|
||
<div class="img-box">
|
||
<img
|
||
src="assets/images/testimonial/testimonial-v1-2.jpg"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div class="title-box">
|
||
<h3>Marray Joe</h3>
|
||
<span>Customer</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--End Single testimonials Style1-->
|
||
|
||
<!--Start Single testimonials Style1-->
|
||
<div class="single-testimonials-style1">
|
||
<div class="single-testimonials-style1__inner">
|
||
<div class="quote-box">
|
||
<span class="icon-quotation"></span>
|
||
</div>
|
||
<div class="text-box">
|
||
<p>
|
||
At Air & Water Mechanical., we’re advancing with a forward-thinking approach, evolving from traditional methods to a more efficient, streamlined solution. Our strategies are designed to proactively address your HVAC needs, ensuring top-tier service and dependable results every step of the way.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="customer-info">
|
||
<div class="img-box">
|
||
<img
|
||
src="assets/images/testimonial/testimonial-v1-2.jpg"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div class="title-box">
|
||
<h3>Robert Mick</h3>
|
||
<span>Customer</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--End Single testimonials Style1-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xl-5">
|
||
<div
|
||
class="airtronix-form-style1 airtronix-form-style1--instyle3"
|
||
>
|
||
<div class="top-title text-left">
|
||
<h2>Request an Estimate</h2>
|
||
<p>Submit the form below for a personalized estimate</p>
|
||
</div>
|
||
<form
|
||
id="booking-form"
|
||
name="booking_form"
|
||
class="default-form2"
|
||
action="index.html"
|
||
method="post"
|
||
>
|
||
<div class="form-group">
|
||
<div class="input-box">
|
||
<input
|
||
type="text"
|
||
name="form_name"
|
||
id="formName"
|
||
placeholder="Your name"
|
||
required=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="input-box">
|
||
<input
|
||
type="text"
|
||
name="form_phone"
|
||
value=""
|
||
id="formPhone"
|
||
placeholder="Phone Number"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="input-box">
|
||
<input
|
||
type="email"
|
||
name="form_email"
|
||
id="formEmail"
|
||
placeholder="Email Address"
|
||
required=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="input-box">
|
||
<div class="select-box clearfix">
|
||
<select class="wide">
|
||
<option data-display="Service Option">
|
||
Service Option
|
||
</option>
|
||
<option value="1">AC Repair</option>
|
||
<option value="2">AC Installation</option>
|
||
<option value="3">AC Maintenance</option>
|
||
<option value="4">Air Quality Solutions</option>
|
||
<option value="5">Refrigeration</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="input-box">
|
||
<div class="select-box clearfix">
|
||
<select class="wide">
|
||
<option data-display="Building Type">
|
||
Building Type
|
||
</option>
|
||
<option value="1">Residential</option>
|
||
<option value="2">Commercial</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="input-box">
|
||
<textarea
|
||
name="form_message"
|
||
id="formMessage"
|
||
placeholder="Additional Notes"
|
||
required=""
|
||
></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xl-12">
|
||
<div class="button-box">
|
||
<button class="btn-fix btn-fix-blue py-1 px-5" type="submit" style="color: white;">
|
||
<span class="txt">SUBMIT REQUEST</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--End Testimonial Style1 Area-->
|
||
|
||
<!--Start Gallery Area-->
|
||
<section class="team-style1-area">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xl-12">
|
||
<div class="team-style1-area__top row">
|
||
<div class="sec-title col-xl-6">
|
||
<div class="sub-title">
|
||
<div class="border-left"></div>
|
||
<h5>Recent Projects</h5>
|
||
</div>
|
||
<h2 class="text-blue">Precision Comfort. Every Time.</h2>
|
||
</div>
|
||
<div class="text-box col-xl-6">
|
||
<p>
|
||
Explore some of the residential and commercial HVAC projects we’ve successfully completed across Phoenix. Whether it’s a full system installation or an urgent repair, Air & Water Mechanical. consistently delivers exceptional craftsmanship and reliable comfort, tailored to meet the unique needs of every project, large or small.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="project-btn-wrapper">
|
||
<div class="btn-box">
|
||
<button class="btn-fix btn-fix-blue py-1 px-5" id="residential-btn">
|
||
<span class="txt">HVAC</span>
|
||
</button>
|
||
</div>
|
||
<div class="btn-box">
|
||
<button class="btn-fix btn-fix-blue py-1 px-5" id="commercial-btn">
|
||
<span class="txt"> Plumbing </span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Grid wrapper for projects -->
|
||
<div id="projects-grid-wrapper">
|
||
<!-- Residential -->
|
||
<div class="project-item residential">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/home/ac1.jpg"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="project-item residential">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/home/ac2.jpg"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="project-item residential">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/home/ac3.jpg"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="project-item residential">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/home/ac4.jpg"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="project-item residential">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/home/ac5.jpg"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="project-item residential">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/projects/residential-image-6.webp"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="project-item residential">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/projects/residential-image-7.webp"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="project-item residential">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/projects/residential-image-8.webp"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Commercial -->
|
||
<div class="project-item commercial">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/projects/commercial-image-1.webp"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="project-item commercial">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/projects/commercial-image-2.webp"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="project-item commercial">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/projects/commercial-image-3.webp"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="project-item commercial">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/projects/commercial-image-4.webp"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="project-item commercial">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/projects/commercial-image-5.webp"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="project-item commercial">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/projects/commercial-image-6.webp"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="project-item commercial">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/projects/commercial-image-7.webp"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="project-item commercial">
|
||
<div class="single-team-style1">
|
||
<div class="img-holder">
|
||
<div class="inner">
|
||
<img
|
||
src="assets/images/projects/commercial-image-8.webp"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--End Gallery Area-->
|
||
|
||
<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/air.png"
|
||
alt="air Logo"
|
||
title=""
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div class="text">
|
||
<p style="color: black;">
|
||
Air & Water Mechanical. – Phoenix’s 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>
|
||
© Copyright <a href="/">Air & Water Mechanical</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>
|
||
<script>v.playbackRate = 0.7;</script>
|
||
<script>w.playbackRate = 0.7;</script>
|
||
<script>x.playbackRate = 0.7;</script>
|
||
<style>
|
||
@keyframes fadeIn {
|
||
from { opacity: 0; transform: translateY(10px); }
|
||
to { opacity: 1; transform: translateY(0); }
|
||
}
|
||
|
||
.animate-fade-in {
|
||
animation: fadeIn 0.6s ease-out forwards;
|
||
}
|
||
|
||
.delay-100 {
|
||
animation-delay: 0.1s;
|
||
}
|
||
|
||
.delay-200 {
|
||
animation-delay: 0.2s;
|
||
}
|
||
</style>
|
||
</body>
|
||
</html>
|