   <?php
/**
 * This file is responsible for the about section on front page.
 * @version:1.0
 */
?> 


 <section id='about' class="s-about">
         <div class="row" data-aos="fade-up"  data-aos-duration="500">
            <div class="col-md-5" data-aos="fade-up"  data-aos-duration="500">
               <div class="process__text">
                  <h4><?php echo(get_theme_mod('home_about_title', __('What is Cowork?','cowork-lite'))); ?></h4>
                  <p>
                      <?php echo(get_theme_mod('home_about_title_text', __('','cowork-lite'))); ?>
                  </p>
                  <div class="btn">
                     <a href="<?php echo(get_theme_mod('home_about_title_buttonlink', __('#','cowork-lite'))); ?>" class="btn--primary smoothscroll" ><?php echo(get_theme_mod('home_about_title_button', __('Read More','cowork-lite'))); ?></a>
                  </div>
               </div>
            </div>
            <div class="col-md-7 ">

               <?php

                 $about_cowork = get_theme_mod( 'homepage_about_cowork');
                  if(isset($about_cowork) && !empty($about_cowork)){
                 foreach ( $about_cowork as $items ) : ?>
                  <?php if ( ! wp_attachment_is_image( $items['cowork_image'] ) ){

                     $img_ur = esc_url_raw($items['cowork_image']);

                 } else {
                     $img_ur = wp_get_attachment_url($items['cowork_image']);
                 } ?>

               <div class="col-md-6 widget-banners" data-aos="fade-up"  data-aos-duration="500">
                  <img src="<?php echo $img_ur; ?>" alt="">
               </div>
               
            <?php endforeach; ?>
            <?php }?> 
            </div>
         </div>
         <!-- end about-desc -->
      </section>
      <!-- end s-about -->