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

    <!--=======================   banner section  ========================-->
    <section class="banner-section" style=" background-image: url('assets/images/banners/about.jpg');">
       <div class="banner-head">
            <div class="banner-heading">
            <h1>Gallery</h1>
            <nav class="breadcrumbs" role="navigation" aria-label="Breadcrumbs">
                <div class="breadcrumbs">
                  <span><a href="index.php" rel="home">Home</a></span>
                  <span><i class="fa fa-angle-right"></i></span>
                  <span>Gallery</span>  
                </div>
              </nav>
            </div>
       </div>
    </section> 
    <!--======================= end banner section ===================--> 
    
    <section class="overflow-hidden space" id="service-sec">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-7 col-md-8"> 
                    <div class="title-area text-center"><span class="sub-title"><img src="assets/img/theme-img/title_icon.svg" alt="Icon"><span style="font-size:25px;">Gallery</span></span>   
                    </div> 
                </div>  
            </div>
            <div  class="row gy-40  justify-content-center">
                <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g1.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                 <div class="col-xl-4 col-md-6"> 
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g2.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g9.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                 <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g12.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g20.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g21.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                </div>
                  <div  class="row gy-40  mt-5 justify-content-center">
                 <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g3.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                 <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g4.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g5.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g6.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                 
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g11.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                 
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g13.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g14.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g15.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g16.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g17.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g18.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g19.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g22.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g23.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g24.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g25.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g26.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g27.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                </div>
                  <div  class="row gy-40 mt-5 justify-content-center">
                 <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g7.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g8.jpg" alt="gallery-image"></div>
                    </div>
                </div>
                
                  <div class="col-xl-4 col-md-6">
                    <div class="service-card">
                        <div class="box-img"><img src="assets/img/gallery/g10.jpg" alt="gallery-image"></div>
                    </div>
                </div>
              
              
            </div>
        </div>
    </section>
 

<?php include "footer.php"; ?>