<?php include 'header.php' ?>

<div class="breadcumb-wrapper" style="
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(assets/img/banner-inner.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;
">
    <div class="container">
        <div class="breadcumb-content">
            <h2 class="breadcumb-title">Gallery</h2>
            <ul class="breadcumb-menu">
                <li><a href="index.php">Home</a></li>
                <li>Gallery</li>
            </ul>
        </div>
    </div>
</div>



<div class="space  ">
    <div class="container">
        
        <div class="row gy-4 justify-content-center text-center">
            
              <div class="col-lg-4">
                     <div class="contact-details-card  team-section " id="ep">
            <div class="contact-feature d-block pb-0 ">
              
                        
                        <div class="swiper project-slider">
  <div class="swiper-wrapper">
  
      <div class="swiper-slide">
     <img src="assets/img/photos/1.jpg" alt="Image">
    </div>
    
  </div>


  <div class="swiper-pagination project-pagination"></div>


  <div class="swiper-button-next project-next"></div>
  <div class="swiper-button-prev project-prev"></div>
</div>

                        <div class="media-body">
                            <h5 class="mt-2 mb-0">
Sales & Marketing
                            </h5>
                           

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

               </div>
               
                <div class="col-lg-4">
                     <div class="contact-details-card  team-section " id="ep">
            <div class="contact-feature d-block pb-0 ">
              
                        
                        <div class="swiper project-slider">
  <div class="swiper-wrapper">
   
    <div class="swiper-slide">
     <img src="assets/img/engineering-planning/4.jpg" alt="Image">
    </div>
      
      <div class="swiper-slide">
     <img src="assets/img/photos/8.jpg" alt="Image">
    </div>
      <div class="swiper-slide">
     <img src="assets/img/engineering-planning/6.jpg" alt="Image">
    </div>
  </div>


  <div class="swiper-pagination project-pagination"></div>


  <div class="swiper-button-next project-next"></div>
  <div class="swiper-button-prev project-prev"></div>
</div>

                        <div class="media-body">
                            <h5 class="mt-2 mb-0">
                                Engineering & Planning
                            </h5>
                           

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

               </div>
               
               
                <div class="col-lg-4">
                     <div class="contact-details-card  team-section " id="ep">
            <div class="contact-feature d-block pb-0 ">
              
                        
                        <div class="swiper project-slider">
  <div class="swiper-wrapper">
    
    <div class="swiper-slide">
     <img src="assets/img/engineering-planning/2.jpg" alt="Image">
    </div>
   
      <div class="swiper-slide">
     <img src="assets/img/photos/3.jpg" alt="Image">
    </div>
      
  </div>


  <div class="swiper-pagination project-pagination"></div>


  <div class="swiper-button-next project-next"></div>
  <div class="swiper-button-prev project-prev"></div>
</div>

                        <div class="media-body">
                            <h5 class="mt-2 mb-0">
                              Procurement
                            </h5>
                           

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

               </div>
               
                <div class="col-lg-4">
                     <div class="contact-details-card  team-section " id="ep">
            <div class="contact-feature d-block pb-0 ">
              
                        
                        <div class="swiper project-slider">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
     <img src="assets/img/project-execution/1.jpg" alt="Image">
    </div>
    <div class="swiper-slide">
     <img src="assets/img/project-execution/2.jpg" alt="Image">
    </div>
    
      <div class="swiper-slide">
     <img src="assets/img/photos/9.jpg" alt="Image">
    </div>
      <div class="swiper-slide">
     <img src="assets/img/project-execution/6.jpg" alt="Image">
    </div>
  </div>


  <div class="swiper-pagination project-pagination"></div>


  <div class="swiper-button-next project-next"></div>
  <div class="swiper-button-prev project-prev"></div>
</div>

                        <div class="media-body">
                            <h5 class="mt-2 mb-0">
                               Projects
                            </h5>
                           

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

               </div>
               
                <div class="col-lg-4">
                     <div class="contact-details-card  team-section " id="ep">
            <div class="contact-feature d-block pb-0 ">
              
                        
                        <div class="swiper project-slider">
  <div class="swiper-wrapper">
       <div class="swiper-slide">
     <img src="assets/img/photos/12.jpg" alt="Image">
    </div>
     
    <div class="swiper-slide">
     <img src="assets/img/photos/5.jpg" alt="Image">
    </div>
    
     
  </div>


  <div class="swiper-pagination project-pagination"></div>


  <div class="swiper-button-next project-next"></div>
  <div class="swiper-button-prev project-prev"></div>
</div>

                        <div class="media-body">
                            <h5 class="mt-2 mb-0">
                                Safety
                            </h5>
                           

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

               </div>
               
                <div class="col-lg-4">
                     <div class="contact-details-card  team-section " id="ep">
            <div class="contact-feature d-block pb-0 ">
              
                        
                        <div class="swiper project-slider">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
     <img src="assets/img/services/1.jpg" alt="Image">
    </div>
    <div class="swiper-slide">
     <img src="assets/img/services/2.jpg" alt="Image">
    </div>
    <div class="swiper-slide">
     <img src="assets/img/services/3.jpg" alt="Image">
    </div>
    <div class="swiper-slide">
     <img src="assets/img/services/4.jpg" alt="Image">
    </div>
      
  </div>


  <div class="swiper-pagination project-pagination"></div>


  <div class="swiper-button-next project-next"></div>
  <div class="swiper-button-prev project-prev"></div>
</div>

                        <div class="media-body">
                            <h5 class="mt-2 mb-0">
                               Service
                            </h5>
                           

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

               </div>
               
                <div class="col-lg-4">
                     <div class="contact-details-card  team-section " id="ep">
            <div class="contact-feature d-block pb-0 ">
              
                        
                        <div class="swiper project-slider">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
     <img src="assets/img/quality-control/1.jpg" alt="Image">
    </div>
    <div class="swiper-slide">
     <img src="assets/img/quality-control/2.jpg" alt="Image">
    </div>
    <div class="swiper-slide">
     <img src="assets/img/quality-control/3.jpg" alt="Image">
    </div>
    <div class="swiper-slide">
     <img src="assets/img/quality-control/4.jpg" alt="Image">
    </div>
      <div class="swiper-slide">
     <img src="assets/img/quality-control/5.jpg" alt="Image">
    </div>
     
  </div>


  <div class="swiper-pagination project-pagination"></div>


  <div class="swiper-button-next project-next"></div>
  <div class="swiper-button-prev project-prev"></div>
</div>

                        <div class="media-body">
                            <h5 class="mt-2 mb-0">
                              Quality Control
                            </h5>
                           

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

               </div>
               
                <div class="col-lg-4">
                     <div class="contact-details-card  team-section " id="ep">
            <div class="contact-feature d-block pb-0 ">
              
                        
                        <div class="swiper project-slider">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
     <img src="assets/img/testing-commissioning/1.jpg" alt="Image">
    </div>
    <div class="swiper-slide">
     <img src="assets/img/testing-commissioning/2.jpg" alt="Image">
    </div>
    <div class="swiper-slide">
     <img src="assets/img/testing-commissioning/3.jpg" alt="Image">
    </div>
    
  </div>


  <div class="swiper-pagination project-pagination"></div>


  <div class="swiper-button-next project-next"></div>
  <div class="swiper-button-prev project-prev"></div>
</div>

                        <div class="media-body">
                            <h5 class="mt-2 mb-0">
                             Testing & Commissioning
                            </h5>
                           

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

               </div>
               
               
        </div>

    </div>
</div>

<?php include 'footer.php' ?>