<?php include('include/head.php'); ?>  

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/freeps2/a7rarpress@main/swiper-bundle.min.css">

<body>

    <!-- Spinner Start -->
    <div id="spinner"
        class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
            <span class="sr-only">Loading...</span>
        </div>
    </div>
    <!-- Spinner End -->



    <?php include('include/header.php'); ?>  




    <!-- Carousel Start -->
    <section class="final-slider">
        <div class="container-fluid p-0 mb-5">
            <div class="owl-carousel header-carousel position-relative">

                <div class="owl-carousel-item position-relative">
                    <img class="img-fluid" src="img/banner/banner1.png" alt="">
                    <div class="position-absolute top-0 start-0 w-100 d-flex align-items-center">
                        <div class="container">
                            <div class="row justify-content-start">
                                <div class="col-sm-10 col-lg-8" id="slider-text">
                                    <!--<h5 class="text-primary fw-bold text-uppercase  animated slideInDown">Best Location-->
                                    <!--</h5>-->
                                    <h1 class="display-3 text-white animated slideInDown">Flexible Workspace, Limitless Possibilities </h1>
                                    <!--<p class="fs-5 text-white mb-4 pb-2">-->
                                    <!--    Be Part of a Thriving Tech Community That Aims High-->
                                    <!--</p>-->
                                    <!--<a href="" class="btn btn-primary py-md-3 px-md-5 me-3 animated slideInLeft" data-bs-toggle="modal" data-bs-target="#contactModal">Book a-->
                                    <!--    Visit</a>-->
                                    <!-- <a href="" class="btn btn-light py-md-3 px-md-5 animated slideInRight"> Book a
                                        Visit</a> -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="owl-carousel-item position-relative">
                    <img class="img-fluid" src="img/banner/banner2.png" alt="">
                    <div class="position-absolute top-0 start-0 w-100 d-flex align-items-center">
                        <div class="container">
                            <div class="row justify-content-start">
                                <div class="col-sm-10 col-lg-8" id="slider-text">
                                    
                                    <h1 class="display-3 text-white animated slideInDown">Synergy in Every space</h1>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="owl-carousel-item position-relative">
                    <img class="img-fluid" src="img/banner/working.webp" alt="">
                    <div class="position-absolute top-0 start-0 w-100 d-flex align-items-center">
                        <div class="container">
                            <div class="row justify-content-start">
                                <div class="col-sm-10 col-lg-8" id="slider-text">
                                   
                                    <h1 class="display-3 text-white animated slideInDown">Cozy corners, Big Ideas</h1>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- Carousel End -->


    <!-- About Start -->
    <section class="about-section">
        <div class="container">
            <div class="row">
                <div class="content-column col-lg-6 col-md-12 col-sm-12 order-2">
                    <div class="inner-column">
                        <div class="sec-title">
                            <!-- <h6 class="section-title bg-white text-start text-primary pe-3">WELCOME TO WORK HUB</h6> -->
                            <h1 class="new-font" style="
                            margin: 15px 0px 20px 0px;">  About <span style="color: #78c043;">   Us  </span></h1>
                        </div>
                        <div class="text">At Worcoz, we understand the evolving needs of businesses and professionals. Our flexible coworking plans cater to diverse requirements, whether you're a freelancer, startup, or established company. Enjoy amenities such as high-speed internet, modern meeting rooms, ergonomic workstations, and a supportive community atmosphere.</div>

                            <div class="text">Our mission is to provide more than just a workspace; we aim to cultivate a thriving ecosystem where ideas flourish and connections thrive. Whether you're looking for a dedicated desk, private office, or a venue for your next event, we have the perfect solution for you.</div>

                        <!--<div class="text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Obcaecati, debitis.-->
                        <!--    Sed, dolorem omnis, nam porro laboriosam culpa sit aliquam incidunt mollitia, voluptatem-->
                        <!--    fugiat velit rerum officiis iste voluptatum. Atque, nostrum.</div>-->

                        <div class="btn-box">
                            <a class="btn btn-primary py-3 px-5 mt-2" href="about.php">Read More</a>
                        </div>
                    </div>
                </div>

                <!-- Image Column -->
                <div class="image-column col-lg-6 col-md-12 col-sm-12">

                    <img src="img/about.png" alt="Image" title="" style="width: 100%; border-radius: 20px;">
                </div>
            </div>

        </div>
    </section>
    <!-- About End -->


    <!-- ==== new service section start === -->
    <section class="new-service">
        <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
                 <!--<h6 class="section-title bg-white text-center text-primary px-3">Services</h6> -->
                <h1 class="new-font">Popular <span style="color: #78c043;">  Services  </span>  </h1>
            </div>
            
        <div class="slide-container swiper mt-3">
            <div class="slide-content mt-5">
                <div class="card-wrapper swiper-wrapper">
                    <?php
                    $statement = $pdo->prepare("SELECT * FROM `tbl_service` ORDER BY postion ASC
                                    ");
                                    $statement->execute();
                                    $result = $statement->fetchAll(PDO::FETCH_ASSOC);
                                    foreach ($result as $subcat_cat) {
                    ?>
                    <div class="card swiper-slide">
                        <div class="image-content">
                            <span class="overlay"></span>

                            <div class="card-image">
                               <img src="<?php path(); ?>assets/uploads/<?php echo $subcat_cat['photo']; ?>" alt="" class="card-img">
                            </div>
                        </div>

                        <div class="card-content">
                            <h2 class="name"><?php echo $subcat_cat['title']; ?></h2>
                            <p class="ser"><?php echo $subcat_cat['content']; ?></p>
                            
                            <a href="<?php path() ?>service/<?php echo $subcat_cat['slug']; ?>" class="btn btn-primary">Read More</a>

                        </div>
                    </div>
                   <?php
                                    }
                                    ?>
                </div>
            </div>

            <div class="swiper-button-next swiper-navBtn"></div>
            <div class="swiper-button-prev swiper-navBtn"></div>
            <!--<div class="swiper-pagination"></div>-->
        </div>
      
    </section>
    <!-- ==== new service section end ==== -->


    <!-- ===== aminities section start ==== -->
    <section class="final-aminities">
        <div class="container">

            <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
                <!-- <h6 class="section-title bg-white text-center text-primary px-3">Amenities</h6> -->
                <h1 class="new-font"> <span style="color: #78c043;"> Amenities </span>  and Facilities</h1>
            </div>

            <div class="row mt-3">

                <div class="col-md-3 mt-3">
                    <div class=" aminities-box  text-center">
                        <img src="img/icon/clock.png
                        " alt="" class="aButton ">
                        <h4 class="mt-3">24 hours operational</h4>
                    </div>
                </div>

                <div class="col-md-3 mt-3">
                    <div class=" aminities-box  text-center">
                        <img src="img/icon/attendance-device.png" alt="" class="aButton">
                        <h4 class="mt-3">Attendence Management</h4> 
                    </div>
                </div>

                <div class="col-md-3 mt-3">
                    <div class=" aminities-box  text-center">
                        <img src="img/icon/air-conditioning.png" alt="" class="aButton">    
                        <h4 class="mt-3">Air Conditioning & Power backup</h4>
                    </div>
                </div>

                <div class="col-md-3 mt-3">
                    <div class=" aminities-box  text-center">
                        <img src="img/icon/meeting.png" alt="" class="aButton ">
                        <h4 class="mt-3">Meeting & Conference Rooms</h4>
                    </div>
                </div>

                <div class="col-md-3 mt-3">
                    <div class=" aminities-box  text-center">
                        <img src="img/icon/wi-fi.png" alt="" class="aButton ">
                        <h4 class="mt-3">High speed WiFi</h4>
                    </div>
                </div>

                <div class="col-md-3 mt-3">
                    <div class=" aminities-box  text-center">
                        <img src="img/icon/cctv-camera.png" alt="" class="aButton ">
                        <h4 class="mt-3">CCTV Coverage</h4>
                    </div>
                </div>

                <div class="col-md-3 mt-3">
                    <div class=" aminities-box  text-center">
                        <img src="img/icon/cup-of-drink.png" alt="" class="aButton ">
                        <h4 class="mt-3">Tea / Coffee</h4>
                    </div>
                </div>

                <div class="col-md-3 mt-3">
                    <div class=" aminities-box  text-center">
                        <img src="img/icon/brainstorming.png" alt="" class="aButton ">
                        <h4 class="mt-3">Breakout Spaces</h4>
                    </div>
                </div>

                <div class="col-md-3 mt-3">
                    <div class=" aminities-box  text-center">
                        <img src="img/icon/location.png" alt="" class="aButton ">
                        <h4 class="mt-3">Prime location</h4>
                    </div>
                </div>

                <div class="col-md-3 mt-3">
                    <div class=" aminities-box  text-center">
                        <img src="img/icon/computer.png" alt="" class="aButton ">
                        <h4 class="mt-3">Printer / Scanner</h4>
                    </div>
                </div>

                <div class="col-md-3 mt-3">
                    <div class=" aminities-box  text-center">
                        <img src="img/icon/parked-car.png" alt="" class="aButton ">
                        <h4 class="mt-3">Parking</h4>
                    </div>
                </div>

                <div class="col-md-3 mt-3">
                    <div class=" aminities-box  text-center">
                        <img src="img/icon/cleaner.png" alt="" class="aButton">
                        <h4 class="mt-3">House Keeping</h4>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- === aminities section end ==== -->



    <!-- ==== new gallery start ==== -->
    <section id="portfolio">
        <div class="container">
            <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
                <!-- <h6 class="section-title bg-white text-center text-primary px-3">GALLERY</h6> -->
                <h1 class="new-font">   Our Photos <span style="color: #78c043;"> Gallery   </span></h1>
            </div>

            <!--<div class="text-center mt-5">-->
            <!--    <button class="btn btn-default filter-button active" data-filter="all">All</button>-->
            <!--    <button class="btn btn-default filter-button" data-filter="nature">COWORKING</button>-->
            <!--    <button class="btn btn-default filter-button" data-filter="people">VIRTUAL OFFICE</button>-->
            <!--    <button class="btn btn-default filter-button" data-filter="cars">DEDICATED DESK</button>-->
            <!--    <button class="btn btn-default filter-button" data-filter="buildings">MEETING SPACES</button>-->
                <!-- <button class="btn btn-default filter-button" data-filter="buildings">PRIVATE OFFICE</button> -->
            <!--</div>-->
            <div class="row">
                <div class="gallery_product col-md-3 filter nature">
                   
                    <img src="img/gallery/homegallery1.webp" style="width: 100%;">
                    
                </div>
                <div class="gallery_product col-md-3 filter people">
                   
                    <img src="img/gallery/homegallery2.webp" style="width: 100%;">
                 
                </div>
                <div class="gallery_product col-md-3 filter nature">
                   
                    <img src="img/gallery/final-gallery3.webp" style="width: 100%;">
                 
                </div>
                <div class="gallery_product col-md-3 filter cars">
                    
                    <img src="img/gallery/final-gallery4.webp" style="width: 100%;">
                 
                </div>
                
                <div class="col-md-12">
                    <center>
                        <a href="<?php path(); ?>/gallery.php" class="btn btn-primary">View More Photos</a>
                    </center>
                </div>
                <!--<div class="gallery_product col-md-3 filter cars">-->
                <!--    <img src="img/gallery/gallery8.webp" style="width: 100%;">-->
                <!--</div>-->
                <!--<div class="gallery_product col-md-3 filter buildings">-->
                <!--    <img src="img/gallery/gallery9.webp" style="width: 100%;">-->
                <!--</div>-->
                <!--<div class="gallery_product col-md-3 filter cars">-->
                <!--    <img src="img/gallery/gallery10.webp" style="width: 100%;">-->
                <!--</div>-->
                <!--<div class="gallery_product col-md-3 filter cars">-->
                <!--    <img src="img/gallery/gallery11.webp" style="width: 100%;">-->
                <!--</div>-->
                <!--<div class="gallery_product col-md-3 filter nature">-->
                <!--    <img src="img/gallery/gallery19.webp" style="width: 100%;">-->
                <!--</div>-->
                <!--<div class="gallery_product col-md-3 filter buildings">-->
                <!--    <img src="img/gallery/gallery22.webp" style="width: 100%;">-->
                <!--</div>-->
                <!--<div class="gallery_product col-md-3 filter people">-->
                <!--    <img src="img/gallery/gallery16.webp" style="width: 100%;">-->
                <!--</div>-->
            </div>
        </div>
    </section>

    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script>
        $(document).ready(function () {
            $(".filter-button").click(function () {
                var value = $(this).attr('data-filter');
                if (value == "all") {
                    $('.filter').show('1000');
                } else {
                    $(".filter").not('.' + value).hide('3000');
                    $('.filter').filter('.' + value).show('3000');
                }
                $(".filter-button").removeClass("active");
                $(this).addClass("active");
            });
        });
    </script>

    <style>
        #portfolio {
            padding: 40px;
            margin: 0 auto;
        }

        #portfolio .gallery-title {
            font-size: 36px;
            color: #db584e;
            text-align: center;
            font-weight: 700;
            padding: 40px 20px 60px;
        }

        #portfolio .filter-button {
            font-size: 18px;
            border: 1px solid #db584e;
            border-radius: 5px;
            text-align: center;
            color: #db584e;
            margin-bottom: 30px;
            background-color: #ffffff;
            cursor: pointer;
        }

        #portfolio .filter-button:hover,
        #portfolio .filter-button.active {
            background-color: #db584e;
            color: white;
        }

        #portfolio .port-image {
            width: 100%;
        }

        #portfolio .gallery_product {
            margin-bottom: 30px;
        }
    </style>
    <!-- ==== new gallery end ==== -->



    <!-- ==== Professional section start ==== -->

    <!-- <section class="professional">
        <div class="container">
            <div class="row">
                <div class=" col-lg-6 ">
                    <div class="inner-column">
                        <div class="sec-title">
                            <h6 class="section-title bg-white text-start text-primary pe-3">About Us</h6>
                            <h2 class="">A Community of Professionals and Entrepreneurs</h2>
                        </div>

                        <div class="text">At WorkEdge Coworx you will find professionals and entrepreneurs from across
                            the industry spectrum:</div>


                        <ul>
                            <li>Artificial Intelligence</li>
                            <li>Intellectual Property</li>
                            <li>Digital & Mobile Development</li>
                            <li>Financial Technology</li>
                            <li>Marketing & Branding</li>
                            <li>Venture Capitalists</li>
                            <li>Shipping</li>
                            <li>Adventure Tourism</li>
                            <li>Management Consultant</li>
                            <li>Fashion Technology</li>
                        </ul>


                        <div class="btn-box">
                            <a class="btn btn-primary py-3 px-5 mt-2" href="">Read More</a>
                        </div>
                    </div>
                </div>


                <div class=" col-lg-6 ">

                    <img src="img/icon/coworking-img1.jpg" alt="" width="100%" style="height: 100%;">
                </div>
            </div>

        </div>
    </section> -->

    <!-- ==== Professional section start ==== -->




    <!-- ======  working-pattern section start ==== -->

    <!-- <section class="final-work">
        <div class="container">
            <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
             
                <h1 class="new-font">   Working  <span style="color: #78c043;">   Pattern  </span> </h1>

                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Obcaecati, nostrum excepturi! Natus
                    expedita quasi</p>
            </div>
            <div class="row">

                <div class="col-md-4 mt-3">
                    <div class="final-work-box">
                        <h1>01</h1>
                        
                        <div class="btn-box">
                            <a class="btn btn-primary py-3 px-5 mt-2" href="">CONFERENCE ROOM</a>
                        </div>
                       

                        <p class="text-center">Duis hendrerit purus ac turpis dignissim gravida. Donec in vehicula
                            lectus. Curabitur dictum
                            auctor eros, ut feugiat risus facilisis ac.</p>

                    </div>
                </div>


                <div class="col-md-4 mt-3">
                    <div class="final-work-box">
                        <h1>02</h1>
                       
                        <div class="btn-box">
                            <a class="btn btn-primary py-3 px-5 mt-2" href="">PRIVATE CABINS</a>
                        </div>
                       

                        <p class="text-center">Duis hendrerit purus ac turpis dignissim gravida. Donec in vehicula
                            lectus. Curabitur dictum
                            auctor eros, ut feugiat risus facilisis ac.</p>

                    </div>
                </div>


                <div class="col-md-4 mt-3">
                    <div class="final-work-box">
                        <h1>03</h1>
                       
                        <div class="btn-box">
                            <a class="btn btn-primary py-3 px-5 mt-2" href="">MEETING ROOM</a>
                        </div>
                       

                        <p class="text-center">Duis hendrerit purus ac turpis dignissim gravida. Donec in vehicula
                            lectus. Curabitur dictum
                            auctor eros, ut feugiat risus facilisis ac.</p>

                    </div>
                </div>

            </div>
        </div>
    </section> -->

    <!-- ==== working-pattern section end ===== -->




    <!-- Contact Start -->
    <section class="final-form">
        <div class="container-xxl py-5">
            <div class="container">

                <!-- <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
                    <h6 class="section-title bg-white text-center text-primary px-3">Contact Us</h6>
                    <h1 class="mb-5">Contact For Any Query</h1>
                </div> -->

                <div class="row g-4">

                    <div class="col-lg-8 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                        <!-- <h5>Get In Touch</h5>
                        <p class="mb-4">Lorem ipsum dolor sit provident explicabo. </p>
                        <div class="d-flex align-items-center mb-3">
                            <div class="d-flex align-items-center justify-content-center flex-shrink-0 bg-primary"
                                style="width: 50px; height: 50px;">
                                <i class="fa fa-map-marker-alt text-white"></i>
                            </div>
                            <div class="ms-3">
                                <h5 class="text-primary">Office</h5>
                                <p class="mb-0">Village- Guthavali Tikri</p>
                            </div>
                        </div>
                        <div class="d-flex align-items-center mb-3">
                            <div class="d-flex align-items-center justify-content-center flex-shrink-0 bg-primary"
                                style="width: 50px; height: 50px;">
                                <i class="fa fa-phone-alt text-white"></i>
                            </div>
                            <div class="ms-3">
                                <h5 class="text-primary">Mobile</h5>
                                <p class="mb-0">+91 6396286547</p>
                            </div>
                        </div>
                        <div class="d-flex align-items-center">
                            <div class="d-flex align-items-center justify-content-center flex-shrink-0 bg-primary"
                                style="width: 50px; height: 50px;">
                                <i class="fa fa-envelope-open text-white"></i>
                            </div>
                            <div class="ms-3">
                                <h5 class="text-primary">Email</h5>
                                <p class="mb-0">superfastcarhelpline@gmail.com </p>
                            </div>
                        </div> -->


                        <h1 class="text-white">Dynamic workspace designed for modern professionals.</h1>
                        <!--<p class="text-white">Coworking Redefined:</p>-->
                        <p class="text-white">Located in Noida, our coworking office offers a vibrant environment tailored to meet the diverse needs of freelancers, startups, and established businesses alike.</p>

                        <p class="text-white">At Worcoz, you'll discover a range of flexible workspace solutions including private offices, dedicated desks, and open coworking areas. Whether you prefer a quiet space for focused work or seek opportunities to connect with like-minded individuals, our facilities are equipped to support your productivity and creativity.</p>
                        <p class="text-white">Beyond physical spaces, Worcoz fosters a sense of community through regular networking events, workshops, and collaborative initiatives. Join a diverse community of professionals who share a passion for innovation and growth, and experience firsthand the benefits of working in an environment that encourages collaboration and supports your professional aspirations.</p>

                    </div>



                    <div class="col-lg-4 col-md-12 wow fadeInUp" data-wow-delay="0.5s">
                        <form
                            style="background-color:#ffffff85; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding: 10px; border-radius: 15px;" method="POST" action="form.php">
                            <div class="row g-3">

                                <div class="col-md-12">
                                    <div class="form-floating">
                                        <input type="text" class="form-control" id="name" placeholder="Your Name" name="name-inquiry">
                                        <label for="name">Your Name</label>
                                    </div>
                                </div>

                                <div class="col-md-12">
                                <div class="form-floating">
                                      <input type="text" class="form-control" id="number" placeholder="Your Number" oninput="validateNumber(this)" name="phone-inquiry">
                                      <label for="number">Your Number</label>
                                      <span class="error" id="error-message"></span>
                                     </div>
                                </div>

                                <div class="col-12">
                                    <div class="form-floating">
                                        <input type="email" class="form-control" id="email" placeholder="Your Email" name="email-inquiry">
                                        <label for="email">E-mail</label>
                                    </div>
                                </div>

                                <div class="col-12">
                                    <div class="form-floating">
                                        <textarea class="form-control" placeholder="Leave a message here" id="message" name="message-inquiry"
                                            style="height: 100px"></textarea>
                                        <label for="message">Message</label>
                                    </div>
                                </div>

                                <div class="text-center">
                                    <button class="btn btn-primary  py-3" type="submit" name="submit-inquiry">Send Message</button>
                                </div>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- Contact End -->


    

