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

    <!--==============================
Product Lightbox
==============================-->
    <div id="QuickView" class="white-popup mfp-hide">
        <div class="container bg-white">
            <div class="row gx-60">
                <div class="col-lg-6">
                    <div class="product-big-img">
                        <div class="img"><img src="assets/img/product/product_details_1_1.jpg" alt="Product Image"></div>
                    </div>
                </div>
                
            </div>
            <button title="Close (Esc)" type="button" class="mfp-close">×</button>
        </div>
    </div>
    <!--==============================
    Breadcumb
============================== -->
    <div class="breadcumb-wrapper " data-bg-src="assets/img/breadcumb/breadcumb-bg.jpg">
        <div class="container">
            <div class="breadcumb-content">
                <h2 class="breadcumb-title">Shop</h2>
                <div class="breadcumb-menu-wrapper">
                    <ul class="breadcumb-menu">
                        <li><a href="index.php">Home</a></li>
                        <li>Shop</li>
                    </ul>
                </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>
    <!--==============================
Product Area
==============================-->
    <section class="space-top space-extra-bottom">
        <div class="container">
            <div class="row flex-row-reverse">
                <div class="col-xl-9 col-lg-8">
                    <div class="th-sort-bar">
                        <div class="row justify-content-between align-items-center">
                            <div class="col-md">
                                <p class="woocommerce-result-count">Showing 1–6 of 42 results</p>
                            </div>

                            <div class="col-md-auto">
                                <form class="woocommerce-ordering" method="get">
                                    <select name="orderby" class="orderby" aria-label="Shop order">
                                        <option value="menu_order" selected="selected">Default Sorting</option>
                                        <option value="popularity">Sort by popularity</option>
                                        <option value="rating">Sort by average rating</option>
                                        <option value="date">Sort by latest</option>
                                        <option value="price">Sort by price: low to high</option>
                                        <option value="price-desc">Sort by price: high to low</option>
                                    </select>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="row gy-40">

                        <div class="col-xl-4 col-sm-6">
                            <div class="th-product">
                                <div class="product-img">
                                    <img src="assets/img/product/Floating Rope available.jpg" alt="Product Image">
                                    <div class="actions">
                                        <a href="https://api.whatsapp.com/send?phone=919894915767" class="icon-btn"><i class="fab fa-whatsapp"></i></a>
                                        <a href="tel:9894915767" class="icon-btn"><i class="fa fa-phone"></i></a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <h3 class="product-title"><a href="">Floating Rope</a></h3>
                                          </div>
                            </div>
                        </div>


                        <div class="col-xl-4 col-sm-6">
                            <div class="th-product">
                                <div class="product-img">
                                    <img src="assets/img/product/Fountain Light available.jpg" alt="Product Image">
                                     <div class="actions">
                                        <a href="https://api.whatsapp.com/send?phone=919894915767" class="icon-btn"><i class="fab fa-whatsapp"></i></a>
                                        <a href="tel:9894915767" class="icon-btn"><i class="fa fa-phone"></i></a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    
                                    <h3 class="product-title"><a href="shop-details.html">Fountain Light</a></h3>
                                    
                                </div>
                            </div>
                        </div>


                        <div class="col-xl-4 col-sm-6">
                            <div class="th-product">
                                <div class="product-img">
                                    <img src="assets/img/product/Fountain Nozzles available.jpg" alt="Product Image">
                                     <div class="actions">
                                        <a href="https://api.whatsapp.com/send?phone=919894915767" class="icon-btn"><i class="fab fa-whatsapp"></i></a>
                                        <a href="tel:9894915767" class="icon-btn"><i class="fa fa-phone"></i></a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    
                                    <h3 class="product-title"><a href="shop-details.html">Fountain Nozzles</a></h3>
                                   
                                </div>
                            </div>
                        </div>


                        <div class="col-xl-4 col-sm-6">
                            <div class="th-product">
                                <div class="product-img">
                                    <img src="assets/img/product/Multi Port Valve available.jpg" alt="Product Image">
                                     <div class="actions">
                                        <a href="https://api.whatsapp.com/send?phone=919894915767" class="icon-btn"><i class="fab fa-whatsapp"></i></a>
                                        <a href="tel:9894915767" class="icon-btn"><i class="fa fa-phone"></i></a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    
                                    <h3 class="product-title"><a href="shop-details.html">Multi Port Valve</a></h3>
                                    
                                </div>
                            </div>
                        </div>


                        <div class="col-xl-4 col-sm-6">
                            <div class="th-product">
                                <div class="product-img">
                                    <img src="assets/img/product/Chlorine Feeder.jpg" alt="Product Image">
                                     <div class="actions">
                                        <a href="https://api.whatsapp.com/send?phone=919894915767" class="icon-btn"><i class="fab fa-whatsapp"></i></a>
                                        <a href="tel:9894915767" class="icon-btn"><i class="fa fa-phone"></i></a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    
                                    <h3 class="product-title"><a href="shop-details.html">Chlorine Feeder</a></h3>
                                   
                                </div>
                            </div>
                        </div>


                        <div class="col-xl-4 col-sm-6">
                            <div class="th-product">
                                <div class="product-img">
                                    <img src="assets/img/product/pool Deck Box available.jpg" alt="Product Image">
                                     <div class="actions">
                                        <a href="https://api.whatsapp.com/send?phone=919894915767" class="icon-btn"><i class="fab fa-whatsapp"></i></a>
                                        <a href="tel:9894915767" class="icon-btn"><i class="fa fa-phone"></i></a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    
                                    <h3 class="product-title"><a href="">Juntion or Deck Box</a></h3>
                                   
                                </div>
                            </div>
                        </div>


                     <!--   <div class="col-xl-4 col-sm-6">
                            <div class="th-product">
                                <div class="product-img">
                                    <img src="assets/img/product/Water Blade available.jpg" alt="Product Image">
                                    
                                </div>
                                <div class="product-content">
                                    
                                    <h3 class="product-title"><a href="shop-details.html">Water Blade</a></h3>
                                    
                                </div>
                            </div>
                        </div>


                        <div class="col-xl-4 col-sm-6">
                            <div class="th-product">
                                <div class="product-img">
                                    <img src="assets/img/product/Swimming Pool UV Light available.jpg" alt="Product Image">
                                     <div class="actions">
                                        <a href="https://api.whatsapp.com/send?phone=919894915767" class="icon-btn"><i class="fab fa-whatsapp"></i></a>
                                        <a href="tel:9894915767" class="icon-btn"><i class="fa fa-phone"></i></a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    
                                    <h3 class="product-title"><a href="">UV Light</a></h3>
                                   
                                </div>
                            </div>
                        </div>


                        <div class="col-xl-4 col-sm-6">
                            <div class="th-product">
                                <div class="product-img">
                                    <img src="assets/img/product/Pool Vaccum Stick available.jpg" alt="Product Image">
                                     <div class="actions">
                                        <a href="https://api.whatsapp.com/send?phone=919894915767" class="icon-btn"><i class="fab fa-whatsapp"></i></a>
                                        <a href="tel:9894915767" class="icon-btn"><i class="fa fa-phone"></i></a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    
                                    <h3 class="product-title"><a href="shop-details.html">Vacuum Stick</a></h3>
                                   
                                </div>
                            </div>
                        </div>


                        <div class="col-xl-4 col-sm-6">
                            <div class="th-product">
                                <div class="product-img">
                                    <img src="assets/img/product/Wall Connector available.jpg" alt="Product Image">
                                     <div class="actions">
                                        <a href="https://api.whatsapp.com/send?phone=919894915767" class="icon-btn"><i class="fab fa-whatsapp"></i></a>
                                        <a href="tel:9894915767" class="icon-btn"><i class="fa fa-phone"></i></a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    
                                    <h3 class="product-title"><a href="shop-details.html">Wall Connector</a></h3>
                                   
                                </div>
                            </div>
                        </div>


                        <div class="col-xl-4 col-sm-6">
                            <div class="th-product">
                                <div class="product-img">
                                    <img src="assets/img/product/Pool Vaccum Nozzle available.jpg" alt="Product Image">
                                     <div class="actions">
                                        <a href="https://api.whatsapp.com/send?phone=919894915767" class="icon-btn"><i class="fab fa-whatsapp"></i></a>
                                        <a href="tel:9894915767" class="icon-btn"><i class="fa fa-phone"></i></a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    
                                    <h3 class="product-title"><a href="shop-details.html">Vacuum Head ( Heavy )</a></h3>
                                    
                                </div>
                            </div>
                        </div>


                        <div class="col-xl-4 col-sm-6">
                            <div class="th-product">
                                <div class="product-img">
                                    <img src="assets/img/product/pool Testing Kit available.jpg" alt="Product Image">
                                     <div class="actions">
                                        <a href="https://api.whatsapp.com/send?phone=919894915767" class="icon-btn"><i class="fab fa-whatsapp"></i></a>
                                        <a href="tel:9894915767" class="icon-btn"><i class="fa fa-phone"></i></a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    
                                    <h3 class="product-title"><a href="shop-details.html">Pool Testing Kit</a></h3>
                                   
                                </div>
                            </div>
                        </div>-->


                    </div>
                    <div class="th-pagination text-center pt-50">
                        <ul>
                            <li><a href="shop3.php"><i class="fa-solid fa-arrow-left"></i></a></li>
                            <li><a href="shop.php">1</a></li>
                            <li><a href="shop1.php">2</a></li>
                            <li><a href="shop2.php">3</a></li>
                           
                            <li><a href="shop3.php"><i class="fa-solid fa-arrow-right"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4">
                    <aside class="sidebar-area sidebar-shop">
                        <div class="widget widget_search   ">
                            <form class="search-form">
                                <input type="text" placeholder="Enter Keyword">
                                <button type="submit"><i class="far fa-search"></i></button>
                            </form>
                        </div>
                        <div class="widget widget_categories  ">
                            <h3 class="widget_title">Categories</h3>
                            <ul>
                                <li>
                                    <a href="blog.html">Tile & Surface Cleaning</a>
                                    <i class="fa-regular fa-arrow-right"></i>
                                </li>
                                <li>
                                    <a href="blog.html">Pool Cleaning</a>
                                    <i class="fa-regular fa-arrow-right"></i>
                                </li>
                                <li>
                                    <a href="blog.html">Water Analysis</a>
                                    <i class="fa-regular fa-arrow-right"></i>
                                </li>
                                <li>
                                    <a href="blog.html">Equipment Install</a>
                                    <i class="fa-regular fa-arrow-right"></i>
                                </li>
                                <li>
                                    <a href="blog.html">Pool Inspections</a>
                                    <i class="fa-regular fa-arrow-right"></i>
                                </li>
                                <li>
                                    <a href="blog.html">Pool Lighting</a>
                                    <i class="fa-regular fa-arrow-right"></i>
                                </li>
                                <li>
                                    <a href="blog.html">Stain Removal</a>
                                    <i class="fa-regular fa-arrow-right"></i>
                                </li>
                            </ul>
                        </div>
                        <div class="widget widget_price_filter  ">
                            <h4 class="widget_title">Filter By Price</h4>
                            <div class="price_slider_wrapper">
                                <div class="price_label">
                                    Price: <span class="from">$0</span> — <span class="to">$70</span>
                                </div>
                                <div class="price_slider"></div>
                                <button type="submit" class="button">Filter</button>
                            </div>
                        </div>
                        <div class="widget widget_tag_cloud   ">
                            <h3 class="widget_title">Popular Tags</h3>
                            <div class="tagcloud">
                                <a href="blog.html">Technology</a>
                                <a href="blog.html">Advice</a>
                                <a href="blog.html">Solution</a>
                                <a href="blog.html">Consultion</a>
                                <a href="blog.html">Business</a>
                                <a href="blog.html">IT-Services</a>
                            </div>
                        </div>
                    </aside>
                </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/mrpool.jpg" 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:+919894915767">+91 98949 15767</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@mrpool.in" class="contact-media_title">info@mrpool.in</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--==============================
	Footer Area
==============================-->
    <?php include 'footer.php'; ?>
        

    <!--******************************** 
			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>