<?php include "include/header.php"; ?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.min.js"></script>

<section class="sec-title text-white ">
  <div class="container">

            <div class="row">
              <div class="col-12 col-sm-12 col-md-12 col-lg-12">
  <h2>Other Products</h2>  
   </div>
             </div>  </div>
</section>

<section class="sec-services padding-70 " style="background: #eee">
          <div class="container">

            <div class="row">
              <div class="col-12 col-sm-12 col-md-12 col-lg-12">
                 </div>
              
                <?php
                $cnt=0;
                foreach($gallery as $row):
                $g_id = $row->g_id;
                $cnt+=1;
                ?>

                  <div class="col-6 col-sm-4 col-md-4 col-lg-4">
                <div class="card photos" >
                  <a href="<?php echo base_url();?>assets/uploads/gallery/gallery_<?php echo $row->g_id;?>.jpg" data-lightbox="photos">
               <img src="<?php echo base_url();?>assets/uploads/gallery/gallery_<?php echo $row->g_id.'.jpg';?>" class="card-img-top" alt="..." style="height: 230px;" onerror="this.src='<?php echo base_url();?>assets/default-img.gif'">
               <div class="card-text">
                 <h4 class="text-center"><?php echo $row->g_name; ?></h4>
               </div>
            </a>
                 
             
            </div>
                
              </div>
 <?php
                endforeach;
                ?> 

               

           
              
                
             
              
              
            </div>

            
            
          </div>
        </section>










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