
<?php include 'header.php'; ?>

    
    <!--==============================
Hero Area
==============================-->
    <div class="th-hero-wrapper  hero-3" data-bg-src="assets/img/bg/hero_bg_3_1.jpg">
        <div class="hero-slider-3 th-carousel " data-slide-show="1" data-md-slide-show="1" data-fade="true">

            <div class="th-hero-slide">
                <div class="th-hero-bg ">
                    <img src="assets/img/hero/hero_overlay_3_1.png" alt="Hero Image">
                </div>
                <div class="container">
                    <div class="row align-items-end">
                        <div class="col-lg-7">
                            <div class="hero-style3">
                                <span class="hero-subtitle" data-ani="slideindown" data-ani-delay="0.7s">Clean Pools, Happy Swimmers</span>
                                <h1 class="hero-title mb-0" data-ani="slideinleft" data-ani-delay="0.3s">Swim in Serenity,</h1>
                                <h1 class="hero-title" data-ani="slideinleft" data-ani-delay="0.4s">Thanks to Us</h1>
                                <p class="hero-text" data-ani="slideinup" data-ani-delay="0.5s">Understand the range of services they provide, including cleaning, maintenance, repairs, and special treatments.</p>
                                <div class="btn-group  justify-content-center justify-content-lg-start" data-ani="slideinup" data-ani-delay="0.6s">
                                    <a href="contact.html" class="th-btn style4 radius-none">Discover More</a>
                                    <a href="service-details.html" class="th-btn th-border radius-none">Our Services</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="th-hero-img" data-ani="slideinup" data-ani-delay="0.4s">
                                <img src="assets/img/hero/hero_bg_3_1.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="th-hero-slide">
                <div class="th-hero-bg ">
                    <img src="assets/img/hero/hero_overlay_3_1.png" alt="Hero Image">
                </div>
                <div class="container">
                    <div class="row align-items-end">
                        <div class="col-lg-7">
                            <div class="hero-style3">
                                <span class="hero-subtitle" data-ani="slideindown" data-ani-delay="0.7s">Refresh, Relax, Rejuvenate</span>
                                <h1 class="hero-title mb-0" data-ani="slideinleft" data-ani-delay="0.3s">Pool Perfection</h1>
                                <h1 class="hero-title" data-ani="slideinleft" data-ani-delay="0.4s">Starts Here</h1>
                                <p class="hero-text" data-ani="slideinup" data-ani-delay="0.5s">Swimming Pool Cleaning" as the main name for your business, you can consider adding a descriptive context</p>
                                <div class="btn-group  justify-content-center justify-content-lg-start" data-ani="slideinup" data-ani-delay="0.6s">
                                    <a href="contact.html" class="th-btn style4 radius-none">Discover More</a>
                                    <a href="service-details.html" class="th-btn th-border radius-none">Our Services</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="th-hero-img" data-ani="slideinup" data-ani-delay="0.4s">
                                <img src="assets/img/hero/hero_bg_3_2.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="th-hero-slide">
                <div class="th-hero-bg ">
                    <img src="assets/img/hero/hero_overlay_3_1.png" alt="Hero Image">
                </div>
                <div class="container">
                    <div class="row align-items-end">
                        <div class="col-lg-7">
                            <div class="hero-style3">
                                <span class="hero-subtitle" data-ani="slideindown" data-ani-delay="0.7s">Quality Service, Clear Results</span>
                                <h1 class="hero-title mb-0" data-ani="slideinleft" data-ani-delay="0.3s">Crystal Cove </h1>
                                <h1 class="hero-title" data-ani="slideinleft" data-ani-delay="0.4s">Pool Services</h1>
                                <p class="hero-text" data-ani="slideinup" data-ani-delay="0.5s">It should complement your main business name and help potential customers understand what sets your services</p>
                                <div class="btn-group  justify-content-center justify-content-lg-start" data-ani="slideinup" data-ani-delay="0.6s">
                                    <a href="contact.html" class="th-btn style4 radius-none">Discover More</a>
                                    <a href="service-details.html" class="th-btn th-border radius-none">Our Services</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="th-hero-img" data-ani="slideinup" data-ani-delay="0.4s">
                                <img src="assets/img/hero/hero_bg_3_3.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="animation-bubble">
            <div class="bubble-1"></div>
            <div class="bubble-2"></div>
            <div class="bubble-3"></div>
            <div class="bubble-4"></div>
            <div class="bubble-5"></div>
            <div class="bubble-6"></div>
            <div class="bubble-7"></div>
            <div class="bubble-8"></div>
            <div class="bubble-9"></div>
            <div class="bubble-10"></div>
        </div>
    </div>

    <!--======== / Hero Section ========-->
    <!--==============================
