973 lines
46 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Air & Water Mechanical</title>
<!-- Favicons Icons -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="assets/images/logo/air.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="assets/images/logo/air.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="assets/images/logo/air.png"
/>
<link rel="manifest" href="assets/images/favicons/site.webmanifest" />
<meta name="description" content="Air & Water Mechanical" />
<!-- Fonts -->
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300;400;500;700;900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="assets/vendors/animate/animate.min.css" />
<link rel="stylesheet" href="assets/vendors/animate/custom-animate.css" />
<link
rel="stylesheet"
href="assets/vendors/bootstrap/css/bootstrap.min.css"
/>
<link rel="stylesheet" href="assets/vendors/bxslider/jquery.bxslider.css" />
<link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css" />
<link
rel="stylesheet"
href="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css"
/>
<link rel="stylesheet" href="assets/vendors/jquery-ui/jquery-ui.css" />
<link rel="stylesheet" href="assets/vendors/nice-select/nice-select.css" />
<link rel="stylesheet" href="assets/vendors/odometer/odometer.min.css" />
<link
rel="stylesheet"
href="assets/vendors/owl-carousel/owl.carousel.min.css"
/>
<link
rel="stylesheet"
href="assets/vendors/owl-carousel/owl.theme.default.min.css"
/>
<link rel="stylesheet" href="assets/vendors/swiper/swiper.min.css" />
<link rel="stylesheet" href="assets/vendors/vegas/vegas.min.css" />
<link rel="stylesheet" href="assets/vendors/thm-icons/style.css" />
<link
rel="stylesheet"
href="assets/vendors/language-switcher/polyglot-language-switcher.css"
/>
<link rel="stylesheet" href="assets/vendors/fancybox/fancybox.min.css" />
<link rel="stylesheet" href="assets/vendors/aos/aos.css" />
<!-- Module css -->
<link rel="stylesheet" href="assets/css/module-css/01-header-section.css" />
<link rel="stylesheet" href="assets/css/module-css/02-banner-section.css" />
<link rel="stylesheet" href="assets/css/module-css/03-about-section.css" />
<link
rel="stylesheet"
href="assets/css/module-css/04-fact-counter-section.css"
/>
<link
rel="stylesheet"
href="assets/css/module-css/05-testimonial-section.css"
/>
<link
rel="stylesheet"
href="assets/css/module-css/06-partner-section.css"
/>
<link rel="stylesheet" href="assets/css/module-css/07-footer-section.css" />
<link rel="stylesheet" href="assets/css/module-css/08-blog-section.css" />
<link
rel="stylesheet"
href="assets/css/module-css/09-breadcrumb-section.css"
/>
<link rel="stylesheet" href="assets/css/module-css/10-contact.css" />
<!-- Template styles -->
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/responsive.css" />
</head>
<body>
<div class="page-wrapper boxed_wrapper">
<header class="main-header main-header-style4">
<!--Start Main Header Style2 Top-->
<div class="main-header-style2__top">
<div class="container">
<div class="main-header-style2__top-inner">
<!--Start Main Header Style2 Top Left-->
<div class="main-header-style2-top-left">
<div class="phone-number-box-style2">
<h3>
Call us for a Free Quote :
<a href="tel:480706333">(480) 706-333</a>
</h3>
</div>
<div class="consultation-box svg-container">
<img src="assets/images/icon/bbb-icon.svg" alt="BBB Icon" />
</div>
</div>
<!--End Main Header Style2 Top Left-->
<!--Start Main Header Style2 Top Right-->
<div class="main-header-style2-top-right">
<div class="header-social-link-style1">
<ul class="clearfix">
<li>
<a href="https://www.facebook.com/airandwatermechanical/">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/airwatermechanical/">
<i class="fab fa-instagram"></i>
</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UC40ZVdaGGLBiVZQBBNz1U5A/featured">
<i class="fab fa-youtube"></i>
</a>
</li>
</ul>
</div>
<div class="icon text-white">
<span class="icon-location" style="margin-right: 10px;"></span>
<span>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 -->
<!--Start breadcrumb area-->
<section class="breadcrumb-area">
<div class="breadcrumb-area__inner">
<div
class="breadcrumb-area-bg"
style="
background-image: url(assets/images/breadcrumb/breadcrumb-2.webp);
"
></div>
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="inner-content">
<div class="title">
<h2>Blog Detail</h2>
</div>
<div class="breadcrumb-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li
class="active"
style="color: #ccc;"
>
Blog Detail
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--End breadcrumb area-->
<!--Start Blog Detalis Area-->
<section class="blog-details-area">
<div class="container">
<div class="row">
<div class="col-xl-9 col-lg-8">
<div class="blog-details-box ">
<div class="single-blog-style4">
<div class="img-holder">
<div class="inner">
<img src="assets/images/blog/blog-details-img-1.jpg" alt="">
<div class="date-box">
<h2>25<br><span>June</span></h2>
</div>
</div>
</div>
<div class="text-holder">
<div class="meta-box">
<div class="meta-title">By :</div>
<ul class="meta-info">
<li><a href="#">Admin</a></li>
<li><a href="#">repairing, renovation</a></li>
<li><a href="#">Comments 7</a></li>
</ul>
</div>
<h3 class="blog-title">
5 top possible reasons behind AC not cooling properly
</h3>
<div class="text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur velit esse cillum dolore eu.</p>
</div>
<div class="blog-details-text-1">
<div class="inner-title">
<h3>Two Column Text Sample</h3>
</div>
<div class="row">
<div class="col-xl-6">
<div class="text-1-1">
<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque
nihil impedit quo minus id quod maxime placeat facere possimus,
omnis voluptas assumenda est.</p>
</div>
</div>
<div class="col-xl-6">
<div class="text-1-1 text-1-1--2">
<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque
nihil impedit quo minus id quod maxime placeat facere possimus,
omnis voluptas assumenda est.</p>
</div>
</div>
</div>
</div>
<div class="blog-details-text-2">
<p>Here is main text quis nostrud exercitation ullamco laboris nisi here is
itealic text ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla rure
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat <a href="#">here is link</a> cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="comment-box">
<div class="inner-title">
<h2>Comments</h2>
</div>
<ul class="comment-box__inner">
<!--Start single comment-->
<li class="single-comment">
<div class="single-comment-box">
<div class="img-holder">
<img src="assets/images/blog/comment-1.jpg" alt="Awesome Image">
</div>
<div class="text-holder">
<div class="top">
<h3>Michale</h3>
</div>
<div class="text">
<p>
we denounce with righteous indignation and
dislike
men who are so beguiled and demoralized by the
charms of pleasure of the moment.
</p>
<div class="bottom-box">
<div class="date">25 Jan. 2022</div>
<div class="reply">
<a href="#">Reply</a>
</div>
</div>
</div>
</div>
</div>
</li>
<!--End single comment-->
<!--Start single comment-->
<li class="single-comment">
<div class="single-comment-box">
<div class="img-holder">
<img src="assets/images/blog/comment-2.jpg" alt="Awesome Image">
</div>
<div class="text-holder">
<div class="top">
<h3>Steven Rich</h3>
</div>
<div class="text">
<p>
we denounce with righteous indignation and
dislike men who are so beguiled and demoralized by the
charms of pleasure of the moment.
</p>
<div class="bottom-box">
<div class="date">25 Jan. 2022</div>
<div class="reply">
<a href="#">Reply</a>
</div>
</div>
</div>
</div>
</div>
</li>
<!--End single comment-->
<!--Start single comment-->
<li class="single-comment">
<div class="single-comment-box">
<div class="img-holder">
<img src="assets/images/blog/comment-3.jpg" alt="Awesome Image">
</div>
<div class="text-holder">
<div class="top">
<h3>Tina Shane</h3>
</div>
<div class="text">
<p>
we denounce with righteous indignation and
dislike
men who are so beguiled and demoralized by the
charms of pleasure of the moment.
</p>
<div class="bottom-box">
<div class="date">25 Jan. 2022</div>
<div class="reply">
<a href="#">Reply</a>
</div>
</div>
</div>
</div>
</div>
<div class="single-comment-box single-comment-box--reply">
<div class="img-holder">
<img src="assets/images/blog/comment-4.jpg" alt="Awesome Image">
</div>
<div class="text-holder">
<div class="top">
<h3>Michale</h3>
</div>
<div class="text">
<p>
we denounce with righteous indignation and
dislike
men who are so beguiled and demoralized by the
charms of pleasure of the moment.
</p>
<div class="bottom-box">
<div class="date">25 Jan. 2022</div>
<div class="reply">
<a href="#">Reply</a>
</div>
</div>
</div>
</div>
</div>
</li>
<!--End single comment-->
<!--Start single comment-->
<li class="single-comment">
<div class="single-comment-box">
<div class="img-holder">
<img src="assets/images/blog/comment-1.jpg" alt="Awesome Image">
</div>
<div class="text-holder">
<div class="top">
<h3>Johnson Stainter</h3>
</div>
<div class="text">
<p>
we denounce with righteous indignation and
dislike
men who are so beguiled and demoralized by the
charms of pleasure of the moment.
</p>
<div class="bottom-box">
<div class="date">25 Jan. 2022</div>
<div class="reply">
<a href="#">Reply</a>
</div>
</div>
</div>
</div>
</div>
</li>
<!--End single comment-->
</ul>
</div>
<!--Start Reply Form Box-->
<div class="reply-form-box">
<div class="title">
<h2>Leave a Reply</h2>
</div>
<form id="review-form" action="#">
<div class="row">
<div class="col-md-6">
<div class="input-box">
<input type="text" name="fname" placeholder="Full Name" required="">
</div>
</div>
<div class="col-md-6">
<div class="input-box">
<input type="email" name="email" placeholder="Email" required="">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="input-box">
<textarea name="review" placeholder="Message" required=""></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<button class="btn-one" type="submit">
<span class="txt">
submit now<i class="icon-right"></i>
</span>
</button>
</div>
</div>
</form>
</div>
<!--End Reply Form Box-->
</div>
</div>
<!--Start Thm Sidebar Box-->
<div class="col-xl-3 col-lg-4">
<div class="thm-sidebar-box">
<!--Start Single Sidebar Box-->
<div class="single-sidebar-box">
<div class="sidebar-search-box">
<form class="search-form" action="#">
<input placeholder="Enter Search Keywords" type="text">
<button type="submit">
<i class="icon-magnifying-glass"></i>
</button>
</form>
</div>
</div>
<!--End Single Sidebar Box-->
<!--Start Single Sidebar Box-->
<div class="single-sidebar-box">
<div class="sidebar-title">
<h3>Categories</h3>
<div class="border-box"></div>
</div>
<ul class="sidebar-categories-box">
<li><a href="#">Airconditioner <span class="icon-next"></span></a></li>
<li><a href="#">Installation of AC <span class="icon-next"></span></a></li>
<li><a href="#">Heating <span class="icon-next"></span></a></li>
<li><a href="#">Ventilation Service <span class="icon-next"></span></a></li>
<li><a href="#">HAVC Care <span class="icon-next"></span></a></li>
<li><a href="#">Repairing <span class="icon-next"></span></a></li>
</ul>
</div>
<!--End Single Sidebar Box-->
<!--Start Single Sidebar Box-->
<div class="single-sidebar-box">
<div class="sidebar-title">
<h3>Recent News</h3>
<div class="border-box"></div>
</div>
<div class="sidebar-blog-post">
<ul class="blog-post">
<li>
<div class="inner">
<div class="img-box">
<img src="assets/images/sidebar/news-1.jpg" alt="Awesome Image">
<div class="overlay-content">
<a href="blog-single.html">
<i class="fa fa-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="title-box">
<h4>
<a href="blog-single.html">
Tips for leakage fixing<br> in kitchen pipe...
</a>
</h4>
<div class="date-box">
<p>08 June 2020</p>
</div>
</div>
</div>
</li>
<li>
<div class="inner">
<div class="img-box">
<img src="assets/images/sidebar/news-2.jpg" alt="Awesome Image">
<div class="overlay-content">
<a href="blog-single.html">
<i class="fa fa-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="title-box">
<h4>
<a href="blog-single.html">
Tips for leakage fixing<br> in kitchen pipe...
</a>
</h4>
<div class="date-box">
<p>08 June 2020</p>
</div>
</div>
</div>
</li>
<li>
<div class="inner">
<div class="img-box">
<img src="assets/images/sidebar/news-3.jpg" alt="Awesome Image">
<div class="overlay-content">
<a href="blog-single.html">
<i class="fa fa-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="title-box">
<h4>
<a href="blog-single.html">
Tips for leakage fixing<br> in kitchen pipe...
</a>
</h4>
<div class="date-box">
<p>08 June 2020</p>
</div>
</div>
</div>
</li>
<li>
<div class="inner">
<div class="img-box">
<img src="assets/images/sidebar/news-4.jpg" alt="Awesome Image">
<div class="overlay-content">
<a href="blog-single.html">
<i class="fa fa-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="title-box">
<h4>
<a href="blog-single.html">
Tips for leakage fixing<br> in kitchen pipe...
</a>
</h4>
<div class="date-box">
<p>08 June 2020</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<!--End Single Sidebar Box-->
<!--Start Single Sidebar Box-->
<div class="single-sidebar-box">
<div class="sidebar-title">
<h3>Tages</h3>
<div class="border-box"></div>
</div>
<div class="popular-tag-box">
<ul class="popular-tag">
<li><a href="#">Airconditioner</a></li>
<li><a href="#">Repairing</a></li>
<li><a href="#">Cooling</a></li>
<li><a href="#">Maintenance</a></li>
<li><a href="#">Roof Layer</a></li>
<li><a href="#">Siding</a></li>
</ul>
</div>
</div>
<!--End Single Sidebar Box-->
</div>
</div>
<!--End Thm Sidebar Box-->
</div>
</div>
</section>
<!--End Blog Detalis 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/AWM-logo.png"
alt="Awesome Logo"
title=""
/>
</a>
</div>
<div class="text">
<p style="color: black;">
Air & Water Mechanical. Phoenixs trusted provider of honest, affordable HVAC solutions, dedicated to ensuring comfort in every home we serve.
</p>
</div>
<div class="footer-social-link">
<ul class="clearfix">
<li>
<a href="https://www.facebook.com/airandwatermechanical/">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/airwatermechanical/">
<i class="fab fa-instagram"></i>
</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UC40ZVdaGGLBiVZQBBNz1U5A/featured">
<i class="fab fa-youtube"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--End single footer widget-->
<!--Start single footer widget-->
<div class="col-xl-2 col-lg-6 col-md-6 col-sm-12 single-widget">
<div
class="single-footer-widget single-footer-widget--link-box margin-leftminus1"
>
<div class="title">
<h3>Company Info</h3>
</div>
<div class="footer-widget-links">
<ul>
<li><a href="/">Home</a></li>
<li><a href="#">HVAC Services</a></li>
<li><a href="#">Plumbing Services</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="#">Service Area</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<!--End single footer widget-->
<!--Start single footer widget-->
<div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 single-widget">
<div
class="single-footer-widget single-footer-widget--link-box"
>
<div class="title">
<h3>Our Services</h3>
</div>
<div class="footer-widget-links">
<ul>
<li><a href="#">AC Repair</a></li>
<li>
<a href="#">AC Installation</a>
</li>
<li><a href="#">AC Maintenance</a></li>
<li><a href="#">Air Quality Solutions</a></li>
<li><a href="#">Refrigeration</a></li>
</ul>
</div>
</div>
</div>
<!--End single footer widget-->
<!--Start single footer widget-->
<div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 single-widget">
<div class="single-footer-widget">
<div class="single-footer-widget__img-box">
<img
src="assets/images/footer/single-footer-widget-img-1.png"
alt=""
/>
</div>
</div>
</div>
<!--End single footer widget-->
</div>
</div>
</div>
<!--End Footer Top-->
<div class="footer-bottom">
<div class="container">
<div class="bottom-inner">
<div class="copyright-text">
<p>
&copy; Copyright <a href="/">Air & Water Mechanical</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>
</body>
</html>