
  <!-- Start main-content -->
  <div class="main-content">

    <!-- Section: inner-header -->
    <section class="inner-header divider parallax layer-overlay overlay-dark-5" data-stellar-background-ratio="0.5" data-bg-img="images/bg/bg1.jpg">
      <div class="container pt-10 pb-10">
        <!-- Section Content -->
        <div class="section-content">
          <div class="row"> 
            <div class="col-md-12">
              <h3 class="title text-white"><?php echo $page_title->menu_name_projects; ?></h3>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Section: Causes -->
    <section>
      <div class="container">
        <div class="row mtli-row-clearfix">
          <?php foreach ($all_featured_project as $event):?>
            <div class="col-xs-12 col-sm-6 col-md-4">
              <article class="post clearfix mb-30 bg-lighter">
                <div class="entry-header">
                  <div class="post-thumb thumb"> 
                    <img src="<?php echo base_url(); ?><?php echo $event->project_image ?>" alt="<?php echo $event->project_title ?>" class="img-responsive img-fullwidth"> 
                  </div>
                </div>
                <div class="entry-content p-20 pr-10">
                  <div class="entry-meta media mt-0 no-bg no-border">
                    <div class="media-body pl-15">
                      <div class="event-content pull-left flip">
                        <h4 class="entry-title text-white text-uppercase m-0 mt-5"><a href="<?php echo base_url(); ?>/featured-project-details/<?php echo $event->project_slug; ?>"><?php echo mb_strimwidth($event->project_title, 0, 50, "..."); ?></a></h4>
                                        
                      </div>
                    </div>
                  </div>
                  <p class="mt-10"><?php echo mb_strimwidth($event->project_short_description, 0, 100, "..."); ?></p>
                  <a href="<?php echo base_url(); ?>/featured-project-details/<?php echo $event->project_slug; ?>" class="btn-read-more"><?php echo read_more(); ?></a>
                  <div class="clearfix"></div>
                </div>
              </article>
            </div>
          <?php endforeach; ?>
        </div>
      </div>
    </section>

  </div>
  <!-- end main-content -->