Booking Area  
==============================-->
    <div class="booking-section" data-pos-for=".service-sec" data-sec-pos="bottom-half">
        <div class="container">
            <form action="mail.php" method="POST" class="booking-form ajax-contact wow fadeInUp">
                <div class="input-wrap">
                    <h3 class="sec-title mb-10">Book An Appointment</h3>
                    <div class="row">
                        <div class="form-group col-lg-4 col-sm-6">
                            <input type="text" class="form-control" name="name" id="name" placeholder="First Name">
                            <i class="fa-light fa-user"></i>
                        </div>
                        <div class="form-group col-lg-4 col-sm-6">
                            <input type="text" class="form-control" name="name" id="name2" placeholder="Last Name">
                            <i class="fa-light fa-user"></i>
                        </div>
                        <div class="form-group col-lg-4 col-sm-6">
                            <input type="text" placeholder="Your Email" class="form-control">
                            <i class="fa-light fa-envelope"></i>
                        </div>
                        <div class="form-group col-lg-4 col-sm-6">
                            <input type="number" class="form-control" name="phone" id="phone" placeholder="Phone Number">
                            <i class="fa-regular fa-phone"></i>
                        </div>
                        <div class="form-group col-lg-4 col-sm-6">
                            <select name="service" id="service" class="form-select nice-select">
                                <option value="" disabled selected hidden>Select Service</option>
                                <option value="Equipment Install">Equipment Install</option>
                                <option value="Commercial Pool">Commercial Pool</option>
                                <option value="Water Analysis">Water Analysis</option>
                                <option value="Pool Maintenance">Pool Maintenance</option>
                                <option value="Drain & Clean">Drain & Clean</option>
                                <option value="Pool Inspections">Pool Inspectionsn</option>
                            </select>
                        </div>
                        <div class="form-btn col-lg-4 col-sm-6">
                            <button class="th-btn fw-btn radius-none">Appointment Now</button>
                        </div>
                    </div>
                    <p class="form-messages mb-0 mt-3"></p>
                </div>
            </form>
        </div>
    </div>
    <!--==============================
Service Area  
==============================-->
    <div class="service-sec overflow-hidden space" id="service-sec" data-bg-src="assets/img/bg/service_bg_2.jpg">
        <div class="container">
            <div class="row justify-content-lg-between justify-content-center align-items-center">
                <div class="col-lg-7">
                    <div class="title-area text-center text-lg-start">
                        <span class="sub-title style1">Our Best Services</span>
                        <h2 class="sec-title">Our Best Pool Services For You!</h2>
                    </div>
                </div>
                <div class="col-auto">
                    <div class="sec-btn">
                        <div class="icon-box">
                            <button data-slick-prev="#serviceSlide" class="slick-arrow default"><i class="far fa-arrow-left"></i></button>
                            <button data-slick-next="#serviceSlide" class="slick-arrow default"><i class="far fa-arrow-right"></i></button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row slider-shadow th-carousel" id="serviceSlide" data-slide-show="4" data-lg-slide-show="3" data-md-slide-show="2" data-sm-slide-show="1">


                <div class="col-md-6 col-lg-6">
                    <div class="service-item" data-bg-src="assets/img/shape/service_shape_4.png">
                        <div class="service-item_content">
                            <div class="service-item_icon">
                                <img src="assets/img/icon/service_3_1.svg" alt="Icon">
                            </div>
                            <h3 class="box-title"><a href="service-details.html">Pool Cleaning</a></h3>
                            <p class="service-item_text">Comprehensive pool inspections ensuring safety and peace of mind</p>
                            <a href="service-details.html" class="th-btn border radius-none">Read More</a>
                        </div>
                    </div>
                </div>



                <div class="col-md-6 col-lg-6">
                    <div class="service-item" data-bg-src="assets/img/shape/service_shape_4.png">
                        <div class="service-item_content">
                            <div class="service-item_icon">
                                <img src="assets/img/icon/service_3_2.svg" alt="Icon">
                            </div>
                            <h3 class="box-title"><a href="service-details.html">Water Analysis</a></h3>
                            <p class="service-item_text">customized pool lighting solutions, creating a for evening relaxation.</p>
                            <a href="service-details.html" class="th-btn border radius-none">Read More</a>
                        </div>
                    </div>
                </div>



                <div class="col-md-6 col-lg-6">
                    <div class="service-item" data-bg-src="assets/img/shape/service_shape_4.png">
                        <div class="service-item_content">
                            <div class="service-item_icon">
                                <img src="assets/img/icon/service_3_3.svg" alt="Icon">
                            </div>
                            <h3 class="box-title"><a href="service-details.html">Equipment Install</a></h3>
                            <p class="service-item_text">Efficient drain and clean services to keep your systems running smoothly</p>
                            <a href="service-details.html" class="th-btn border radius-none">Read More</a>
                        </div>
                    </div>
                </div>



                <div class="col-md-6 col-lg-6">
                    <div class="service-item" data-bg-src="assets/img/shape/service_shape_4.png">
                        <div class="service-item_content">
                            <div class="service-item_icon">
                                <img src="assets/img/icon/service_3_4.svg" alt="Icon">
                            </div>
                            <h3 class="box-title"><a href="service-details.html">Drain & Clean</a></h3>
                            <p class="service-item_text">Reliable pool maintenance services for hassle-free enjoyment</p>
                            <a href="service-details.html" class="th-btn border radius-none">Read More</a>
                        </div>
                    </div>
                </div>



                <div class="col-md-6 col-lg-6">
                    <div class="service-item" data-bg-src="assets/img/shape/service_shape_4.png">
                        <div class="service-item_content">
                            <div class="service-item_icon">
                                <img src="assets/img/icon/service_3_5.svg" alt="Icon">
                            </div>
                            <h3 class="box-title"><a href="service-details.html">Pool Inspections</a></h3>
                            <p class="service-item_text">Comprehensive pool inspections ensuring safety and functionality</p>
                            <a href="service-details.html" class="th-btn border radius-none">Read More</a>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>
    <!--==============================
