<section class="about-us" id="aboutus">
	<div class="container">


		<!-- SECTION HEADER -->

		<div class="section-header">


			<!-- SECTION TITLE -->

			<h2 class="white-text"><?php _e('About US','zerif-lite'); ?></h2>


			<!-- SHORT DESCRIPTION ABOUT THE SECTION -->

			<?php


				$zerif_aboutus_subtitle = get_theme_mod('zerif_aboutus_subtitle','Add a subtitle in Customizer, "About us section"');


				if(isset($zerif_aboutus_subtitle) && $zerif_aboutus_subtitle != ""):


					echo '<h6 class="white-text">';


						echo $zerif_aboutus_subtitle;


					echo '</h6>';


				endif;


			?>
		</div><!-- / END SECTION HEADER -->


		<!-- 3 COLUMNS OF ABOUT US-->


		<div class="row">


			<!-- COLUMN 1 - BIG MESSAGE ABOUT THE COMPANY-->


			<?php


				$zerif_aboutus_biglefttitle = get_theme_mod('zerif_aboutus_biglefttitle','In order to Change the Title here you Need to go to Customizer');


				if(isset($zerif_aboutus_biglefttitle) && $zerif_aboutus_biglefttitle != ""):


					echo '<div class="col-lg-4 col-md-4 column">';


						echo '<div class="big-intro" data-scrollreveal="enter left after 0s over 1s">';


							echo $zerif_aboutus_biglefttitle;


						echo '</div>';


					echo '</div>';


				endif;





				$zerif_aboutus_text = get_theme_mod('zerif_aboutus_text','You can add here a large piece of text. For that, please go in the Admin Area, Customizer, "About us section" <br/> <br/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dapibus, eros at accumsan auctor, felis eros condimentum quam, non porttitor est urna vel neque.  <br/> <br/>Maecenas non tellus vitae augue tempor venenatis. Mauris ac tincidunt dolor, id feugiat odio. Mauris egestas ligula sit amet lorem condimentum ultrices');


				if(isset($zerif_aboutus_text) && $zerif_aboutus_text != ""):


					echo '<div class="col-lg-4 col-md-4 column" data-scrollreveal="enter bottom after 0s over 1s">';


						echo '<p>';


							echo $zerif_aboutus_text;


						echo '</p>';


					echo '</div>';


				endif;


			?>




		<!-- COLUMN 1 - SKILSS-->


		<div class="col-lg-4 col-md-4 column">


			<ul class="skills" data-scrollreveal="enter right after 0s over 1s">





				<!-- SKILL ONE -->


				<li class="skill">


					<?php


						$zerif_aboutus_feature1_nr = get_theme_mod('zerif_aboutus_feature1_nr','50');


						if(isset($zerif_aboutus_feature1_nr) && $zerif_aboutus_feature1_nr != ""):


							echo '<div class="skill-count">';


								echo '<input type="text" value="'.$zerif_aboutus_feature1_nr.'" data-thickness=".2" class="skill1">';


							echo '</div>';


						endif;

						$zerif_aboutus_feature1_title = get_theme_mod('zerif_aboutus_feature1_title','Feature 1');
						$zerif_aboutus_feature1_text = get_theme_mod('zerif_aboutus_feature1_text');
						$zerif_aboutus_feature1_text = get_theme_mod('zerif_aboutus_feature1_text');

						if(isset($zerif_aboutus_feature1_title) && $zerif_aboutus_feature1_title != ''):
							echo '<h6>'.$zerif_aboutus_feature1_title.'</h6>';
						endif;

						if(isset($zerif_aboutus_feature1_text) && $zerif_aboutus_feature1_text != ""):
							echo '<p>'.$zerif_aboutus_feature1_text.'</p>';
						endif;


					?>


				</li>





				<!-- SKILL TWO -->


				<li class="skill">


					<?php


						$zerif_aboutus_feature2_nr = get_theme_mod('zerif_aboutus_feature2_nr','70');


						if(isset($zerif_aboutus_feature2_nr) && $zerif_aboutus_feature2_nr != ""):


							echo '<div class="skill-count">';


								echo '<input type="text" value="'.$zerif_aboutus_feature2_nr.'" data-thickness=".2" class="skill2">';


							echo '</div>';


						endif;

						$zerif_aboutus_feature2_title = get_theme_mod('zerif_aboutus_feature2_title','Feature 2');
						$zerif_aboutus_feature2_text = get_theme_mod('zerif_aboutus_feature2_text');

						if(isset($zerif_aboutus_feature2_title) && $zerif_aboutus_feature2_title != ''):
							echo '<h6>'.$zerif_aboutus_feature2_title.'</h6>';
						endif;

						if(isset($zerif_aboutus_feature2_text) && $zerif_aboutus_feature2_text != ""):
							echo '<p>'.$zerif_aboutus_feature2_text.'</p>';
						endif;


					?>

				</li>





				<!-- SKILL THREE -->


				<li class="skill">


					<?php


						$zerif_aboutus_feature3_nr = get_theme_mod('zerif_aboutus_feature3_nr','100');


						if(isset($zerif_aboutus_feature3_nr) && $zerif_aboutus_feature3_nr != ""):


							echo '<div class="skill-count">';


								echo '<input type="text" value="'.$zerif_aboutus_feature3_nr.'" data-thickness=".2" class="skill3">';


							echo '</div>';


						endif;

						$zerif_aboutus_feature3_title = get_theme_mod('zerif_aboutus_feature3_title','Feature 3');
						$zerif_aboutus_feature3_text = get_theme_mod('zerif_aboutus_feature3_text');

						if(isset($zerif_aboutus_feature3_title) && $zerif_aboutus_feature3_title != ''):
							echo '<h6>'.$zerif_aboutus_feature3_title.'</h6>';
						endif;

						if(isset($zerif_aboutus_feature3_text) && $zerif_aboutus_feature3_text != ""):
							echo '<p>'.$zerif_aboutus_feature3_text.'</p>';
						endif;


					?>


				</li>


				<!-- SKILL FOUR -->


				<li class="skill">


					<?php


						$zerif_aboutus_feature4_nr = get_theme_mod('zerif_aboutus_feature4_nr','10');


						if(isset($zerif_aboutus_feature4_nr) && $zerif_aboutus_feature4_nr != ""):


							echo '<div class="skill-count">';


								echo '<input type="text" value="'.$zerif_aboutus_feature4_nr.'" data-thickness=".2" class="skill4">';


							echo '</div>';


						endif;

						$zerif_aboutus_feature4_title = get_theme_mod('zerif_aboutus_feature4_title','Feature 4');
						$zerif_aboutus_feature4_text = get_theme_mod('zerif_aboutus_feature4_text');

						if(isset($zerif_aboutus_feature4_title) && $zerif_aboutus_feature4_title != ''):
							echo '<h6>'.$zerif_aboutus_feature4_title.'</h6>';
						endif;

						if(isset($zerif_aboutus_feature4_text) && $zerif_aboutus_feature4_text != ""):
							echo '<p>'.$zerif_aboutus_feature4_text.'</p>';
						endif;


					?>


				</li>





			</ul>


		</div> <!-- / END SKILLS COLUMN-->


	</div> <!-- / END 3 COLUMNS OF ABOUT US-->





	<!-- CLIENTS -->
	<?php
		if(is_active_sidebar( 'sidebar-aboutus' )):
			echo '<div class="our-clients">';
				echo '<h5><span class="section-footer-title">'.__('OUR HAPPY CLIENTS','zerif-lite').'</span></h5>';
			echo '</div>';

			echo '<div class="client-list">';
				echo '<div data-scrollreveal="enter right move 60px after 0.00s over 2.5s">';
				dynamic_sidebar( 'sidebar-aboutus' );
				echo '</div>';
			echo '</div> ';
		endif;
	?>


</div> <!-- / END CONTAINER -->


</section> <!-- END ABOUT US SECTION -->