File: /home/jairicem/victoriousloycefoundation.org/wp-content/themes/poorex/page-templates/home-1.php
<?php
/**
* Template Name: Home 01
* @package poorex
*/
get_header();
?>
<main>
<!-- slider-area-start -->
<div class="tp-slider__area p-relative">
<div class="tp-slider__arrow-box">
<div class="slider-prev">
<button>
<svg id="body" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="67" height="24" viewBox="0 0 67 24">
<g id="hero">
<g id="slider">
<g id="next">
<image id="right-arrow" width="67" height="24"
xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAYCAYAAAChg0BHAAABwElEQVRYheXZzatNYRTH8c+90WXgZXAJJTMKJddbCRmQkZn/xlzJwMR/wcRA6ooRQoiJtygvMxTFwC3u0aq162l33XPOwLPZ5zvaa59O5/f8Wnvt3/OcqcFgYAwuYQfO4sE4X/wfWDGGxss4k9eLODWpZszjZF4v4Pxf1NQZo5hRGvED+/Csh14MNeMGThT18b4aEUwv89l8YcR3HMT9Sro6YanOWIXr2QWNEQfwos9GBO1X60o8xu6sv+DwJBhhic64VRjRdMSbDnR1QjMzVuMhjmQds2HNJBkhO2Mt7hQdETniKo5ic8f6ahAN8RM3Y2a8xPbiRxeHvGX6yvtY9GxrcZNoRDAbnbE1N12b8makzHN4jY0dC6zBFH5FnGherVtwD2FM3LiG0723oUWZM9bhLnZm/QFz+PwvCK1BO3Stx/PikXmXWeNTL1ffoj0sv7Z2pdvwCBs6VVmJP510zWTw2pN1PDLH8LZvBpQsd+w3kzNkLutv2I9X1VVWYtgZ6HRu3JoOiWG6Cx/7YkDJsIAVafQQnmYdAe0J9taTWI9R0uZCGnI769ivXOjD4tuMeiAchsTG7Ur+VXCxnsRK4DeksGLGpvQizQAAAABJRU5ErkJggg==" />
</g>
</g>
</g>
</svg>
</button>
</div>
<div class="slider-next">
<button>
<svg id="body2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="67" height="24" viewBox="0 0 67 24">
<g id="hero2">
<g id="slider2">
<g id="next_copy" data-name="next copy">
<image id="right-arrow2" width="67" height="24"
xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAYCAYAAAChg0BHAAABrUlEQVRYheXZT0tVYRDH8U8pVJILIZMWaYsIjRZp6A1rIaSBtK130Stw3yJa9EbaRKsSIiIE+yMJKhW4kKCihRgoGIE3HpgbD7fUu8krz/munjnM4cz5MTPPPOccqdfrCmQM9/ARd1t9vVLFeIqbsX6EO63cdPT/xtQ27uNnPPw2nrUSSKmZkbiIdzge9myWLf+k1MxIrGAis6dCkF0pWYzEfDTTzbAn9yqZksskZxBvcDKuvcA0tnOnqoghBJlDT9hLGMGvhkPpZZLzAaNZyVzC89yhSmIkVtEdvSRxHW9xIhmdkTY3Yr3T3lgPhK94jMs4hit4jWupZ6yhvwIiNLPTVBmfkhhb6Doc8bWV9STG+dhmOlCFreU70jvPZNPptzSPVGlrzXmCW2m0wGdcxZfOwxPfgXAKCzgbD0sj+zh+qNjQ1RtT6EDYqTSGsNFwqMqc0Rsn2IYQK7GlbuROVSiTc3iZlcYiatn3jj+ULsaFmDC7w16IHvGXEArvGaexHE1TZMTIXlN2qT1jGO+bhKjtd9woVYwHOBPrV7v1iGZK7RkP0Re/CtIH4f3Bb9DhZBVrqhtZAAAAAElFTkSuQmCC" />
</g>
</g>
</g>
</svg>
</button>
</div>
</div>
<div class="tp-slider__wrapper">
<div class="swiper-container tp-slider__active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="tp-slider__bg d-flex align-items-center p-relative"
data-background="<?php echo get_template_directory_uri() ?>/assets/img/slider/slider-bg-1-3.png">
<div class="tp-slider__shape z-index">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/slider/slider-shape-1.png" alt="">
</div>
<div class="tp-slider__shape-2" data-background="<?php echo get_template_directory_uri() ?>/assets/img/slider/slider-shape-2.png">
</div>
<div class="tp-slider__shape-3">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/slider/slider-shape-3.png" alt="">
</div>
<div class="tp-slider__shape-4">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/slider/slider-shape-4.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-12">
<div class="tp-slider__content-wrap z-index">
<div class="tp-slider__content">
<span class="tp-slider-subtitle">We are here to support you every
steps</span>
<h4 class="tp-slider-title pb-30">Giving Help <br> To Those Who <br>
Need It</h4>
<a class="tp-btn theme-2-bg" href="about-us.html">Discover More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tp-slider__bg d-flex align-items-center p-relative"
data-background="<?php echo get_template_directory_uri() ?>/assets/img/slider/slider-bg-1-1.png">
<div class="tp-slider__shape z-index">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/slider/slider-shape-1.png" alt="">
</div>
<div class="tp-slider__shape-2" data-background="<?php echo get_template_directory_uri() ?>/assets/img/slider/slider-shape-2.png">
</div>
<div class="tp-slider__shape-3">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/slider/slider-shape-3.png" alt="">
</div>
<div class="tp-slider__shape-4">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/slider/slider-shape-4.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-12">
<div class="tp-slider__content-wrap z-index">
<div class="tp-slider__content">
<span class="tp-slider-subtitle">We are here to support you every
steps</span>
<h4 class="tp-slider-title pb-30">Giving Help <br> To Those Who <br>
Need It</h4>
<a class="tp-btn theme-2-bg" href="about-us.html">Discover More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tp-slider__bg d-flex align-items-center p-relative"
data-background="<?php echo get_template_directory_uri() ?>/assets/img/slider/slider-bg-1-2.png">
<div class="tp-slider__shape z-index">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/slider/slider-shape-1.png" alt="">
</div>
<div class="tp-slider__shape-2" data-background="<?php echo get_template_directory_uri() ?>/assets/img/slider/slider-shape-2.png">
</div>
<div class="tp-slider__shape-3">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/slider/slider-shape-3.png" alt="">
</div>
<div class="tp-slider__shape-4">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/slider/slider-shape-4.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-12">
<div class="tp-slider__content-wrap z-index">
<div class="tp-slider__content">
<span class="tp-slider-subtitle">We are here to support you every
steps</span>
<h4 class="tp-slider-title pb-30">Giving Help <br> To Those Who <br>
Need It</h4>
<a class="tp-btn theme-2-bg" href="about-us.html">Discover More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- slider-area-end -->
<!-- feature-area-start -->
<div class="tp-feature__area">
<div class="tp-feature__space" data-background="<?php echo get_template_directory_uri() ?>/assets/img/feature/fea-bg-1.jpg">
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-4 mb-30 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-feature__wraper">
<div class="tp-feature__shape-1">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/feature/fea-shape-1.png" alt="">
</div>
<div class="tp-feature__shape-2">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/feature/fea-shape-2.png" alt="">
</div>
<div class="tp-feature__item z-index">
<div class="tp-feature__content d-flex align-items-center justify-content-between">
<h4 class="tp-feature__title-sm">Medical & <br> Treatment</h4>
<div class="tp-feature__icon">
<span>
<i class="flaticon-stethoscope"></i>
</span>
</div>
</div>
<div class="tp-feature__text">
<p>Charity is the act of extending <br> love and kindness others</p>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 mb-30 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-feature__wraper">
<div class="tp-feature__shape-1">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/feature/fea-shape-1.png" alt="">
</div>
<div class="tp-feature__shape-2">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/feature/fea-shape-2.png" alt="">
</div>
<div class="tp-feature__item z-index">
<div class="tp-feature__content d-flex align-items-center justify-content-between">
<h4 class="tp-feature__title-sm">Education & <br>Healthy Food</h4>
<div class="tp-feature__icon">
<span>
<i class="flaticon-diet"></i>
</span>
</div>
</div>
<div class="tp-feature__text">
<p>Charity is the act of extending <br> love and kindness others</p>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 mb-30 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".7s">
<div class="tp-feature__wraper">
<div class="tp-feature__shape-1">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/feature/fea-shape-1.png" alt="">
</div>
<div class="tp-feature__shape-2">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/feature/fea-shape-2.png" alt="">
</div>
<div class="tp-feature__item z-index">
<div class="tp-feature__content d-flex align-items-center justify-content-between">
<h4 class="tp-feature__title-sm">Bring People <br>Together</h4>
<div class="tp-feature__icon">
<span>
<i class="flaticon-handshake"></i>
</span>
</div>
</div>
<div class="tp-feature__text">
<p>Charity is the act of extending <br> love and kindness others</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- feature-area-end -->
<!-- about-area-start -->
<div class="tp-about__area tp-about__space">
<div class="container">
<div class="row align-items-xl-start align-items-center">
<div class="col-xl-7 col-lg-7 wow tpfadeLeft" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-about__left-side">
<div class="tp-about__section-title pb-25">
<span class="tp-section-subtitle">ABOUT OUR POOREX</span>
<h4 class="tp-section-title">Contribute for the Poor <br>Differently Abled</h4>
</div>
<div class="tp-about__content">
<div class="tp-about__text">
<p>Charity is the act of extending love and kindness to others unconditional which
<br> is a conscious act but the decision is made by the heart, without expecting
a <br> reward. When Charity is carried out selflessly
</p>
</div>
<div class="tp-about__wraper pb-40 d-flex justify-content-between">
<div class="tp-about__list-item d-flex align-items-start">
<div class="tp-about__list-icon">
<i class="flaticon-check-mark-black-outline"></i>
</div>
<div class="tp-about__list-content">
<h4 class="tp-about__title-sm">Quick Fundraising</h4>
<p>Charity Navigator's Giving you <br> support multiple</p>
</div>
</div>
<div class="tp-about__list-item d-flex align-items-start">
<div class="tp-about__list-icon">
<i class="flaticon-check-mark-black-outline"></i>
</div>
<div class="tp-about__list-content">
<h4 class="tp-about__title-sm">Join Our Team</h4>
<p>Charity Navigator's Giving you <br> support multiple</p>
</div>
</div>
</div>
<div class="tp-about-progress">
<div class="tp-about-progress-item fix">
<h4>Donation</h4>
<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>
</div>
<div class="tp-about__bottom d-flex">
<div class="tp-about__btn">
<a class="tp-btn" href="about-us.html">Discover More</a>
</div>
<div class="tp-about__author-box d-flex align-items-center">
<div class="tp-about__author-thumb pr-25">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/about/author-1.png" alt="">
</div>
<div class="tp-about__author-info">
<h5 class="tp-about__author-name">Charlotte Ava</h5>
<span>Customer</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-5 col-lg-5 wow tpfadeRight" data-wow-duration=".9s" data-wow-delay=".9s">
<div class="tp-about__main-thumb text-lg-end text-center p-relative">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/about/about-1.png" alt="">
<div class="tp-about__thumb-sm">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/about/about-1-2.png" alt="">
</div>
<div class="tp-about__icon d-none d-lg-block">
<a class="popup-video" href="https://www.youtube.com/watch?v=PO_fBTkoznc">
<i class="fas fa-play"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- about-area-end -->
<!-- donate-area-start -->
<div class="tp-donate__area p-relative fix">
<div class="tp-donate__shape-1 d-none d-xxl-block">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/donate/donate-shape-1-2.png" alt="">
</div>
<div class="tp-donate__shape-2 d-none d-xxl-block">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/donate/donate-shape-1-3.png" alt="">
</div>
<div class="tp-donate__shape-3 d-none d-lg-block">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/donate/donate-shape-1-4.png" alt="">
</div>
<div class="tp-donate__bg">
<div class="container">
<div class="row align-items-end">
<div class="col-xl-8 col-lg-8 col-md-8">
<div class="tp-donate__section-title pb-50">
<span class="tp-section-subtitle">Help the people</span>
<h4 class="tp-section-title">Our Popular Causes</h4>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-4">
<div
class="tp-donate__section-arrow d-flex justify-content-start justify-content-md-end pb-50">
<div class="test-next">
<button><i class="far fa-arrow-left"></i></button>
</div>
<div class="test-prev">
<button><i class="far fa-arrow-right"></i></button>
</div>
</div>
</div>
</div>
<div class="swiper-container tp-donate__active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<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">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="swiper-slide">
<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">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="swiper-slide">
<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">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">
<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>
</div>
</div>
</div>
</div>
<!-- donate-area-end -->
<!-- gallery-area-start -->
<div class="tp-gallery__area tp-gallery__plr">
<div class="container-fluid">
<div class="row gx-10 row-cols-lg-3 row-cols-md-2 row-cols-sm-2">
<div class="col-xl wow fadeInLeft" data-wow-delay="100ms">
<div class="tp-gallery__thumb p-relative">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/gallery/gal-1.jpg" alt="">
<div class="tp-gallery__thumb-overly d-flex justify-content-center align-items-center">
<div class="tp-gallery__overly-text text-center">
<span>Charity</span>
<h4 class="tp-gallery__title-sm">Education</h4>
</div>
<div class="tp-gallery__shape">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/gallery/gal-shape-1.png" alt="">
</div>
</div>
</div>
</div>
<div class="col-xl wow fadeInLeft" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-gallery__thumb p-relative">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/gallery/gal-1-2.png" alt="">
<div class="tp-gallery__thumb-overly d-flex justify-content-center align-items-center">
<div class="tp-gallery__overly-text text-center">
<span>Charity</span>
<h4 class="tp-gallery__title-sm">Food</h4>
</div>
<div class="tp-gallery__shape">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/gallery/gal-shape-1.png" alt="">
</div>
</div>
</div>
</div>
<div class="col-xl wow fadeInLeft" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-gallery__thumb p-relative">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/gallery/gal-1-3.png" alt="">
<div class="tp-gallery__thumb-overly d-flex justify-content-center align-items-center">
<div class="tp-gallery__overly-text text-center">
<span>Charity</span>
<h4 class="tp-gallery__title-sm">Shelter</h4>
</div>
<div class="tp-gallery__shape">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/gallery/gal-shape-1.png" alt="">
</div>
</div>
</div>
</div>
<div class="col-xl wow fadeInLeft" data-wow-duration=".9s" data-wow-delay=".7s">
<div class="tp-gallery__thumb p-relative">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/gallery/gal-1-4.png" alt="">
<div class="tp-gallery__thumb-overly d-flex justify-content-center align-items-center">
<div class="tp-gallery__overly-text text-center">
<span>Charity</span>
<h4 class="tp-gallery__title-sm">Charity</h4>
</div>
<div class="tp-gallery__shape">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/gallery/gal-shape-1.png" alt="">
</div>
</div>
</div>
</div>
<div class="col-xl wow fadeInLeft" data-wow-duration=".9s" data-wow-delay=".9s">
<div class="tp-gallery__thumb p-relative">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/gallery/gal-1-5.png" alt="">
<div class="tp-gallery__thumb-overly d-flex justify-content-center align-items-center">
<div class="tp-gallery__overly-text text-center">
<span>Charity</span>
<h4 class="tp-gallery__title-sm">Education</h4>
</div>
<div class="tp-gallery__shape">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/gallery/gal-shape-1.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- gallery-area-end -->
<!-- testimonial-area-start -->
<div class="tp-testimonial__area">
<div class="tp-testimonial__bg" data-background="<?php echo get_template_directory_uri() ?>/assets/img/testimonial/testi-bg-1.jpg">
<div class="container-fluid g-0">
<div class="row g-0">
<div class="col-xl-5 col-lg-6 col-md-6">
<div class="tp-testimonial__left-side">
<div class="tp-testimonial__section-title pb-20">
<span class="tp-section-subtitle">OUR TESTIMONIALS</span>
<h4 class="tp-section-title">What Our Client <br>Tell About?</h4>
</div>
<div class="tp-testimonial__left-text">
<p>Charity is the act of exte kindneuncondit ionalwhich is <br> a conscious act but
the decision is made by the heart, <br> without expecting act but the decisio
</p>
</div>
<a class="tp-btn" href="team-details.html">All Testimonials</a>
</div>
</div>
<div class="col-xl-7 col-lg-6 col-md-6">
<div class="tp-testimonial__wrapper">
<div class="swiper-container tp-testimonial__active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="tp-testimonial__item-box">
<div class="tp-testimonial__item">
<div class="tp-testimonial__thumb">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/testimonial/author-1-1.png" alt="">
</div>
<div class="tp-testimonial__content p-relative">
<div class="tp-testimonial__text">
<div class="tp-testimonial__star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<p>We can help with both your work and personal life tasks,
letting
you focus on what’s most important. simply are many
variations
of passages of orem Ipsum</p>
</div>
<div class="tp-testimonial__quote">
<span><i class="flaticon-double-quotes"></i></span>
</div>
</div>
</div>
<div class="tp-testimonial__author-info">
<h4 class="tp-testimonial__author-name">Paul Pitterson</h4>
<span>Volunteers</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tp-testimonial__item-box">
<div class="tp-testimonial__item">
<div class="tp-testimonial__thumb">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/testimonial/author-1-3.png" alt="">
</div>
<div class="tp-testimonial__content p-relative">
<div class="tp-testimonial__text">
<div class="tp-testimonial__star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<p>We can help with both your work and personal life tasks,
letting
you focus on what’s most important. simply are many
variations
of passages of orem Ipsum</p>
</div>
<div class="tp-testimonial__quote">
<span><i class="flaticon-double-quotes"></i></span>
</div>
</div>
</div>
<div class="tp-testimonial__author-info">
<h4 class="tp-testimonial__author-name">Lucas Oligan</h4>
<span>Designer</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tp-testimonial__item-box">
<div class="tp-testimonial__item">
<div class="tp-testimonial__thumb">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/testimonial/author-1-1.png" alt="">
</div>
<div class="tp-testimonial__content p-relative">
<div class="tp-testimonial__text">
<div class="tp-testimonial__star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<p>We can help with both your work and personal life tasks,
letting
you focus on what’s most important. simply are many
variations
of passages of orem Ipsum</p>
</div>
<div class="tp-testimonial__quote">
<span><i class="flaticon-double-quotes"></i></span>
</div>
</div>
</div>
<div class="tp-testimonial__author-info">
<h4 class="tp-testimonial__author-name">Devid Roko</h4>
<span>Volunteers</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tp-testimonial__item-box">
<div class="tp-testimonial__item">
<div class="tp-testimonial__thumb">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/testimonial/author-1-2.png" alt="">
</div>
<div class="tp-testimonial__content p-relative">
<div class="tp-testimonial__text">
<div class="tp-testimonial__star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<p>We can help with both your work and personal life tasks,
letting
you focus on what’s most important. simply are many
variations
of passages of orem Ipsum</p>
</div>
<div class="tp-testimonial__quote">
<span><i class="flaticon-double-quotes"></i></span>
</div>
</div>
</div>
<div class="tp-testimonial__author-info">
<h4 class="tp-testimonial__author-name">Gimmy Alia</h4>
<span>Donor of charity</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- testimonial-area-end -->
<!-- event-area-start -->
<div class="tp-event__area pt-115 pb-90">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="tp-event__section-title text-center">
<span class="tp-section-subtitle">FUTURE EVENTS</span>
<h4 class="tp-section-title">Latest Upcoming Events </h4>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay=".3s">
<div class="tp-event__wrapper">
<div class="tp-event__item">
<div class="tp-event__thumb p-relative">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/event/event-1-1.jpg" alt="">
<div class="tp-event__thumb-text">
<h4 class="tp-event__thumb-date">17 <br><span>Jan</span></h4>
</div>
</div>
<div class="tp-event__content">
<div class="tp-event__meta">
<span><i class="far fa-clock"></i>4:30 am - 7:30 pm</span>
<a target="_blank"
href="https://www.google.com/maps/place/%E0%A6%AE%E0%A6%BE%E0%A6%B0%E0%A7%8D%E0%A6%95%E0%A6%BF%E0%A6%A8+%E0%A6%AF%E0%A7%81%E0%A6%95%E0%A7%8D%E0%A6%A4%E0%A6%B0%E0%A6%BE%E0%A6%B7%E0%A7%8D%E0%A6%9F%E0%A7%8D%E0%A6%B0/@39.7270203,-104.9556871,14z/data=!4m6!3m5!1s0x54eab584e432360b:0x1c3bb99243deb742!8m2!3d37.09024!4d-95.712891!16zL20vMDljN3cw?entry=ttu"><span><i
class="fal fa-map-marker-alt"></i>Watsica 24,
USA</span></a>
</div>
<a href="evant-details.html">
<h4 class="tp-event__title">Charities Learn Forward <br>Integrate Social</h4>
</a>
<div class="tp-event__link">
<a href="evant-details.html">Read More<i
class="fal fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay=".5s">
<div class="tp-event__wrapper">
<div class="tp-event__item">
<div class="tp-event__thumb p-relative">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/event/event-1-2.jpg" alt="">
<div class="tp-event__thumb-text">
<h4 class="tp-event__thumb-date">25 <br><span>Feb</span></h4>
</div>
</div>
<div class="tp-event__content">
<div class="tp-event__meta">
<span><i class="far fa-clock"></i>4:30 am - 7:30 pm</span>
<a target="_blank"
href="https://www.google.com/maps/place/%E0%A6%AE%E0%A6%BE%E0%A6%B0%E0%A7%8D%E0%A6%95%E0%A6%BF%E0%A6%A8+%E0%A6%AF%E0%A7%81%E0%A6%95%E0%A7%8D%E0%A6%A4%E0%A6%B0%E0%A6%BE%E0%A6%B7%E0%A7%8D%E0%A6%9F%E0%A7%8D%E0%A6%B0/@39.7270203,-104.9556871,14z/data=!4m6!3m5!1s0x54eab584e432360b:0x1c3bb99243deb742!8m2!3d37.09024!4d-95.712891!16zL20vMDljN3cw?entry=ttu"><span><i
class="fal fa-map-marker-alt"></i>Watsica 24,
USA</span></a>
</div>
<a href="evant-details.html">
<h4 class="tp-event__title">Be Hungry No More and <br>Leave no One Behind</h4>
</a>
<div class="tp-event__link">
<a href="evant-details.html">Read More<i
class="fal fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay=".7s">
<div class="tp-event__wrapper">
<div class="tp-event__item">
<div class="tp-event__thumb p-relative">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/event/event-1-3.jpg" alt="">
<div class="tp-event__thumb-text">
<h4 class="tp-event__thumb-date">07 <br><span>Mar</span></h4>
</div>
</div>
<div class="tp-event__content">
<div class="tp-event__meta">
<span><i class="far fa-clock"></i>4:30 am - 7:30 pm</span>
<a target="_blank"
href="https://www.google.com/maps/place/%E0%A6%AE%E0%A6%BE%E0%A6%B0%E0%A7%8D%E0%A6%95%E0%A6%BF%E0%A6%A8+%E0%A6%AF%E0%A7%81%E0%A6%95%E0%A7%8D%E0%A6%A4%E0%A6%B0%E0%A6%BE%E0%A6%B7%E0%A7%8D%E0%A6%9F%E0%A7%8D%E0%A6%B0/@39.7270203,-104.9556871,14z/data=!4m6!3m5!1s0x54eab584e432360b:0x1c3bb99243deb742!8m2!3d37.09024!4d-95.712891!16zL20vMDljN3cw?entry=ttu"><span><i
class="fal fa-map-marker-alt"></i>Watsica 24,
USA</span></a>
</div>
<a href="evant-details.html">
<h4 class="tp-event__title">Help Us Touch Their Live <br> of These Youth</h4>
</a>
<div class="tp-event__link">
<a href="evant-details.html">Read More<i
class="fal fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- event-area-end -->
<!-- cta-area-start -->
<div class="tp-cta-2__area">
<div class="tp-cta-2__bg p-relative fix" data-background="<?php echo get_template_directory_uri() ?>/assets/img/cta/cta-bg-1.png">
<div class="tp-cta-2__shape-1 d-none d-xl-block">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/cta/cta-shape-1-1.png" alt="">
</div>
<div class="tp-cta-2__shape-2 d-none d-xl-block">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/cta/cta-shape-1-2.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="tp-cta-2__content text-center">
<span class="tp-cta-2__subtitle wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay=".3s">let's start something for them</span>
<h4 class="tp-cta-2__title wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">No
One Has Ever Become <br>Poor From Giving</h4>
<a href="donation-sidebar.html" class="tp-btn theme-2-bg wow tpfadeUp"
data-wow-duration=".9s" data-wow-delay=".7s">Start Donating Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- cta-area-end -->
<!-- providing-area-start -->
<div class="tp-providing__area tp-providing__space p-relative">
<div class="tp-providing__bg wow tpfadeLeft" data-wow-duration=".9s" data-wow-delay=".3s"
data-background="<?php echo get_template_directory_uri() ?>/assets/img/providing/provide-bg-1.png">
<div class="tp-providing__bg-text-box d-none d-xl-block">
<div class="tp-providing__bg-text d-flex align-items-center">
<span><i class="flaticon-handshake-1"></i></span>
<h4 class="tp-providing__title-2">Donation Can <br>Help Change a Life</h4>
</div>
</div>
</div>
<div class="tp-providing__grey-bg" data-background="<?php echo get_template_directory_uri() ?>/assets/img/providing/provide-bg-2.png">
</div>
<div class="tp-providing__wrapper">
<div class="container">
<div class="row">
<div class="offset-xl-5 col-xl-7 col-lg-10 col-md-12 wow tpfadeRight" data-wow-duration=".9s"
data-wow-delay=".7s">
<div class="tp-providing__item-box">
<div class="tp-providing__content">
<h4 class="tp-section-title pb-15">Providing Urgent Aid For Your Better Future</h4>
<p>Those who require more urgent or life-threatening emergency treatment should <br>
be
treated in hospitals that have the necessary knowledge, systems, and <br>
resources to
maximize their chances of survival and recovery</p>
</div>
<div class="tp-providing__tab">
<nav>
<div class="nav nav-tab pb-50" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-Approch-tab" data-bs-toggle="tab"
data-bs-target="#nav-Approch" type="button" role="tab"
aria-controls="nav-Approch" aria-selected="true">Our Approch</button>
<button class="nav-link" id="nav-Difference-tab" data-bs-toggle="tab"
data-bs-target="#nav-Difference" type="button" role="tab"
aria-controls="nav-Difference" aria-selected="false">Make
Difference</button>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-Approch" role="tabpanel"
aria-labelledby="nav-Approch-tab">
<div class="tp-providing__wrapper">
<div class="tp-providing__item d-flex about-items-start mb-20">
<div class="tp-providing__icon">
<span>
<i class="flaticon-check-mark-black-outline"></i>
</span>
</div>
<div class="tp-providing__text">
<h4 class="tp-providing__title-sm">Get Inspire and Help</h4>
<p>Charity refers to the act of voluntarily giving help, ai
assistance <br> to those in need, usually through
donationsIt</p>
</div>
</div>
<div class="tp-providing__item d-flex about-items-start">
<div class="tp-providing__icon">
<span>
<i class="flaticon-check-mark-black-outline"></i>
</span>
</div>
<div class="tp-providing__text">
<h4 class="tp-providing__title-sm">Become a Volunteer</h4>
<p>Charity refers to the act of voluntarily giving help, ai
assistance <br> to those in need, usually through
donationsIt</p>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-Difference" role="tabpanel"
aria-labelledby="nav-Difference-tab">
<div class="tp-providing__wrapper">
<div class="tp-providing__item d-flex about-items-start mb-20">
<div class="tp-providing__icon">
<span>
<i class="flaticon-check-mark-black-outline"></i>
</span>
</div>
<div class="tp-providing__text">
<h4 class="tp-providing__title-sm">Providing Safe Water</h4>
<p>Charity refers to the act of voluntarily giving help, ai
assistance <br> to those in need, usually through
donationsIt</p>
</div>
</div>
<div class="tp-providing__item d-flex about-items-start">
<div class="tp-providing__icon">
<span>
<i class="flaticon-check-mark-black-outline"></i>
</span>
</div>
<div class="tp-providing__text">
<h4 class="tp-providing__title-sm">Donate on Education System
</h4>
<p>Charity refers to the act of voluntarily giving help, ai
assistance <br> to those in need, usually through
donationsIt</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- providing-area-end -->
<!-- blog-area-start -->
<div class="tp-blog__area tp-blog__space">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="tp-blog__section-title pb-50 text-center">
<span class="tp-section-subtitle">our blog</span>
<h4 class="tp-section-title">Check Our Latest Blogs</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay=".3s">
<div class="tp-blog__item">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/blog/blog-1.png" alt="">
<div class="tp-blog__img-text">
<a href="blog-details.html"><span><i class="flaticon-tag"></i>SHELTER</span></a>
</div>
<div class="tp-blog__content">
<a href="blog-details.html">
<h4 class="tp-blog__title-sm">Why is it Important to <br> Support Them</h4>
</a>
<span>OCTOBER 24, 2022</span>
<div class="tp-blog__link">
<a href="blog-details.html">Read More<i class="far fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay=".5s">
<div class="tp-blog__item">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/blog/blog-2.png" alt="">
<div class="tp-blog__img-text">
<a href="blog-details.html"><span><i class="flaticon-tag"></i>FOOD</span></a>
</div>
<div class="tp-blog__content">
<a href="blog-details.html">
<h4 class="tp-blog__title-sm">Donate Your Money For <br> Africa’s Poor Child</h4>
</a>
<span>OCTOBER 24, 2022</span>
<div class="tp-blog__link">
<a href="blog-details.html">Read More<i class="far fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s"
data-wow-delay=".7s">
<div class="tp-blog__item">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/blog/blog-3.png" alt="">
<div class="tp-blog__img-text">
<a href="blog-details.html"><span><i class="flaticon-tag"></i>HEALTH</span></a>
</div>
<div class="tp-blog__content">
<a href="blog-details.html">
<h4 class="tp-blog__title-sm">School Counseling For<br> Children Attends</h4>
</a>
<span>OCTOBER 24, 2022</span>
<div class="tp-blog__link">
<a href="blog-details.html">Read More<i class="far fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- blog-area-end -->
<!-- cta-area-start -->
<div class="tp-cta__area">
<div class="tp-cta__bg wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s"
data-background="<?php echo get_template_directory_uri() ?>/assets/img/cta/cta-bg.jpg">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-7 col-lg-7 col-md-7">
<div class="tp-cta__content d-flex align-items-center">
<div class="tp-cta__icon d-none d-sm-block">
<span><i class="flaticon-volunteer"></i></span>
</div>
<h4 class="tp-cta__title-sm">Join your hand with us for a <br> better life and future
</h4>
</div>
</div>
<div class="col-xl-5 col-lg-5 col-md-5">
<div class="tp-cta__button text-md-end text-start">
<a class="tp-btn" href="about-us.html">Discover More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- cta-area-end -->
</main>
<?php
get_footer();