<?php  
/** 
*
* @package Luzuk
*/ 

if(get_theme_mod('lz_fitness_premium_aboutconstruction_section_disable') != 'on' ){
	?>
	<section id="ht-aboutconstruction-section" class="ht-section" >
		<div class="lightbox">
			<div class="container">
				<div class=" wow fadeInUp" data-wow-duration="1s">
					<div class="complete-about-box">
						<div class="col-md-4 col-sm-6 aboutimgbox1 padding1">
							<?php 
							$lz_fitness_about_image = get_theme_mod('lz_fitness_about_image');
							if(!empty($lz_fitness_about_image)){
								echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($lz_fitness_about_image).'" class="img-responsive" />';
							}else{
								echo '<img alt="About us" src="'.get_template_directory_uri().'/images/aboutimg1.jpg" class="img-responsive" />';
							}
							?>
						</div> 
						<?php if( get_theme_mod('aboutusectionimganimation_button_display','show' ) == 'show') :
								?>	
						<div class="hex center">
							<div class="hex odd first one"></div>
							<!--  <div class="hex odd first three"></div> -->
							<div class="hex odd first five"></div>
							<!-- <div class="hex odd first seven"></div> -->
							<div class="hex odd first nine"></div>
							<div class="hex odd first eleven"></div>
							<div class="hex odd second one"></div>
							<!-- if needed -->
							<div class="hex odd second three"></div>
							<!-- if needed -->

							<div class="hex odd second five"></div>
							<div class="hex odd second seven"></div>
							<!-- <div class="hex odd second nine"></div> -->
							<div class="hex odd second eleven"></div>
							<!-- <div class="hex odd third one"></div> -->
							<div class="hex odd third three"></div>
							<!--  <div class="hex odd third five"></div> -->
							<div class="hex odd third seven"></div>
							<!--  <div class="hex odd third nine"></div> -->
							<!--  <div class="hex odd third eleven"></div> -->
							<div class="hex even first two"></div>
							<!--  <div class="hex even first four"></div> -->
							<div class="hex even first six"></div>
							<!--  <div class="hex even first eight"></div> -->
							<!--  <div class="hex even first ten"></div> -->
							<!--  <div class="hex even first twelve"></div> -->
							<div class="hex even second two"></div>
							<!--  <div class="hex even second four"></div> -->
							<div class="hex even second six"></div>
							<!-- <div class="hex even second eight"></div> -->
							<!-- <div class="hex even second ten"></div> -->
							<div class="hex even second twelve"></div>
						</div>
	<?php endif ?>
						<div class="col-md-4 col-sm-6 aboutimgbox2 padding1">
							<?php 
							$lz_fitness_about_second = get_theme_mod('lz_fitness_about_second');
							if(!empty($lz_fitness_about_second)){
								echo '<img alt="'. esc_html(get_the_title()) .'" src="'.esc_url($lz_fitness_about_second).'" class="side-image-float right img-responsive" />';
							}else{
								echo '<img alt="About tattoo" src="'.get_template_directory_uri().'/images/aboutimg2.jpg" class="side-image-float right img-responsive" />';
							}
							?>
						</div>
						
					</div>

					<?php
// echo "post id: ". 
					$lz_fitness_aboutconstruction_page_id = get_theme_mod('lz_fitness_aboutconstruction_page');
// echo '<br>title '.
					$lz_fitness_aboutconstruction_text = get_theme_mod('lz_fitness_aboutconstruction_text', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu pharetra ex. Etiam eget diam ligula. Sed at blandit ante. Vivamus feugiat.');

					?>

					<div class="col-md-4 col-sm-12 aboutconstruction-box wow slideInLeft">
						<div class="">
							<?php
							$lz_fitness_aboutconstruction_title = get_theme_mod('lz_fitness_aboutconstruction_title', 'About Business');
							?>
							<?php if($lz_fitness_aboutconstruction_title || $lz_fitness_aboutconstruction_title){ ?>
								<div class="ht-section-title-tagline"> 
									<h2 class="ht-section-title lz-aboutconstruction-heading">
										<?php 
										if(!empty($lz_fitness_aboutconstruction_title))	{
											echo ($lz_fitness_aboutconstruction_title);
										} ?>
									</h2> 
									<div class="clearfix"></div>
								</div>
							<?php }?>
							<div class="aboutconstruction-text-box">
								<?php
								if($lz_fitness_aboutconstruction_text){
									echo $lz_fitness_aboutconstruction_text;
								}else{
									$args = array(
										'page_id' => absint($lz_fitness_aboutconstruction_page_id)
									);
									$query = new WP_Query($args);
									$query->the_post();
									echo lz_fitness_excerpt( get_the_content(), 210);  
								}?>
							</div>
							<?php
							$aboutussectionbutton = get_theme_mod('lz_fitness_aboutussection_txt', 'Read More '); 
							$aboutusectionlink = get_theme_mod('lz_fitness_aboutusectionlink', 'add link here');
							?>

							<?php if( get_theme_mod('aboutusection_button_display','show' ) == 'show') :
								?>	
								<a href="<?php echo $aboutusectionlink ?>" target="_blank" class="btn btn-lg red">			
									
									<?php echo ($aboutussectionbutton );  ?>
									
								</a>
							<?php endif ?>
						</div>

					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>

		</div>
	</section>
<?php } 