<?php
/**
* Template Name: Donation
* Description: A clean layout designed for promotional landing pages.
*/
add_filter( 'genesis_markup_site-inner', '__return_null' );
//display page code
//all code should be in the function be_page_content
function be_page_content() {
?>
<div style="background:#fbfbfe;padding:0;margin:0;" class="container-fluid">
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-md-12">
<h1 class="donation-title" style="text-align:center;text-transform:uppercase;font-family: Poppins, sans-serif;color:#3431a2;">Donate</h1>
<p class="donation-description">Community of Hope aims to end sex trafficking throughout Moncton and surrounding areas by offering comprehensive resources, a secure safe house for women and support for victims escaping exploitation.
<a href="/testimonial">Meet Sandra</a>, she will share some of her story with you, and how Community of Hope NB was part of her journey.</p>
<!--<ul style="text-align:center;padding-bottom:2%;">
<?php //pll_the_languages(); ?>
</ul>-->
</div>
</div>
<div class="row">
<div class="col-md-6">
<!-- Platinum -->
<div class="col-md-12 col-lg-12">
<div class="card h-100 shadow-sm text-center">
<div class="card-body p-4">
<i class="bi bi-gem display-4 text-secondary"></i>
<h3 class="card-title mt-3">Platinum Tier</h3>
<p class="card-text">
<strong>$25,000+</strong>.
</p>
</div>
</div>
</div>
<!-- Gold -->
<div class="col-md-12 col-lg-12">
<div class="card h-100 shadow-sm text-center">
<div class="card-body p-4">
<i class="bi bi-trophy-fill display-4 text-warning"></i>
<h3 class="card-title mt-3">Gold Tier</h3>
<p class="card-text">
<strong>$10,000+</strong>
</p>
</div>
</div>
</div>
<!-- Silver -->
<div class="col-md-12 col-lg-12">
<div class="card h-100 shadow-sm text-center">
<div class="card-body p-4">
<i class="bi bi-award-fill display-4 text-secondary"></i>
<h3 class="card-title mt-3">Silver Tier</h3>
<p class="card-text">
<strong>$5,000+</strong>
</p>
</div>
</div>
</div>
<!-- Bronze -->
<div class="col-md-12 col-lg-12">
<div class="card h-100 shadow-sm text-center">
<div class="card-body p-4">
<i class="bi bi-shield-fill display-4 bronze"></i>
<h3 class="card-title mt-3 ">Bronze Tier</h3>
<p class="card-text">
<strong>$2500+</strong>
</p>
</div>
</div>
</div>
<!-- Copper -->
<div class="col-md-12 col-lg-12">
<div class="card h-100 shadow-sm text-center">
<div class="card-body p-4">
<i class="bi bi-coin display-4 copper"></i>
<h3 class="card-title mt-3">Copper Tier</h3>
<p class="card-text">
<strong>$1000+</strong>
</p>
</div>
</div>
</div>
</div>
<div style="padding-top:20px;" class="col-md-6">
<div class="keela-embed-form" data-src="https://give-can.keela.co/embed/dMmordfn5vmNQ9XxR">
<div class="keela-loading"></div>
</div>
</div>
</div>
</div>
<div class="container my-4">
<?php
$categories = get_categories(array(
'orderby' => 'name',
'order' => 'ASC'
));
foreach ($categories as $category) {
// Output the category title
if ( 'uncategorized' !== $category->slug ) {
echo '<h3>' . esc_html($category->name) . '</h3><hr style="padding-top:0;margin-top:0;">';
// Query posts for this specific category
$cat_query = new WP_Query(array(
'cat' => $category->term_id,
'posts_per_page' => -1, // Change number as needed
'post_type'=> 'donor'
));
}
if ( 'uncategorized' !== $category->slug ) {
if ($cat_query->have_posts()):
while ($cat_query->have_posts()) : $cat_query->the_post();
// Open a new row every 3 items
if ($counter % 3 == 0) {
echo '<div class="row mb-4">';
}
?>
<div class="col-md-4 mb-3">
<div class="card h-100 text-center">
<?php if (has_post_thumbnail()) : ?>
<div class="card-img-top-wrapper" style="height: 200px; overflow: hidden;">
<?php the_post_thumbnail('medium', ['class' => 'card-img-top w-100 h-100 object-fit-cover']); ?>
</div>
<?php endif; ?>
<div class="card-body d-flex flex-column">
<h3 style="color:#3431a2;" class="card-title h5"><?php the_title(); ?></h3>
<p class="card-text"><?php echo wp_trim_words(get_the_excerpt(), 15); ?></p>
</div>
</div>
<?php
$counter++;
// Close the row after 3 items or at the end of the query
if ($counter % 3 == 0 || $counter ==$cat_query->post_count) {
echo '</div>';
}
wp_reset_postdata();
endwhile;
else :
echo '<p>No posts found in this category.</p>';
endif;
}
}//foreach
?>
</div>
</div>
<?php
}
add_action( 'be_content_area', 'be_page_content' );
// Build the page
get_header();
do_action( 'be_content_area' );
get_footer();