<!-- ==== clients logo start ==== -->

<!--<section class="final-client">  -->
<!--<div class="container" >-->
<!--        <div class="text-center wow fadeInUp" data-wow-delay="0.1s">-->
<!--         <h1 class="new-font"> Our<span style="color: #78c043;"> Partners</span> </h1>-->
<!--        </div>-->
 
<!--   <section class="customer-logos slider" style="margin-top:50px;">-->
<!--      <div class="slide"><img src="https://image.freepik.com/free-vector/luxury-letter-e-logo-design_1017-8903.jpg"></div>-->
<!--      <div class="slide"><img src="https://image.freepik.com/free-vector/3d-box-logo_1103-876.jpg"></div>-->
<!--      <div class="slide"><img src="https://image.freepik.com/free-vector/blue-tech-logo_1103-822.jpg"></div>-->
<!--      <div class="slide"><img src="https://image.freepik.com/free-vector/colors-curl-logo-template_23-2147536125.jpg"></div>-->
<!--      <div class="slide"><img src="https://image.freepik.com/free-vector/abstract-cross-logo_23-2147536124.jpg"></div>-->
<!--      <div class="slide"><img src="https://image.freepik.com/free-vector/football-logo-background_1195-244.jpg"></div>-->
<!--      <div class="slide"><img src="https://image.freepik.com/free-vector/background-of-spots-halftone_1035-3847.jpg"></div>-->
     
