File: /home/jairicem/victoriousloycefoundation.org/wp-content/themes/poorex/page-templates/donation-1.php
<?php
/**
* Template Name: Donation 01
* @package poorex
*/
get_header();
?>
<main>
<!-- donate-area-start -->
<div class="tp-donate__area pt-120 pb-120">
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-6 wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay=".3s">
<div class="tp-donate__item">
<div class="tp-donate__thumb p-relative fix">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/donate/donate-3-1.png" alt="">
<div class="tp-donate__thumb-shape">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/donate/donate-shape-1.png" alt="">
<div class="tp-donate__thumb-text">
<span>SHELTER</span>
</div>
</div>
</div>
<div class="tp-donate__content">
<div class="tp-donate__text">
<a href="donation-details.html">
<h5 class="tp-donate__title">Contribute Make For The Somalians happy
</h5>
</a>
<p>Street children are poor or home children who live on the streets </p>
</div>
<div class="tp-donate-progress">
<div class="tp-donate-progress-item fix">
<span class="progress-count">42%</span>
<div class="progress">
<div class="progress-bar wow slideInLeft" data-wow-duration="1s"
data-wow-delay=".3s" role="progressbar" data-width="42%"
aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"
style="width: 58%; visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: slideInLeft;">
</div>
</div>
<div class="progress-goals">
<span>Raised <b> $4,407</b></span>
<span>Goal <b> $10.000</b></span>
</div>
</div>
</div>
<div class="tp-donate__button">
<a class="tp-grey-btn" href="donation-sidebar.html">Donate Now</a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay=".5s">
<div class="tp-donate__item">
<div class="tp-donate__thumb p-relative fix">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/donate/donate-3-2.png" alt="">
<div class="tp-donate__thumb-shape">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/donate/donate-shape-1.png" alt="">
<div class="tp-donate__thumb-text">
<span>CHARITY</span>
</div>
</div>
</div>
<div class="tp-donate__content">
<div class="tp-donate__text">
<a href="donation-details.html">
<h5 class="tp-donate__title">Give African Child A Good
Education</h5>
</a>
<p>Street children are poor or home children who live on the streets </p>
</div>
<div class="tp-donate-progress">
<div class="tp-donate-progress-item fix">
<span class="progress-count">64%</span>
<div class="progress">
<div class="progress-bar wow slideInLeft" data-wow-duration="1s"
data-wow-delay=".3s" role="progressbar" data-width="64%"
aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"
style="width: 58%; visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: slideInLeft;">
</div>
</div>
<div class="progress-goals">
<span>Raised <b> $6,790</b></span>
<span>Goal <b> $10.000</b></span>
</div>
</div>
</div>
<div class="tp-donate__button">
<a class="tp-grey-btn" href="donation-sidebar.html">Donate Now</a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay=".7s">
<div class="tp-donate__item">
<div class="tp-donate__thumb p-relative fix">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/donate/donate-3-3.png" alt="">
<div class="tp-donate__thumb-shape">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/donate/donate-shape-1.png" alt="">
<div class="tp-donate__thumb-text">
<span>FOOD</span>
</div>
</div>
</div>
<div class="tp-donate__content">
<div class="tp-donate__text">
<a href="donation-details.html">
<h5 class="tp-donate__title">Raise Fund For Clean &
Healthy Food</h5>
</a>
<p>Street children are poor or home children who live on the streets </p>
</div>
<div class="tp-donate-progress">
<div class="tp-donate-progress-item fix">
<span class="progress-count">82%</span>
<div class="progress">
<div class="progress-bar wow slideInLeft" data-wow-duration="1s"
data-wow-delay=".3s" role="progressbar" data-width="82%"
aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"
style="width: 58%; visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: slideInLeft;">
</div>
</div>
<div class="progress-goals">
<span>Raised <b> $8,904</b></span>
<span>Goal <b> $10.000</b></span>
</div>
</div>
</div>
<div class="tp-donate__button">
<a class="tp-grey-btn" href="donation-sidebar.html">Donate Now</a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay=".8s">
<div class="tp-donate__item">
<div class="tp-donate__thumb p-relative fix">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/donate/donate-1-1.png" alt="">
<div class="tp-donate__thumb-shape">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/donate/donate-shape-1.png" alt="">
<div class="tp-donate__thumb-text">
<span>SHELTER</span>
</div>
</div>
</div>
<div class="tp-donate__content">
<div class="tp-donate__text">
<a href="donation-details.html">
<h5 class="tp-donate__title">Promoting The Rights of Children
</h5>
</a>
<p>Street children are poor or home children who live on the streets </p>
</div>
<div class="tp-donate-progress">
<div class="tp-donate-progress-item fix">
<span class="progress-count">42%</span>
<div class="progress">
<div class="progress-bar wow slideInLeft" data-wow-duration="1s"
data-wow-delay=".3s" role="progressbar" data-width="42%"
aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"
style="width: 58%; visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: slideInLeft;">
</div>
</div>
<div class="progress-goals">
<span>Raised <b> $4,407</b></span>
<span>Goal <b> $10.000</b></span>
</div>
</div>
</div>
<div class="tp-donate__button">
<a class="tp-grey-btn" href="donation-sidebar.html">Donate Now</a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay="1s">
<div class="tp-donate__item">
<div class="tp-donate__thumb p-relative fix">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/donate/donate-1-2.png" alt="">
<div class="tp-donate__thumb-shape">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/donate/donate-shape-1.png" alt="">
<div class="tp-donate__thumb-text">
<span>CHARITY</span>
</div>
</div>
</div>
<div class="tp-donate__content">
<div class="tp-donate__text">
<a href="donation-details.html">
<h5 class="tp-donate__title">Your Little Help Can Heal
Their Helps </h5>
</a>
<p>Street children are poor or home children who live on the streets </p>
</div>
<div class="tp-donate-progress">
<div class="tp-donate-progress-item fix">
<span class="progress-count">64%</span>
<div class="progress">
<div class="progress-bar wow slideInLeft" data-wow-duration="1s"
data-wow-delay=".3s" role="progressbar" data-width="64%"
aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"
style="width: 58%; visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: slideInLeft;">
</div>
</div>
<div class="progress-goals">
<span>Raised <b> $6,790</b></span>
<span>Goal <b> $10.000</b></span>
</div>
</div>
</div>
<div class="tp-donate__button">
<a class="tp-grey-btn" href="donation-sidebar.html">Donate Now</a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay="1.3s">
<div class="tp-donate__item">
<div class="tp-donate__thumb p-relative fix">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/donate/donate-1-3.png" alt="">
<div class="tp-donate__thumb-shape">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/donate/donate-shape-1.png" alt="">
<div class="tp-donate__thumb-text">
<span>FOOD</span>
</div>
</div>
</div>
<div class="tp-donate__content">
<div class="tp-donate__text">
<a href="donation-details.html">
<h5 class="tp-donate__title">Providing access to safe water, sanitation</h5>
</a>
<p>Street children are poor or home children who live on the streets </p>
</div>
<div class="tp-donate-progress">
<div class="tp-donate-progress-item fix">
<span class="progress-count">82%</span>
<div class="progress">
<div class="progress-bar wow slideInLeft" data-wow-duration="1s"
data-wow-delay=".3s" role="progressbar" data-width="82%"
aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"
style="width: 58%; visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: slideInLeft;">
</div>
</div>
<div class="progress-goals">
<span>Raised <b> $8,904</b></span>
<span>Goal <b> $10.000</b></span>
</div>
</div>
</div>
<div class="tp-donate__button">
<a class="tp-grey-btn" href="donation-sidebar.html">Donate Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div class="basic-pagination text-center pt-30">
<nav>
<ul>
<li>
<a href="donation-details.html">1</a>
</li>
<li>
<a href="donation-details.html">2</a>
</li>
<li>
<a href="donation-details.html">3</a>
</li>
<li>
<a href="donation-details.html">
<span class="current"><i class="flaticon-arrow-right"></i></span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- donate-area-end -->
</main>
<?php
get_footer();