
    <!--/breadcrumb-bg-->
    <div class="breadcrumb-bg w3l-inner-page-breadcrumb py-5">
      <div class="container pt-lg-5 pt-md-3 p-lg-4 pb-md-3 my-lg-3">
        <h2 class="title pt-5">Program</h2>
        <ul class="breadcrumbs-custom-path mt-3 text-center">
          <li><a href="<?= base_url('Front/index') ?>">Home</a></li>
          <li class="active"><span class="fa fa-arrow-right mx-2" aria-hidden="true"></span> Program </li>
        </ul>
      </div>
    </div>
  <!--//breadcrumb-bg-->
  <!-- banner bottom shape -->
  <div class="position-relative">
    <div class="shape overflow-hidden">
      <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
      </svg>
    </div>
  </div>
  <!-- banner bottom shape -->
  <!--/serices-6-->
  <section class="w3l-serices-6 py-5" id="services1">
    <div class="container py-lg-5 py-md-4 py-2">
      <div class="title-content text-center">
        <h6 class="title-subhny text-center">
          Save Ranu Grati
        </h6>
        <h3 class="title-w3l mb-sm-5 mb-4 pb-sm-o pb-2 text-center">Program Kami</h3>
      </div>
      
      <div class="grids-area-hny text-center row mt-lg-4">
      <?php 
        $program = $this->Program_m->select();
        foreach ($program as $row) {
      ?>
        <div class="col-lg-4 col-md-6 grids-feature mb-3">
          <div class="area-box icon-blue">
              <a href="<?= base_url('Front/detail_program/'.$row->id_program)?>"> <img src="<?= base_url('./assets/images/program/'.$row->gambar) ?>" style="height:210px" alt="" class="img-fluid radius-image"></a>
              <h4><a href="<?= base_url('Front/detail_program/'.$row->id_program)?>" class="title-head"><?= $row->program ?></a></h4>
          </div>
        </div>
        <?php } ?>
      </div>
    </div>
  </section>
  <!--//services-6-->

  