<!--   </section>-->
<!--  </div>-->
<!--</section>-->


<!--        <script>-->
<!--            $(document).ready(function(){-->
<!--    $('.customer-logos').slick({-->
<!--        slidesToShow: 6,-->
<!--        slidesToScroll: 1,-->
<!--        autoplay: true,-->
<!--        autoplaySpeed: 1500,-->
<!--        arrows: false,-->
<!--        dots: false,-->
<!--        pauseOnHover: false,-->
<!--        responsive: [{-->
<!--            breakpoint: 768,-->
<!--            settings: {-->
<!--                slidesToShow: 4-->
<!--            }-->
<!--        }, {-->
<!--            breakpoint: 520,-->
<!--            settings: {-->
<!--                slidesToShow: 3-->
<!--            }-->
<!--        }]-->
<!--    });-->
<!--    });-->
<!--        </script>-->

    <!-- ==== clients logo end ==== -->


<style>
    
</style>

    <!-- Testimonial Start -->
    <section class="final-test ">
        <div class="container-xxl wow fadeInUp" data-wow-delay="0.1s">
            <div class="container">
                <div class="text-center">
                    <!-- <h6 class="section-title bg-white text-center text-primary px-3">Our Customers</h6> -->
                    <h1 class="new-font mb-5">Our <span style="color: #78c043;">Customers Say! </span> </h1>
                </div>

                <div class="owl-carousel testimonial-carousel position-relative">

                    <div class="testimonial-item text-center">
                        <img class="p-2 mx-auto mb-3" src="img/star.png">
                        <h5 class="mt-3 text-white">Megha Dixit</h5>

                        <div class="testimonial-text  text-center">
                            <p class="mb-0 text-justify">I booked myself a seat at worcoz Co-working space and started operating here since a month. It is an efficient working space for freelancers and startups where you get nice working environment and all basic amenities without any hassle. It's nearby electronic city metro station.</p>
                        </div>
                    </div>


                    <div class="testimonial-item text-center">
                       <img class="p-2 mx-auto mb-3" src="img/star.png">
                        <h5 class="mt-3 text-white">Anubhav Rakheja</h5>

                        <div class="testimonial-text text-center">
                            <p class="mb-0 text-justify">Thank you for a wonderful experience at Worcoz. It was a seamless ,smooth and a great client meeting at your coworking. Space the biggest compliment we could give you is that our client did not even thought that it’s a coworking space every time they referred this to be my office And I think the biggest compliment to a co-working space is to receive this as a testimony that the visitors don’t think this is a coworking.</p>
                        </div>
                    </div>
                    
                    <div class="testimonial-item text-center">
                       <img class="p-2 mx-auto mb-3" src="img/star.png">
                        <h5 class="mt-3 text-white">Naveen Bansal</h5>

                        <div class="testimonial-text text-center">
                            <p class="mb-0 text-justify">It is Professionally managed co working space having great ambience. Worcoz has all the amenities like meeting rooms for individual and team meetings , lockers to store your belongings securely and cafeteria . Worcoz is at walking distance from metro station. I recommend Worcoz for its flexible and fixed seats, private cabins and meeting rooms.</p>
                        </div>
                    </div>
                    
                    <div class="testimonial-item text-center">
                       <img class="p-2 mx-auto mb-3" src="img/star.png">
                        <h5 class="mt-3 text-white">Pawan Jain</h5>

                        <div class="testimonial-text text-center">
                            <p class="mb-0 text-justify">Beautifully done co-work place....nice ambience with all the amenities one can look for in an office. I got a cabin booked for my son and his friend in Worcoz and they are really happy with the decision. Thanks for sparing us with all the hassles of setting up an independent office.</p>
                        </div>
                    </div>
                    
                    <div class="testimonial-item text-center">
                       <img class="p-2 mx-auto mb-3" src="img/star.png">
                        <h5 class="mt-3 text-white">Himani Chauhan</h5>

                        <div class="testimonial-text text-center">
                            <p class="mb-0 text-justify">I recently started using Worcoz's co-working office space in Noida and am thoroughly impressed. The work environment is conducive to focusing and accomplishing daily tasks efficiently. The amenities offered, like high-speed internet and meeting rooms, are top-notch. It's the perfect place for professionals of all stripes.</p>
                        </div>
                    </div>
                    
                    <div class="testimonial-item text-center">
                       <img class="p-2 mx-auto mb-3" src="img/star.png">
                        <h5 class="mt-3 text-white">Prabhat Singh</h5>

                        <div class="testimonial-text text-center">
                            <p class="mb-0 text-justify">Worcoz is undoubtedly the best coworking space in Noida Sector 63! The vibrant and modern workspace is equipped with all the amenities one could ask for, making it a perfect environment for productivity and creativity. The staff is incredibly friendly and always ready to assist. The high-speed internet, comfortable seating, and well-maintained facilities are just a few of the highlights.</p>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- Testimonial End -->




    <!-- ===== blog section start ==== -->
    <section class="final-blog">
        <div class="text-center">
            <!-- <h6 class="section-title bg-white text-center text-primary px-3">Blogs</h6> -->
            <h1 class=" new-font mb-5">  Our <span style="color: #78c043;">  Blog  </span></h1>
        </div>
        <div class="wrapper">
           
           <?php   
