File: C:/Apache24/htdocs/wp-content/themes/appointment-dark/admin/tab-pages/free_vs_pro.php
<?php
/**
* Free VS Pro
*/
?>
<div id="free_vs_pro" class="appointment-dark-tab-pane panel-close">
<div class="row pricing1">
<div class="col-md-12">
<div class="col-md-4 padding0">
<div class="plan text-center">
<header>
<h2><?php esc_html_e('Features','appointment-dark'); ?></h2>
</header>
<ul class="feature">
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Top Header Section','appointment-dark' ); ?></span>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Header Section','appointment-dark' ); ?></span>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Header Layout','appointment-dark' ); ?></span>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Slider Section','appointment-dark' ); ?></span>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Widget Area Below Slider','appointment-dark' ); ?></span>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Service Section','appointment-dark' ); ?></span>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Callout Section','appointment-dark' ); ?></span>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Portfolio Section','appointment-dark' ); ?></span>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Testimonials Section','appointment-dark' ); ?></span>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Team Section','appointment-dark' ); ?></span>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Clients Section','appointment-dark' ); ?></span>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Latest News Section','appointment-dark' ); ?></span>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Footer Callout Section','appointment-dark' ); ?></span>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Footer Credit','appointment-dark' ); ?></span>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Page Templates Support','appointment-dark' ); ?></span>
<p><?php esc_html_e( 'Various Page Templates included in the Premium Theme','appointment-dark' ); ?></p>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Mobile Friendly','appointment-dark' ); ?></span>
<p><?php esc_html_e( 'Responsive layout in all devices','appointment-dark' ); ?></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-dark' ); ?></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-dark' ); ?></span>
<p><?php esc_html_e( 'This feature allows you to rename the custom post type slug names in the URL.','appointment-dark' ); ?></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-dark' ); ?></span>
<p><?php esc_html_e( 'Enjoy using the 13 preset color schemes. You can also create custom skins without adding any code.','appointment-dark' ); ?></p>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Google Maps','appointment-dark' ); ?></span>
<p><?php esc_html_e( 'Display your Shop and Business location on your website using Google Maps.','appointment-dark' ); ?></p>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Portfolio','appointment-dark' ); ?></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-dark' ); ?></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-dark' ); ?></span>
<p><?php esc_html_e( 'Show team members, your clients and custom content added in the WordPress editor.','appointment-dark' ); ?></p>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Services Page','appointment-dark' ); ?></span>
<p><?php esc_html_e( 'Show all your services in a single place.','appointment-dark' ); ?></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-dark' ); ?></span>
<p><?php esc_html_e( 'Show user feedback on the Homepage and Services page.','appointment-dark' ); ?></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-dark' ); ?></span>
<p><?php esc_html_e( 'With the help of WPML, you can make a Multilingual Website.','appointment-dark' ); ?></p>
</li>
<li>
<span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e( 'Support Forum','appointment-dark' ); ?></span>
<p><?php esc_html_e( 'Get instant 24/7 support on our Support Forum.','appointment-dark' ); ?></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-dark'); ?></h2>
</header>
<ul class="feature">
<li><span class="dashicons-before dashicons-no-alt red"></span></li>
<li style="font-size:16px;"><?php esc_html_e("Menus + 3 social icons","appointment-dark"); ?> </li>
<li style="font-size:16px;"><?php esc_html_e("1 header variation","appointment-dark"); ?> </li>
<li style="font-size:16px;"><?php esc_html_e("Unlimited slides","appointment-dark"); ?> </li>
<li style="font-size:16px;"><?php esc_html_e("Left, center and right sidebars","appointment-dark"); ?> </li>
<li style="font-size:16px;"><?php esc_html_e("6 services + 1 variation","appointment-dark"); ?> </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 style="font-size:16px;"><span class="dashicons-before dashicons-yes green" style="padding-right: 25px;line-height: 1.6;"></span>
<?php esc_html_e(' + 1 variation','appointment-dark'); ?></li>
<li><span class="dashicons-before dashicons-yes green"></span></li>
<li style="font-size:16px;"><?php esc_html_e("Not Editable","appointment-dark"); ?> </li>
<li style="font-size:16px;"><?php esc_html_e('4 Templates layouts','appointment-dark'); ?></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><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;"><a href="<?php echo esc_url('https://wordpress.org/support/theme/appointment-dark'); ?>" target="_blank" > <?php esc_html_e('WordPress Support Forum','appointment-dark'); ?></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-dark'); ?></h2>
</header>
<ul class="feature">
<li style="font-size:16px;"><?php esc_html_e("Left + Right sidebar areas","appointment-dark"); ?></li>
<li style="font-size:16px;"><?php esc_html_e("Menus +6 social icons + search icon + cart icon","appointment-dark"); ?></li>
<li style="font-size:16px;"><?php esc_html_e("5 header variations","appointment-dark"); ?></li>
<li style="font-size:16px;"><?php esc_html_e("Unlimited slides with 5 slide variations [ standard, aside, quote, status and video]","appointment-dark"); ?></li>
<li style="font-size:16px;"><?php esc_html_e("Left, center and right sidebars","appointment-dark"); ?></li>
<li style="font-size:16px;"><?php esc_html_e("9 services + 5 variations","appointment-dark"); ?></li>
<li style="font-size:16px;"><span class="dashicons-before dashicons-yes green" style="padding-right: 25px;line-height: 1.6;"></span>
<?php esc_html_e(' + background setting','appointment-dark'); ?></li>
<li style="font-size:16px;"><?php esc_html_e("Unlimited projects + 4 variations","appointment-dark"); ?></li>
<li style="font-size:16px;"><?php esc_html_e("Unlimited testimonials + 4 variations","appointment-dark"); ?></li>
<li style="font-size:16px;"><?php esc_html_e("Unlimited teams + 4 variations","appointment-dark"); ?></li>
<li style="font-size:16px;"><?php esc_html_e("8 clients","appointment-dark"); ?></li>
<li style="font-size:16px;"><span class="dashicons-before dashicons-yes green" style="padding-right: 25px;line-height: 1.6;"></span>
<?php esc_html_e(' + 5 variations','appointment-dark'); ?></li>
<li><span class="dashicons-before dashicons-yes green"></span></li>
<li style="font-size:16px;"><?php esc_html_e("Editable","appointment-dark"); ?></li>
<li style="font-size:16px;">
<?php esc_html_e("31 Templates layouts","appointment-dark"); ?></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><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;"><a href="<?php echo esc_url('https://webriti.com/support/categories/appointment'); ?>" target="_blank">
<?php esc_html_e('Webriti Support Forum','appointment-dark'); ?></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 PRO Version Now!','appointment-dark' ); ?></a>
</div>
</div>
</div>
</div>
</div><!-- /.row -->
</div>