About Area  
==============================-->
    <div class="about-sec overflow-hidden space" id="about-sec">
        <div class="container align-item-center">
            <div class="row">
                <div class="col-xl-6">
                    <div class="img-box3">
                        <div class="img3 wow fadeInUp">
                            <img src="assets/img/normal/about_3_1.jpg" alt="About">
                        </div>
                        <div class="img4 wow fadeInRight">
                            <img src="assets/img/normal/about_3_2.jpg" alt="About">
                        </div>
                        <div class="th-experience style2">
                            <h2 class="experience-year"><span class="counter-number">25</span>+</h2>
                            <p class="experience-text">Years Experience Of Pool Service.</p>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="ps-xl-5 ms-xl-4 wow fadeInUp">
                        <div class="title-area mb-40">
                            <span class="sub-title style1">About Us Our Comoany</span>
                            <h2 class="sec-title">A Legacy of Excellence In Pool Service</h2>
                            <p class="mb-0">Our team consists of certified technician with a wealth of experience in pool maintenance and servicing. We stay updated on the latest industry trends and best practices.</p>
                        </div>
                        <div class="achive-about-wrap">
                            <div class="achive-about">
                                <div class="achive-about_icon">
                                    <img src="assets/img/icon/about_1_1.svg" alt="icon">
                                </div>
                                <div class="media-body">
                                    <h3 class="box-title">Our Mission</h3>
                                    <p class="achive-about_text">Your time is valuable, which is why we are committed.</p>
                                </div>
                            </div>
                            <div class="achive-about">
                                <div class="achive-about_icon">
                                    <img src="assets/img/icon/about_1_2.svg" alt="icon">
                                </div>
                                <div class="media-body">
                                    <h3 class="box-title">Our Vision</h3>
                                    <p class="achive-about_text">We understand that every pool is unique. That's why.</p>
                                </div>
                            </div>
                        </div>
                        <div class="btn-group mt-40">
                            <a href="about.html" class="th-btn radius-none">More About Us</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--==============================
Cta Area  
==============================-->
    <section class="cta-area" data-bg-src="assets/img/bg/cta_bg_1.jpg">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-7 col-lg-6 mb-5 mb-lg-0">
                    <div class="title-area mb-0 text-center text-lg-start">
                        <span class="sub-title style1">Feel Free to Contact Use</span>
                        <h2 class="sec-title text-white">Get Premium Pool Services From With Us!</h2>
                    </div>
                </div>
                <div class="col-xl-5 col-lg-6">
                    <div class="btn-group justify-content-lg-end justify-content-center">
                        <a href="service.html" class="th-btn style4 radius-none">Get Our Services</a>
                        <a href="contact.html" class="th-btn th-border radius-none">Contact Us</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--==============================
Circle Area  
==============================-->
    <section class="space-top overflow-hidden">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3">
                    <div class="title-area text-center">
                        <span class="sub-title">Why choose us</span>
                        <h2 class="sec-title">Pioneering the Future of Pool Maintenance</h2>
                    </div>
                </div>
            </div>
            <div class="row gy-4 justify-content-center">
                <div class="col-md-6 col-lg-4">
                    <div class="feature-circle">
                        <div class="progressbar">
                            <div class="circle" data-percent="85">
                                <div class="circle-num"></div>
                            </div>
                            <div class="feature-circle_content">
                                <h3 class="box-title">Customized Solutions</h3>
                                <p class="feature-circle_text">We understand that every pool is unique. That's why we offer personalized service.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="feature-circle">
                        <div class="progressbar">
                            <div class="circle" data-percent="95">
                                <div class="circle-num"></div>
                            </div>
                            <div class="feature-circle_content">
                                <h3 class="box-title">Experienced Team</h3>
                                <p class="feature-circle_text">Our team consists of certified technicians with a wealth of experience in pool.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="feature-circle">
                        <div class="progressbar">
                            <div class="circle" data-percent="90">
                                <div class="circle-num"></div>
                            </div>
                            <div class="feature-circle_content">
                                <h3 class="box-title">Prompt and Reliable</h3>
                                <p class="feature-circle_text">Your time is valuable, which is why we are committed to being punctual and reliable.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="why-wrapper">
                <div class="row">
                    <div class="col-xl-6">
                        <div class="title-area mb-35 text-center text-lg-start">
                            <h3 class="sec-title">We are a friendly and professional pool services & renovation company</h3>
                            <p class="mt-n2">Our certified technicians perform routine pool cleaning and skimming. This
                                includes
                                removing debris, leaves, and any foreign matter from the pool surface and skimmers to ensure
                                proper water flow.</p>
                        </div>
                        <p class="mt-n2 mb-30"> We begin by understanding your specific pool needs and gathering essential
                            information about your pool's size.</p>
                        <div class="info-media_wrapp mb-35">
                            <div class="info-media style2">
                                <div class="info-media_icon">
                                    <i class="fa-solid fa-check-double"></i>
                                </div>
                                <div class="media-body">
                                    <h3 class="h6 info-media_title">Personalized Service</h3>
                                </div>
                            </div>
                            <div class="info-media style2">
                                <div class="info-media_icon">
                                    <i class="fa-solid fa-check-double"></i>
                                </div>
                                <div class="media-body">
                                    <h3 class="h6 info-media_title">Prompt and Reliable</h3>
                                </div>
                            </div>
                        </div>
                        <div class="checklist style4">
                            <ul>
                                <li><i class="fa-regular fa-arrow-right"></i>Regular Cleaning and Skimming</li>
                                <li><i class="fa-regular fa-arrow-right"></i>Brushing and Vacuuming</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="img-box4">
                            <div class="img1">
                                <img src="assets/img/normal/about_4_1.jpg" alt="About">
                            </div>
                            <div class="img2">
                                <img src="assets/img/normal/about_4_2.jpg" alt="About">
                            </div>
                            <div class="why-video">
                                <a href="https://www.youtube.com/watch?v=_sI_Ps7JSEk" class="play-btn popup-video"><i class="fa-light fa-play"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--==============================
