PK
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MANN HVAC - Excellent Services for HVAC Installation and Repair around Greater Toronto Area</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Regular Ac's, Heat Pump Ductless Unit, Regular Furnaces, Tankless Water Heater, Rooftop Units" name="keywords">
<meta content="The Most Trusted HVAC Repair & Installation Service Company last 11 years near Greater Toranto Area. When it comes to AC, furnace, tankless water heater, and rooftop unit repair & installation services, you can rely on Mann Heating & Cooling- the best HVAC service company in Mississauga, ON. We provide our services to both residential and commercial facilities.
Our highly qualified and fully trained technicians are prompt and reliable to diagnose and fix a wide range of HVAC issues. Our promise to you is to help you in keeping your HVAC systems running properly with fast and efficient services. Contact us to get a quote! We have a team of qualified, skilled & experienced experts to handle any AC, Furnace, Tankless Water Heater, etc repair, maintenance, & installation jobs.
" name="description">
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<meta name="googlebot-news" content="index, follow" />
<meta name="language" content="English">
<meta name="revisit-after" content="5 days">
<meta name="author" content="mann">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;800&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Topbar Start -->
<div class="container-fluid bg-dark text-white-50 py-2 px-0 d-none d-lg-block" id="home">
<div class="row gx-0 align-items-center">
<div class="col-lg-7 px-5 text-start">
<div class="h-100 d-inline-flex align-items-center me-4">
<small class="fa fa-phone-alt me-2"></small>
<small>Call : 647 302 7794</small>
</div>
<div class="h-100 d-inline-flex align-items-center me-4">
<small class="far fa-envelope-open me-2"></small>
<small>mannductless@gmail.com</small>
</div>
</div>
</div>
</div>
<!-- Topbar End -->
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top px-4 px-lg-5">
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<a href="index.html"><img src="img/logo.png" width="181" height="50" alt=""/></a>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav mx-auto bg-light pe-4 py-3 py-lg-0">
<a href="#home" class="nav-item nav-link active">Home</a>
<a href="#about" class="nav-item nav-link">About Us</a>
<a href="#service" class="nav-item nav-link">Our Services</a>
<a href="#appointment" class="nav-item nav-link">Get Appointment</a>
<a href="#contact" class="nav-item nav-link">Contact Us</a>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Carousel Start -->
<div class="container-fluid p-0 mb-5">
<div id="header-carousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="w-100" src="img/img/slide1.png" alt="Image">
<div class="carousel-caption">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-7 pt-5">
<h1 class="display-4 text-white mb-4 animated slideInDown">Excellent Services for HVAC Installation & Repair</h1>
<p class="fs-5 text-body mb-4 pb-2 mx-sm-5 animated slideInDown">Our expertise lies in offering a wide array of services, such as standard air conditioning units, heat pump ductless systems, conventional furnaces, tankless water heaters, and rooftop units. </p>
<a href="#appointment" class="btn btn-primary py-3 px-5 animated slideInDown">Get Appointment</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img class="w-100" src="img/img/slide2.png" alt="Image">
<div class="carousel-caption">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-7 pt-5">
<h1 class="display-4 text-white mb-4 animated slideInDown">Skilled & Trustworthy Technicians </h1>
<p class="fs-5 text-body mb-4 pb-2 mx-sm-5 animated slideInDown">Our team comprises qualified, skilled, and experienced professionals capable of managing repairs, maintenance, and installation tasks for air conditioning units, furnaces, tankless water heaters, and more.</p>
<a href="#appointment" class="btn btn-primary py-3 px-5 animated slideInDown">Get Appointment</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img class="w-100" src="img/img/slide3.png" alt="Image">
<div class="carousel-caption">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-7 pt-5">
<h1 class="display-4 text-white mb-4 animated slideInDown">We are using Advanced technology & the newest apparatus </h1>
<p class="fs-5 text-body mb-4 pb-2 mx-sm-5 animated slideInDown"> Technological advancements have led to increased productivity & enhanced interconnectedness. The improvements brought about by technology are numerous, & we consistently update ourselves with these developments</p>
<a href="#appointment" class="btn btn-primary py-3 px-5 animated slideInDown">Get Appointment</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img class="w-100" src="img/img/slide4.png" alt="Image">
<div class="carousel-caption">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-7 pt-5">
<h1 class="display-4 text-white mb-4 animated slideInDown">We have Affordable Service Package & AMCs</h1>
<p class="fs-5 text-body mb-4 pb-2 mx-sm-5 animated slideInDown">In our commitment to providing optimal service to our clients, we have ensured that our offerings remain accessible at competitive prices.</p>
<a href="#appointment" class="btn btn-primary py-3 px-5 animated slideInDown">Get Appointment</a>
</div>
</div>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#header-carousel"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#header-carousel"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<!-- Carousel End -->
<!-- About Start -->
<div class="container-xxl py-5" >
<div class="container" id="about">
<div class="row g-5 align-items-center">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.0s">
<div class="h-100" style="margin-top: 8%;">
<h1 class="display-6 mb-5">Welcome To The Most Reliable Company for HVAC Installation & Repair Services</h1>
<div class="row g-4 mb-4">
<div class="col-sm-6">
<div class="d-flex align-items-center">
<img class="flex-shrink-0 me-3" src="img/icon/icon-07-primary.png" alt="">
<h5 class="mb-0">Expert Technician</h5>
</div>
</div>
<div class="col-sm-6">
<div class="d-flex align-items-center">
<img class="flex-shrink-0 me-3" src="img/icon/icon-09-primary.png" alt="">
<h5 class="mb-0">Best Quality Services</h5>
</div>
</div>
</div>
<p>Mann Heating & Cooling is the best HVAC service business in Mississauga, ON. You can trust them for AC, furnace, tankless water heater, and rooftop unit repair and installation services. Both residential and business buildings can use our services.<br>
Our highly skilled and knowledgeable personnel can identify and resolve a variety of HVAC problems quickly and reliably. We guarantee to provide quick and effective services to assist you in maintaining the optimal operation of your HVAC systems.</p>
<p class="mb-4"> </p>
</div>
</div>
<div class="col-lg-6">
<div class="row g-3">
<div class="col-12 text-start">
<img class="img-fluid w-105 wow zoomIn" data-wow-delay="0.7s" src="img/img/about.png">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Features Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="row g-5">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
<h1 class="display-6 mb-5">Few Reasons Why People Choosing Us!</h1>
<p class="mb-5">Since 2013, Mann Heating & Cooling has been dedicated to assisting both residential and commercial establishments with their HVAC system repair, maintenance, and installation requirements. As a seasoned company, we offer a comprehensive array of services, which encompass standard air conditioning units, ductless heat pumps, conventional furnaces, tankless water heaters, and rooftop units.</p>
<div class="d-flex mb-5">
<div class="flex-shrink-0 btn-square bg-primary rounded-circle" style="width: 90px; height: 90px;">
<img class="img-fluid" src="img/icon/icon-08-light.png" alt="">
</div>
<div class="ms-4">
<h5 class="mb-3"><br>Most Trusted Service Company</h5>
</div>
</div>
<div class="d-flex mb-5">
<div class="flex-shrink-0 btn-square bg-primary rounded-circle" style="width: 90px; height: 90px;">
<img class="img-fluid" src="img/icon/icon-10-light.png" alt="">
</div>
<div class="ms-4">
<h5 class="mb-3"><br>Reasonable & Unbeatable Price</h5>
</div>
</div>
<div class="d-flex mb-0">
<div class="flex-shrink-0 btn-square bg-primary rounded-circle" style="width: 90px; height: 90px;">
<img class="img-fluid" src="img/icon/icon-06-light.png" alt="">
</div>
<div class="ms-4">
<h5 class="mb-3"><br>Tusted Technical Supports</h5>
</div>
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="position-relative rounded overflow-hidden h-100" style="min-height: 400px;">
<img class="position-absolute w-100 h-100" src="img/img/feature.png" alt="" style="object-fit: cover;">
</div>
</div>
</div>
</div>
</div>
<!-- Features End -->
<!-- Service Start -->
<div class="container-xxl py-5" id="service">
<div class="container">
<div class="text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px; margin-top: 3%;">
<h1 class="display-6 mb-5">We Provide professional Heating & Cooling Services</h1>
</div>
<div class="row g-4 justify-content-center">
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="service-item">
<img class="img-fluid" src="img/img/regular_ac.png" alt="">
<div class="d-flex align-items-center bg-light">
<div class="service-icon flex-shrink-0 bg-primary">
<img class="img-fluid" src="img/icon/icon-01-light.png" alt="">
</div>
<h4>Regular AC's</h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="service-item">
<img class="img-fluid" src="img/img/heatpump.png" alt="">
<div class="d-flex align-items-center bg-light">
<div class="service-icon flex-shrink-0 bg-primary">
<img class="img-fluid" src="img/icon/icon-05-light.png" alt="">
</div>
<h4>Heat Pump Ductless Units</h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="service-item">
<img class="img-fluid" src="img/img/tankless_water_heater.png" alt="">
<div class="d-flex align-items-center bg-light">
<div class="service-icon flex-shrink-0 bg-primary">
<img class="img-fluid" src="img/icon/tankless.png" alt="">
</div>
<h4>Tankless Water Heater</h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="service-item">
<img class="img-fluid" src="img/img/Furnaces.png" alt="">
<div class="d-flex align-items-center bg-light">
<div class="service-icon flex-shrink-0 bg-primary">
<img class="img-fluid" src="img/icon/furnace.png" alt="">
</div>
<h4>Regular Furnaces</h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="service-item">
<img class="img-fluid" src="img/img/air_quality.png" alt="">
<div class="d-flex align-items-center bg-light">
<div class="service-icon flex-shrink-0 bg-primary">
<img class="img-fluid" src="img/icon/icon-04-light.png" alt="">
</div>
<h4>Indoor Air Quality</h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="service-item">
<img class="img-fluid" src="img/img/amc.png" alt="">
<div class="d-flex align-items-center bg-light">
<div class="service-icon flex-shrink-0 bg-primary">
<img class="img-fluid" src="img/icon/icon-06-light.png" alt="">
</div>
<h4>Annual Mantainance</h4>
</div>
</div>
</div>
</div>
</div>
<!-- Service End -->
<!-- Quote Start -->
<div class="container-fluid overflow-hidden my-5 px-lg-0" id= "appointment">
<div class="container quote px-lg-0">
<div class="row g-0 mx-lg-0">
<div class="col-lg-6 quote-text" data-parallax="scroll" data-image-src="img/carousel-1.jpg">
<div class="h-100 px-4 px-sm-5 ps-lg-0 wow fadeIn" data-wow-delay="0.1s">
<h1 class="text-white mb-4">Get Appointment for Individuals & Organisations</h1>
<h3 class="text-white mb-4">around Greater Toronto Area</h3>
<p class="text-light mb-5"><strong>We Help to Keep Your Facility Cool & Warm.</strong>
<br>
We provide on-demand, onsite quick and hassle-free heating & cooling Service. Our trained expert technicians offer installation & repair at your doorstep. We offer low-cost transparent repair service, yes book appointment for a visit/ inspection to provide you estimated best cost. </p>
</div>
</div>
<div class="col-lg-6 quote-form" data-parallax="scroll" data-image-src="img/img/slide3.png">
<div class="h-100 px-4 px-sm-5 pe-lg-0 wow fadeIn" data-wow-delay="0.5s">
<div class="bg-white p-4 p-sm-5">
<div id="result1" class="mb-2 text-center" style="font-weight:600"></div>
<form id="form1" action="mail.php" method="post">
<div class="row g-3">
<div class="col-sm-6">
<div class="form-floating">
<input type="text" class="form-control" name="name" required placeholder=" Name">
<label for="gname">Your Name</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating">
<input type="email" class="form-control" name="email" required placeholder=" Email">
<label for="gmail">Your Email</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating">
<input type="text" class="form-control" name="mobile" required placeholder="mobile">
<label for="cname">Your Mobile</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating">
<input type="text" class="form-control" name="service" placeholder="service">
<label for="cage">Service Type</label>
</div>
</div>
<div class="col-12">
<div class="form-floating">
<textarea class="form-control" placeholder="Leave a message here" required name="message" style="height: 80px"></textarea>
<label for="message">Message</label>
</div>
</div>
<div class="col-12">
<button class="btn btn-primary py-3 px-5" type="submit" value="1" id="submit1" name="submit">Get An Appointment</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Quote End -->
<!-- contact Start -->
<div class="container-xxl py-5">
<div class="container" id="contact">
<div class="row g-5">
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s" style="margin-top: 8%;">
<h1 class="display-6 mb-5">If You Have Any Query, Please Call Us on<br> 647 302 7794 </h1>
<p class="mb-4">Please feel free to contact us if you need any further information or want to give feedback regarding our services.</p>
<div id="result2" class="mb-2 text-center" style="font-weight:600"></div>
<form id="form2" action="mail.php" method="post">
<div class="row g-3">
<div class="col-md-6">
<div class="form-floating">
<input type="text" class="form-control" name="name" placeholder="Your Name">
<label for="name">Your Name</label>
</div>
</div>
<div class="col-md-6">
<div class="form-floating">
<input type="email" class="form-control" name="email" placeholder="Your Email">
<label for="email">Your Email</label>
</div>
</div>
<div class="col-12">
<div class="form-floating">
<input type="text" class="form-control" name="subject" placeholder="Subject">
<label for="subject">Subject</label>
</div>
</div>
<div class="col-12">
<div class="form-floating">
<textarea class="form-control" placeholder="Leave a message here" name="message" style="height: 100px"></textarea>
<label for="message">Message</label>
</div>
</div>
<div class="col-12">
<button class="btn btn-primary py-3 px-5" type="submit" id="submit2" name="submit2">Send Message</button>
</div>
</div>
</form>
</div>
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s" style="min-height: 450px; margin-top: 8%;">
<div class="position-relative overflow-hidden h-100">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2004170.906773817!2d-84.04949539082574!3d43.80282745613921!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b2a1d7471156d%3A0x4ecad8e272e4c2a2!2sGreater%20Toronto%20Area%2C%20ON%2C%20Canada!5e1!3m2!1sen!2sin!4v1725210352272!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</div>
<!-- contact End -->
<!-- Footer Start -->
<div class="container-fluid copyright">
<div class="container" style="color: #FFFFFF;">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
© MANN HVAC, All Right Reserved.
</div>
<div class="col-md-6 text-center text-md-end" style="font-size: 1px;">
DesignedByHTMLCodex
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"><i class="bi bi-arrow-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/parallax/parallax.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
<script>
$("#form1").submit(function (e) {
e.preventDefault();
// alert("S");
console.log($(this).serialize());
$.ajax({
url: "mail.php",
data: $("#form1").serialize(),
type: "POST",
success: function (data) {
// $(data).appendTo("head");
$("#result1").html(data);
$("#form1")[0].reset();
$("#submit1").attr("disable",true);
}
});
});
$("#form2").submit(function (e) {
e.preventDefault();
// alert("S");
console.log($(this).serialize());
$.ajax({
url: "mail1.php",
data: $("#form2").serialize(),
type: "POST",
success: function (data) {
// $(data).appendTo("head");
$("#result2").html(data);
$("#form2")[0].reset();
$("#submit2").attr("disable",true);
}
});
});
</script>
</body>
</html>
PK 99