<?php
/**
 * Free VS Pro
 */
?>
<div id="free_vs_pro" class="appointment-tab-pane panel-close">
    <div class="pricing1">
		<div class="col-md-12 row">
			<div class="col-md-4 padding0">
				<div class="plan text-center">
					<header>
						<h2><?php esc_html_e('Features','appointment'); ?></h2>
					</header>
					<ul class="feature">
            			<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Starter Sites','appointment' ); ?></span>
							<p><?php esc_html_e( 'Import demo content with one click.','appointment' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Frontpage Sections','appointment' ); ?></span>
							<p><?php esc_html_e( 'You will find a number of sections on the front page.','appointment' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Page Templates Support','appointment' ); ?></span>
							<p><?php esc_html_e( 'Various Page Templates included in the Appointment Premium Theme','appointment' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Search Effect','appointment' ); ?></span>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Mobile Friendly','appointment' ); ?></span>
							<p><?php esc_html_e( 'Responsive layout in all devices','appointment' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Contact Form Support','appointment' ); ?></span>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'SEO Friendly URL','appointment' ); ?></span>
							<p><?php esc_html_e( 'This feature allows you to rename the custom post type slug names in the URL.','appointment' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Multiple Color Schemes','appointment' ); ?></span>
							<p><?php esc_html_e( 'Enjoy using the 13 preset color schemes. You can also create custom skins without adding any code.','appointment' ); ?></p>
						</li>
            			<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Typography','appointment' ); ?></span>
							<p><?php esc_html_e( 'You can change the typography of the theme like font-family, font size, etc.','appointment' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Google Maps','appointment' ); ?></span>
							<p><?php esc_html_e( 'Display your Shop and Business location on your website using Google Maps.','appointment' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Portfolio','appointment' ); ?></span>
							<p><?php esc_html_e( 'Present your project/portfolio collection with 2 column, 3 column and 4 column layouts. You can also display your project/portfolio by category.','appointment' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'About Us Page','appointment' ); ?></span>
							<p><?php esc_html_e( 'Show team members, your clients and custom content added in the WordPress editor.','appointment' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Services Page','appointment' ); ?></span>
							<p><?php esc_html_e( 'Show all your services in a single place.','appointment' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Testimonial / Review Section','appointment' ); ?></span>
							<p><?php esc_html_e( 'Show user feedback on the Homepage and Services page.','appointment' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'WPML / Polylang Support','appointment' ); ?></span>
							<p><?php esc_html_e( 'With the help of WPML, you can make a Multilingual Website.','appointment' ); ?></p>
						</li>
						<li>
							<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Support Forum','appointment' ); ?></span>
							<p><?php esc_html_e( 'Get instant 24/7 support on our Support Forum.','appointment' ); ?></p>
						</li>
					</ul><!-- /.features -->
				</div><!-- /.plan -->
			</div>
			<div class="col-md-4 padding0">
				<div class="plan text-center">
					<header>
						<h2><?php esc_html_e('Free','appointment'); ?></h2>
					</header>
					<ul class="feature">
           				<li style="font-size:16px; line-height:25px; padding:28px"><?php echo "2"; ?> </li>
						<li style="font-size:16px; line-height:25px; padding:28px"><?php esc_html_e("Slider [Unlimited Slides], Widget Area Below Slider, Services [6 Services], Callout Section, Latest News","appointment"); ?> </li>
						<li style="font-size:16px; line-height:25px; padding:28px"><?php esc_html_e('Homepage Template and Full-Width Page Template','appointment'); ?> </li>
						<li style="font-size:16px; line-height:25px; padding:28px"><?php esc_html_e('Toggle Search','appointment'); ?> </li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
						<li style="font-size:16px; line-height:25px; padding:28px"><?php esc_html_e('Custom color skin','appointment'); ?> </li>
            			<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
						<li><span class="dashicons-before dashicons-no-alt red"></span></li>
            			<li style="font-size:16px; line-height:80px; padding:15px;"><a href="<?php echo esc_url('https://wordpress.org/support/theme/appointment'); ?>" target="_blank" > <?php esc_html_e('WordPress Support Forum','appointment'); ?></a></li>
					</ul><!-- /.features -->
				</div><!-- /.plan -->
			</div>
			<div class="col-md-4 padding0">
				<div class="plan text-center border-right">
					<header>
						<h2><?php esc_html_e('Pro','appointment'); ?></h2>
					</header>
					<ul class="feature">
            			<li style="font-size:16px; line-height:25px; padding:19px"><?php echo "7"; ?></li>
						<li style="font-size:16px; line-height:25px; padding:19px"><?php esc_html_e("Top Header, Slider [Unlimited Slides], Services [9 Services], Callout, Portfolio [Unlimited Projects], Latest News, Clients, Testimonials and Custom Widgets","appointment"); ?></li>
						<li style="font-size:16px; line-height:25px; padding:18px">
						<?php esc_html_e("About Us, Services, Portfolio, Blog Left & Right Sidebars, Blog Full Width, Page Full Width, Contact Page and much more.","appointment"); ?></li>
						<li style="font-size:16px; line-height:25px; padding:18px">
						<?php esc_html_e("There are Three types of search effect, Toggle Search with ajax live search, Lightbox Search With Dark Mode and last one is Lightbox Search With Light Mode","appointment"); ?></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li style="font-size:16px; line-height:25px; padding:28px"><?php esc_html_e('Custom color skin + 13 Preset color schemes','appointment'); ?> </li>
            			<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li><span class="dashicons-before dashicons-yes green"></span></li>
						<li style="font-size:16px; line-height:80px; padding:15px;"><a href="<?php echo esc_url('https://customers.freemius.com/login'); ?>" target="_blank">
						<?php esc_html_e('Support Forum','appointment'); ?></a></li>
					</ul><!-- /.features -->
				</div><!-- /.plan -->
			</div>
		<div class="clearfix"></div>
		<div class="offer-content clearfix">
			<div class="media pricing-content text-center padding10">
				<div class="media-body">
					<a href="<?php echo esc_url( 'https://webriti.com/appointment' ); ?>" target="_blank" class="btn btn-info btn-lg"><?php esc_html_e( 'Get Appointment PRO Now!','appointment' ); ?></a>
				</div>
			</div>
		</div>
		</div>
	</div><!-- /.row -->
</div>