Counter Area  
==============================-->
    <div class="bg-theme" data-bg-src="assets/img/bg/counter_bg_2.jpg">
        <div class="container">
            <div class="counter-sec style2">

                <div class="th-counterup counter-box style2">
                    <div class="inner">
                        <div class="content">
                            <h3 class="counter"><span class="odometer" data-count="2,564">00</span>
                                <span class="counter-number">+</span>
                            </h3>
                            <p class="counter-box_text">Successfully Projects Complete</p>
                        </div>
                    </div>
                </div>


                <div class="th-counterup counter-box style2">
                    <div class="inner">
                        <div class="content">
                            <h3 class="counter"><span class="odometer" data-count="164">00</span>
                                <span class="counter-number">+</span>
                            </h3>
                            <p class="counter-box_text">Expert Team Members</p>
                        </div>
                    </div>
                </div>


                <div class="th-counterup counter-box style2">
                    <div class="inner">
                        <div class="content">
                            <h3 class="counter"><span class="odometer" data-count="2,985">00</span>
                                <span class="counter-number">+</span>
                            </h3>
                            <p class="counter-box_text">Our Satisfied Customers</p>
                        </div>
                    </div>
                </div>


                <div class="th-counterup counter-box style2">
                    <div class="inner">
                        <div class="content">
                            <h3 class="counter"><span class="odometer" data-count="80">00</span>
                                <span class="counter-number">+</span>
                            </h3>
                            <p class="counter-box_text">Best Company Awards</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!--==============================
Team Area  
==============================-->
    <section class="team-area overflow-hidden space" data-bg-src="assets/img/bg/team_bg_1.jpg">
        <div class="container">
            <div class="row align-content-lg-center">
                <div class="col-xl-4 align-items-xl-center">
                    <div class="team-content-area text-center text-xl-start">
                        <div class="title-area mb-30">
                            <span class="sub-title style1">Team Members</span>
                            <h2 class="sec-title">Our Professional Expert</h2>
                            <p class="sec-text">Our team consists of certified technicians with a wealth of experience in
                                pool maintenance and servicing. We stay updated on the latest industry trends and best
                                practices to deliver exceptional results.</p>
                        </div>
                        <a href="team.html" class="th-btn radius-none">View All Members</a>
                    </div>
                </div>
                <div class="col-xl-8">
                    <div class="row slider-shadow th-carousel number-dots teamSlide" id="teamSlide1" data-slide-show="4" data-lg-slide-show="3" data-md-slide-show="2" data-sm-slide-show="2" data-xs-slide-show="1" data-dots="true">
                        <!-- Single Item -->
                        <div class="col-sm-6 col-lg-4 col-xxl-3">
                            <div class="th-team team-item wow fadeInUp">
                                <div class="team-img">
                                    <img src="assets/img/team/team_3_1.jpg" alt="Team">
                                </div>
                                <div class="team-item_content">
                                    <h3 class="box-title"><a href="team-details.html">Emanuel Maclin</a></h3>
                                    <span class="team-desig">Pool Technician</span>
                                    <div class="team-social">
                                        <a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                        <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
                                        <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        <a href="https://www.behance.net/"><i class="fa-brands fa-behance"></i></a>
                                        <a href="https://www.youtube.com/"><i class="fab fa-youtube"></i> </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Single Item -->
                        <div class="col-sm-6 col-lg-4 col-xxl-3">
                            <div class="th-team team-item wow fadeInUp">
                                <div class="team-img">
                                    <img src="assets/img/team/team_3_2.jpg" alt="Team">
                                </div>
                                <div class="team-item_content">
                                    <h3 class="box-title"><a href="team-details.html">Jonson Anderson</a></h3>
                                    <span class="team-desig">Pool Technician</span>
                                    <div class="team-social">
                                        <a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                        <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
                                        <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        <a href="https://www.behance.net/"><i class="fa-brands fa-behance"></i></a>
                                        <a href="https://www.youtube.com/"><i class="fab fa-youtube"></i> </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Single Item -->
                        <div class="col-sm-6 col-lg-4 col-xxl-3">
                            <div class="th-team team-item wow fadeInUp">
                                <div class="team-img">
                                    <img src="assets/img/team/team_3_3.jpg" alt="Team">
                                </div>
                                <div class="team-item_content">
                                    <h3 class="box-title"><a href="team-details.html">Charlie William</a></h3>
                                    <span class="team-desig">Pool Technician</span>
                                    <div class="team-social">
                                        <a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                        <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
                                        <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        <a href="https://www.behance.net/"><i class="fa-brands fa-behance"></i></a>
                                        <a href="https://www.youtube.com/"><i class="fab fa-youtube"></i> </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Single Item -->
                        <div class="col-sm-6 col-lg-4 col-xxl-3">
                            <div class="th-team team-item wow fadeInUp">
                                <div class="team-img">
                                    <img src="assets/img/team/team_3_4.jpg" alt="Team">
                                </div>
                                <div class="team-item_content">
                                    <h3 class="box-title"><a href="team-details.html">Daniel Thomas</a></h3>
                                    <span class="team-desig">Pool Technician</span>
                                    <div class="team-social">
                                        <a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                        <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
                                        <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        <a href="https://www.behance.net/"><i class="fa-brands fa-behance"></i></a>
                                        <a href="https://www.youtube.com/"><i class="fab fa-youtube"></i> </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Single Item -->
                        <div class="col-sm-6 col-lg-4 col-xxl-3">
                            <div class="th-team team-item wow fadeInUp">
                                <div class="team-img">
                                    <img src="assets/img/team/team_3_5.jpg" alt="Team">
                                </div>
                                <div class="team-item_content">
                                    <h3 class="box-title"><a href="team-details.html">Daniel Thomas</a></h3>
                                    <span class="team-desig">Pool Technician</span>
                                    <div class="team-social">
                                        <a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                        <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
                                        <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                        <a href="https://www.behance.net/"><i class="fa-brands fa-behance"></i></a>
                                        <a href="https://www.youtube.com/"><i class="fab fa-youtube"></i> </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--==============================
