File: /var/www/html/qcr24/wp-content/themes/syscentric/Page-Templates/template-home.php
<?php
/*
Template Name: Homepage
*/
get_header();
?>
<!--=================================
Counter -->
<section class="bg-dark py-5">
<div class="container">
<div class="row">
<div class="col-sm-6 col-lg-3 mb-4 mb-lg-0">
<div class="counter">
<div class="counter-icon">
<?php echo get_field('happy_clients_imoji'); ?>
</div>
<div class="counter-content">
<span class="timer" data-to="<?php echo get_field('happy_clients_count'); ?>" data-speed="10000"><?php echo get_field('happy_clients_count'); ?></span>
<label><?php echo get_field('happy_clients_title'); ?></label>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3 mb-4 mb-lg-0">
<div class="counter">
<div class="counter-icon">
<?php echo get_field('skilled_experts_imoji'); ?>
</div>
<div class="counter-content align-self-center">
<span class="timer" data-to="<?php echo get_field('skilled_experts_count'); ?>" data-speed="10000"><?php echo get_field('skilled_experts_count'); ?></span>
<label><?php echo get_field('skilled_experts_title'); ?></label>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3 mb-4 mb-sm-0">
<div class="counter">
<div class="counter-icon">
<?php echo get_field('finished_projects_imoji'); ?>
</div>
<div class="counter-content">
<span class="timer" data-to="<?php echo get_field('finished_projects_count'); ?>" data-speed="10000"><?php echo get_field('finished_projects_count'); ?></span>
<label><?php echo get_field('finished_projects_title'); ?></label>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="counter">
<div class="counter-icon">
<?php echo get_field('repeat_customers_imoji'); ?>
</div>
<div class="counter-content">
<div class="d-flex"><span class="timer" data-to="<?php echo get_field('repeat_customers_count'); ?>" data-speed="10000"><?php echo get_field('repeat_customers_count'); ?></span> <span class="h2 ml-2 mb-0 text-white">%</span></div>
<label><?php echo get_field('repeat_customers_title'); ?></label>
</div>
</div>
</div>
</div>
</div>
</section>
<!--=================================
Counter -->
<!--=================================
Feature info -->
<section class="space-pt our-client">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="section-title text-center">
<h2><?php echo get_field('development_skill_title'); ?></h2>
<p><?php echo get_field('development_skill_subtitle'); ?></p>
</div>
</div>
</div>
<div class="row">
<?php if( have_rows('development_skill_list') ): ?>
<?php while( have_rows('development_skill_list') ): the_row();
$development_skill_list_title = get_sub_field('development_skill_list_title');
$development_skill_list_image = get_sub_field('development_skill_list_image');
$development_skill_list_item = get_sub_field('development_skill_list_item');
?>
<div class="col-md-6 col-lg-3 mb-4 mb-lg-0">
<div class="bg-light border border-radius h-100 overflow-hidden d-flex align-items-start flex-columnbg-light border border-radius h-100 overflow-hidden d-flex align-items-start flex-columnbg-light border border-radius h-100 overflow-hidden d-flex align-items-start flex-column">
<div class="p-4 mb-auto">
<h4><?php echo $development_skill_list_title; ?></h4>
<ul class="list-unstyled">
<?php foreach($development_skill_list_item as $item){ ?>
<li class="mb-2"><a href="<?php echo get_permalink( $item->ID ); ?>"><?php echo $item->post_title; ?></a></li>
<?php } ?>
</ul>
</div>
<div class="d-flex justify-content-end w-100">
<img class="img-fluid w-75" src="<?php echo $development_skill_list_image; ?>" alt="">
</div>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
</section>
<!--=================================
Feature info -->
<!--=================================
Service -->
<section class="space-ptb bg-light position-relative">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="section-title is-sticky">
<h2><?php echo get_field('service_section_title'); ?></h2>
<p class="mb-4"><?php echo get_field('service_section_content'); ?></p>
<a href="<?php echo get_field('service_url'); ?>" class="btn btn-primary-round btn-round">See All Services<i class="fas fa-arrow-right pl-3"></i></a>
</div>
</div>
<div class="col-lg-8">
<div class="row">
<div class="col-sm-6">
<?php
$left_service_list = get_field('left_service_list');
$i = 1;
foreach($left_service_list as $leftservicelist){
$limage_url = wp_get_attachment_image_src(get_post_thumbnail_id($leftservicelist->ID), 'full');
?>
<div class="feature-info feature-info-style-01 <?php if($i > 1){ echo 'mt-4 mt-lg-5'; } ?>">
<div class="feature-info-icon">
<img src="<?php echo $limage_url[0]; ?>" height="68">
</div>
<div class="feature-info-content">
<h5 class="mb-3 feature-info-title"><?php echo $leftservicelist->post_title; ?></h5>
<p class="mb-0"><?php echo $leftservicelist->post_excerpt; ?></p>
<a href="<?php echo get_permalink( $leftservicelist->ID ); ?>" class="icon-btn"><i class="fas fa-long-arrow-alt-right"></i></a>
</div>
</div>
<?php
$i++;
}
?>
</div>
<div class="col-sm-6">
<?php
$right_service_list = get_field('right_service_list');
$i = 1;
foreach($right_service_list as $rightservicelist){
$rimage_url = wp_get_attachment_image_src(get_post_thumbnail_id($rightservicelist->ID), 'full');
?>
<div class="feature-info feature-info-style-01 mt-4 mt-lg-5">
<div class="feature-info-icon">
<img src="<?php echo $rimage_url[0]; ?>" height="68">
</div>
<div class="feature-info-content">
<h5 class="mb-3 feature-info-title"><?php echo $rightservicelist->post_title; ?></h5>
<p class="mb-0"><?php echo $rightservicelist->post_excerpt; ?></p>
<a href="<?php echo get_permalink( $rightservicelist->ID ); ?>" class="icon-btn"><i class="fas fa-long-arrow-alt-right"></i></a>
</div>
</div>
<?php
$i++;
}
?>
</div>
</div>
</div>
</div>
</div>
</section>
<!--=================================
Service -->
<!--=================================
Case Study -->
<section class="space-ptb bg-dark-half-lg">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-9 col-lg-10">
<div class="section-title text-center">
<h2 class="text-white"><?php echo get_field('portfolio_section_title'); ?></h2>
<p class="lead text-white"><?php echo get_field('portfolio_section_content'); ?></p>
</div>
</div>
</div>
<div class="row no-gutters">
<div class="col-md-12">
<div class="my-shuffle-container columns-3 popup-gallery full-screen">
<?php
$portfolio_list = get_field('portfolio_list');
$i = 1;
foreach($portfolio_list as $portfoliolist){
$image_url = wp_get_attachment_image_src(get_post_thumbnail_id($portfoliolist->ID), 'full');
?>
<div class="grid-item">
<div class="portfolio-item">
<img class="img-fluid" src="<?php echo $image_url[0]; ?>" alt="">
<div class="portfolio-overlay">
<div class="portfolio-description">
<div class="portfolio-info">
<h5>
<a href="<?php echo get_field('portfolio_url', $portfoliolist->ID); ?>" target="_blank" class="portfolio-title text-primary"><?php echo $portfoliolist->post_title; ?></a>
</h5>
<span class="text-dark"><?php echo get_field('portfolio_type', $portfoliolist->ID); ?></span>
</div>
<div class="portfolio-icon">
<a class="portfolio-img" href="<?php echo $image_url[0]; ?>">
<i class="fas fa-plus"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<?php
$i++;
}
?>
</div>
</div>
</div>
<!--=================================
portfolio -->
<div class="row">
<div class="col-12 d-flex justify-content-center mt-0 mt-md-4">
<a href="<?php bloginfo('url'); ?>/portfolios" class="btn btn-primary-round btn-round mx-3">View All<i class="fas fa-arrow-right pl-3"></i></a>
</div>
</div>
</div>
</section>
<!--=================================
Case Study -->
<!--=================================
Tab -->
<section class="space-pb">
<div class="container">
<div class="row">
<div class="col-sm-4 align-self-lg-center mb-4 mb-sm-0">
<img class="img-fluid rounded" src="<?php echo get_field('company_image'); ?>" alt="">
</div>
<div class="col-sm-8 align-self-start align-self-lg-center pl-md-0 pl-lg-5">
<div class="d-md-flex align-items-center">
<div class="mr-4">
<!-- <p class="mb-0">Syscentric Journey</p> -->
<h3 class="display-3 font-weight-bold text-primary mb-0"><?php echo get_field('company_eshtablished_year'); ?></h3>
</div>
<div class="mr-3">
<h2 class="mb-0"><?php echo get_field('company_tagline'); ?></h2>
</div>
</div>
<h5 class="font-weight-normal mt-4">
<?php echo get_field('company_description_para_first'); ?>
</h5>
<h5 class="font-weight-normal mt-4">
<?php echo get_field('company_description_para_second'); ?>
</h5>
</div>
</div>
</div>
</section>
<!--=================================
Tab -->
<!--=================================
client-logo -->
<section class="mt-n5 z-index-9 position-relative">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="our-clients our-clients-style-02 bg-light">
<div class="client-title pl-4">
<h5 class="text-white">Our Clients</h5>
<div class="svg-item">
</div>
</div>
<div class="brand-logo pl-4">
<div class="owl-carousel testimonial-center owl-nav-bottom-center" data-nav-arrow="false" data-items="4" data-md-items="3" data-sm-items="2" data-xs-items="1" data-xx-items="1" data-space="30" data-autoheight="true">
<?php if( have_rows('client_list') ): ?>
<?php while( have_rows('client_list') ): 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 center-block mx-auto" src="<?php echo $client_logo; ?>" alt=""></a>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
<div class="client-btn">
<a href="<?php bloginfo('url'); ?>/clients/" class="btn btn-primary-round btn-round text-white">View All<i class="fas fa-arrow-right pl-3"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--=================================
client-logo -->
<!--=================================
Testimonial and Brands -->
<section class="space-pt">
<div class="container">
<div class="row mb-0 mb-lg-4 text-center">
<div class="col-12"><h2 class="mb-4 mb-lg-5"><?php echo get_field('testimonial_section_content'); ?></h2></div>
<div class="col-lg-6 col-xl-7 text-center mx-auto">
<div class="owl-carousel testimonial-style-02" 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' => -1 ) ) ) {
?>
<?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="video-image">
<img class="img-fluid w-100" src="<?php echo $image_url[0]; ?>" alt="">
<?php if(get_field('youtube_url')){ ?>
<a class="popup-icon popup-youtube" href="<?php echo get_field('youtube_url'); ?>">
<i class="fa fa-play"></i>
<!-- svg start -->
<div class="svg-item">
<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="48px" viewBox="0 0 1920 48" style="enable-background:new 0 0 1920 48;" xml:space="preserve">
<polygon id="XMLID_1_" class="st0" fill="#ffffff" points="1920,48 0,48 0,48 1920,0 "/>
</svg>
</div>
<!-- svg end -->
</a>
<?php } ?>
</div>
<div class="testimonial-item">
<div class="testimonial-avatar">
<img class="img-fluid rounded-circle" src="<?php bloginfo('template_url'); ?>/images/avatar/glogo.jpg" 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 class="col-12 pt-5">
<a href="<?php bloginfo('url'); ?>/testimonials/" class="btn btn-primary-round btn-round mb-3">Client Success Stories<i class="fas fa-arrow-right pl-3"></i></a>
</div>
</div>
</div>
</section>
<!--=================================
Testimonial and Brands -->
<!--=================================
Action Box -->
<section class="py-6 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'); ?></h2>
<h6 class="text-white"><?php echo get_field('idea_section_subtitle'); ?></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();
?>