<?php
/**
 * Custom about page
 */

?>
<div class="wrap about-wrap">

	<h1><?php esc_html_e( 'TF Numbers Plugin', 'tf_numbers' ); ?></h1>
	
	<div class="about-text">
		<?php esc_html_e( 'TF Numbers is a random numbers counting plugin that helps you to create some kind of statistics, or show off section anywhere on your website. If you are developer, you can extend, or modify TF Numbers with available filters. You can learn more in the documentation.', 'tf_numbers' ); ?>
	</div>

	<div class="changelog">
		<h3><?php esc_html_e( 'Video Preview', 'tf_numbers' ); ?></h3>
		
		<iframe width="860" height="415" src="https://www.youtube.com/embed/AWiXPUy1ZVY" frameborder="0" allowfullscreen></iframe>

	
		<div class="feature-section images-stagger-right">
			 <div class="about-links">
				 <a href="http://themeflection.com/forums/"><i class="dashicons dashicons-sos"></i> <?php echo esc_html_e( 'Support', 'tf_numbers' ); ?> </a>
	             <a href="http://themeflection.com/documentation/"><i class="dashicons dashicons-book"></i> <?php echo esc_html_e( 'Documentation', 'tf_numbers' ); ?></a>
	             <a href="http://themeflection.com/documentation/index.html#video"><i class="dashicons dashicons-video-alt3"></i> <?php echo esc_html_e( 'Video Tutorials', 'tf_numbers' ); ?></a>
	             <a href="https://themeflection.com/extensions/tf-numbers-premium/"><i class="dashicons dashicons-archive"> </i><?php echo esc_html_e( 'Addons', 'tf_numbers' ); ?></a>
			</div>
			<h4><?php esc_html_e( 'Icons', 'tf_numbers' ); ?></h4>
			<p><?php esc_html_e( 'Choose from over 400 available fontAwesome icons that are integrated directly with few clicks. You can choose the color and font-size of the icons you add to TF Numbers section.', 'tf_numbers' ); ?></p>
	
			<h4><?php esc_html_e( 'Customizable', 'tf_numbers' ); ?></h4>
			<p><?php esc_html_e( 'You can change colors, and background of the TF Numebrs section very easily from the available options. If you are a developer t here are filters availabe so you can hook your own options that will be applied on the front-end in the form of css.', 'tf_numbers' ); ?></p>
		
			<h4 id="adn" style="color: green"><?php esc_html_e( 'Addons', 'tf_numbers' ); ?></h4>
			<p>If you want even more control and options, you can extend TF Numbers with available addons. You can add <strong>your own custom image icons</strong>, <strong>Parallax</strong> Background Image, a <strong>powerfull animations</strong> to make your numbers more dynamic, add <strong>currencies</strong> before, or after numbers, or in form of uperscript or subscript. With addons you can include your own image icons, include search bar for icons, and style their width and height. Also, you can include <strong>counter speed</strong> option with <strong>Controller Addon</strong> that will unlock this option and provide you 4 more layouts along with formatting the numbers with "," (comma) (eg. 10,000, 3,900, etc.).</p>
			<a href="edit.php?post_type=tf_stats&page=tf-addons" class="learn-more">Learn More</a>
		</div><!-- edit.php?post_type=tf_stats&page=tf-addons -->
	</div>

</div>
