<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Air World Mechanical & Service</title>
<meta name="generator" content="WYSIWYG Web Builder 20 - https://www.wysiwygwebbuilder.com">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="Solo Circulo Logo.png" rel="icon" sizes="1080x1080" type="image/png">
<link href="styles/owl.carousel.min.css" rel="stylesheet">
<link href="styles/fontawesome6.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:700,400,600,500,700,400,600,500&subset=latin&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Anton:400,400&subset=latin&display=swap" rel="stylesheet">
<link href="styles/zeylox.css?v=20" rel="stylesheet">
<link href="styles/index.css?v=20" rel="stylesheet">
<script src="jquery-3.7.1.min.js"></script>
<script src="jquery.ui.effect.min.js"></script>
<script src="popper.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="imagemapresizer.min.js"></script>
<script src="skrollr.min.js"></script>
<script src="wb.panel.min.js"></script>
<script src="owl.carousel.min.js"></script>
<link rel="stylesheet" href="whatsappchatpro/chatpro.css">
<script src="wwb20.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function(event)
{
var Carousel1 = new bootstrap.Carousel('#Carousel1', {interval: 4000, pause: 'hover'});
var hotspots_image = document.querySelector('#hotspots-image-tooltip');
var bshotspots_image = new bootstrap.Tooltip(hotspots_image, {placement: 'top', trigger: 'manual', animation: false});
hotspots_image.addEventListener('inserted.bs.tooltip', function(e)
{
var tipElem = document.getElementById(e.target.getAttribute('aria-describedby'));
tipElem.classList.add('hotspots-image-tooltip');
});
var hotspots_image_icons = document.querySelectorAll('#hotspots-image-icons a');
hotspots_image_icons.forEach(icon =>
{
var tooltip = new bootstrap.Tooltip(icon, {placement: 'top'});
icon.addEventListener('inserted.bs.tooltip', function(e)
{
var tipElem = document.getElementById(e.target.getAttribute('aria-describedby'));
tipElem.classList.add('hotspots-image-tooltip');
});
});
var hotspots_image_areas = document.querySelectorAll('#wb_hotspots-image area');
hotspots_image_areas.forEach(area =>
{
area.addEventListener('mouseover', function(e)
{
var bounds = e.target.dataset.bounds.split(',');
var img = document.getElementById('hotspots-image');
var x = (parseInt(bounds[0]) * img.width) / 1000;
var y = (parseInt(bounds[1]) * img.height) / 1000;
var cx = (parseInt(bounds[2]) * img.width) / 1000;
var cy = (parseInt(bounds[3]) * img.height) / 1000;
hotspots_image.style.left = x + 'px';
hotspots_image.style.top = y + 'px';
hotspots_image.style.width = cx + 'px';
hotspots_image.style.height = cy + 'px';
hotspots_image.setAttribute('data-bs-original-title', area.getAttribute('data-bs-title'));
bshotspots_image.show();
}, true);
area.addEventListener('mouseout', function(e)
{
bshotspots_image.hide();
}, true);
});
});
</script>
<script>
$(document).ready(function()
{
$('#wb_indexCard1').addClass('visibility-hidden');
$('#wb_Card1').addClass('visibility-hidden');
$('#wb_indexLayoutGrid10').addClass('visibility-hidden');
$('#wb_indexCard6').addClass('visibility-hidden');
$('#wb_indexLayoutGrid13').addClass('visibility-hidden');
$('#wb_MasterContactLayer').addClass('visibility-hidden');
$('#wb_MasterContactTopic').addClass('visibility-hidden');
function skrollrInit()
{
skrollr.init({forceHeight: false, mobileCheck: function() { return false; }, smoothScrolling: false});
}
skrollrInit();
function onScrollindexCard1()
{
var $obj = $("#wb_indexCard1");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(true))
{
$obj.addClass("in-viewport");
AnimateCss('wb_indexCard1', 'animate-fade-in-up', 0, 700);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_indexCard1', 'animate-fade-out', 0, 500);
}
}
if (!$('#wb_indexCard1').inViewPort(true))
{
$('#wb_indexCard1').addClass("in-viewport");
}
onScrollindexCard1();
$(window).scroll(function(event)
{
onScrollindexCard1();
});
function onScrollCard1()
{
var $obj = $("#wb_Card1");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(true))
{
$obj.addClass("in-viewport");
AnimateCss('wb_Card1', 'animate-fade-in-up', 0, 700);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_Card1', 'animate-fade-out', 0, 500);
}
}
if (!$('#wb_Card1').inViewPort(true))
{
$('#wb_Card1').addClass("in-viewport");
}
onScrollCard1();
$(window).scroll(function(event)
{
onScrollCard1();
});
function onScrollindexLayoutGrid10()
{
var $obj = $("#wb_indexLayoutGrid10");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(true))
{
$obj.addClass("in-viewport");
AnimateCss('wb_indexLayoutGrid10', 'animate-fade-in-up', 0, 700);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_indexLayoutGrid10', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_indexLayoutGrid10').inViewPort(true))
{
$('#wb_indexLayoutGrid10').addClass("in-viewport");
}
onScrollindexLayoutGrid10();
$(window).scroll(function(event)
{
onScrollindexLayoutGrid10();
});
function onScrollindexCard6()
{
var $obj = $("#wb_indexCard6");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_indexCard6', 'animate-fade-in-up', 0, 900);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_indexCard6', 'animate-fade-out', 0, 500);
}
}
if (!$('#wb_indexCard6').inViewPort(true))
{
$('#wb_indexCard6').addClass("in-viewport");
}
onScrollindexCard6();
$(window).scroll(function(event)
{
onScrollindexCard6();
});
function onScrollindexLayoutGrid13()
{
var $obj = $("#wb_indexLayoutGrid13");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(true))
{
$obj.addClass("in-viewport");
AnimateCss('wb_indexLayoutGrid13', 'animate-fade-in-up', 0, 700);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_indexLayoutGrid13', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_indexLayoutGrid13').inViewPort(true))
{
$('#wb_indexLayoutGrid13').addClass("in-viewport");
}
onScrollindexLayoutGrid13();
$(window).scroll(function(event)
{
onScrollindexLayoutGrid13();
});
$("a[href*='#EVENT']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#wb_EVENT').offset().top }, 1400, 'easeInOutSine');
});
$('#wb_hotspots-image map').imageMapResize();
$("a[href*='#MasterContact']").click(function(event)
{
event.preventDefault();
$('html, body').stop().animate({ scrollTop: $('#wb_MasterContact').offset().top }, 1200, 'linear');
});
$("#MENULayer").panel({animate: true, animationDuration: 800, animationEasing: 'linear', dismissible: false, display: 'overlay', position: 'left'});
$("#MasterPlaylist").owlCarousel({autoplayTimeout:5000, smartSpeed: 500, margin: 15, autoplay: true, nav: false, loop: true, dots: false, responsive: {980: {items: 5}, slideBy: 1}});
function onScrollMasterContactLayer()
{
var $obj = $("#wb_MasterContactLayer");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(true))
{
$obj.addClass("in-viewport");
AnimateCss('wb_MasterContactLayer', 'animate-fade-in-up', 0, 500);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_MasterContactLayer', 'animate-fade-out', 0, 0);
}
}
if (!$('#wb_MasterContactLayer').inViewPort(true))
{
$('#wb_MasterContactLayer').addClass("in-viewport");
}
onScrollMasterContactLayer();
$(window).scroll(function(event)
{
onScrollMasterContactLayer();
});
function onScrollMasterContactTopic()
{
var $obj = $("#wb_MasterContactTopic");
if (!$obj.hasClass("in-viewport") && $obj.inViewPort(false))
{
$obj.addClass("in-viewport");
AnimateCss('wb_MasterContactTopic', 'animate-fade-in-up', 0, 700);
}
else
if ($obj.hasClass("in-viewport") && !$obj.inViewPort(true))
{
$obj.removeClass("in-viewport");
AnimateCss('wb_MasterContactTopic', 'animate-fade-out', 0, 500);
}
}
if (!$('#wb_MasterContactTopic').inViewPort(true))
{
$('#wb_MasterContactTopic').addClass("in-viewport");
}
onScrollMasterContactTopic();
$(window).scroll(function(event)
{
onScrollMasterContactTopic();
});
});
</script>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="loader">
<div></div>
<div></div>
<div></div>
</div>
<div id="wb_LayoutGrid1" data-top="width[bounce]:96%;left[bounce]:2%;top[bounce]:20px;border-radius[bounce]:6px;" data--10-top="width[bounce]:100%;left[bounce]:0%;top[bounce]:0px;border-radius[bounce]:0px;">
<div id="LayoutGrid1">
<div class="col-1">
<div id="wb_LayoutGrid2" data-top="background-color[bounce]:rgba(255,255,255,0.77);" data--10-top="background-color[bounce]:rgba(255,255,255,1.0);">
<div id="LayoutGrid2">
<div class="col-1">
<div id="masterFlexContainer2">
<div id="wb_HomeFcaebook">
<div id="HomeFcaebook"><i class="fa fa-brands fa-facebook-f"></i></div>
</div>
<div id="Html2">
<a href="#" onclick="TogglePanel('MENULayer', event);return false;">
<div class="hamburger" id="hamburger-6">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
</a></div>
<div id="wb_HomeX">
<div id="HomeX"><i class="fa fa-brands fa-instagram"></i></div>
</div>
<div id="wb_HomeYoutube">
<div id="HomeYoutube"><i class="fa fa-brands fa-tiktok"></i></div>
</div>
<div id="wb_masterText2">
<span style="color:#FFFFFF;"><a href="./index.html" class="zeylox-white" title="Home">HOME</a> <a href="#" class="zeylox-white" title="About US">ABOUT US</a> <a href="#" class="zeylox-white" title="Services">SERVICES</a></span>
</div>
</div>
</div>
<div class="col-2">
<div id="wb_LogoImage1">
<a href="./index.html" title="Air World Mechanical & Services"><img src="images/Logo.png" id="LogoImage1" alt="Air World Mechanical & Services" width="169" height="68"></a>
</div>
</div>
<div class="col-3">
<div id="masterFlexContainer1">
<div id="wb_masterText1">
<span style="color:#FFFFFF;"><a href="#" class="zeylox-white" title="Gallery">GALLERY</a> <a href="#" class="zeylox-white" title="Faqs">FAQs</a></span>
</div>
<div id="wb_ContactUsButton6">
<a class="ui-button ui-corner-all" id="ContactUsButton6" href="./contact.php" title="Contact"><span class="ui-button-icon ui-icon ui-primary"></span><span class="ui-button-icon-space"> </span>CONTACT</a>
</div>
<div id="wb_ContactIcon5">
<div id="ContactIcon5"><i class="ContactIcon5"></i></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_indexLayoutGrid5">
<div id="indexLayoutGrid5">
<div class="row">
<div class="col-1">
</div>
<div class="col-2">
<div id="wb_indexHeading2">
<h1 id="indexHeading2">Welcome to Air World<br><span class="hrem">Mechanical & Service</span>.</h1>
</div>
<div id="wb_indexText1">
<span style="color:#4F4F4F;">Our experienced technicians are committed to quality workmanship, fast response, and long-lasting comfort. We keep your systems running efficiently so you can enjoy cool, dependable air year-round.</span>
</div>
<div id="wb_indexThemeableButton8">
<a class="ui-button ui-corner-all" id="indexThemeableButton8" href=""><span class="ui-button-icon ui-icon ui-primary"></span><span class="ui-button-icon-space"> </span>CONTACT US!</a>
</div>
<div id="wb_indexIcon1">
<div id="indexIcon1"><i class="indexIcon1"></i></div>
</div>
</div>
<div class="col-3">
</div>
</div>
</div>
</div>
<div id="wb_Bhome">
<div id="Bhome">
<div class="col-1">
<div id="wb_indexLayoutGrid4" class="panel">
<div id="indexLayoutGrid4">
<div class="col-1">
<div id="wb_Card7" class="card"class="Cardo active">
<div id="Card7-card-body">
<img id="Card7-card-item0" src="images/Logo Mechanical.png" width="200" height="80" alt="Air World Mechanical & Service" title="Air World Mechanical & Service">
</div>
</div>
</div>
</div>
</div>
<div id="wb_indexLayoutGrid1" class="panel active">
<div id="indexLayoutGrid1">
<div class="col-1">
<div id="wb_Card1" class="card"class="PanelCard">
<div id="Card1-card-body">
<div id="Card1-card-item0"><h2>Installation, Repair <span class="hre">and Maintenance</span>.</h2></div>
<div id="Card1-card-item1"><h2>@AirWorldMechanicalService</h2></div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_indexLayoutGrid2" class="panel">
<div id="indexLayoutGrid2">
<div class="col-1">
<div id="wb_indexCard1" class="card"class="PanelCard">
<div id="indexCard1-card-body">
<div id="indexCard1-card-item0"><h2>Quality Work <span class="hre">with Guarantee</span></h2></div>
</div>
</div>
<div id="wb_Card10" class="card"class="Cardo active">
<div id="Card10-card-body">
<img id="Card10-card-item0" src="images/Sin Slogan.png" width="1080" height="1080" alt="Air World Mechanical & Service" title="Air World Mechanical & Service">
<div id="Card10-card-item1"><h2>Mechanical & Service</h2></div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_indexLayoutGrid3" class="panel">
<div id="indexLayoutGrid3">
<div class="col-1">
<div id="wb_Card2" class="card"class="Cardo active">
<div id="Card2-card-body">
<img id="Card2-card-item0" src="images/Logo Horizontal.png" width="1024" height="140" alt="Air World Mechanical & Service" title="Air World Mechanical & Service">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_indexLayoutGrid6">
<div id="indexLayoutGrid6">
<div class="row">
<div class="col-1">
<div id="wb_indexLayoutGrid7">
<div id="indexLayoutGrid7">
<div class="col-1">
<div id="wb_indexHeading1">
<h3 id="indexHeading1">Air World<span class="hre-m"> Mechanical Service.</span></h3>
</div>
<div id="wb_Text3">
<span style="color:#000000;">Quality and Guarantee</span>
</div>
</div>
<div class="col-2">
<div id="wb_indexText3">
<span style="color:#4F4F4F;">It is crucial to keep your air conditioning system running smoothly, especially during the hot summer season. Our team of experts is dedicated to delivering quick, efficient and reliable air conditioning repair and maintenance services.</span>
</div>
<div id="wb_ThemeableButton1">
<a class="ui-button ui-corner-all" id="ThemeableButton1" href=""><span class="ui-button-icon ui-icon ui-primary"></span><span class="ui-button-icon-space"> </span>READ MORE</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_indexLayoutGrid8">
<div id="indexLayoutGrid8">
<div class="row">
<div class="col-1">
<div id="wb_indexImage5">
<img src="images/ll.png" id="indexImage5" alt="" width="270" height="270">
</div>
</div>
<div class="col-2">
<div id="indexFlexContainer1">
<div id="wb_Service1" class="card">
<div id="Service1-card-body">
<img id="Service1-card-item0" src="images/Company.png" width="66" height="66" alt="Air World Mechanical & Services" title="Our Company">
<div id="Service1-card-item1"><h2>Company</h2></div>
<div id="Service1-card-item2">Air-World Mechanical & Service, we are a one-stop shop for all your facility, air conditioning and refrigeration repair and maintenance needs. With over 10 years of experience in the industry, we have established ourselves as one of the leading providers of top-notch repair and maintenance services.</div>
</div>
</div>
<div id="wb_Service2" class="card">
<div id="Service2-card-body">
<img id="Service2-card-item0" src="images/Mision.png" width="66" height="66" alt="Air World Mechanical & Services" title="Our Mission">
<div id="Service2-card-item1"><h2>Mission</h2></div>
<div id="Service2-card-item2">Ensuring that your equipment runs smoothly and efficiently at all times. We pride ourselves on providing our customers with the highest level of service delivery that meets or exceeds your expectations, making us the preferred choice for all your repair and maintenance needs.</div>
</div>
</div>
<div id="wb_Service3" class="card">
<div id="Service3-card-body">
<img id="Service3-card-item0" src="images/Vision.png" width="66" height="66" alt="Air World Mechanical & Services" title="Our Vision">
<div id="Service3-card-item1"><h2>Vision</h2></div>
<div id="Service3-card-item2">It will provide an effective and long-lasting solution. We understand the importance of maintaining a healthy and comfortable environment for your employees and customers, and we strive to ensure that your system is operating at its optimum capacity.<br><br></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_PlaylistLayer">
<div id="PlaylistLayer">
<div class="row">
<div class="col-1">
<div id="wb_indexCard6" class="card"class="PanelCard">
<div id="indexCard6-card-body">
<div id="indexCard6-card-item0"><h2>Our <span class="hre">Services</span>.</h2></div>
<div id="indexCard6-card-item1"><h2>Air World Mechanical</h2></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_indexLayoutGrid9">
<div id="indexLayoutGrid9">
<div class="row">
<div class="col-1">
<div id="wb_indexLayoutGrid10">
<div id="indexLayoutGrid10">
<div class="col-1">
<hr id="indexHorizontalLine1">
<div id="wb_indexLayoutGrid11">
<div id="indexLayoutGrid11">
<div class="row">
<div class="col-1">
<div id="indexFlexContainer2">
<div id="wb_indexCard5" class="card">
<div id="indexCard5-card-body">
<div id="indexCard5-card-item0"><h3>MAINTENANCE</h3></div>
<hr id="indexCard5-card-item1">
<div id="indexCard5-card-item2">Professional air conditioning maintenance ensuring efficiency, reliability, and long-lasting system performance year-round.</div>
</div>
</div>
</div>
<div id="wb_indexImage1">
<img src="images/2026_02_15_19_30_58_IMG_3410.JPG" id="indexImage1" alt="Air World Mechanical & Services" title="Air World Mechanical & Services" width="280" height="373">
</div>
</div>
</div>
</div>
</div>
<hr id="indexHorizontalLine2">
</div>
<div class="col-2">
<hr id="indexHorizontalLine3">
<div id="wb_indexLayoutGrid12">
<div id="indexLayoutGrid12">
<div class="row">
<div class="col-1">
<div id="indexFlexContainer3">
<div id="wb_indexCard7" class="card">
<div id="indexCard7-card-body">
<div id="indexCard7-card-item0"><h3>INSTALLATIONS</h3></div>
<hr id="indexCard7-card-item1">
<div id="indexCard7-card-item2">Expert air conditioning installations delivering efficient, reliable cooling solutions for residential and commercial properties.</div>
</div>
</div>
</div>
<div id="wb_indexImage2">
<img src="images/2026_02_04_08_49_57_IMG_3280.JPG" id="indexImage2" alt="Air World Mechanical & Services" title="Air World Mechanical & Services" width="280" height="373">
</div>
</div>
</div>
</div>
</div>
<hr id="indexHorizontalLine4">
</div>
</div>
</div>
</div>
<div class="col-2">
<div id="wb_indexLayoutGrid13">
<div id="indexLayoutGrid13">
<div class="col-1">
<hr id="indexHorizontalLine5">
<div id="wb_indexLayoutGrid15">
<div id="indexLayoutGrid15">
<div class="row">
<div class="col-1">
<div id="indexFlexContainer5">
<div id="wb_indexCard8" class="card">
<div id="indexCard8-card-body">
<div id="indexCard8-card-item0"><h3>REPAIRS</h3></div>
<hr id="indexCard8-card-item1">
<div id="indexCard8-card-item2">Reliable HVAC repairs, maintenance, and installations, keeping your air conditioning and heating systems running efficiently.</div>
</div>
</div>
</div>
<div id="wb_indexImage4">
<img src="images/2026_02_08_18_34_08_IMG_3295.JPG" id="indexImage4" alt="Air World Mechanical & Services" title="Air World Mechanical & Services" width="280" height="373">
</div>
</div>
</div>
</div>
</div>
<hr id="indexHorizontalLine6">
</div>
<div class="col-2">
<hr id="indexHorizontalLine7">
<div id="wb_indexLayoutGrid14">
<div id="indexLayoutGrid14">
<div class="row">
<div class="col-1">
<div id="indexFlexContainer4">
<div id="wb_indexCard2" class="card">
<div id="indexCard2-card-body">
<div id="indexCard2-card-item0"><h3>COOLING & HEATING</h3></div>
<hr id="indexCard2-card-item1">
<div id="indexCard2-card-item2">Reliable cooling and heating solutions delivering comfort, efficiency, and performance for homes and businesses worldwide.</div>
</div>
</div>
</div>
<div id="wb_indexImage3">
<img src="images/2026_02_04_08_51_48_IMG_3283.JPG" id="indexImage3" alt="Air World Mechanical & Services" title="Air World Mechanical & Services" width="280" height="373">
</div>
</div>
</div>
</div>
</div>
<hr id="indexHorizontalLine8">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_EVENT">
<form name="EVENT" method="post" action="mailto:yourname@yourdomain.com" enctype="multipart/form-data" id="EVENT">
<div class="col-1">
<div id="wb_Carousel1">
<div id="Carousel1" class="carousel slide" data-bs-ride="carousel">
<ol class="carousel-indicators">
<li data-bs-target="#Carousel1" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#Carousel1" data-bs-slide-to="1"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item frame-1 active">
<div class="carousel-item-inner">
<div id="wb_LayoutGrid17">
<div id="LayoutGrid17">
<div class="row">
<div class="col-1">
</div>
<div class="col-2">
<div id="wb_Text22">
<span style="color:#FFFF00;font-family:'Britney Variable';font-size:48px;line-height:50px;">Work Zone in the</span><span style="color:#80004A;font-family:'Britney Variable';font-size:48px;line-height:50px;"> </span><span style="color:#F5F5F5;font-family:'Poppins';font-weight:700;font-size:48px;line-height:50px;">USA</span><span style="color:#80004A;font-family:'Poppins';font-weight:700;font-size:48px;line-height:50px;">.</span>
</div>
<div id="wb_hotspots-image">
<img src="images/Map USA.png" id="hotspots-image" alt="" usemap="#hotspots-image-map" width="1923" height="1027">
<map name="hotspots-image-map">
</map>
<div id="hotspots-image-icons">
<div id="hotspots-image-icons-inner">
<a href="" target="" title="USA, North & South Carolina" id="hotspots-image-hotspot-0" class="pulsate"><svg style="position:absolute;left:0;top:0;width:70%;height:70%;padding:15%;fill:#FFFFFF" viewBox="0 0 132 132" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M66 0 C68 0, 70 1, 72 2 L72 2 L72 2 C73 4, 74 6, 74 8 L74 17 L74 17 C85 19, 94 24, 101 31 C108 38, 113 47, 115 58 L124 58 L124 58 C126 58, 128 58, 130 60 C131 61, 132 63, 132 66 C132 68, 131 70, 130 72 C128 73, 126 74, 124 74 L115 74 L115 74 C113 85, 108 94, 101 101 C94 108, 85 113, 74 115 L74 124 L74 124 C74 126, 73 128, 72 130 C70 131, 68 132, 66 132 C64 132, 62 131, 60 130 C59 128, 58 126, 58 124 L58 115 L58 115 C47 113, 38 108, 31 101 C24 94, 19 85, 17 74 L8 74 L8 74 C6 74, 4 73, 2 72 C1 70, 0 68, 0 66 C0 63, 1 61, 2 60 C4 58, 6 58, 8 58 L17 58 L17 58 C19 47, 24 38, 31 31 C38 24, 47 19, 58 17 L58 8 L58 8 C58 6, 59 4, 60 2 C62 1, 64 0, 66 0 Z M33 66 C33 72, 34 77, 37 82 L37 82 L37 82 C40 87, 44 91, 49 94 C55 97, 60 99, 66 99 C72 99, 77 97, 82 94 C88 91, 92 87, 95 82 C98 77, 99 72, 99 66 C99 60, 98 54, 95 49 C92 44, 88 40, 82 37 C77 34, 72 33, 66 33 C60 33, 55 34, 49 37 C44 40, 40 44, 37 49 C34 54, 33 60, 33 66 Z M66 45 C74 45, 80 49, 84 56 C88 62, 88 69, 84 76 C80 83, 74 86, 66 86 C58 86, 52 83, 48 76 C44 69, 44 62, 48 56 C52 49, 58 45, 66 45"/>
</svg>
</a>
</div>
</div>
<div id="hotspots-image-tooltip"></div>
</div>
</div>
<div class="col-3">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item frame-2">
<div class="carousel-item-inner">
<div id="wb_Text33">
<span style="color:#191970;font-family:'Poppins';font-weight:700;font-size:43px;line-height:74px;">For more </span><span style="color:#191970;font-family:Arial;font-size:43px;line-height:74px;">Information</span><span style="color:#191970;font-family:'Poppins';font-weight:700;font-size:43px;line-height:74px;"> Contact </span><span style="color:#D99100;font-family:'Poppins';font-weight:700;font-size:43px;line-height:74px;">Now</span>
</div>
<div id="wb_indexEditbox1">
<input type="text" id="indexEditbox1" name="Name" value="" spellcheck="false" title="Name" placeholder="Fullname">
<label id="indexEditbox1-label" for="indexEditbox1">Fullname</label>
</div>
<div id="wb_indexEditbox2">
<input type="email" id="indexEditbox2" name="Email" value="" spellcheck="false" title="Name" placeholder="Email">
<label id="indexEditbox2-label" for="indexEditbox2">Email</label>
</div>
<div id="wb_indexEditbox3">
<input type="text" id="indexEditbox3" name="Mobile Number" value="" spellcheck="false" title="Name" placeholder="Mobile Number">
<label id="indexEditbox3-label" for="indexEditbox3">Mobile Number</label>
</div>
<hr id="HorizontalLine5">
<div id="wb_ThemeableButton4">
<a class="ui-button ui-corner-all" id="ThemeableButton4" href="" disabled><span class="ui-button-icon ui-icon ui-primary"></span><span class="ui-button-icon-space"> </span>CONTACT NOW</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="container">
<div class="shape-blob"></div>
<div class="shape-blob one"></div>
<div class="shape-blob two"></div>
<div id="wb_MasterContact">
<div id="MasterContact">
<div class="row">
<div class="col-1">
<div id="wb_MasterContactLayer">
<div id="MasterContactLayer">
<div class="row">
<div class="col-1">
<div id="wb_MasterContactTopic" class="card"class="PanelCard">
<div id="MasterContactTopic-card-body">
<div id="MasterContactTopic-card-item0"><h2>We are the solution for quality <span class="hre">Installations, Repairs, and Maintenance.</span>...</h2></div>
<div id="MasterContactTopic-card-item1"><h2>Contact us right now</h2></div>
</div>
</div>
<div id="wb_MasterContactP">
<div id="MasterContactP-max-width">
<span style="color:#4F4F4F;">Professional air conditioning and HVAC specialists providing installation, repair, and maintenance services, ensuring efficient, reliable cooling and heating solutions for customers throughout North and South Carolina United States service area..</span>
</div>
</div>
<div id="wb_MasterGallery">
<div id="MasterGallery">
<div class="col-1">
<div class="col-1-padding">
<div id="wb_MasterCard5">
<img src="images/label003a.png" id="MasterCard5" alt="podcast" title="podcast" width="64" height="77">
</div>
</div>
</div>
<div class="col-2">
<div id="MasterPlaylist" class="owl-carousel owl-theme">
<div id="wb_MasterCard1" class="card">
<div id="MasterCard1-card-body">
<div id="MasterCard1-card-item0"><h3>CLEANING</h3></div>
<img id="MasterCard1-card-item1" src="images/2026_02_04_08_51_49_IMG_3287.JPG" width="1200" height="1600" alt="CLEANING" title="CLEANING">
</div>
</div>
<div id="wb_MasterCard2" class="card">
<div id="MasterCard2-card-body">
<div id="MasterCard2-card-item0"><h3>MAINTENANCE</h3></div>
<img id="MasterCard2-card-item1" src="images/2026_02_15_19_30_58_IMG_3410.JPG" width="1200" height="1600" alt="MAINTENANCE" title="MAINTENANCE">
</div>
</div>
<div id="wb_MasterCard3" class="card">
<div id="MasterCard3-card-body">
<div id="MasterCard3-card-item0"><h3>INSTALLATION</h3></div>
<img id="MasterCard3-card-item1" src="images/2026_02_04_08_51_49_IMG_3289.JPG" width="1200" height="1600" alt="INSTALLATION" title="INSTALLATION">
</div>
</div>
<div id="wb_MasterCard6" class="card">
<div id="MasterCard6-card-body">
<div id="MasterCard6-card-item0"><h3>HVAC</h3></div>
<img id="MasterCard6-card-item1" src="images/2026_02_04_08_51_49_IMG_3291.JPG" width="1200" height="1600" alt="HVAC" title="HVAC">
</div>
</div>
<div id="wb_MasterCard7" class="card">
<div id="MasterCard7-card-body">
<div id="MasterCard7-card-item0"><h3>REPAIRS</h3></div>
<img id="MasterCard7-card-item1" src="images/2026_02_08_18_32_28_IMG_3294.JPG" width="1200" height="1600" alt="Repairs" title="Repairs">
</div>
</div>
</div>
</div>
<div class="col-3">
<div class="col-3-padding">
<div id="wb_MasterCard4">
<img src="images/label004a.png" id="MasterCard4" alt="podcast" title="podcast" width="64" height="77">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_MasterCard10">
<a class="ui-button ui-corner-all" id="MasterCard10" href=""><span class="ui-button-icon ui-icon ui-primary"></span><span class="ui-button-icon-space"> </span>QUOTES HERE!</a>
</div>
<div id="wb_MasterCard9">
<a class="ui-button ui-corner-all" id="MasterCard9" href="sms:+17046069608?body=Hello!%20I%20would%20like%20more%20information%20about%20the%20services%20you%20offer%20(Quotation)!"><span class="ui-button-icon ui-icon ui-primary"></span><span class="ui-button-icon-space"> </span>CONTACT NOW</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_MasterLayoutGrid16">
<div id="MasterLayoutGrid16">
<div class="row">
<div class="col-1">
<div id="wb_MasterLayoutGrid17">
<div id="MasterLayoutGrid17">
<div class="row">
<div class="col-1">
<div id="wb_MasterText4">
<span style="color:#F5F5F5;">We Are</span>
</div>
<div id="wb_MasterImage6">
<img src="images/Logo Air W Footer.png" id="MasterImage6" alt="Logo" title="Air World Mechanical Logo" width="139" height="43">
</div>
<div id="wb_MasterText5">
<span style="color:#FF8C00;font-family:'Poppins';font-weight:700;font-size:35px;">Mechanical & Service</span>
</div>
<div id="wb_MasterText6">
<div id="MasterText6-max-width">
<span style="color:#F5F5F5;">Offers expert repair, installation, and maintenance services with quality and customer satisfaction..</span>
</div>
</div>
</div>
<div class="col-2">
<div id="MasterFlexContainer6">
<div id="wb_footer1Card3" class="card">
<div id="footer1Card3-card-body">
<div id="footer1Card3-card-item0"><h3>Company</h3></div>
<div id="footer1Card3-card-item1"><a href="./index.html">Services</a></div>
<div id="footer1Card3-card-item2"><a href="./index.html">Privacy Policy</a></div>
<div id="footer1Card3-card-item3"><a href="./index.html">About</a></div>
<div id="footer1Card3-card-item4"><a href="./index.html">Review</a></div>
</div>
</div>
<div id="wb_MasterCard11" class="card">
<div id="MasterCard11-card-body">
<div id="MasterCard11-card-item0"><h3>Support</h3></div>
<div id="MasterCard11-card-item1"><a href="./index.html">Messages</a></div>
<div id="MasterCard11-card-item2"><a href="./index.html">WhatsApp</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_MasterImage5">
<img src="images/Footer Web.png" id="MasterImage5" alt="Air World Mechanical & Service" title="Air World Mechanical & Service" width="1200" height="348">
</div>
</div>
</div>
</div>
</div>
<div id="MENULayer">
<div id="wb_masterLayoutGrid1">
<div id="masterLayoutGrid1">
<div class="row">
<div class="col-1">
</div>
<div class="col-2">
<div id="wb_masterLayoutGrid2">
<div id="masterLayoutGrid2">
<div class="row">
<div class="col-1">
<div id="wb_masterImage1">
<img src="images/AirW.png" id="masterImage1" alt="" title="Air World Mechanical Services" width="150" height="60">
</div>
<div id="wb_MasterText48">
<span style="color:#F5F5F5;font-family:'Poppins';font-weight:600;font-size:24px;"><a href="./index.html" class="zeylox-white" title="Home">Home</a></span><span style="color:#80004A;font-family:Anton;font-size:24px;"> <br></span><span style="color:#80004A;font-family:Anton;font-size:11px;"><br></span><span style="color:#F5F5F5;font-family:'Poppins';font-weight:600;font-size:24px;"><a href="./albums.html" class="zeylox-white" title="Albums">Albums</a></span><span style="color:#80004A;font-family:Anton;font-size:24px;"><br></span><span style="color:#80004A;font-family:Anton;font-size:11px;"><br></span><span style="color:#F5F5F5;font-family:'Poppins';font-weight:600;font-size:24px;"><a href="./artist.html" class="zeylox-white" title="Artist">Artist</a></span><span style="color:#80004A;font-family:Anton;font-size:24px;"><br></span><span style="color:#80004A;font-family:Anton;font-size:11px;"><br></span><span style="color:#F5F5F5;font-family:'Poppins';font-weight:600;font-size:24px;"><a href="./gallery.html" class="zeylox-white" title="Gallery">Gallery</a></span><span style="color:#FFFFFF;font-family:Anton;font-size:24px;"><br></span><span style="color:#80004A;font-family:Anton;font-size:11px;"><br></span><span style="color:#F5F5F5;font-family:'Poppins';font-weight:600;font-size:24px;"><a href="./faqs.html" class="zeylox-white" title="FAQs">FAQs</a></span><span style="color:#F5F5F5;font-family:Anton;font-size:24px;"><br></span><span style="color:#80004A;font-family:Anton;font-size:11px;"><br></span><span style="color:#F5F5F5;font-family:'Poppins';font-weight:600;font-size:24px;"><a href="./contact.php" class="zeylox-white" title="Contact">Contact</a></span>
</div>
<div id="wb_MasterLayout1">
<div id="MasterLayout1">
<div class="row">
<div class="col-1">
<div id="wb_FacebookIcon1">
<div id="FacebookIcon1"><i class="fa fa-brands fa-facebook-f"></i></div>
</div>
<div id="wb_TwitterIcon2">
<div id="TwitterIcon2"><i class="fa fa-brands fa-instagram"></i></div>
</div>
<div id="wb_YoutubeIcon3">
<div id="YoutubeIcon3"><i class="fa fa-brands fa-whatsapp"></i></div>
</div>
<div id="wb_SoundcloudIcon4">
<div id="SoundcloudIcon4"><i class="fa fa-brands fa-tiktok"></i></div>
</div>
</div>
</div>
</div>
</div>
<div id="wb_masterThemeableButton1">
<a class="ui-button ui-corner-all" id="masterThemeableButton1" href="./contact.php"><span class="ui-button-icon ui-icon ui-primary"></span><span class="ui-button-icon-space"> </span>CONTACT</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-3">
</div>
</div>
</div>
</div>
</div>
<script>
const panels = document.querySelectorAll('.panel')
panels.forEach((panel) => {
panel.addEventListener('click', () => {
removeActionClasses()
panel.classList.add('active')
})
})
function removeActionClasses() {
panels.forEach(panel => {
panel.classList.remove('active')
})
}
</script><script src="./script.js"></script>
<script>
setTimeout(function(){
$('.loader').fadeToggle();
},3000);
</script>
<div class="wa__btn_popup">
<div class="wa__btn_popup_txt">Need Help? <strong>Chat with Us</strong></div>
<div class="wa__btn_popup_icon"></div>
</div>
<div class="wa__popup_chat_box">
<div class="wa__popup_heading">
<img src="./whatsappchatpro/Company.png" alt="Brand Logo" class="wa__popup_heading_img">
<div class="wa__popup_title">Chat Now</div>
<div class="wa__popup_intro">Our team is happy to help you on <strong>WhatsApp!</strong></div>
</div>
<div class="wa__popup_content wa__popup_content_left">
<div class="wa__popup_notice">The Team typically replies in a few seconds.</div>
<div class="wa__popup_content_list">
<!-- WhatsappChatPro Users -->
<div class="wa__popup_content_item">
<a target="_blank" class="wa__stt" data-phone="+17204612107" data-text="Customer English & Spanish" data-timezone="America/Chicago" data-hours="0-24" data-days="1-7">
<div class="wa__popup_avatar">
<div class="wa__cs_img_wrap" style="background: url('whatsappchatpro/WhatsApp Image 2026-02-16 at 12.27.55 PM.jpeg') center center no-repeat; background-size: cover;"></div>
</div>
<div class="wa__popup_txt">
<div class="wa__member_name">Jonatan Santos</div>
<div class="wa__member_duty">Certified Technician (English)</div>
<div class="wa__member_status"></div>
</div>
</a>
</div>
<div class="wa__popup_content_item">
<a target="_blank" class="wa__stt" data-phone="+17046069608" data-text="Spanish" data-timezone="America/Chicago" data-hours="0-24" data-days="1-7">
<div class="wa__popup_avatar">
<div class="wa__cs_img_wrap" style="background: url('whatsappchatpro/WhatsApp Image 2026-02-16 at 11.57.22 AM.jpeg') center center no-repeat; background-size: cover;"></div>
</div>
<div class="wa__popup_txt">
<div class="wa__member_name">Jose Lemus</div>
<div class="wa__member_duty">Certified Technician (Spanish)</div>
<div class="wa__member_status"></div>
</div>
</a>
</div>
<div class="wa__popup_content_item">
<a target="_blank" class="wa__stt" data-phone="+19804999308" data-text="Thank your for Contacting us" data-timezone="America/Chicago" data-hours="0-24" data-days="1-7">
<div class="wa__popup_avatar">
<div class="wa__cs_img_wrap" style="background: url('whatsappchatpro/WhatsApp Image 2026-02-16 at 12.01.34 PM.jpeg') center center no-repeat; background-size: cover;"></div>
</div>
<div class="wa__popup_txt">
<div class="wa__member_name">Javier Orellana</div>
<div class="wa__member_duty">Certified Technician (Spanish)</div>
<div class="wa__member_status"></div>
</div>
</a>
</div>
</div>
<div class="nta-wa-gdpr">
<input type="checkbox" id="nta-wa-gdpr" />
<label for="nta-wa-gdpr">I agree to the <a href="" target="_blank">Terms of Service</a> and <a href="" target="_blank">Privacy Policy</a></label>
</div>
</div>
</div>
<script src="whatsappchatpro/chatpro.js"></script>
</body>
</html>
