<?php
/**
 * Free Vs Pro Panel. 
 *
 * @package ArileWP
 */
?>
<div id="free-pro-panel" class="panel-left">
	<div class="panel-aside">               			
		<table class="free-pro-table">
		   <thead>
			  <tr class="ti-about-page-text-right">
				 <th></th>
				 <th><?php esc_html_e( 'ArileWP', 'arilewp' ); ?></th>
				 <th><?php esc_html_e( 'ArileWP Pro', 'arilewp' ); ?></th>
			  </tr>
		   </thead>
		   <tbody>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Mobile Friendly Design', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( 'Fully Responsive layout. Works on any screen size and display beautifully.', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'WooCommerce Ready', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( 'Ready for Online Shop. You can create your online shop with WooCommerce.', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Frontpage Sections', 'arilewp' ); ?></h3>
					<p><b class="text-show"><?php esc_html_e( 'Free', 'arilewp' ); ?></b> - <?php esc_html_e( 'Slider with Two Slides, Theme Info Area, Services, Projects, Testimonials, Blog/News', 'arilewp' ); ?></p>
					<p><b class="text-show"><?php esc_html_e( 'Pro', 'arilewp' ); ?></b> - <?php esc_html_e( 'Slider with Unlimited Slides, Theme Info Area, Services, Projects, Funfacts, Testimonials, Shop, Call to Action, Team, Blog/News, Clients', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Homepage Layout Styles', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( '02 Unique Business Homepage Styles.', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-lite font-18">01</span></td>
				 <td class="only-lite font-18">02</span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Extra Page Templates', 'arilewp' ); ?></h3>
					<p><b class="text-show"><?php esc_html_e( 'Free', 'arilewp' ); ?></b> - <?php esc_html_e( 'Frontpage, Blog Fullwidth', 'arilewp' ); ?></p>
					<p><b class="text-show"><?php esc_html_e( 'Pro', 'arilewp' ); ?></b> - <?php esc_html_e( 'About 1, About 2, Service 1, Service 2, Contact 1, Contact 2, Portfolio 2, 3, 4 Columns', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Contact Form 7 Support', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( 'The theme fully supports the contact form 7 plugin.', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Advance Typography with Google Fonts Support', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( 'You will be able to change font style as you want and select your desired font.', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Advance Blog Layout Styles', 'arilewp' ); ?></h3>
					<p><b class="text-show"><?php esc_html_e( 'Free', 'arilewp' ); ?></b> - <?php esc_html_e( 'Blog Standard Right Sidebar, Fullwidth.', 'arilewp' ); ?></p>
					<p><b class="text-show"><?php esc_html_e( 'Pro', 'arilewp' ); ?></b> - <?php esc_html_e( 'Blog Standard Right & Left Sidebar, Fullwidth, Blog Grid View Right & Left Sidebar, Blog Grid View Fullwidth, Blog List View Right & Left Sidebar, Blog List View Fullwidth, Blog Masonry 2, 3, 4 Column Layout.', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Translation Ready', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( 'Both free and pro version are fully translation ready.', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Speed Performance', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( 'Make your website fast on all devices.', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Widgetized Footer Area', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( 'The whole footer of ArileWP WordPress theme is widget ready.', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Footer Styles', 'arilewp' ); ?></h3>
					<p><b class="text-show"><?php esc_html_e( 'Free', 'arilewp' ); ?></b> - <?php esc_html_e( 'Dark Color Style.', 'arilewp' ); ?></p>
					<p><b class="text-show"><?php esc_html_e( 'Pro', 'arilewp' ); ?></b> - <?php esc_html_e( 'Light, Dark & Custom Color Style.', 'arilewp' ); ?></p>
				 </td>	 
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Multilingual Ready', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( 'The Premium Version is fully compatible with WPML and Poylang. Create your website in multiple languages.', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-pro"><span class="dashicons-before dashicons-no-alt"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  
			   <tr>
				 <td>
					<h3><?php esc_html_e( 'Top Header Bar Support', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( 'You can easily add/modify site info and social icons. Also change the header background color.', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-pro"><span class="dashicons-before dashicons-no-alt"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Section Reordering', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( 'You can easily drag and drop the front page sections with ordering.', 'arilewp' ); ?></p>					
				 </td>
				 <td class="only-pro"><span class="dashicons-before dashicons-no-alt"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Wide & Boxed Layout', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( 'ArileWP comes in a boxed or a wide layout, and can easily be changed in the customizer.', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-pro"><span class="dashicons-before dashicons-no-alt"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Unlimited Color Options', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( 'You can use any type of theme color as you want.', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-pro"><span class="dashicons-before dashicons-no-alt"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			   
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'SEO (Search Engine Optimization) Ready', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( 'Which is help to increase the amount of visitors to a website.', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-pro"><span class="dashicons-before dashicons-no-alt"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Google Map', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( 'Shows the physical location with an interactive contact form.', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-pro"><span class="dashicons-before dashicons-no-alt"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td>
					<h3><?php esc_html_e( 'Fast & Friendly Support', 'arilewp' ); ?></h3>
					<p><?php esc_html_e( '24/7 HelpDesk Professional Support', 'arilewp' ); ?></p>
				 </td>
				 <td class="only-pro"><span class="dashicons-before dashicons-no-alt"></span></td>
				 <td class="only-lite"><span class="dashicons-before dashicons-yes"></span></td>
			  </tr>
			  <tr>
				 <td><a target="_blank" href="<?php echo 'https://themearile.com/arilewp-pro-theme/';?>"><img src="<?php echo get_template_directory_uri();  ?>/inc/admin/images/advance-features.png" class="free_vs_pro_banner"></a></td>
				 <td colspan="2" class="ti-about-page-text-right"><a href="<?php echo 'https://themearile.com/arilewp-pro-theme/';?>" target="_blank" class="button button-primary button-hero"><?php esc_html_e('Get ArileWP Pro', 'arilewp'); ?></a></td>
			  </tr>
		   </tbody>
		</table>
	</div><!-- .panel-aside -->
</div>