<?php
/**
 * Template Name:About Template
 *
 *
 */
 if( get_theme_mod('vw_book_store_pro_about_temp_bg_color','') ) {
    $about_backg = 'background-color:'.esc_attr(get_theme_mod('vw_book_store_pro_about_temp_bg_color','')).';';
  }elseif( get_theme_mod('vw_book_store_pro_about_temp_bg_image','') ){
    $about_backg = 'background-image:url(\''.esc_url(get_theme_mod('vw_book_store_pro_about_temp_bg_image')).'\');';
  }else{
    $about_backg= '';
  }
 get_header();
get_template_part('template-parts/banner');
?>
<div class="container about-main mt-0 mt-sm-5 pt-0 pt-sm-5 pb-0 pb-sm-5 wow slideInUp delay-3000 animated" data-wow-duration="2s">
   <div class="row">
      <div class="col-md-6">
          <img class="aboutimg" src="<?php echo esc_html(get_theme_mod('vw_book_store_pro_page_img')); ?>">
      </div>
      <div class="col-md-6">
        <h3 class="about-heading1 mt-0 mt-sm-5 pt-0 pt-sm-2"><?php echo esc_html(get_theme_mod('vw_book_store_pro_abouts_main_head')); ?></h3>
         <p class="about-para1 mt-0 mt-sm-3 mb-0 mb-sm-4"><?php echo esc_html(get_theme_mod('vw_book_store_pro_abouts_para')); ?></p>
         <span class="about-arrows"><i class="fa fa-angle-right" aria-hidden="true"></i><p class="about-text"><?php echo esc_html(get_theme_mod('vw_book_store_pro_about_paragra1')); ?></p></span>
          <span class="about-arrows"><i class="fa fa-angle-right" aria-hidden="true"></i><p class="about-text"><?php echo esc_html(get_theme_mod('vw_book_store_pro_about_paragra2')); ?></p></span>
           <span class="about-arrows"><i class="fa fa-angle-right" aria-hidden="true"></i><p class="about-text"><?php echo esc_html(get_theme_mod('vw_book_store_pro_about_paragra3')); ?></p></span>
           <div class="button-about mt-0 mt-sm-4"><a href="#" class="about-button"><?php echo esc_html(get_theme_mod('vw_book_store_pro_about_buttons')); ?></a></div>
      </div>
      
   </div>
   
</div>
 <section id="background-aboutus" style="<?php echo esc_attr($about_backg); ?>" class="pt-0 pt-sm-5 mt-0 mt-sm-5">
    <div class="container">
        <div class="row">
            <div class="col-md-12 aboutus-col text-md-center">
    <div class="banner-position-main wow zoomIn delay-2000 animated" data-wow-duration="2s">
       <div class="banner-right-txt">
        <img class="about-center-img" src="<?php echo esc_html(get_theme_mod('vw_book_store_pro_about_center_bg_image')); ?>">
        <h2 class="adventure-head mt-0 mt-sm-5"><?php echo esc_html(get_theme_mod('vw_book_store_pro_about_temp_head')); ?></h2>  
        <p class="adventure-subhead mt-0 mt-sm-2 mb-0 mb-sm-3"><?php echo esc_html(get_theme_mod('vw_book_store_pro_about_temp_sub_head')); ?></p> 
        <p class="aboutus-para pt-0 pt-sm-4 mt-0 mt-sm-4 pb-0 pb-sm-5"><?php echo esc_html(get_theme_mod('vw_book_store_pro_about_temp_para')); ?></p>
       </div> 
    </div>
   </div>
   
    </div>
    </div>
 </section>
 
<?php get_footer(); ?>