$statement = $pdo->prepare("SELECT id,name,banner,created_at,short_description,slug FROM blogs order by id DESC limit 3");
$statement->execute();
$result = $statement->fetchAll(PDO::FETCH_ASSOC);
foreach ($result as $row) {
?>
            <div class="card">
                <div class="card-banner">
                    <p class="category-tag popular"><?php echo $row['name']; ?></p>
                    <img class="banner-img" src="<?php path(); ?>admin//img/blogs/<?php echo $row['banner']; ?>" alt=''>
                </div>
                <div class="card-body">
                    <p class="blog-hashtag"><?php echo $row['created_at']; ?></p>
                    <!--<h5 class="blog-title">Lorem ipsum dolor sit amet</h5>-->
                    <p class="blog-description para"><?php echo $row['short_description']; ?></p>

                    <div class="btn-box text-center">
                        <a class="btn btn-primary py-3 px-5 mt-2" href="<?php path(); ?>blogs/<?php echo $row['slug']  ?>">Read More</a>
                    </div>
                </div>
            </div>
<?php } ?>

        </div>
    </section>
    <!-- ==== blog section end ==== -->

    <?php include('include/footer.php'); ?> 
    
    <!-- Swiper JS -->
   <script src="//cdn.jsdelivr.net/gh/freeps2/a7rarpress@main/swiper-bundle.min.js"></script>

    <!-- JavaScript -->
      <!--Uncomment this line-->
    <script src="//cdn.jsdelivr.net/gh/freeps2/a7rarpress@main/script.js"></script>
    

<script>
    var swiper = new Swiper(".slide-content", {
    slidesPerView: 3,
    spaceBetween: 25,
    loop: true,
    centerSlide: 'true',
    fade: 'true',
    grabCursor: 'true',
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
      dynamicBullets: true,
    },
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },

    breakpoints:{
        0: {
            slidesPerView: 1,
        },
        520: {
            slidesPerView: 2,
        },
        950: {
            slidesPerView: 3,
        },
    },
  });

</script>
</body>

</php>