<?php
/**
 * Free VS Pro
 */
?>

<div id="free_pro" class="zerif-lite-tab-pane zerif-lite-fre-pro">

    <table>

        <thead>
            <tr>
                <th></th>
                <th>Zerif Lite</th>
                <th>Zerif PRO</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <h3><?php esc_html_e( 'Parallax effect','zerif-lite' ); ?></h3>
                    <p><?php esc_html_e( 'Smooth, catchy and easy scrolling experience.','zerif-lite' ); ?></p>
                </td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
            </tr>
            <tr>
                <td>
                    <h3><?php esc_html_e( 'Mobile friendly','zerif-lite' ); ?></h3>
                    <p><?php esc_html_e( 'Responsive layout. Works on every device.','zerif-lite' ); ?></p>
                </td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
            </tr>
            <tr>
                <td>
                    <h3><?php esc_html_e( 'WooCommerce Compatible','zerif-lite' ); ?></h3>
                    <p><?php esc_html_e( 'Ready for e-commerce. You can build an online store here.','zerif-lite' ); ?></p>
                </td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
            </tr>
            <tr>
                <td>
                    <h3><?php esc_html_e( 'Frontpage sections','zerif-lite' ); ?></h3>
                    <p><?php esc_html_e( 'Big title, Our focus, About us, Our team, Testimonials, Ribbons, Latest news, Contat us','zerif-lite' ); ?></p>
                </td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
            </tr>
            <tr>
                <td>
                    <h3><?php esc_html_e( 'Background image','zerif-lite' ); ?></h3>
                    <p><?php esc_html_e( 'You can use any background image you want.','zerif-lite' ); ?></p>
                </td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
            </tr>
            <tr>
                <td>
                    <h3><?php esc_html_e( 'Unlimited color option','zerif-lite' ); ?></h3>
                    <p><?php esc_html_e( 'You can change the colors of each section. You have unlimited options.','zerif-lite' ); ?></p>
                </td>
                <td><span class="dashicons-before dashicons-no-alt"></span></td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
            </tr>
            <tr>
                <td>
                    <h3><?php esc_html_e( 'Google map section','zerif-lite' ); ?></h3>
                    <p><?php esc_html_e( 'Embed your current location to your website by using a Google map.','zerif-lite' ); ?></p>
                </td>
                <td><span class="dashicons-before dashicons-no-alt"></span></td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
            </tr>
            <tr>
                <td>
                    <h3><?php esc_html_e( 'Portfolio','zerif-lite' ); ?></h3>
                    <p><?php esc_html_e( 'Showcase your best projects in the portfolio section.','zerif-lite' ); ?></p>
                </td>
                <td><span class="dashicons-before dashicons-no-alt"></span></td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
            </tr>
            <tr>
                <td>
                    <h3><?php esc_html_e( 'Sections order','zerif-lite' ); ?></h3>
                    <p><?php esc_html_e( 'Arrange the sections by your priorities.','zerif-lite' ); ?></p>
                </td>
                <td><span class="dashicons-before dashicons-no-alt"></span></td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
            </tr>
            <tr>
                <td>
                    <h3><?php esc_html_e( 'Background slider/video','zerif-lite' ); ?></h3>
                    <p><?php esc_html_e( 'Apart from static images, you can use videos or sliders on the background.','zerif-lite' ); ?></p>
                </td>
                <td><span class="dashicons-before dashicons-no-alt"></span></td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
            </tr>
            <tr>
                <td>
                    <h3><?php esc_html_e( 'Support','zerif-lite' ); ?></h3>
                    <p><?php esc_html_e( 'You will benefit of our full support for any issues you have with the theme.','zerif-lite' ); ?></p>
                </td>
                <td><span class="dashicons-before dashicons-no-alt"></span></td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
            </tr>
            <tr>
                <td>
                    <h3><?php esc_html_e( 'Packages/Subscribe sections','zerif-lite' ); ?></h3>
                    <p><?php esc_html_e( 'Add pricing tables for your products and use newsletter forms to attract the clients.','zerif-lite' ); ?></p>
                </td>
                <td><span class="dashicons-before dashicons-no-alt"></span></td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
            </tr>
            <tr>
                <td>
                    <h3><?php esc_html_e( 'Change labels for the Contact Us section','zerif-lite' ); ?></h3>
                    <p><?php esc_html_e( 'Write an original text in each Contact us section field.','zerif-lite' ); ?></p>
                </td>
                <td><span class="dashicons-before dashicons-no-alt"></span></td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
            </tr>
            <tr>
                <td>
                    <h3><?php esc_html_e( 'No credit footer link','zerif-lite' ); ?></h3>
                    <p><?php esc_html_e( 'Remove "Zerif Lite powered by WordPress" copyright from the footer.','zerif-lite' ); ?></p>
                </td>
                <td><span class="dashicons-before dashicons-no-alt"></span></td>
                <td><span class="dashicons-before dashicons-yes"></span></td>
            </tr>


            <tr class="zerif-lite-text-center">
                <td colspan="3"><a href="<?php echo esc_url( 'http://themeisle.com/themes/zerif-pro-one-page-wordpress-theme/' ); ?>" target="_blank" class="button button-primary"><?php esc_html_e( 'Get Zerif PRO now!','zerif-lite' ); ?></a></td>
            </tr>
        </tbody>

    </table>


</div>