File: /var/www/stg-everycred.com/wp-content/themes/everycred/templates/page-holder.php
<?php /* Template name: Holder */
get_header();
?>
<!-- banner section -->
<section class="product-banner py-120">
<div class="container h-100">
<div class="row h-100 align-items-center flex-column-reverse flex-lg-row">
<div class="col-12 col-lg-6 mt-3 mt-lg-0 hero-text-col">
<?php if (get_field('banner_sub_title')) { ?>
<div class="font-16 text-semi text-white text-uppercase"><?php echo get_field('banner_sub_title'); ?></div>
<?php } if (get_field('banner_main_title')) { ?>
<h1 class="font-50 text-medium text-white my-4"><?php echo get_field('banner_main_title'); ?></h1>
<?php } if (get_field('banner_description')) { ?>
<div class="font-20 font-light-white"><?php echo get_field('banner_description'); ?></div>
<div class="d-flex align-items-center mt-5 pt-5 gap-4">
<?php } if (get_field('button_banner')) { ?>
<a target="<?php echo get_field('button_banner')['target']; ?>" href="<?php echo get_field('button_banner')['url']; ?>"
class="blue-btn font-16 text-medium radius-40 px-3 px-lg-4 py-2 py-lg-3 mr-3"><?php echo get_field('button_banner')['title']; ?></a>
<?php } if (get_field('button_banner_2')) { ?>
<a href="<?php echo get_field('button_banner_2')['url']; ?>" class="white-btn font-16 text-medium radius-40 px-3 px-lg-4 py-2 py-lg-3 mr-3">
<?php echo get_field('button_banner_2')['title']; ?>
</a>
<?php } ?>
</div>
</div>
<?php if (get_field('banner_image')) { ?>
<div class="col-12 col-lg-6 hero-img-col">
<div class="w-100 text-start text-lg-end banner-image">
<div class="banner-img-wrap">
<img src="<?php echo get_field('banner_image')['url']; ?>"
alt="<?php echo get_field('banner_image')['alt']; ?>"
fetchpriority="high" loading="eager" decoding="sync" width="728" height="728" class="banner-img" />
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</section>
<!-- benifits section -->
<section class="benifits-section py-120">
<div data-aos="fade-up" data-aos-duration="300">
<div class="container">
<?php if (get_field('sub_title_manag_cred')) { ?>
<div class="font-16 font-blue font-semi text-uppercase"><?php echo get_field('sub_title_manag_cred'); ?></div>
<?php } if (get_field('main_title')) { ?>
<<?php echo get_field('managed_choose_heading'); ?> class="font-42 font-black font-medium mt-3"><?php echo get_field('main_title'); ?></<?php echo get_field('managed_choose_heading'); ?>>
<?php } $manageCreds = get_field('manage_credentials_detail');
if ($manageCreds) {
?>
<div class="row mt-60 align-items-center flex-column-reverse flex-lg-row">
<div class="col-12 col-lg-5">
<?php foreach ($manageCreds as $manageCred) { ?>
<div class="font-18 font-black text-medium mt-4 d-flex align-items-center">
<img src="<?php echo $manageCred['icon_image']['url']; ?>"
alt="<?php echo $manageCred['icon_image']['alt']; ?>" class="me-3" width="32px" />
<?php echo $manageCred['content']; ?>
</div>
<?php } wp_reset_postdata(); ?>
<?php if (get_field('button')) { ?>
<div class="mt-5">
<a href="<?php echo get_field('button')['url']; ?>"
class="d-inline-block black-btn px-3 px-lg-4 py-2 py-lg-3 font-16 text-medium radius-40">
<?php echo get_field('button')['title']; ?>
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.31344 11.94L8.12544 10.752L12.0254 6.84H0.733438V5.16H12.0254L8.12544 1.248L9.31344 0.0599999L15.2654 6L9.31344 11.94Z" fill="#ffffff"/>
</svg>
</a>
</div>
<?php } ?>
</div>
<?php if (get_field('image')) { ?>
<div class="col-12 col-lg-7 mb-3 mb-lg-0">
<img src="<?php echo get_field('image')['url']; ?>"
alt="<?php echo get_field('image')['alt']; ?>" width="100%" />
</div>
<?php } ?>
</div>
<?php } ?>
</div>
</div>
</section>
<!-- credentials clicks -->
<?php
$images = get_field('images');
if ($images && !empty($images)) { ?>
<section class="credentials-clicks bg-black py-120">
<div data-aos="fade-up" data-aos-duration="300">
<div class="container">
<<?php echo get_field('verify_choose_heading'); ?> class="font-40 text-medium text-white">
<?php echo get_field('title_ver_cred'); ?>
</<?php echo get_field('verify_choose_heading'); ?>>
<p class="font-18 text-white mt-2">
<?php echo get_field('description'); ?>
</p>
<div class="row mt-60">
<?php $i=1; foreach ($images as $image) { ?>
<div class="col-12 <?php if ($i==1 || $i==4) { echo 'col-md-5'; } elseif ($i==2 || $i==3) { echo 'col-md-7'; } ?>">
<?php if (!empty($image['images'])) { ?>
<div class="cred-img">
<img src="<?php echo $image['images']['url']; ?>" alt="benifits" width="100%" height="100%" />
</div>
<?php } ?>
</div>
<?php $i++; } ?>
</div>
</div>
</div>
</section>
<?php }
$rightContents = get_field('right_content');
if ($rightContents) { ?>
<section class="cred-verification-click-section py-120">
<div data-aos="fade-up" data-aos-duration="300">
<div class="container">
<?php if (get_field('title_instant')) { ?>
<<?php echo get_field('instant_choose_heading'); ?> class="font-42 font-black font-medium mb-3"><?php echo get_field('title_instant'); ?></<?php echo get_field('instant_choose_heading'); ?>>
<?php } if (get_field('description_instant')) { ?>
<div class="font-18 text-black"><?php echo get_field('description_instant'); ?></div>
<?php } ?>
<div class="row mt-60">
<?php if (get_field('verification_status_image')) { ?>
<div class="col-12 col-lg-8">
<img src="<?php echo get_field('verification_status_image')['url']; ?>" alt="<?php echo get_field('verification_status_image')['alt']; ?>" width="100%" />
</div>
<?php } ?>
<div class="col-12 col-lg-4 mt-3 mt-lg-0">
<?php foreach ($rightContents as $rightContent) { ?>
<div class="font-18 font-black text-medium d-flex align-items-center mb-2 ">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/list-arrow.svg"
alt="list" class="me-3" width="32px" />
<?php echo $rightContent['content']; ?>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</section>
<?php } ?>
<!-- globally recognized -->
<?php $informationDetails = get_field('information_detail');
if ($informationDetails) {
?>
<section class="globally-recognized py-120">
<div data-aos="fade-up" data-aos-duration="300" data-aos-offset="-200">
<div class="container">
<p class="font-16 font-blue font-semi text-uppercase text-center">
<?php echo get_field('title'); ?>
</p>
<<?php echo get_field('detailed_choose_heading'); ?> class="font-40 text-medium text-black text-center mt-2">
<?php echo get_field('sub_title'); ?>
</<?php echo get_field('detailed_choose_heading'); ?>>
<div class="row mt-60">
<?php foreach ($informationDetails as $informationDetail) { ?>
<div class="col-6 col-lg-3">
<div class="global-card mx-2">
<img src="<?php echo $informationDetail['icon_image']['url']; ?>" alt="holder-credentials" />
<p class="font-20 text-medium text-black mt-3">
<?php echo $informationDetail['title']; ?>
</p>
<p class="font-16 global-card-detail mt-2">
<?php echo $informationDetail['description']; ?>
</p>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</section>
<?php
$blog_choose_heading = get_field('blog_choose_heading');
$blog_heading = get_field('blog_heading');
$select_blog = get_field('select_blogs');
if ($select_blog) {
?>
<section class="engineering-service bg-black">
<div data-aos="fade-up" data-aos-duration="300" data-aos-offset="-200">
<div class="container">
<<?php echo $blog_choose_heading; ?> class="font-42 text-medium"><?php echo $blog_heading; ?></<?php echo $blog_choose_heading; ?>>
<div class="owl-carousel owl-theme case-study">
<?php foreach ($select_blog as $post) {
$feture_img = get_the_post_thumbnail_url($post->ID);
?>
<div class="item">
<a href="<?php the_permalink($post->ID); ?>" class="engineering-card position-relative overflow-hidden d-block">
<div class="engineering-card-img">
<img src="<?php echo $feture_img; ?>" alt="case-study" />
</div>
<div class="engineering-detail">
<div class="font-20 text-black text-medium detail-text">
<?php echo get_the_title(); ?>
</div>
</div>
</a>
</div>
<?php }
wp_reset_postdata(); ?>
</div>
</div>
</div>
</section>
<?php } ?>
<section class="contact-section bg-white py-120">
<div data-aos="fade-up" data-aos-duration="300" data-aos-offset="-200">
<div class="container">
<div class="d-flex justify-content-between align-items-start align-items-lg-center flex-column flex-lg-row">
<div class="content">
<?php if (get_field('title_contact', 28)) { ?>
<div class="text-black font-42 text-medium"><?php echo get_field('title_contact', 28); ?></div>
<?php } if (get_field('description', 28)) { ?>
<div class="font-16 text-black text-medium mt-3">
<?php echo get_field('description', 28); ?>
</div>
</div>
<?php } if (get_field('button_url', 28)) { ?>
<a href="<?php echo get_field('button_url', 28); ?>"
class="mt-4 px-4 font-16 text-bold talk-btn black-btn d-flex align-items-center justify-content-center mx-0"><?php echo get_field('title_contact', 28); ?></a>
<?php } ?>
</div>
</div>
</div>
</section>
<?php } get_footer(); ?>