<?php
/**
 * Free VS Pro
 */
?>
<div id="free_vs_pro" class="quality-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', 'quality'); ?></h2>
                    </header>
                    <ul class="feature">
                        <li><span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e('Frontpage Sections', 'quality'); ?></span>
                            <p><?php esc_html_e('You will find a number of sections on the front page.', 'quality'); ?></p>
                        </li>
                        <li><span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e('Page Templates Support', 'quality'); ?></span>
                            <p><?php esc_html_e('The Quality PRO theme includes various page templates.', 'quality'); ?></p>
                        </li>
                        <li><span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e('Layout Options', 'quality'); ?></span>
                            <p><?php esc_html_e('Quality supports both a Full-Width and a Boxed layout options. To choose your preference (and switch between them) go to Appearance > Customize.', 'quality'); ?></p>
                        </li>
                        <li><span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e('Mobile Friendly', 'quality'); ?></span>
                            <p><?php esc_html_e('Responsive layout in all devices', 'quality'); ?></p>
                        </li>
                        <li><span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e('Contact Form Support', 'quality'); ?></span>
                            <p><?php esc_html_e('This theme supports the Contact Form 7 plugin. Use it to build your contact form.', 'quality'); ?></p>
                        </li>
                        <li><span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e('Parallax Effect', 'quality'); ?></span>
                            <p><?php esc_html_e('Display all of your information on a single page: the Parallax effect provides you a captivating scrolling experience.', 'quality'); ?></p>
                        </li>
                        <li><span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e('Multiple Color Schemes', 'quality'); ?></span>
                            <p><?php esc_html_e('Enjoy any if the 9 preset color schemes, or create your own, without adding any code.', 'quality'); ?></p>
                        </li>
                        <li><span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e('Google Maps', 'quality'); ?></span>
                            <p><?php esc_html_e('Display your Shop and Business location on your website using Google Maps.', 'quality'); ?></p>
                        </li>
                        <li><span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e('Portfolio', 'quality'); ?></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.', 'quality'); ?></p>
                        </li>
                        <li><span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e('About Us Page', 'quality'); ?></span>
                            <p><?php esc_html_e('Show team members and other custom content just by adding it in the WordPress editor.', 'quality'); ?></p>
                        </li>

                        <li><span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e('Services Page', 'quality'); ?></span>
                            <p><?php esc_html_e('Show all your services in a single place.', 'quality'); ?></p>
                        </li>
                        <li><span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e('Testimonial / Review Section', 'quality'); ?></span>
                            <p><?php esc_html_e("Show user's feedback in the Homepage.", "quality"); ?></p>
                        </li>
                        <li><span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e('Typography Settings', 'quality'); ?></span>
                            <p><?php esc_html_e('Customize the style without adding any code.', 'quality'); ?></p>
                        </li>
                        <li><span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e('Supports WPML', 'quality'); ?></span>
                            <p><?php esc_html_e('You can use WPML to make your website multilingual.', 'quality'); ?></p>
                        </li>
                        <li><span class="plan-feature"><i class="fa fa-check-circle-o green-icon"></i> <?php esc_html_e('Support Forum', 'quality'); ?></span>
                            <p><?php esc_html_e('Get instant 24/7 support on our Support Forum.', 'quality'); ?>
                            </p>
                        </li>
                    </ul><!-- /.features -->
                </div><!-- /.plan -->
            </div>
            <div class="col-md-4 padding0">
                <div class="plan text-center">
                    <header>
                        <h2><?php esc_html_e('Quality', 'quality'); ?></h2>
                    </header>
                    <ul class="feature">
                        <li style="font-size:16px; line-height:25px; padding:28px"> 
                            <?php esc_html_e("A Slider with 1 static image, unlimited services, 4 Portfolios, Latest News", "quality"); ?>
                        </li>
                        <li style="font-size:16px; line-height:25px; padding:28px"> 
                            <?php esc_html_e("Business Template and Full-Width Template", "quality"); ?>
                        </li><li style="font-size:16px; line-height:25px; padding:43px"><?php esc_html_e("Full-Width Layout", "quality"); ?> </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><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; line-height:80px; padding:15px;"><a href="<?php echo esc_url('https://wordpress.org/support/theme/quality'); ?>" target="_blank" ><?php esc_html_e("On the WordPress.org support forum", "quality"); ?></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('Quality PRO', 'quality'); ?></h2>
                    </header>
                    <ul class="feature">
                        <li style="font-size:16px; line-height:25px; padding:19px">
                            <?php esc_html_e("A top header, unlimited sliders, unlimited services, unlimited portfolios, latest news, clients, testimonials, custom widgets", "quality"); ?>
                        </li>
                        <li style="font-size:16px; line-height:25px; padding:18px"><?php esc_html_e("About Us, Services, Portfolios, Blogs with left and right sidebars or full-width, full-width pages, Contact forms and much more.", "quality"); ?></li>
                        <li style="font-size:16px; line-height:25px; padding:43px"><?php esc_html_e("Full-Width layout & Boxed layout", "quality"); ?></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><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("PRO Support Forum", "quality"); ?></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/quality'); ?>" target="_blank" class="btn btn-info btn-lg"><?php esc_html_e('Get Quality PRO Now!', 'quality'); ?></a>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- /.row -->
</div>