Price Area  
==============================-->
    <section class="space ">
        <div class="container">
            <div class="price-title-wrapper">
                <div class="title-area text-center">
                    <span class="sub-title">Our Price Plan</span>
                    <h2 class="sec-title">Choose The Right Plan Which You Need <span class="text-theme">!</span></h2>
                </div>
            </div>
            <div class="row gy-5 justify-content-center">

                <div class="col-xl-4 col-md-6">
                    <div class="price-card ">
                        <div class="price-card-wrapp">
                            <div class="price-card_content">
                                <h4 class="price-card_price">
                                    <span class="currency">$</span>
                                    120 <span class="duration">Monthly</span>
                                </h4>
                            </div>
                            <h3 class="price-card_title box-title">
                                Residential Plan </h3>
                        </div>
                        <div class="price-border"></div>
                        <div class="available-list">
                            <ul>
                                <li>Installation of new equipment</li>
                                <li>Repairs for all pool</li>
                                <li>Water Quality Guarantee</li>
                                <li>Chemically balance the water</li>
                                <li>Lake Lines Underground</li>
                                <li class="unavailable">Automatic Cleaners</li>
                                <li class="unavailable">Heater and Venting</li>
                            </ul>
                        </div>
                        <div class="price-btn mt-35">
                            <a href="contact.html" class="th-btn border radius-none">Choose Plan</a>
                        </div>
                    </div>
                </div>

                <div class="col-xl-4 col-md-6">
                    <div class="price-card active">
                        <div class="price-card-wrapp">
                            <div class="price-card_content">
                                <h4 class="price-card_price">
                                    <span class="currency">$</span>
                                    160 <span class="duration">Monthly</span>
                                </h4>
                            </div>
                            <h3 class="price-card_title box-title">
                                Commercial Plan </h3>
                        </div>
                        <div class="price-border"></div>
                        <div class="available-list">
                            <ul>
                                <li>Installation of new equipment</li>
                                <li>Repairs for all pool</li>
                                <li>Water Quality Guarantee</li>
                                <li>Chemically balance the water</li>
                                <li>Lake Lines Underground</li>
                                <li>Automatic Cleaners</li>
                                <li class="unavailable">Heater and Venting</li>
                            </ul>
                        </div>
                        <div class="price-btn mt-35">
                            <a href="contact.html" class="th-btn border radius-none">Choose Plan</a>
                        </div>
                    </div>
                </div>

                <div class="col-xl-4 col-md-6">
                    <div class="price-card ">
                        <div class="price-card-wrapp">
                            <div class="price-card_content">
                                <h4 class="price-card_price">
                                    <span class="currency">$</span>
                                    180 <span class="duration">Monthly</span>
                                </h4>
                            </div>
                            <h3 class="price-card_title box-title">
                                Emergency Plan </h3>
                        </div>
                        <div class="price-border"></div>
                        <div class="available-list">
                            <ul>
                                <li>Installation of new equipment</li>
                                <li>Repairs for all pool</li>
                                <li>Water Quality Guarantee</li>
                                <li>Chemically balance the water</li>
                                <li>Lake Lines Underground</li>
                                <li>Automatic Cleaners</li>
                                <li>Heater and Venting</li>
                            </ul>
                        </div>
                        <div class="price-btn mt-35">
                            <a href="contact.html" class="th-btn border radius-none">Choose Plan</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--==============================
