<?php
/*
Template Name: Homepage
*/
?>
<?php get_header(); ?>
<div class="headline">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-8">
<div class="row">
<div class="col-xs-12">
<hr>
</div>
<div class="col-xs-12 col-md-4">
<h1>TaraNaCasino<br>Community Hub</h1>
</div>
<div class="col-xs-12 col-md-8">
<p><?php the_field('homepage_description'); ?></p>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<form action="" class="search-form">
<div class="input-group">
<input type="text" class="form-control transparent-input" name="s" id="s" placeholder="Search forum posts, threads, and categories...">
<button class="search-btn" type="submit" value="Submit"><i class="fa fa-search"></i></button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hone-content">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-8">
<div class="home-banner-ad">
<a href="<?php the_field('horizontal_advertisment_banner_link'); ?>"><img src="<?php the_field('horizontal_advertisment_banner'); ?>" class="img-responsive"></a>
</div>
<div class="home-forum forum-container">
<ul class="forum-heading">
<li class="bbp-topic-title">
<h2>General</h2>
<p>Public section, you only need to have an account on the websites</p>
</li>
<li class="bbp-topic-voice-count">
<img src="/wp-content/uploads/2022/02/posts.png">
</li>
<li class="bbp-topic-reply-count">
<img src="/wp-content/uploads/2022/02/users.png">
</li>
<li class="bbp-topic-freshness">
<p>Recent Posts</p>
</li>
</ul>
<?php echo do_shortcode('[bbp-single-forum id=468]'); ?>
</div>
<div class="home-forum forum-container">
<ul class="forum-heading">
<li class="bbp-topic-title">
<h2>Gambling</h2>
<p>Gambling-related forums sub-section. Earn SLOTS chips by posting in any of the forums in this category in any of the forums</p>
</li>
<li class="bbp-topic-voice-count">
<img src="/wp-content/uploads/2022/02/posts.png">
</li>
<li class="bbp-topic-reply-count">
<img src="/wp-content/uploads/2022/02/users.png">
</li>
<li class="bbp-topic-freshness">
<p>Recent Posts</p>
</li>
</ul>
<?php echo do_shortcode('[bbp-single-forum id=470]'); ?>
</div>
</div>
<!-- Side Panel -->
<div class="col-xs-12 col-md-4">
<div class="row">
<div class="col-xs-12">
<div id="communityCasinos" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<?php if( have_rows('cad') ): $slidercounthome = 0; ?>
<?php while( have_rows('cad') ): the_row(); ?>
<li data-target="#communityCasinos" data-slide-to="<?php echo $slidercounthome;?>" class="<?php if ($slidercounthomeq===0): echo('active'); endif; ?>"></li>
<?php $slidercounthomeq++; endwhile; ?>
<?php endif; ?>
</ol>
<div class="carousel-header d-flex">
<img src="/wp-content/uploads/2022/02/Vector.png" class="community-icon">
<p>COMMUNITY<br>APPROVED CASINOS</p>
</div>
<div class="carousel-inner">
<?php if( have_rows('cad')): $avderentries = 0; ?>
<?php while( have_rows('cad') ): the_row(); ?>
<div class="carousel-item item <?php if($avderentries == 0) echo 'active';?>">
<?php if( have_rows('advertisement_entries')): ?>
<?php while( have_rows('advertisement_entries') ): the_row(); ?>
<div class="casino-preview">
<div class="img-cont">
<img src="<?php the_sub_field('logo'); ?>" class="img-responsive">
</div>
<div class="stars-container">
<?php if( get_sub_field('rating') == '5 Star' ) { ?>
<div class="stars-container">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
<?php }
else if( get_sub_field('rating') == '4 Star' ) { ?>
<div class="stars-container">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
</div>
<?php }
else if( get_sub_field('rating') == '3 Star' ) { ?>
<div class="stars-container">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</div>
<?php }
else if( get_sub_field('rating') == '2 Star' ) { ?>
<div class="stars-container">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</div>
<?php }
else if( get_sub_field('rating') == '1 Star' ) { ?>
<div class="stars-container">
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</div>
<?php } ?>
</div>
<button onclick="<?php the_sub_field('link'); ?>" class="play-btn">Play</button>
</div>
<?php endwhile; ?>
<?php endif; ?>
<div class="casino-preview blurred">
<div class="img-cont">
<img src="/wp-content/uploads/2022/02/communityapproved-3.png" class="img-responsive">
</div>
<div class="stars-container">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</div>
<button class="play-btn">Play</button>
</div>
<a href="<?php the_field('how_to_advertise_link'); ?>" class="abso-btn">LEASE YOUR CASINO</a>
</div>
</div><!--.item-->
<?php $avderentries++; endwhile; ?>
<?php endif; ?>
</div>
</div>
<div class="row side-components">
<div class="col-xs-12 col-sm-6 col-md-12">
<div class="start-discussion">
<a href="<?php the_field('how_to_advertise_link'); ?>">
<p class="bold-title">Start Discussion</p>
<p>Share ideas, snippets of code, questions and answers.</p>
<div class="abso-btn">CREATE A NEW THREAD</div>
</a>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-12">
<div class="side-banenr-ad">
<a href="<?php the_field('how_to_advertise_link'); ?>">
<p>Have your brand be a <br>part of our community.</p>
<div class="abso-btn">ADVERTISE WITH US</div>
</a>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-12">
<a href="<?php the_field('rectagular_advertisement_banner_link'); ?>"><img src="<?php the_field('rectagular_advertisement_banner'); ?>" class="w-100 img-responsive"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<?php if( have_rows('page_editor') ): ?>
<?php while( have_rows('page_editor' ) ): the_row(); ?>
<?php if( get_row_layout() == 'custom_html' ): ?>
<div class="<?php the_sub_field('section_class'); ?> tayp-section" id="<?php the_sub_field('section_id'); ?>">
<div class="container">
<div class="col-md-12">
<?php the_sub_field('custom_html'); ?>
</div>
</div>
</div>
<?php elseif( get_row_layout() == 'slider_images' ):?>
<div id="myCarouselhome" class="carousel slide animated fadeInUp" data-ride="carousel" >
<!-- Indicators -->
<ol class="carousel-indicators">
<?php if( have_rows('slider') ): $slidercounthome = 0; ?>
<?php while( have_rows('slider') ): the_row(); ?>
<li data-target="#myCarouselhome" data-slide-to="<?php echo $slidercounthome;?>" class="<?php if ($slidercounthome===0): echo('active'); endif; ?>"></li>
<?php $slidercounthome++; endwhile; ?>
<?php endif; ?>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<?php if( have_rows('slider') ): $slidercounthome = 0; ?>
<?php while( have_rows('slider') ): the_row(); ?>
<div class="item <?php if($slidercounthome == 0) echo 'active';?>">
<a href="<?php the_sub_field('banner_link'); ?>">
<img src="<?php the_sub_field('banner_image'); ?>" />
</a>
</div>
<?php $slidercounthome++; endwhile; ?>
<?php endif; ?>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarouselhome" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarouselhome" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- End of JG Homepage Slider -->
<?php elseif( get_row_layout() == 'content' ):?>
<?php if( get_sub_field('columns') == '1' ) { ?>
<div class="<?php the_sub_field('section_class'); ?> tayp-section" id="<?php the_sub_field('section_id'); ?>">
<div class="container">
<div class="col-md-12">
<?php the_sub_field('one_column_content'); ?>
</div>
</div>
</div>
<?php }
else if( get_sub_field('columns') == '2' ) { ?>
<div class="<?php the_sub_field('section_class'); ?> tayp-section" id="<?php the_sub_field('section_id'); ?>">
<div class="container">
<div class="col-md-6">
<?php the_sub_field('two_column_content_1'); ?>
</div>
<div class="col-md-6">
<?php the_sub_field('two_column_content_2'); ?>
</div>
</div>
</div>
<?php }
else if( get_sub_field('columns') == '3' ) { ?>
<div class="<?php the_sub_field('section_class'); ?> tayp-section" id="<?php the_sub_field('section_id'); ?>">
<div class="container">
<div class="col-md-4">
<?php the_sub_field('three_column_content_1'); ?>
</div>
<div class="col-md-4">
<?php the_sub_field('three_column_content_2'); ?>
</div>
<div class="col-md-4">
<?php the_sub_field('three_column_content_3'); ?>
</div>
</div>
<?php } ?>
<?php elseif( get_row_layout() == 'Clients' ):?>
<!-- Clients Aside -->
<aside class="clients <?php the_sub_field('section_class'); ?>" id="<?php the_sub_field('section_id'); ?>">
<div class="container">
<div class="row">
<?php if( have_rows('clients') ): ?>
<?php while( have_rows('clients') ): the_row(); ?>
<div class="col-md-3 col-sm-6">
<a href="<?php the_sub_field('client_link'); ?>">
<img src="<?php the_sub_field('client_image'); ?>" class="img-responsive img-centered" alt="">
</a>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
</aside>
<!-- End of Clients Aside -->
<?php elseif( get_row_layout() == 'bg_with_welcome' ):?>
<!-- Custom BG IMAGE -->
<?php if( get_sub_field('background_image_bgwwelcome') != "") { ?>
<style>
header {
background-image: url(<?php the_sub_field('background_image_bgwwelcome'); ?>) !important;
}
</style>
<?php } else { ?>
<!-- No Laman -->
<?php } ?>
<!-- END Custom BG IMAGE -->
<!-- Bg Welcome Aside -->
<header class="<?php the_sub_field('section_class'); ?>" id="<?php the_sub_field('section_id'); ?>">
<div class="container">
<div class="intro-text">
<div class="intro-lead-in"><?php the_sub_field('sub_title_bgwwelcome'); ?></div>
<div class="intro-heading"><?php the_sub_field('title_bgwwelcome'); ?></div>
<a href="<?php the_sub_field('button_link_bgwwelcome'); ?>" class="page-scroll btn btn-xl"><?php the_sub_field('button_text_bgwwelcome'); ?></a>
</div>
</div>
</header>
<!-- End of BG Welcome Aside -->
<?php elseif( get_row_layout() == 'service_-__fa_icons' ):?>
<!-- Start of Service FA -->
<section class="<?php the_sub_field('section_class'); ?>" id="<?php the_sub_field('section_id'); ?>">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading"><?php the_sub_field('service_title_fa'); ?></h2>
<h3 class="section-subheading text-muted"><?php the_sub_field('service_sub_title_fa'); ?></h3>
</div>
</div>
<div class="row text-center">
<?php if( have_rows('services') ): ?>
<?php while( have_rows('services') ): the_row(); ?>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa <?php the_sub_field('icon'); ?> fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading"><?php the_sub_field('service_title_fa'); ?></h4>
<p class="text-muted"><?php the_sub_field('service_information_fa'); ?>.</p>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
</section>
<!-- End of Service FA -->
<?php elseif( get_row_layout() == 'team' ):?>
<!-- Team Section -->
<section id="<?php the_sub_field('section_id'); ?>" class="bg-light-gray <?php the_sub_field('section_class'); ?>">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading"><?php the_sub_field('team_title'); ?></h2>
<h3 class="section-subheading text-muted"><?php the_sub_field('team_title_copy'); ?>.</h3>
</div>
</div>
<div class="row">
<?php if( have_rows('team_employee') ): ?>
<?php while( have_rows('team_employee') ): the_row(); ?>
<div class="col-sm-4">
<div class="team-member">
<img src="<?php the_sub_field('image'); ?>" class="img-responsive img-circle" alt="">
<h4><?php the_sub_field('name'); ?></h4>
<p class="text-muted"><?php the_sub_field('position'); ?></p>
<ul class="list-inline social-buttons">
<li><a href="mailto:<?php the_sub_field('email'); ?>"><i class="fa fa-envelope"></i></a>
</li>
<li><a href="tel:<?php the_sub_field('phone'); ?>"><i class="fa fa-phone"></i></a>
</li>
<li><a href="<?php the_sub_field('linkedin'); ?>" target="_blank"><i class="fa fa-linkedin"></i></a>
</li>
</ul>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted"><?php the_sub_field('team_short_description'); ?></p>
</div>
</div>
</div>
</section>
<?php elseif( get_row_layout() == 'advance_service_1' ):?>
<!-- Advance Search -->
<section class="adv-search <?php the_sub_field('section_class'); ?>" id="<?php the_sub_field('section_id'); ?>">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading"><?php the_sub_field('title_as'); ?></h2>
<h3 class="section-subheading"><?php the_sub_field('subtitle_as'); ?></h3>
</div>
</div>
<div class="row">
<?php if( have_rows('advance_service') ): ?>
<?php while( have_rows('advance_service') ): the_row(); ?>
<div class="col-md-4 col-xs-12 advance-search-item">
<div class="inside-asi d-flex">
<div class="generating-icon">
<i class="<?php the_sub_field('service_icon'); ?>"></i>
</div>
<div class="asi-information">
<h4><?php the_sub_field('service_title'); ?></h4>
<p><?php the_sub_field('service_description'); ?> </p>
</div>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
</section>
<!-- End of Advance Search -->
<?php elseif( get_row_layout() == 'advance_service_2' ):?>
<!-- Advance Search -->
<section class="adv-search-two">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading"><?php the_sub_field('title_as'); ?></h2>
<h3 class="section-subheading"><?php the_sub_field('subtitle_as'); ?></h3>
</div>
</div>
<div class="row">
<?php if( have_rows('advance_service') ): ?>
<?php while( have_rows('advance_service') ): the_row(); ?>
<div class="col-md-4 col-xs-12 advance-search-item-two">
<div class="inside-asi-two">
<div class="service-icon-advtwo">
<i class="<?php the_sub_field('service_icon'); ?>"></i>
</div>
<h3><?php the_sub_field('service_title'); ?></h3>
<p><?php the_sub_field('service_description'); ?> </p>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
</section>
<!-- End of Advance Search -->
<?php elseif( get_row_layout() == 'one_content_-_short_about_us' ):?>
<!-- One Content with BTN -->
<section class="one-content-with-btn">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading"><?php the_sub_field('title_ocwb'); ?></h2>
</div>
</div>
<div class="row">
<div class="col-lg-12 text-center ocwb-body">
<p> <?php the_sub_field('description_ocwb'); ?> </p>
</div>
<div class="col-lg-12 text-center read-more-btn">
<a href="<?php the_sub_field('button_link_ocwb'); ?>"> <?php the_sub_field('button_text_ocwb'); ?> </a>
</div>
</div>
</div>
</section>
<!-- End of One Content with BTN -->
<?php elseif( get_row_layout() == 'partner_and_acreditation' ):?>
<!-- Client and Partner -->
<section class="partner-and-accreditation">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading"><?php the_sub_field('title'); ?></h2>
<h3 class="section-subheading"><?php the_sub_field('sub_title'); ?></h3>
</div>
</div>
<div class="row row-centered ">
<?php if( have_rows('partner_and_accreditation__images') ): ?>
<?php while( have_rows('partner_and_accreditation__images') ): the_row(); ?>
<div class="col-md-4 col-sm-6 paa-entries col-centered">
<img src="<?php the_sub_field('entries'); ?>" class="img-responsive img-centered" alt="">
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
<div class="row">
<div class="col-lg-12 text-center read-more-btn-green ">
<<?php
$images = get_sub_field('awards');
$i=1;
if( $images ) { ?>
<div class="gallery">
<?php foreach( $images as $image ): ?>
<?php
if($i ==1 ) { ?>
<a href="<?php echo esc_url($image); ?>" class="agallery"> View Awardss </a>
<?php } else { ?>
<a href="<?php echo esc_url($image); ?>" class="agallery" style="display: none;"> View Awards </a>
<?php } $i++; ?>
<?php endforeach; ?>
</div>
<?php } ?>
</div>
</div>
</div>
</section>
<!-- End of Client and Partner -->
<?php elseif( get_row_layout() == 'reviews' ):?>
<!-- Reviews -->
<section class="reviews">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading"><?php the_sub_field('title'); ?></h2>
<h3 class="section-subheading"><?php the_sub_field('sub_title'); ?></h3>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div id="Carousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#Carousel" data-slide-to="0" class="active"></li>
<li data-target="#Carousel" data-slide-to="1"></li>
<li data-target="#Carousel" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<?php if( have_rows('review_slide', 'option')): $reviewentries = 0; ?>
<?php while( have_rows('review_slide', 'option') ): the_row(); ?>
<div class="item <?php if($reviewentries == 0) echo 'active';?>">
<div class="row">
<?php if( have_rows('review_entries', 'option')): ?>
<?php while( have_rows('review_entries', 'option') ): the_row(); ?>
<div class="col-md-4 review-entries">
<div class="re-bg">
<div class="review-header d-flex align-items-center justify-content-between">
<div class="rh-quote">
<i class="las la-quote-right"></i>
</div>
<div class="rh-star">
<?php if( get_sub_field('rating') == '5 Star' ) { ?>
<i class="las la-star"></i>
<i class="las la-star"></i>
<i class="las la-star"></i>
<i class="las la-star"></i>
<i class="las la-star"></i>
<?php }
else if( get_sub_field('rating') == '4 Star' ) { ?>
<i class="las la-star"></i>
<i class="las la-star"></i>
<i class="las la-star"></i>
<i class="las la-star"></i>
<i class="lar la-star"></i>
<?php }
else if( get_sub_field('rating') == '3 Star' ) { ?>
<i class="las la-star"></i>
<i class="las la-star"></i>
<i class="las la-star"></i>
<i class="lar la-star"></i>
<i class="lar la-star"></i>
<?php }
else if( get_sub_field('rating') == '2 Star' ) { ?>
<i class="las la-star"></i>
<i class="las la-star"></i>
<i class="lar la-star"></i>
<i class="lar la-star"></i>
<i class="lar la-star"></i>
<?php }
else if( get_sub_field('rating') == '1 Star' ) { ?>
<i class="las la-star"></i>
<i class="lar la-star"></i>
<i class="lar la-star"></i>
<i class="lar la-star"></i>
<i class="lar la-star"></i>
<?php } ?>
</div>
</div>
<div class="review-body">
<p><?php the_sub_field('message'); ?> </p>
</div>
<div class="review-author">
<div class="ra-name"><p><?php the_sub_field('name'); ?> </p></div>
<div class="ra-location"><p><?php the_sub_field('location'); ?> </p></div>
</div>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div><!--.row-->
</div><!--.item-->
<?php $reviewentries++; endwhile; ?>
<?php endif; ?>
</div><!--.carousel-inner-->
<a data-slide="prev" href="#Carousel" class="left carousel-control">‹</a>
<a data-slide="next" href="#Carousel" class="right carousel-control">›</a>
</div><!--.Carousel-->
</div>
</div>
</div>
</section>
<!-- end of Reviews -->
<?php elseif( get_row_layout() == 'contact_us' ):?>
<!-- Contact Us -->
<section class="contact-us">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Contact Us</h2>
<h3 class="section-subheading">Any question or inquiry ? Feel free to message us below</h3>
</div>
</div>
<div class="row form-body">
<div class="col-md-12 col-xs-12">
<?php echo do_shortcode( '[gravityform id="1" title="false" description="false"]' ); ?>
</div>
</div>
</div>
</section>
<!-- End of Contact Us -->
<?php elseif( get_row_layout() == 'branches' ):?>
<!-- Branches -->
<section class="branches">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Branches</h2>
</div>
</div>
<div class="row branches-content">
<div class="col-md-6 col-xs-12 branches-master">
<?php if( have_rows('branches_entries', 'option')): $reviewentries = 0; ?>
<?php while( have_rows('branches_entries', 'option') ): the_row(); ?>
<!-- Entries -->
<div class="col-md-12 col-xs-12 advance-search-item branches-entries">
<div class="inside-asi d-flex">
<div class="generating-icon">
<i class="la la-map"></i>
</div>
<div class="asi-information">
<h4><?php the_sub_field('title'); ?> </h4>
<p><b> Address: </b> <?php the_sub_field('location'); ?> </p>
</div>
</div>
</div>
<!-- End of Entries -->
<?php endwhile; ?>
<?php endif; ?>
</div>
<div class="col-md-6 col-xs-12 col-map">
<?php echo do_shortcode( '[google_map_easy id="1"]' ); ?>
</div>
</div>
</div>
</section>
<!-- End of branches -->
<?php elseif( get_row_layout() == 'contact_us_page' ):?>
<!-- Contact Us Page -->
<section class="contact-us">
<div class="container">
<div class="row single-contant-info-master">
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="single-contact-info contact-color-2 d-flex ">
<div class="contact-info-icon">
<i class="las la-map-marker-alt"></i>
</div>
<div class="contact-info-content media-body cic-address">
<p class="text"><?php the_field('Address', 'option'); ?></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="single-contact-info contact-color-2 d-flex cc-1 ">
<div class="contact-info-icon">
<i class="las la-envelope"></i>
</div>
<div class="contact-info-content media-body">
<p class="text"><?php the_field('email', 'option'); ?></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="single-contact-info contact-color-2 d-flex ">
<div class="contact-info-icon">
<i class="las la-phone"></i>
</div>
<div class="contact-info-content media-body">
<?php if( have_rows('phone_number', 'option')): $reviewentries = 0; ?>
<?php while( have_rows('phone_number', 'option') ): the_row(); ?>
<p class="text"><?php the_sub_field('phone_number', 'option'); ?></p>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
<div class="row form-body">
<div class="col-md-6 col-xs-12 contact-us-page">
<?php echo do_shortcode( '[gravityform id="1" title="false" description="false"]' ); ?>
</div>
<div class="col-md-6 col-xs-12 col-map">
<?php echo do_shortcode( '[google_map_easy id="1"]' ); ?>
</div>
</div>
</div>
</section>
<!-- End of Contact Us Page -->
<?php elseif( get_row_layout() == 'about_us_content' ):?>
<?php if( get_sub_field('column') == '1' ) { ?>
<!-- About Us One Content Page -->
<section class="greenline">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading"><?php the_sub_field('one_content_title'); ?></h2>
</div>
</div>
<div class="row push-up">
<div class="col-md-12">
<?php the_sub_field('one_column_content'); ?>
</div>
</div>
</div>
</section>
<?php } else if( get_sub_field('column') == '2' ) { ?>
<!-- About Us two Content Page -->
<section class="greenline">
<div class="container">
<div class="col-md-6 col-xs-12 bluelines">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading"><?php the_sub_field('two_content_title_1'); ?></h2>
</div>
</div>
<div class="row push-up">
<div class="col-md-12">
<?php the_sub_field('two_column_content'); ?>
</div>
</div>
</div>
<div class="col-md-6 col-xs-12 ">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading"><?php the_sub_field('two_content_title_2'); ?></h2>
</div>
</div>
<div class="row push-up">
<div class="col-md-12">
<?php the_sub_field('two_column_content_2'); ?>
</div>
</div>
</div>
</div>
</section>
<?php } ?>
<?php elseif( get_row_layout() == 'gallery' ):?>
<h1> im here </h1>
<!-- About Us Gallery -->
<div class="container-fluid">
<div class="row portfolios parent-container gallery">
<?php if( have_rows('gallery_entries')): ?>
<?php while( have_rows('gallery_entries') ): the_row(); ?>
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="<?php the_sub_field('big_image'); ?>"><img src="<?php the_sub_field('featured_small_image'); ?>" alt="" /></a>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>
<?php get_footer(); ?>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter