
  <!-- 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="">
      <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">Donate</h3>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section>
      <div class="container">
        <div class="section-content">
          <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-6">
              <h3 class="mt-0 line-bottom">Make a Donation<span class="font-weight-300"> Now!</span></h3>
              <div class="row">
                <?php foreach ($all_project as $project): ?>
                  <div class="col-sm-4 col-xs-6 projects">
                    <button class="modal_btn" onclick="open_payment_modal_3(<?php echo $project->project_id ?>, <?php echo $project->project_donation_amt; ?>)">
                      <div><b><i class="fa fa-inr" aria-hidden="true"></i> <?php echo $project->project_donation_amt; ?></b></div>
                      <div><?php echo mb_strimwidth($project->project_title, 0, 40, "..."); ?></div>
                    </button>
                </div>
                <?php endforeach ?>
              </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-6">
              <h3 class="mt-0 line-bottom">Bank Details</h3>
              <?php echo $app_setting->bank_details; ?>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <!-- end main-content -->

<style type="text/css">
@media only screen and (max-width: 600px) {
  .projects {
    margin-bottom:20px;
  }
  .modal_btn
  {
    height: 100px;
  }
}
.modal_btn
{
  background-color: #fff;
  
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border: none;
  width: 100%;
  height:100px;
  margin-bottom:20px;
}
</style>
