<?php
/**
 * Custom addons page
 */

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

	<h1><?php esc_html_e( 'ADDONS', 'tf_numbers' ); ?></h1>

	<div class="about-text">
		<?php esc_html_e( 'If you want more control, you can get the premium Addons that will extend TF Numbers even more.', 'tf_numbers' ); ?>
	</div>

	<div class="changelog">
		<h3><?php esc_html_e( 'Addons Collection', 'tf_numbers' ); ?></h3>

		<div class="feature-section images-stagger-right">
		       <div class="tfhd">
	          	  <?php printf( '<h3 style="font-size: 1.2em"><span style="color: brown">%s</span> %s <span style="color: green">%s</span></h3>', esc_html__( 'Save 60%', 'tf_numbers' ), esc_html__( 'By Getting The Addons', 'tf_numbers' ), esc_html__( 'Bundle', 'tf_numbers' ) ); ?>
		          <img src="<?php echo esc_html( TF_NUMBERS_DIR ) . 'assets/images/bundle.jpg'; ?>"/>
		          <p class="desc"><strong><?php esc_html_e( 'Addons Bundle', 'tf_numbers' ); ?></strong> <?php esc_html_e( '- Save 60% by getting all 6 addons for small price.', 'tf_numbers' ); ?></p>
				  <a target="_blank" href="http://themeflection.com/plugins/tf-numbers-addons-bundle/" class="learn-more"><?php esc_html_e( 'Get It', 'tf_numbers' ); ?></a>
	          </div>
	          <div class="tfh">
		          <img src="<?php echo esc_html( TF_NUMBERS_DIR ) . 'assets/images/controller.jpg'; ?>"/>
		          <p class="desc" style="font-size: 0.84em"><strong><?php esc_html_e( 'Controller Addon', 'tf_numbers' ); ?></strong> <?php esc_html_e( 'gives you more controlls over TF Numbers plugin. It will alow you to change numbers counting speed, unlock 4 more layouts and let you include "," comma separator for better looking numbers (like 10,000, 7,800 etc.). It also gives you an option to start counting immediatelly after page is loaded. Also get Section Padding And Margin Options and choose to show, or hide Section Title.', 'tf_numbers' ); ?></p>
				  <a target="_blank" href="http://themeflection.com/plugins/controller-addon/" class="learn-more"><?php esc_html_e( 'Get It', 'tf_numbers' ); ?></a>
	          </div>
		       <div class="tfh">
		          <img src="<?php echo esc_html( TF_NUMBERS_DIR ) . 'assets/images/iconizer.jpg'; ?>"/>
		          <p class="desc" style="font-size: 0.84em"><strong><?php esc_html_e( 'Iconizer Addon', 'tf_numbers' ); ?></strong> <?php printf( '%s <strong>%s</strong> %s', esc_html__( '- It makes icons more powerfull.', 'tf_numbers' ), esc_html__( 'Iconizer', 'tf_numbers' ), esc_html__( 'will let you add your own image icons to the TF Numebrs plugin icons panel. You will be able to add your icons directly from icons panel. It also includes 2 more options your custom image icons width and height, and it unlocks search field in the icons panel so you can search through your icons and built-in font-awesome icons.', 'tf_numbers' ) ); ?></p>
				  <a target="_blank" href="http://themeflection.com/plugins/iconizer-addon/" class="learn-more"><?php esc_html_e( 'Get It', 'tf_numbers' ); ?></a>
	          </div>

				<div class="tfh">
					<img src="<?php echo esc_html( TF_NUMBERS_DIR ) . 'assets/images/woo-stats.jpg'; ?>"/>
					<p class="desc" style="font-size: 0.84em"><strong><?php esc_html_e( 'Woo Statistics Addon', 'tf_numbers' ); ?></strong> <?php esc_html_e( 'allows showing of different WooCommerce statistics. You can showcase total number of producst, sales, customers, number of categories, and number of producst per single category. All data is automatically pulled from WooCommerce.', 'tf_numbers' ); ?></p>
					<a target="_blank" href="http://themeflection.com/plugins/tf-numbers-woo-statistics-addon/" class="learn-more"><?php esc_html_e( 'Get It', 'tf_numbers' ); ?>t</a>
				</div>

				<!-- <div class="tfh">
					<img src="<?php echo esc_html( TF_NUMBERS_DIR ) . 'assets/images/incrementer.jpg'; ?>"/>
					<p class="desc" style="font-size: 0.84em"><strong><?php esc_html_e( 'Auto Incrementer Addon', 'tf_numbers' ); ?></strong> <?php esc_html_e( 'gives you the option to choose the starting position of the counter. So your number can start from 100, or 1200, etc. instead from 0. You can also have the auto incrementing option so your numbers can be increment daily by some value (eq 15).', 'tf_numbers' ); ?></p>
					<a target="_blank" href="http://themeflection.com/plugins/tf-numbers-auto-increment-addon/" class="learn-more"><?php esc_html_e( 'Get It', 'tf_numbers' ); ?>t</a>
				</div> -->
				<div class="tfh">
					<img src="<?php echo esc_html( TF_NUMBERS_DIR ) . 'assets/images/currencies.jpg'; ?>"/>
					<p class="desc" style="font-size: 0.84em"><strong><?php esc_html_e( 'Currencies Addon', 'tf_numbers' ); ?></strong> <?php printf( '%s <strong>%s</strong> %s', esc_html__( '- Include currencies to your numbers.', 'tf_numbers' ), esc_html__( 'Currencies', 'tf_numbers' ), esc_html__( 'Addon allows showing of currencies in 4 ways: before number, after number, in form of superscipt, or subscript. You can choose between 16 currencies. Full list of available currencies can be found on the addon\'s page (learn more by clicking the Get It button', 'tf_numbers' ) ); ?></p>
					<a target="_blank" href="http://themeflection.com/plugins/currencies-addon/" class="learn-more"><?php esc_html_e( 'Get It', 'tf_numbers' ); ?></a>
				</div>
		       <div class="tfh">
		          <img src="<?php echo esc_html( TF_NUMBERS_DIR ) . 'assets/images/parallax.jpg'; ?>"/>
		          <p class="desc" style="font-size: 0.84em"><strong><?php esc_html_e( 'Parallax Addon', 'tf_numbers' ); ?></strong> <?php printf( '%s <strong>%s</strong> %s', esc_html__( '- Add Parallax Effect To Backgound Image.', 'tf_numbers' ), esc_html__( 'Parallax', 'tf_numbers' ), esc_html__( 'will let you add the parallax effect to the background image of your numbers section. You will have new option to enable or disable parallax image effect, and a new option to change the image\'s transparent overlay background color.', 'tf_numbers' ) ); ?></p>
				  <a target="_blank" href="http://themeflection.com/plugins/parallax-addon/" class="learn-more"><?php esc_html_e( 'Get It', 'tf_numbers' ); ?></a>
	          </div>
		       <div class="tfh">
		          <img src="<?php echo esc_html( TF_NUMBERS_DIR ) . 'assets/images/animator.jpg'; ?>"/>
		          <p class="desc" style="font-size: 0.84em"><strong><?php esc_html_e( 'Animator Addon', 'tf_numbers' ); ?></strong> <?php printf( '%s <strong>%s</strong> %s', esc_html__( '- Make your numbers more alive.', 'tf_numbers' ), esc_html__( 'Animator', 'tf_numbers' ), esc_html__( 'Addon will extend the TF Numbers by allowing you to add powerful animations to the static numbers section. Add more dynamic to your website by choosing from 14 available animations. You can change animation duration and delay for each number. You can also apply animation to the numbers section title and entire section container itself.', 'tf_numbers' ) ); ?></p>
				  <a target="_blank" href="http://themeflection.com/plugins/animator-addon/" class="learn-more"><?php esc_html_e( 'Get It', 'tf_numbers' ); ?></a>
	          </div>
		</div>
	</div>

</div>