Project Area  
==============================-->
    <section class="project-sec bg-top-center overflow-hidden space-top" id="Portfolio-sec" data-bg-src="assets/img/bg/project_bg_1.jpg">
        <div class="container">
            <div class="row justify-content-lg-between justify-content-center align-items-center">
                <div class="col-lg-7">
                    <div class="title-area text-center text-lg-start">
                        <span class="sub-title style1">Our Work Gallery</span>
                        <h2 class="sec-title">Recent Pool Maintenance Work</h2>
                    </div>
                </div>
                <div class="col-auto">
                    <div class="sec-btn">
                        <div class="icon-box style3">
                            <button data-slick-prev="#ProjectSlide2" class="slick-arrow default"><i class="far fa-arrow-left"></i></button>
                            <button data-slick-next="#ProjectSlide2" class="slick-arrow default"><i class="far fa-arrow-right"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row th-carousel project-slider-2" id="ProjectSlide2" data-slide-show="1" data-xl-slide-show="1" data-lg-slide-show="1" data-md-slide-show="1" data-sm-slide-show="1" data-xs-slide-show="1" data-center-mode="true" data-xl-center-mode="true">
            <div class="col-xl-4 col-xxl-3">
                <div class="project-item">
                    <div class="project-img">
                        <img src="assets/img/project/project_2_1.jpg" alt="project image">
                    </div>
                    <div class="project-content">
                        <div class="media-left">
                            <span class="project-subtitle">Residential Services</span>
                            <h4 class="box-title"><a href="gallery.html">Pool Water Cleaning</a></h4>
                            <a href="assets/img/project/project_2_1.jpg" class="icon-btn popup-image"><i class="far fa-plus"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-xxl-3">
                <div class="project-item">
                    <div class="project-img">
                        <img src="assets/img/project/project_2_2.jpg" alt="project image">
                    </div>
                    <div class="project-content">
                        <div class="media-left">
                            <span class="project-subtitle">Residential Services</span>
                            <h4 class="box-title"><a href="gallery.html">Water Analysis</a></h4>
                            <a href="assets/img/project/project_2_2.jpg" class="icon-btn popup-image"><i class="far fa-plus"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-xxl-3">
                <div class="project-item">
                    <div class="project-img">
                        <img src="assets/img/project/project_2_3.jpg" alt="project image">
                    </div>
                    <div class="project-content">
                        <div class="media-left">
                            <span class="project-subtitle">Residential Services</span>
                            <h4 class="box-title"><a href="gallery.html">Equipment Install</a></h4>
                            <a href="assets/img/project/project_2_3.jpg" class="icon-btn popup-image"><i class="far fa-plus"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-xxl-3">
                <div class="project-item">
                    <div class="project-img">
                        <img src="assets/img/project/project_2_4.jpg" alt="project image">
                    </div>
                    <div class="project-content">
                        <div class="media-left">
                            <span class="project-subtitle">Residential Services</span>
                            <h4 class="box-title"><a href="gallery.html">Pool Inspections</a></h4>
                            <a href="assets/img/project/project_2_4.jpg" class="icon-btn popup-image"><i class="far fa-plus"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--==============================
