<?php /* Template Name: who */ ?>

<?php get_header();?>



 <section class="mainsingle">

         <section class="aboutsec">
             <div class="aboutsecimg wow fadeIn">
                 <?php
                 $imageabout = get_field('the_image_about', 'option');
                 if ($imageabout) {
                     $imgabout_url   = $imageabout['url'];
                     $imgabout_title = $imageabout['title'];
                     $imgabout_alt   = $imageabout['alt'];
                     if (empty($imgabout_alt)) {
                         $imgabout_alt = $imgabout_title;
                     }
                 }
                 ?>

                 <img class="img-fluid"
                      src="<?php echo esc_url($imgabout_url); ?>"
                      alt="<?php echo esc_attr($imgabout_alt); ?>"
                      title="<?php echo esc_attr($imgabout_title); ?>" />

             </div>
             <div class="aboutsectxt">
                 <div class="wow <?php echo ( qtranxf_getLanguage() == 'ar' ) ? 'fadeInUp' : 'fadeInUp'; ?>"
                      data-wow-delay= '.2s' >
                     <?php the_field('the_description_about','option'); ?>
                 </div>
             </div>
         </section>

     <?php if(get_field('mainaddtinalcontnt')): ?>
     <section class="addtinalcpntent">
         <div class="container">
             <?php $addtinalcpntent = .2; while(has_sub_field('mainaddtinalcontnt')): ?>

                 <div class="singaddtinalcpntent">
                     <div class="row align-items-center">
                         <div class="col-md-6 wow fadeInUp"  data-wow-delay= '<?php echo $addtinalcpntent ?> s'>
                             <div class="singaddtinalcpntenttxt">
                                 <h4><?php the_sub_field('mainaddtinalcontnttitle') ?></h4>
                                 <div class="thconsingaddtinalcpntenttxt">
                                     <?php the_sub_field('mainaddtinalcontntcontent') ?>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-6 wow fadeInUp"  data-wow-delay= '<?php echo $addtinalcpntent ?> s'>
                             <div class="singaddtinalcpntentimg">
                                 <?php
                                 $imageserv = get_sub_field('mainaddtinalcontntimg');
                                 if ($imageserv) {
                                     $imgserv_url   = $imageserv['url'];
                                     $imgserv_title = $imageserv['title'];
                                     $imgserv_alt   = $imageserv['alt'];
                                     if (empty($imgserv_alt)) {
                                         $imgserv_alt = $imgserv_title;
                                     }
                                 }
                                 ?>

                                 <img class="img-fluid"
                                      src="<?php echo esc_url($imgserv_url); ?>"
                                      alt="<?php echo esc_attr($imgserv_alt); ?>"
                                      title="<?php echo esc_attr($imgserv_title); ?>" />


                             </div>
                         </div>
                     </div>
                 </div>

             <?php $addtinalcpntent+= .2; endwhile; ?>
         </div>
     </section>
     <?php endif; ?>




     <!-- start numbers -->
     <?php
     if(get_field('ournumbers','option')): ?>
         <section class="numverssec">
             <div class="container">
                 <div class="row justify-content-center">
                     <?php  $i = 0; $umnes= .2; while(has_sub_field('ournumbers','option')):
                         $i++;
                         ?>

                         <div class="col-md-3 col-6">
                             <div class="numberitme wow fadeInUp" data-wow-delay= '<?php echo $umnes ?>s' >
                                 <div class="numberitmeimg">
                                     <img class="img-fluid wow fadeInUp" src="<?php echo THEME_IMAGES_DIR . 'numaf.png'; ?>" title="numbers" alt="numbers">
                                 </div>
                                 <h3>
                                     <span><?php the_sub_field('the_number_number','option') ?></span>
                                     <?php if ($i <= 3) : ?>
                                         K
                                     <?php endif; ?>

                                 </h3>
                                 <p>
                                     <?php the_sub_field('the_title_number','option') ?>
                                 </p>
                             </div>
                         </div>
                         <?php $umnes+= .2; endwhile; ?>
                 </div>
             </div>
         </section>
     <?php endif; ?>
     <!-- End numbers -->
















 </section>


<?php get_footer();?>


