File: //var/www/html/qcr24/wp-content/themes/syscentric/Page-Templates/template-about.php
<?php
/*
Template Name: About
*/
get_header();
?>
<!--=================================
History -->
<section class="space-ptb">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-9">
<div class="section-title text-center">
<h2><?php echo get_field('about_section_title'); ?></h2>
<p class="px-xl-5"><?php echo get_field('about_section_content'); ?></p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-10">
<div class="cd-horizontal-timeline">
<div class="timeline">
<div class="events-wrapper">
<div class="events">
<ul>
<?php if( have_rows('event_list') ): ?>
<?php $i = 1; ?>
<?php while( have_rows('event_list') ): the_row();
$event_year = get_sub_field('event_year');
?>
<li><a href="#0" data-date="01/01/<?php echo $event_year; ?>" class="<?php if($i == 1){ echo 'selected'; } ?>"><?php echo $event_year; ?></a></li>
<?php $i++; ?>
<?php endwhile; ?>
<?php endif; ?>
</ul>
<span class="filling-line" aria-hidden="true"></span>
</div>
<!-- .events -->
</div>
<!-- .events-wrapper -->
<ul class="cd-timeline-navigation">
<li><a href="#0" class="prev inactive"></a></li>
<li><a href="#0" class="next"></a></li>
</ul>
<!-- .cd-timeline-navigation -->
</div>
<!-- .timeline -->
<div class="events-content">
<ul>
<?php if( have_rows('event_list') ): ?>
<?php $i = 1; ?>
<?php while( have_rows('event_list') ): the_row();
$event_year = get_sub_field('event_year');
$event_title = get_sub_field('event_title');
$event_quote = get_sub_field('event_quote');
$event_content = get_sub_field('event_content');
?>
<li class="<?php if($i == 1){ echo 'selected'; } ?>" data-date="01/01/<?php echo $event_year; ?>">
<div class="row">
<div class="col-md-4">
<h1 class="year"><?php echo $event_year; ?></h1>
</div>
<div class="col-md-8">
<div class="timeline-text">
<h6 class="text-dark"><?php echo $event_title; ?></h6>
<p class="border-left pl-3 font-italic"><?php echo $event_quote; ?></p>
<p class="mb-0"><?php echo $event_content; ?></p>
</div>
</div>
</div>
</li>
<?php $i++; ?>
<?php endwhile; ?>
<?php endif; ?>
</ul>
</div>
<!-- .events-content -->
</div>
</div>
</div>
</div>
</section>
<!--=================================
History -->
<!--=================================
portfolio -->
<section class="space-pb popup-gallery overflow-hidden">
<div class="container-fluid">
<div class="row d-flex align-items-end">
<?php
$firstrowImage = get_field('first_row_gallery');
if( $firstrowImage ): ?>
<?php foreach( $firstrowImage as $firstrow ): ?>
<div class="col-md-6 col-lg-3 mb-4 mb-lg-3">
<a class="portfolio-img" href="<?php echo esc_url($firstrow['url']); ?>"><img class="img-fluid" src="<?php echo esc_url($firstrow['url']); ?>" alt=""></a>
</div>
<?php endforeach; ?>
<?php
endif;
?>
</div>
<div class="row">
<?php
$secondrowImage = get_field('second_row_gallery');
if( $secondrowImage ): ?>
<?php foreach( $secondrowImage as $secondrow ): ?>
<div class="col-md-6 col-lg-3 mb-4 mb-lg-3">
<a class="portfolio-img" href="<?php echo esc_url($secondrow['url']); ?>"><img class="img-fluid" src="<?php echo esc_url($secondrow['url']); ?>" alt=""></a>
</div>
<?php endforeach; ?>
<?php
endif;
?>
</div>
</div>
</section>
<!--=================================
portfolio -->
<!--=================================
Counter -->
<section class="py-4 bg-transparant border">
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="counter counter-02">
<div class="counter-icon align-self-center">
<?php echo get_field('happy_clients_imoji', 15); ?>
</div>
<div class="counter-content align-self-center">
<span class="timer" data-to="<?php echo get_field('happy_clients_count', 15); ?>" data-speed="10000"><?php echo get_field('happy_clients_count', 15); ?></span>
<label><?php echo get_field('happy_clients_title', 15); ?></label>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="counter counter-02">
<div class="counter-icon">
<?php echo get_field('skilled_experts_imoji', 15); ?>
</div>
<div class="counter-content">
<span class="timer" data-to="<?php echo get_field('skilled_experts_count', 15); ?>" data-speed="10000"><?php echo get_field('skilled_experts_count', 15); ?></span>
<label><?php echo get_field('skilled_experts_title', 15); ?></label>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="counter counter-02">
<div class="counter-icon">
<?php echo get_field('finished_projects_imoji', 15); ?>
</div>
<div class="counter-content">
<span class="timer" data-to="<?php echo get_field('finished_projects_count', 15); ?>" data-speed="10000"><?php echo get_field('finished_projects_count', 15); ?></span>
<label><?php echo get_field('finished_projects_title', 15); ?></label>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="counter counter-02">
<div class="counter-icon">
<?php echo get_field('repeat_customers_imoji', 15); ?>
</div>
<div class="counter-content">
<div class="d-flex"><span class="timer" data-to="<?php echo get_field('repeat_customers_count', 15); ?>" data-speed="10000"><?php echo get_field('repeat_customers_count', 15); ?></span> <span class="h2 ml-2 mb-0 text-white">%</span></div>
<label><?php echo get_field('repeat_customers_title', 15); ?></label>
</div>
</div>
</div>
</div>
</div>
</section>
<!--=================================
Counter -->
<!--=================================
Testimonial -->
<section class="space-ptb">
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-12 text-center">
<div class="owl-carousel testimonial" data-nav-arrow="true" data-nav-dots="false" data-items="1" data-lg-items="1" data-md-items="1" data-sm-items="1" data-space="0" data-autoheight="true">
<?php
if ( query_posts( array( 'post_type' => 'testimonial', 'order' => 'ASC', 'posts_per_page' => 4 ) ) ) {
?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php $image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full'); ?>
<div class="item">
<div class="testimonial-item">
<div class="testimonial-avatar shadow">
<img class="img-fluid rounded-circle" src="<?php echo $image_url[0]; ?>" alt="">
</div>
<div class="testimonial-content">
<p><?php echo get_the_content(); ?></p>
</div>
<div class="testimonial-author">
<div class="testimonial-name">
<h6 class="mb-1"><?php the_title(); ?></h6>
<span><?php echo get_field('designation'); ?></span>
</div>
</div>
</div>
</div>
<?php endwhile; endif; wp_reset_query(); ?>
<?php } ?>
</div>
</div>
</div>
</div>
</section>
<!--=================================
Testimonial -->
<!--=================================
Client Logo -->
<section class="space-pb our-clients">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-xl-3 col-lg-4 col-md-4 mb-4 mb-md-0">
<h5 class="text-primary mb-0">Our Clients Are</h5>
</div>
<div class="col-xl-9 col-md-8">
<div class="owl-carousel" data-nav-arrow="false" data-items="4" data-md-items="4" data-sm-items="4" data-xs-items="3" data-xx-items="2" data-space="20" data-autoheight="true">
<?php if( have_rows('client_list', 15) ): ?>
<?php while( have_rows('client_list', 15) ): the_row();
$client_logo = get_sub_field('client_logo');
$client_url = get_sub_field('client_url');
?>
<div class="item">
<a href="<?php echo $client_url; ?>" target="_blank"><img class="img-fluid d-block mx-auto" src="<?php echo $client_logo; ?>" alt=""></a>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
</section>
<!--=================================
Client Logo -->
<!--=================================
Action Box -->
<section class="space-pb dark-background">
<div class="container">
<div class="bg-dark text-center rounded py-5 px-3">
<h2 class="text-white"><?php echo get_field('idea_section_title', 15); ?></h2>
<h6 class="text-white"><?php echo get_field('idea_section_subtitle', 15); ?></h6>
<a href="<?php bloginfo('url'); ?>/contact" class="btn btn-primary-round btn-round mx-0 mx-md-3 text-white">Let’s Get Started<i class="fas fa-arrow-right pl-3"></i></a>
</div>
</div>
</section>
<!--=================================
Action Box -->
<?php
get_footer();
?>