Testimonial Area  
==============================-->
    <section class="overflow-hidden space">
        <div class="container">
            <div class="title-area text-center">
                <span class="sub-title">Testimonials</span>
                <h2 class="sec-title">Our Trusted Clients Feedback</h2>
            </div>
            <div class="row testi-slide2 slider-shadow th-carousel" id="testiSlide1" data-slide-show="3" data-lg-slide-show="2" data-sm-slide-show="1" data-xs-slide-show="1">
                <div class="col-md-6 col-lg-4">
                    <div class="testi-item">
                        <p class="testi-item_text">”We're here to make pool maintenance easy & hassle free for you. Contact us today to schedule a service or to learn more about our maintenance plan Thank you for considering poolax.”</p>
                        <div class="testi-item_wrapp">
                            <div class="testi-item_profile">
                                <img src="assets/img/testimonial/testi_3_1.jpg" alt="testimonial">
                            </div>
                            <div class="media-body">
                                <h3 class="box-title">Alex Michel</h3>
                                <span class="testi-item_desig">Ui/Ux Designer</span>
                                <div class="star-icon">
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-regular fa-star"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="testi-quote">
                            <img src="assets/img/icon/quote_3.svg" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="testi-item">
                        <p class="testi-item_text">“We meticulously test and balance the water chemistry during each service visit. This involves adjusting pH, alkalinity, and chlorine levels to maintain a safe and comfortable swimming environment.”</p>
                        <div class="testi-item_wrapp">
                            <div class="testi-item_profile">
                                <img src="assets/img/testimonial/testi_3_2.jpg" alt="testimonial">
                            </div>
                            <div class="media-body">
                                <h3 class="box-title">Dianne Russell</h3>
                                <span class="testi-item_desig">Ui/Ux Designer</span>
                                <div class="star-icon">
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-regular fa-star"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="testi-quote">
                            <img src="assets/img/icon/quote_3.svg" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="testi-item">
                        <p class="testi-item_text">“Parallel task user friendly through supply are chains. Contact us today to schedule a service Dynamically simplify reliable meta service visionary sources unleash tactical.”</p>
                        <div class="testi-item_wrapp">
                            <div class="testi-item_profile">
                                <img src="assets/img/testimonial/testi_3_3.jpg" alt="testimonial">
                            </div>
                            <div class="media-body">
                                <h3 class="box-title">Wade Warren</h3>
                                <span class="testi-item_desig">Ui/Ux Designer</span>
                                <div class="star-icon">
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-regular fa-star"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="testi-quote">
                            <img src="assets/img/icon/quote_3.svg" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="testi-item">
                        <p class="testi-item_text">“Continually utilize 24/365 bandwidth before real-time interfaces. Contact us today to schedule a service Proin mollis, ipsum vel ultrices dictum. Credibly grow users deliver.”</p>
                        <div class="testi-item_wrapp">
                            <div class="testi-item_profile">
                                <img src="assets/img/testimonial/testi_3_1.jpg" alt="testimonial">
                            </div>
                            <div class="media-body">
                                <h3 class="box-title">David Marlo</h3>
                                <span class="testi-item_desig">Ui/Ux Designer</span>
                                <div class="star-icon">
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-solid fa-star"></i></a>
                                    <a href="#"><i class="fa-regular fa-star"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="testi-quote">
                            <img src="assets/img/icon/quote_3.svg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="" data-pos-for=".blog-sec" data-sec-pos="bottom-half">
        <div class="container">
            <div class="newsletter-sec bg-theme">
                <div class="row gx-0 align-items-center">
                    <div class="col-lg-6 col-xl-5">
                        <div class="newsletter-wrapper">
                            <h4 class="h4 newsletter-title text-white mb-0">Sign Up to get updates & news about us.</h4>
                        </div>
                    </div>
                    <div class="col-lg-6 col-xl-7">
                        <div class="newsletter-form-wrapper">
                            <form class="newsletter-form">
                                <input class="form-control " type="email" placeholder="Enter your Email" required="">
                                <button type="submit" class="th-btn style3">Subscribe</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--==============================
Blog Area  
==============================-->
    <section class="blog-sec space overflow-hidden" id="blog-sec" data-bg-src="assets/img/bg/blog_bg_1.jpg">
        <div class="container">
            <div class="title-area text-center">
                <span class="sub-title">Blog Posts</span>
                <h2 class="sec-title">Our Latest News & Updates</h2>
            </div>
            <div class="row slider-shadow th-carousel" id="blogSlide3" data-slide-show="3" data-lg-slide-show="2" data-md-slide-show="1" data-sm-slide-show="1" data-arrows="true">
                <div class="col-md-6 col-xl-4">
                    <div class="blog-grid wow fadeInLeft">
                        <div class="blog-img global-img">
                            <img src="assets/img/blog/blog_3_1.jpg" alt="blog image">
                            <div class="blog-wrapper">
                                <span class="blog-grid_date">12 Oct 2023</span>
                            </div>
                        </div>
                        <div class="blog-grid_content">
                            <div class="blog-meta">
                                <a href="blog.html"><i class="fa-regular fa-user"></i>By Jonson</a>
                                <a href="blog.html"><i class="fa-regular fa-comments"></i>Comments (3)</a>
                            </div>
                            <h3 class="box-title"><a href="blog-details.html">How To Re-organize Your Home Swimming Pool</a></h3>
                            <a href="blog-details.html" class="th-btn border radius-none">Read More</a>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-xl-4">
                    <div class="blog-grid wow fadeInRight">
                        <div class="blog-img global-img">
                            <img src="assets/img/blog/blog_3_2.jpg" alt="blog image">
                            <div class="blog-wrapper">
                                <span class="blog-grid_date">24 oct 2023</span>
                            </div>
                        </div>
                        <div class="blog-grid_content">
                            <div class="blog-meta">
                                <a href="blog.html"><i class="fa-regular fa-user"></i>By Jonson</a>
                                <a href="blog.html"><i class="fa-regular fa-comments"></i>Comments (3)</a>
                            </div>
                            <h3 class="box-title"><a href="blog-details.html">How to Revamp Your Pool Area for a Stylish Makeover</a></h3>
                            <a href="blog-details.html" class="th-btn border radius-none">Read More</a>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-xl-4">
                    <div class="blog-grid wow fadeInLeft">
                        <div class="blog-img global-img">
                            <img src="assets/img/blog/blog_3_3.jpg" alt="blog image">
                            <div class="blog-wrapper">
                                <span class="blog-grid_date">26 nov 2023</span>
                            </div>
                        </div>
                        <div class="blog-grid_content">
                            <div class="blog-meta">
                                <a href="blog.html"><i class="fa-regular fa-user"></i>By Jonson</a>
                                <a href="blog.html"><i class="fa-regular fa-comments"></i>Comments (3)</a>
                            </div>
                            <h3 class="box-title"><a href="blog-details.html">The Science of Pool Chemistry Keeping Your Water</a></h3>
                            <a href="blog-details.html" class="th-btn border radius-none">Read More</a>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </section>
    <!--==============================
