Untitled
unknown
plain_text
2 years ago
51 kB
6
Indexable
<?php /* Template Name: Home Page Template */ get_header(); ?>
<div class="homepage">
<?php
if (have_rows('building_blocks')) :
while (have_rows('building_blocks')) : the_row();
?>
<?php
if (get_row_layout() == 'hero_image') :
$hero_image = get_sub_field('hero_image');
$title_image = get_sub_field('title_image');
$title_image_mobile = get_sub_field('title_image_mobile'); ?>
<section class="scroll-to" id="heroSection">
<div class="hero container-fluid" style="background-image: url('<?php echo esc_url($hero_image['url']); ?>')">
<div class="hero-content container-fluid">
<div class="row center middle">
<div class="col-lg-12" data-aos="fade-up" data-aos-anchor=".hero">
<div class="desktop-image">
<img class="responsive-img" src="<?php echo esc_url($title_image['url']); ?>" alt="<?php echo esc_url($title_image['alt']); ?>">
</div>
<div class="mobile-image">
<img class="responsive-img" src="<?php echo esc_url($title_image_mobile['url']); ?>" alt="<?php echo esc_url($title_image_mobile['alt']); ?>">
</div>
</div>
</div>
<div class="row hero-bottom" data-aos="fade-up" data-aos-delay="2000" data-aos-anchor=".hero">
<div class="col-lg-6">
<div class="row start">
<p class="hero-description"><?php the_sub_field('description'); ?></p>
</div>
</div>
<div class="hero-cta col-lg-6 margin-right-19">
<div class="hero-cta-content row end middle">
<?php
$cta_button = get_sub_field('cta_button');
if ($cta_button) :
$cta_button_url = $cta_button['url'];
$cta_button_title = $cta_button['title'];
$cta_button_target = $cta_button['target'] ? $cta_button['target'] : '_self';
?>
<button class="button button-primary-light" href="<?php echo esc_url($cta_button_url); ?>" target="<?php echo esc_attr($cta_button_target); ?>">
<span class="rollingText" data-text="<?php echo esc_html($cta_button_title); ?>">
<?php echo esc_html($cta_button_title); ?>
</span>
</button>
<?php endif; ?>
<?php
$learn_more_link = get_sub_field('learn_more_link');
if ($learn_more_link) :
$learn_more_link_url = $learn_more_link['url'];
$learn_more_link_title = $learn_more_link['title'];
$learn_more_link_target = $learn_more_link['target'] ? $learn_more_link['target'] : '_self';
?>
<a class="learn-more rollingText" data-text="<?php echo esc_html($learn_more_link_title); ?>" href="<?php echo esc_url($learn_more_link_url); ?>" target="<?php echo esc_attr($learn_more_link_target); ?>">
<?php echo esc_html($learn_more_link_title); ?>
</a>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
</section>
<?php endif; ?>
<?php
if (get_row_layout() == 'get_involved') :
$icon_rectangle = get_template_directory_uri() . '/resources/images/icon-rectangle.svg'
?>
<section class="scroll-to" id="getInvolved">
<div class="get-involved container-fluid">
<div class="top-row row between bottom">
<div class="col-4" data-aos="fade-up">
<h2 class="get-involved-title">
<?php the_sub_field("title"); ?>
</h2>
</div>
<div class="col-4" data-aos="fade-up" data-aos-delay="1400">
<div class="row end">
<h4 class="get-involved-subtitle">
<?php the_sub_field('subtitle'); ?>
</h4>
<img src="<?php echo $icon_rectangle; ?>" alt="icon-rectangle">
</div>
</div>
</div>
<div class="card-row middle row">
<?php
$base_delay = 750;
$delay = 0;
if (have_rows('image_card_links')) :
?>
<?php while (have_rows('image_card_links')) : the_row(); ?>
<?php
$card_hero_image = get_sub_field('image');
$page_link = get_sub_field('page_link');
if ($page_link) :
$page_link_url = $page_link['url'];
$page_link_title = $page_link['title'];
$page_link_target = $page_link['target'];
$delay = $base_delay * (get_row_index() + 1);
?>
<a class="card-link" href="<?php echo esc_url($page_link_url); ?>" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="<?php echo esc_attr($delay); ?>" data-aos-anchor="#getInvolved">
<div class="card">
<img src="<?php echo esc_url($card_hero_image['url']); ?>" alt="<?php echo esc_url($card_hero_image['alt']); ?>" class="card-image">
<div class="card-header row">
<div class="col">
<h4 class="card-cta-text">
<?php the_sub_field('cta_text'); ?>
</h4>
</div>
<div class="col">
<h3 class="card-page-link">
<?php echo esc_html($page_link_title); ?>
</h3>
</div>
</div>
</div>
</a>
<?php endif; ?>
<?php endwhile;
endif; ?>
</div>
</div>
</section>
<?php endif; ?>
<?php if (get_row_layout() == 'big_body_cta') : ?>
<section class="scroll-to" id="bigBodyText">
<div class="big-body-text container-fluid">
<div class="row text-content">
<div class="col center middle">
<?php the_sub_field('big_body_text_field') ?>
</div>
</div>
<div class="row start">
<div class="big-body-text-cta col">
<?php
$cta_button = get_sub_field('cta_button');
if ($cta_button) :
$cta_button_url = $cta_button['url'];
$cta_button_title = $cta_button['title'];
$cta_button_target = $cta_button['target'] ? $cta_button['target'] : '_self';
?>
<button class="button button-primary-dark" href="<?php echo esc_url($cta_button_url); ?>" target="<?php echo esc_attr($cta_button_target); ?>">
<span class="rollingText" data-text="<?php echo esc_html($cta_button_title); ?>">
<?php echo esc_html($cta_button_title); ?>
</span>
</button>
<?php endif; ?>
<?php
$learn_more_link = get_sub_field('learn_more_link');
if ($learn_more_link) :
$learn_more_link_url = $learn_more_link['url'];
$learn_more_link_title = $learn_more_link['title'];
$learn_more_link_target = $learn_more_link['target'] ? $learn_more_link['target'] : '_self';
?>
<a class="link link-dark rollingText" data-text="<?php echo esc_html($learn_more_link_title); ?>" href="<?php echo esc_url($learn_more_link_url); ?>" target="<?php echo esc_attr($learn_more_link_target); ?>">
<?php echo esc_html($learn_more_link_title); ?>
</a>
<?php endif; ?>
</div>
</div>
</div>
</section>
<?php endif; ?>
<?php if (get_row_layout() == 'photo_slider') : ?>
<section class="scroll-to" id="photoSlider">
<div class="photo-slider container-fluid">
<div class="photo-slider-top-row row around">
<div class="col-4" data-aos="fade-up">
<h3 class="photo-slider-title">
<?php the_sub_field('title') ?>
</h3>
</div>
<div class="col-4">
<div class="photo-slider-control-icons">
<?php
$icon_control_left = get_template_directory_uri() . '/resources/images/icon-control-left.svg';
$icon_control_right = get_template_directory_uri() . '/resources/images/icon-control-right.svg';
?>
<svg class="photo-slider-icon-control-left" width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.15475 9.05587L9.24275 14.1439L7.89875 15.4639L0.43475 7.99986L7.89875 0.535866L9.24275 1.87987L4.15475 6.94387L18.2188 6.94387L18.2188 9.05587L4.15475 9.05587Z" fill="#1F2626" />
</svg>
<svg class="photo-slider-icon-control-right" width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.2828 6.94389L9.19475 1.85589L10.5388 0.535889L18.0028 7.99989L10.5388 15.4639L9.19475 14.1199L14.2828 9.05589H0.21875V6.94389H14.2828Z" fill="#1F2626" />
</svg>
</div>
</div>
</div>
<div class="row">
<div class="photo-slider-gallery container-fluid">
<?php if (have_rows('image_slider')) :
$base_delay = 750;
$delay = 0; ?>
<?php while (have_rows('image_slider')) : the_row();
$delay = $base_delay * (get_row_index() + 1);
?>
<div class="image-slider-wrapper">
<?php $image = get_sub_field('image'); ?>
<img src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" data-aos="fade-up" data-aos-delay="<?php echo esc_attr($delay); ?>">
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
</div>
</section>
<?php endif; ?>
<?php if (get_row_layout() == 'upcoming_events') : ?>
<?php
// Fetch the most recent event.
$events = get_posts([
'post_type' => 'events',
'numberposts' => 1,
'orderby' => 'date',
'order' => 'DESC',
'post_status' => 'publish'
]);
if ($events) :
foreach ($events as $event) :
setup_postdata($event);
$icon_event = get_template_directory_uri() . '/resources/images/icon-event.svg';
$event_when_group = get_field('when', $event->ID);
$event_where_group = get_field('where', $event->ID);
$event_what = get_field('short_description', $event->ID);
?>
<section class="scroll-to upcoming-event container-fluid" id="upcomingEvent">
<div class="row stretch">
<div class="col-lg-6 upcoming-event-main">
<div class="top-row row">
<div class="upcoming-event-subtitle container">
<div class="row" data-aos="fade-up">
<div class="col">
<img src="<?php echo $icon_event ?>" alt="icon-event">
</div>
<div class="col">
<h5>
<?php the_sub_field('subtitle'); ?>
</h5>
</div>
</div>
</div>
<div class="upcoming-event-title row">
<div class="col" data-aos="fade-up" data-aos-duration="1600">
<h2>
<?php echo get_the_title($event->ID); ?>
</h2>
</div>
</div>
</div>
<div class="upcoming-event-mobile-slider row">
<div class="upcoming-event-image-slider-mobile container">
<?php
if (have_rows('images', $event->ID)) :
while (have_rows('images', $event->ID)) : the_row();
$image = get_sub_field('image');
?>
<img src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" data-aos="fade-up" data-aos-anchor=".upcoming-event">
<?php
endwhile;
endif;
?>
</div>
<div class="upcoming-event-image-controls-mobile">
<div class="progress-bar">
<div id="progressBar" class="progress"></div>
</div>
</div>
</div>
<div class="upcoming-event-bottom row">
<div class="upcoming-event-info container-fluid" data-aos="fade-up" data-aos-duration="1600" data-aos-anchor=".upcoming-event">
<div class="upcoming-event-time-place row">
<div class="upcoming-event-when col-lg-2 col-md-6">
<span><?php the_sub_field('when'); ?></span>
<?php if ($event_when_group) :
$event_month = $event_when_group['month'];
$event_starting_from = $event_when_group['starting_from'];
$event_ends_on = $event_when_group['ends_on'];
?>
<p><?php echo $event_month; ?></p>
<p><?php echo $event_starting_from; ?> - <?php echo $event_ends_on; ?></p>
<?php endif; ?>
</div>
<div class="upcoming-event-where col-lg-2 col-md-6">
<span><?php the_sub_field('where'); ?></span>
<?php if ($event_where_group) :
$event_location = $event_where_group['location'];
$event_state = $event_where_group['state']; ?>
<p><?php echo $event_location; ?>,</p>
<p><?php echo $event_state; ?></p>
<?php endif; ?>
</div>
<div class="upcoming-event-what col-lg">
<span><?php the_sub_field('what'); ?></span>
<p><?php echo $event_what; ?></p>
</div>
</div>
</div>
<div class="upcoming-event-cta row end middle" data-aos="fade-up" data-aos-anchor=".upcoming-event">
<?php
$cta_button = get_sub_field('cta_button');
if ($cta_button) :
$cta_button_url = $cta_button['url'];
$cta_button_title = $cta_button['title'];
$cta_button_target = $cta_button['target'] ? $cta_button['target'] : '_self';
?>
<button class="button button-primary-dark" href="<?php echo esc_url($cta_button_url); ?>" target="<?php echo esc_attr($cta_button_target); ?>">
<span class="rollingText" data-text="<?php echo esc_html($cta_button_title); ?>">
<?php echo esc_html($cta_button_title); ?>
</span>
</button>
<?php endif; ?>
<?php
$view_event = get_sub_field('view_event');
if ($view_event) :
$view_event_url = $view_event['url'];
$view_event_title = $view_event['title'];
$view_event_target = $view_event['target'] ? $view_event['target'] : '_self';
?>
<a class="link link-dark rollingText" data-text="<?php echo esc_html($view_event_title); ?>" href="<?php echo esc_url($view_event_url); ?>" target="<?php echo esc_attr($view_event_target); ?>">
<?php echo esc_html($view_event_title); ?>
</a>
<?php endif; ?>
</div>
</div>
</div>
<div class="upcoming-event-slider col-lg-5 col-lg-offset-1">
<div class="upcoming-event-slider-wrapper">
<?php
if (have_rows('images', $event->ID)) :
while (have_rows('images', $event->ID)) : the_row();
$image = get_sub_field('image');
?>
<div class="upcoming-event-slider-item" style="background-image: url('<?php echo esc_url($image['url']); ?>')">
</div>
<?php
endwhile;
endif;
?>
</div>
<div class="upcoming-event-image-controls">
<span id="imageSliderIndex" data-current="1" data-total="0">1/6</span>
<div class="image-controls">
<img id="leftArrow" src="<?php echo get_template_directory_uri() . '/resources/images/icon-control-left.svg'; ?>" alt="icon-arrow-left-small">
<img id="rightArrow" src="<?php echo get_template_directory_uri() . '/resources/images/icon-control-right.svg'; ?>" alt="icon-arrow-left-small">
</div>
</div>
</div>
</section>
<?php
endforeach;
wp_reset_postdata();
endif;
?>
<?php endif; ?>
<?php if (get_row_layout() == 'video_cta') :
$video_cta = get_sub_field('image'); /* Change to video */
$video_cta_mobile = get_sub_field('image_mobile');
$icon_heart = get_template_directory_uri() . '/resources/images/icon-heart.svg';
?>
<section class="scroll-to" id="videoCTA">
<div id="video-cta" class="video-cta video-background container-fluid" data-desktop-img="<?php echo esc_url($video_cta['url']); ?>" data-mobile-img="<?php echo esc_url($video_cta_mobile['url']); ?>">
<div class="video-cta-content row">
<div class="video-cta-content-wrapper col-lg-7 col-md-12">
<div class="video-cta-section-title">
<div class="col-4">
<img src="<?php echo $icon_heart; ?>" alt="icon-heart">
</div>
<div class="col-10">
<?php the_sub_field('section_title'); ?>
</div>
</div>
<div class="video-cta-title">
<div class="col-lg-10 col-md-12">
<?php the_sub_field('title'); ?>
</div>
</div>
<div class="video-cta-subtitle">
<div class="col-lg-6 col-md-12">
<?php the_sub_field('subtitle'); ?>
</div>
</div>
<div class="video-cta-cta-button">
<div class="col-lg-4 col-md-12">
<?php
$cta_button = get_sub_field('cta_button');
if ($cta_button) :
$cta_button_url = $cta_button['url'];
$cta_button_title = $cta_button['title'];
$cta_button_target = $cta_button['target'] ? $cta_button['target'] : '_self';
?>
<button class="button button-primary-light-grey" href="<?php echo esc_url($cta_button_url); ?>" target="<?php echo esc_attr($cta_button_target); ?>">
<span class="rollingText" data-text="<?php echo esc_html($cta_button_title); ?>">
<?php echo esc_html($cta_button_title); ?>
</span>
</button>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
</section>
<?php endif; ?>
<?php if (get_row_layout() == 'testimonials') : ?>
<section class="scroll-to" id="testimonials">
<div class="testimonials container-fluid">
<div class="main-row row">
<div class="testimonials-title col-lg-4 col-md-12">
<?php $icon_testimonials = get_template_directory_uri() . '/resources/images/icon-testimonials.svg' ?>
<img src="<?php echo $icon_testimonials ?>" alt="icon-testimonials" />
<h5><?php the_sub_field('title'); ?></h5>
</div>
<div class="testimonials-main col-lg-8 col-md-12">
<div class="testimonial-wrapper">
<div class="testimonial-slider container">
<?php if (have_rows('testimonial')) : ?>
<?php while (have_rows('testimonial')) : the_row(); ?>
<div class="testimonial-slide container">
<div class="testimonial-icon">
<?php $icon_quotes = get_template_directory_uri() . '/resources/images/icon-quotes.svg' ?>
<img src="<?php echo $icon_quotes ?>" alt="icon-quotes" />
</div>
<div class="testimonial-text row">
<?php the_sub_field('testimonial_text'); ?>
</div>
<div class="testimonial-bottom container">
<div class="testimonial-image row">
<?php $image = get_sub_field('image'); ?>
<?php if ($image) : ?>
<img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
<?php endif; ?>
<div class="testimonial-name">
<h4 class="name">
<?php the_sub_field('name'); ?>
</h4>
<h4 class="bottom-text">
<?php the_sub_field('bottom_text'); ?>
</h4>
</div>
</div>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
<div class="testimonial-pagination">
<span id="testimonialSlideNumber" class="number"></span>
<div class="controls">
<img src="<?php echo $icon_control_left ?>" alt="icon_control_left" />
<img src="<?php echo $icon_control_right ?>" alt="icon_control_right" />
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php endif; ?>
<?php if (get_row_layout() == "community") : ?>
<section class="scroll-to" id="community">
<div class="community">
<div class="mobile-top-panel container">
<div class="title row center middle">
<h2><?php the_sub_field('big_text') ?></h2>
</div>
<div class="community-mobile-slider row">
<?php if (have_rows('images')) : ?>
<div class="community-image-slider-mobile-container">
<?php while (have_rows('images')) : the_row(); ?>
<?php $image = get_sub_field('image');
?>
<img class="responsive-img" src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>">
<?php
endwhile; ?>
</div>
<?php
endif;
?>
<div class="community-image-controls-mobile">
<div class="progress-bar">
<div id="progressBar" class="progress-community"></div>
</div>
</div>
</div>
</div>
<div class="mobile-bottom-panel container">
<div class="row">
<div class="subtext">
<h3><?php the_sub_field('subtext') ?></h3>
</div>
</div>
<div class="row">
<?php if (have_rows('page_links')) : ?>
<div class="community-page-links">
<?php while (have_rows('page_links')) : the_row(); ?>
<?php $community_page_link = get_sub_field('page_link');
$community_page_link_icon = get_template_directory_uri() . '/resources/images/icon-community-link.svg' ?>
<a class="community-link" href="<?php echo esc_url($community_page_link['url']); ?>">
<span class="rollingText" data-text="<?php echo esc_html($community_page_link['title']); ?>">
<?php echo esc_html($community_page_link['title']); ?>
</span>
<img src="<?php echo $community_page_link_icon; ?>" alt="icon-community-link">
</a>
<?php endwhile; ?>
</div>
<?php endif; ?>
</div>
<div class="row">
<div class="keep-scrolling">
<?php $icon_arrow_down = get_template_directory_uri() . '/resources/images/icon-arrow-down.svg' ?>
<img src="<?php echo $icon_arrow_down; ?>" alt="icon-arrow-down">
<h4><?php the_sub_field('keep_scrolling') ?></h4>
</div>
</div>
</div>
<div class="container-scroller">
<div class="horizontal-content">
<div class="horizontal-item">
<div class="big-text-container">
<h2><?php the_sub_field('big_text') ?></h2>
<div class="image-wrapper">
<?php if (have_rows('images')) :
while (have_rows('images')) : the_row(); ?>
<div class="community-image-on-text">
<?php $image = get_sub_field('image'); ?>
<img class="community-image" src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>">
</div>
<?php endwhile;
endif; ?>
</div>
</div>
<div class="mobile-top-panel container">
<div class="row center middle">
<h2><?php the_sub_field('big_text') ?></h2>
</div>
<div class="community-mobile-slider row">
<div class="community-image-slider-mobile container">
<?php if (have_rows('images')) :
while (have_rows('images')) : the_row(); ?>
<?php $image = get_sub_field('image');
?>
<img src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>">
<?php
endwhile;
endif;
?>
</div>
<div class="community-image-controls-mobile">
<div class="progress-bar">
<div id="progressBar" class="progressCommunity"></div>
</div>
</div>
</div>
</div>
<div class="right-panel">
<div class="left-side col-lg-3">
<div class="subtext">
<h3><?php the_sub_field('subtext') ?></h3>
</div>
<div class="keep-scrolling">
<?php $icon_arrow_down = get_template_directory_uri() . '/resources/images/icon-arrow-down.svg' ?>
<img src="<?php echo $icon_arrow_down; ?>" alt="icon-arrow-down">
<h4><?php the_sub_field('keep_scrolling') ?></h4>
</div>
</div>
<div class="right-side col-lg-offset-2 col-lg-7">
<?php if (have_rows('page_links')) : ?>
<div class="community-page-links">
<?php while (have_rows('page_links')) : the_row(); ?>
<?php $community_page_link = get_sub_field('page_link');
$comunity_page_link_icon = get_template_directory_uri() . '/resources/images/icon-community-link.svg' ?>
<a class="community-link" href="<?php echo esc_url($community_page_link['url']); ?>">
<span class="rollingText" data-text="<?php echo esc_html($community_page_link['title']); ?>">
<?php echo esc_html($community_page_link['title']); ?>
</span>
<svg width="74" height="76" viewBox="0 0 74 76" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1072 76L0 66.0339L43.8582 20.1134L51.9801 13.5901H0V0.18121L74 0L73.8195 74.4738L60.2824 74.2926L60.4629 22.1066L53.7849 30.2606L10.1072 76Z" fill="#181B17" />
</svg>
</a>
<?php endwhile; ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php endif; ?>
<?php if (get_row_layout() == 'hotline') :
$icon_phone = get_template_directory_uri() . '/resources/images/icon-phone.svg' ?>
<section class="scroll-to" id="hotline">
<div class="hotline container-fluid">
<div class="top-row row">
<div class="col-lg-3 col-md-12">
<img src="<?php echo $icon_phone ?>" alt="icon-phone">
<p><?php the_sub_field('subtitle') ?></p>
</div>
</div>
<div class="bottom-row row between bottom">
<div class="col-lg-10 col-md-12 big-title">
<h2><?php the_sub_field('title') ?></h2>
</div>
<div class="col-lg-2 col-md-12">
<div class="row call-text">
<p>
<?php the_sub_field('call_text', false, false) ?>
</p>
</div>
<div class="row available">
<p><?php the_sub_field('available') ?></p>
</div>
</div>
</div>
</div>
</section>
<?php endif; ?>
<?php if (get_row_layout() == "secondary_hero") :
$secondary_hero_image = get_sub_field('hero_image') ?>
<section class="scroll-to" id="secondaryHero">
<div class="secondary-hero container-fluid" style="background-image: url('<?php echo esc_url($secondary_hero_image['url']); ?>');" id="heroImage">
<script>
window.addEventListener('load', function() {
// Get the hero image element
const heroImage = document.getElementById('heroImage');
// Get the aspect ratio of the image
const imageWidth = <?php echo $secondary_hero_image['width']; ?>;
const imageHeight = <?php echo $secondary_hero_image['height']; ?>;
const aspectRatio = imageWidth / imageHeight;
// Calculate the height based on the width of the container and the image's aspect ratio
function setHeroHeight() {
const containerWidth = heroImage.offsetWidth;
const newHeight = containerWidth / aspectRatio;
heroImage.style.height = newHeight + 'px';
}
// Call the function initially and whenever the window is resized
setHeroHeight();
window.addEventListener('resize', setHeroHeight);
});
</script>
<div class="main-row row">
<div class="col-lg-2 col-md-12 section-title">
<div class="row">
<?php $icon_plus = get_template_directory_uri() . '/resources/images/icon-plus.svg' ?>
<img src="<?php echo $icon_plus ?>" alt="icon-plus">
<h5>
<?php the_sub_field('section_title') ?>
</h5>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-lg-offset-2 col-md-12 main-content">
<div class="row">
<div class="big-title">
<h3>
<?php the_sub_field('title') ?>
</h3>
</div>
<div class="cta-content row center middle">
<?php
$cta_button = get_sub_field('cta_button');
if ($cta_button) :
$cta_button_url = $cta_button['url'];
$cta_button_title = $cta_button['title'];
$cta_button_target = $cta_button['target'] ? $cta_button['target'] : '_self';
?>
<button class="button button-primary-light" href="<?php echo esc_url($cta_button_url); ?>" target="<?php echo esc_attr($cta_button_target); ?>">
<span class="rollingText" data-text="<?php echo esc_html($cta_button_title); ?>">
<?php echo esc_html($cta_button_title); ?>
</span>
</button>
<?php endif; ?>
<?php
$ways_to_give_link = get_sub_field('ways_to_give_link');
if ($ways_to_give_link) :
$ways_to_give_link_url = $ways_to_give_link['url'];
$ways_to_give_link_title = $ways_to_give_link['title'];
$ways_to_give_link_target = $ways_to_give_link['target'] ? $ways_to_give_link['target'] : '_self';
?>
<a class="ways-to-give rollingText" data-text="<?php echo esc_html($ways_to_give_link_title); ?>" href="<?php echo esc_url($ways_to_give_link_url); ?>" target="<?php echo esc_attr($ways_to_give_link_target); ?>">
<?php echo esc_html($ways_to_give_link_title); ?>
</a>
<?php endif; ?>
<?php
$volunteer_link = get_sub_field('volunteer_link');
if ($volunteer_link) :
$volunteer_link_url = $volunteer_link['url'];
$volunteer_link_title = $volunteer_link['title'];
$volunteer_link_target = $volunteer_link['target'] ? $volunteer_link['target'] : '_self';
?>
<a class="volunteer rollingText" data-text="<?php echo esc_html($volunteer_link_title); ?>" href="<?php echo esc_url($volunteer_link_url); ?>" target="<?php echo esc_attr($volunteer_link_target); ?>">
<?php echo esc_html($volunteer_link_title); ?>
</a>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php endif; ?>
<?php
endwhile;
endif;
?>
</div>
<?php get_footer(); ?>Editor is loading...