Contact Info Area  
==============================-->
    <div class="contact-info-area" data-pos-for=".footer-layout3" data-sec-pos="bottom-half">
        <div class="container">
            <div class="row gx-0 align-items-center">
                <div class="col-xl-3">
                    <div class="contact-media style1">
                        <div class="contact-logo">
                            <img src="assets/img/logo.svg" alt="icon">
                        </div>
                    </div>
                </div>
                <div class="col-xl-9">
                    <div class="contact-media-wrapp">
                        <div class="contact-media bg-theme">
                            <div class="contact-media_icon">
                                <img src="assets/img/icon/contact_1_1.svg" alt="icon">
                            </div>
                            <div class="contact-media_content">
                                <span class="contact-media_subtitle">Call Us For Pool Services</span>
                                <h3 class="contact-media_title"><a href="tel:+46825476243">+(468) 254 76243</a></h3>
                            </div>
                        </div>
                        <div class="contact-media">
                            <div class="contact-media_icon">
                                <img src="assets/img/icon/contact_1_2.svg" alt="icon">
                            </div>
                            <div class="contact-media_content">
                                <p class="contact-media_subtitle">Email Us For Any Info.</p>
                                <a href="mailto:info@poolax.com" class="contact-media_title">info@poolax.com</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--==============================
	Footer Area
==============================-->
    <footer class="footer-wrapper footer-layout3" data-bg-src="assets/img/bg/footer_bg_3.jpg">
        <div class="widget-area">
            <div class="container">
                <div class="row justify-content-between">
                    <div class="col-md-6 col-xl-4">
                        <div class="widget footer-widget">
                            <h3 class="widget_title">About Company</h3>
                            <div class="th-widget-about">
                                <p class="about-text">We provide specialized winterization services to safeguard your pool during the off-season, and when spring arrives, we handle the thorough opening process.</p>
                                <div class="th-social  footer-social">
                                    <a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                    <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
                                    <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                    <a href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a>
                                    <a href="https://www.behance.net/"><i class="fa-brands fa-behance"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-2">
                        <div class="widget widget_nav_menu  footer-widget">
                            <h3 class="widget_title">Quick link</h3>
                            <div class="menu-all-pages-container">
                                <ul class="menu">
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="gallery.html">gallery</a></li>
                                    <li><a href="testimonials.html">Testimonials</a></li>
                                    <li><a href="blog.html">Blog</a></li>
                                    <li><a href="contact.html">Contact Us</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-3">
                        <div class="widget footer-widget">
                            <h3 class="widget_title">Recent Posts</h3>
                            <div class="recent-post-wrap">
                                <div class="recent-post">
                                    <div class="media-img">
                                        <a href="blog-details.html"><img src="assets/img/blog/recent-post-2-1.jpg" alt="Blog Image"></a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="post-title"><a class="text-inherit" href="blog-details.html">Installation of new Equipment</a></h4>
                                        <div class="recent-post-meta">
                                            <a href="blog.html"><i class="fal fa-calendar-days"></i>12 Oct, 2023</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="recent-post">
                                    <div class="media-img">
                                        <a href="blog-details.html"><img src="assets/img/blog/recent-post-2-2.jpg" alt="Blog Image"></a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="post-title"><a class="text-inherit" href="blog-details.html">Installation of new Equipment</a></h4>
                                        <div class="recent-post-meta">
                                            <a href="blog.html"><i class="fal fa-calendar-days"></i>22 Oct, 2023</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-xl-auto">
                        <div class="widget footer-widget footer-widget">
                            <h4 class="widget_title">Working Hours</h4>
                            <div class="th-widget-schedule">
                                <p class="footer-info">Monday to Wed............. <span>9am - 8pm</span></p>
                                <p class="footer-info">Thursday............. <span>9am - 7pm</span></p>
                                <p class="footer-info">Friday.............. <span>8am - 6pm</span></p>
                                <p class="footer-info">Saturday............. <span>10am - 4pm</span></p>
                                <p class="footer-info">Sunday.............. <span>Closed</span></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright-wrap">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-12">
                        <p class="copyright-text text-white text-center">© 2023 <a href="https://themeforest.net/user/themeholy">Poolax</a>. All Rights
                            Reserved.</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- Scroll To Top -->
        <div class="scroll-top">
            <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
                <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;">
                </path>
            </svg>
        </div>
    </footer>

    <!--******************************** 
			Code End  Here 
	******************************** -->


    <!--==============================
    All Js File
============================== -->
    <!-- Jquery -->
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <!-- Slick Slider -->
    <script src="assets/js/slick.min.js"></script>
    <!-- Bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Isotope Filter -->
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <!-- Magnific Popup -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- Range Slider -->
    <script src="assets/js/jquery-ui.min.js"></script>
    <!-- imagesloaded  -->
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <!-- odometer -->
    <script src="assets/js/odometer.js"></script>
    <!-- Nice Select -->
    <script src="assets/js/nice-select.min.js"></script>

    <!-- circle-progress -->
    <script src="assets/js/circle-progress.js"></script>

    <script src="assets/js/jquery.ripples.js"></script>

    <!-- Main Js File -->
    <script src="assets/js/main.js"></script>

</body>

</html>