<?php
function the_gap_free_vs_pro(){
	?>
<div class="pro-term-refund-container">
	<div class="pro-refund-inner-container">
       
	    <h1><?php esc_html_e('Our Refund Policy', 'the-gap'); ?></h1>
		<p><?php esc_html_e('We want you to be completely happy with your purchase. If you decide your purchase was not the right decision and you want to refund your money 
you can. No refunds will be given after 7 days from the initial purchase. You can make refund 
request creating a support ticket or email us at contact@themenextlevel.com and we will get back 
to you.', 'the-gap'); ?></p>
		<h3><?php esc_html_e('7 days money back guarantee', 'the-gap'); ?></h3>

		
    </div>
    <div class="pro-term-inner-container">
       <h3><?php esc_html_e('The Gap Pro', 'the-gap'); ?></h3>
	   <hr style="margin-top:0;"></hr>
	    <h4><?php esc_html_e('Lifetime Update', 'the-gap'); ?></h4>
		<h4><?php esc_html_e('Quality Checked', 'the-gap'); ?></h4>
		<h4><?php esc_html_e('1 Site Licence', 'the-gap'); ?></h4>
		<h4><?php esc_html_e('Premium Support', 'the-gap'); ?></h4>
      
	  <div class="gap-price">
	<h3><?php esc_html_e('Price - $39', 'the-gap'); ?></h3>
	</div>
	
    </div>
	
    
</div>

 <div class="btn_gap_pro clear">
            <a target="__blank" class="btn_gap_buy_pro" href="https://themenextlevel.com/the-gap/"><?php esc_html_e(' Buy Now ', 'the-gap'); ?></a>
 </div>

<div class="pro-vs-free-table clear">
<table>

    <tr>
        <th><?php esc_html_e('Features', 'the-gap'); ?></th>
        <th><?php esc_html_e('Free', 'the-gap'); ?></th>
        <th><?php esc_html_e('Pro', 'the-gap'); ?></th>
    </tr>
	
	<tr>
        <td>
            <span><?php esc_html_e('Sticky Header', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
	
	<tr>
        <td>
            <span><?php esc_html_e('Site Credit', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
	
    <tr>
        <td>
            <span><?php esc_html_e('Number of Widget Areas in Footer', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('3-4', 'the-gap'); ?></td>
        <td><?php esc_html_e('1-4', 'the-gap'); ?></td>
    </tr>
	
	<tr>
        <td>
            <span><?php esc_html_e('Header Layout', 'the-gap'); ?></span>
         
		<td><?php esc_html_e('7', 'the-gap'); ?></td>
        <td><?php esc_html_e('8', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Sidebar Header Style', 'the-gap'); ?></span>
         
		<td><?php esc_html_e('1', 'the-gap'); ?></td>
        <td><?php esc_html_e('5', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Header Media Overlay Box Style', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('3', 'the-gap'); ?></td>
        <td><?php esc_html_e('5', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Header Slider Options', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Number of Slides in Header Media', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('4', 'the-gap'); ?></td>
        <td><?php esc_html_e('7', 'the-gap'); ?></td>
    </tr>
   <tr>
        <td>
            <span><?php esc_html_e('Header Title Font Settings', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Subscription Widget', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Subscription in Front Page/Home Page', 'the-gap'); ?></span>
           
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Full Page Header Media', 'the-gap'); ?></span>
           
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Topbar Text Font Size', 'the-gap'); ?></span>
         
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Topbar Social Font Size', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
	 <tr>
        <td>
            <span><?php esc_html_e('Topbar Social Border', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
	 <tr>
        <td>
            <span><?php esc_html_e('Topbar Social Background Hover Color', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Feature Post Animation Type', 'the-gap'); ?></span>
           
		<td><?php esc_html_e('Slide Only', 'the-gap'); ?></td>
        <td><?php esc_html_e('Fade & Slide', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Popular Post Number', 'the-gap'); ?></span>
          
	   <td><?php esc_html_e('4', 'the-gap'); ?></td>
        <td><?php esc_html_e('Unlimited', 'the-gap'); ?></td>
    </tr>
	<tr>
        <td>
            <span><?php esc_html_e('Popular Post Style', 'the-gap'); ?></span>
          
	   <td><?php esc_html_e('1', 'the-gap'); ?></td>
        <td><?php esc_html_e('2', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Post Title Font Settings', 'the-gap'); ?></span>
         
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>

    <tr>
        <td>
            <span><?php esc_html_e('Post Meta Font Settings', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('Yes', 'the-gap'); ?></td>
        <td><?php esc_html_e('No', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Single Post Title Font Settings', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('Yes', 'the-gap'); ?></td>
        <td><?php esc_html_e('No', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Single Post Meta Font Settings', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('Yes', 'the-gap'); ?></td>
        <td><?php esc_html_e('No', 'the-gap'); ?></td>
    </tr>
	<tr>
        <td>
            <span><?php esc_html_e('Navigation Font Settings', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Post Advanced Animation', 'the-gap'); ?></span>
           
		<td><?php esc_html_e('Fixed', 'the-gap'); ?></td>
        <td><?php esc_html_e('Many', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Blog Front/Home page Section heading – Font Settings', 'the-gap'); ?></span>
         
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
	<tr>
        <td>
            <span><?php esc_html_e('Blog Front/Home page Section heading – Align', 'the-gap'); ?></span>
         
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
	
   <tr>
        <td>
            <span><?php esc_html_e('Popular Post Position', 'the-gap'); ?></span>
           
		<td><?php esc_html_e('Bottom of Recent Post', 'the-gap'); ?></td>
        <td><?php esc_html_e('Top or Bottom', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Feature Post Position', 'the-gap'); ?></span>
          
	   <td><?php esc_html_e('Top of Recent Post', 'the-gap'); ?></td>
        <td><?php esc_html_e('Top or Bottom', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Number of Body Font', 'the-gap'); ?></span>
          
		<td><?php esc_html_e('7', 'the-gap'); ?></td>
        <td><?php esc_html_e('850+', 'the-gap'); ?></td>
    </tr>
     <tr>
        <td>
            <span><?php esc_html_e('Woocommerce Section Heading Font Settings', 'the-gap'); ?></span>
         
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
	<tr>
        <td>
            <span><?php esc_html_e('Woocommerce Section Heading Align', 'the-gap'); ?></span>
         
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
	<tr>
        <td>
            <span><?php esc_html_e('Woocommerce title Font Settings', 'the-gap'); ?></span>
         
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
	<tr>
        <td>
            <span><?php esc_html_e('Woocommerce title Heading Align', 'the-gap'); ?></span>
         
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
	<tr>
        <td>
            <span><?php esc_html_e('Woocommerce Banner Position', 'the-gap'); ?></span>
         
		<td><?php esc_html_e('Fixed', 'the-gap'); ?></td>
        <td><?php esc_html_e('Flexible', 'the-gap'); ?></td>
    </tr>
	
    <tr>
        <td>
            <span><?php esc_html_e('Woocommerce Feature Product Slider Number', 'the-gap'); ?></span>
            
		<td><?php esc_html_e('4', 'the-gap'); ?></td>
        <td><?php esc_html_e('8', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Woocommerce Feature Product Slider Speed', 'the-gap'); ?></span>
           
		<td><?php esc_html_e('Fixed', 'the-gap'); ?></td>
        <td><?php esc_html_e('Flexible', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Woocommerce Feature Product Slider Animation Type', 'the-gap'); ?></span>
           
		<td><?php esc_html_e('Slide', 'the-gap'); ?></td>
        <td><?php esc_html_e('Slide & Fade', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Number of Category in CategoyBox', 'the-gap'); ?></span>
            
		<td><?php esc_html_e('5', 'the-gap'); ?></td>
        <td><?php esc_html_e('Unlimited', 'the-gap'); ?></td>
    </tr>
    <tr>
        <td>
            <span><?php esc_html_e('Number of Product Brand Item', 'the-gap'); ?></span>
           
		<td><?php esc_html_e('6', 'the-gap'); ?></td>
        <td><?php esc_html_e('10', 'the-gap'); ?></td>
    </tr>
    <tr class="btn_gap_pro_container">
        <td>
            <span><?php esc_html_e('Product Brand Carousel Speed', 'the-gap'); ?></span>
           
		<td><?php esc_html_e('No', 'the-gap'); ?></td>
        <td><?php esc_html_e('Yes', 'the-gap'); ?></td>
    </tr>
   
</table>
 </div>
<div class="btn_gap_pro clear">
            <a class="btn_gap_buy_pro" href="https://themenextlevel.com/the-gap/" target="__blank" ><?php esc_html_e(' Buy Now ', 'the-gap'); ?></a>
 </div>
<?php
}


function the_gap_demo_preview(){ ?>

<div class="welcome-demo-container">
    

    <div class="dashboard-demo-container-gap-30">
        <div class="col_per_raw_3 demo_no_1 col_padd_margin">
            <div class="demo-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/inc/admin/css/1.jpg'); ?>" alt="<?php echo esc_attr__('The Gap Demo', 'the-gap'); ?>">
            </div>

            <div class="demo-title-container">
                <div class="demo-title">Blog-1</div>
                <div class="demo-btn-container">
                    <a target="_blank" href="https://gap-demo1.themenextlevel.com/" class="button button-primary"><?php echo esc_html__('Preview', 'the-gap'); ?></a>
                </div>
            </div>
        </div>

        <div class="col_per_raw_3 demo_no_2 col_padd_margin">
            <div class="demo-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/inc/admin/css/2.jpg'); ?>" alt="<?php echo esc_attr__('The Gap Demo', 'the-gap'); ?>">
            </div>

            <div class="demo-title-container">
                <div class="demo-title">Blog-2</div>
                <div class="demo-btn-container">
                    <a target="_blank" href="https://gap-demo2.themenextlevel.com/" class="button button-primary"><?php echo esc_html__('Preview', 'the-gap'); ?></a>
                </div>
            </div>
        </div>

        <div class="col_per_raw_3 demo_no_3 col_padd_margin">
            <div class="demo-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/inc/admin/css/3.jpg'); ?>" alt="<?php echo esc_attr__('The Gap Demo', 'the-gap'); ?>">
            </div>

            <div class="demo-title-container">
                <div class="demo-title">Business-1</div>
                <div class="demo-btn-container">
                    <a target="_blank" href="https://gap-demo17.themenextlevel.com/" class="button button-primary"><?php echo esc_html__('Preview', 'the-gap'); ?></a>
                </div>
            </div>
        </div>

        <div class="col_per_raw_3 demo_no_4 col_padd_margin">
            <div class="demo-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/inc/admin/css/4.jpg'); ?>" alt="<?php echo esc_attr__('The Gap Demo', 'the-gap'); ?>">
            </div>

            <div class="demo-title-container">
                <div class="demo-title">E-Commerce-1</div>
                <div class="demo-btn-container">
                    <a target="_blank" href="https://gap-demo6.themenextlevel.com/" class="button button-primary"><?php echo esc_html__('Preview', 'the-gap'); ?></a>
                </div>
            </div>
        </div>

        <div class="col_per_raw_3 demo_no_5 col_padd_margin">
            <div class="demo-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/inc/admin/css/5.jpg'); ?>" alt="<?php echo esc_attr__('The Gap Demo', 'the-gap'); ?>">
            </div>

            <div class="demo-title-container">
                <div class="demo-title">Blog-3</div>
                <div class="demo-btn-container">
                    <a target="_blank" href="https://gap-demo11.themenextlevel.com/" class="button button-primary"><?php echo esc_html__('Preview', 'the-gap'); ?></a>
                </div>
            </div>
        </div>

        <div class="col_per_raw_3 demo_no_6 col_padd_margin">
            <div class="demo-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/inc/admin/css/6.jpg'); ?>" alt="<?php echo esc_attr__('The Gap Demo', 'the-gap'); ?>">
            </div>

            <div class="demo-title-container">
                <div class="demo-title">Business-2</div>
                <div class="demo-btn-container">
                    <a target="_blank" href="https://gap-demo18.themenextlevel.com/" class="button button-primary"><?php echo esc_html__('Preview', 'the-gap'); ?></a>
                </div>
            </div>
        </div>

        <div class="col_per_raw_3 demo_no_7 col_padd_margin">
            <div class="demo-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/inc/admin/css/7.jpg'); ?>" alt="<?php echo esc_attr__('The Gap Demo', 'the-gap'); ?>">
            </div>

            <div class="demo-title-container">
                <div class="demo-title">E-Commerce-2</div>
                <div class="demo-btn-container">
                    <a target="_blank" href="https://gap-demo12.themenextlevel.com/" class="button button-primary"><?php echo esc_html__('Preview', 'the-gap'); ?></a>
                </div>
            </div>
        </div>

        <div class="col_per_raw_3 demo_no_8 col_padd_margin">
            <div class="demo-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/inc/admin/css/8.jpg'); ?>" alt="<?php echo esc_attr__('The Gap Demo', 'the-gap'); ?>">
            </div>

            <div class="demo-title-container">
                <div class="demo-title">Blog-4</div>
                <div class="demo-btn-container">
                    <a target="_blank" href="https://gap-demo13.themenextlevel.com/" class="button button-primary"><?php echo esc_html__('Preview', 'the-gap'); ?></a>
                </div>
            </div>
        </div>

        <div class="col_per_raw_3 demo_no_9 col_padd_margin">
            <div class="demo-image">
                <img src="<?php echo esc_url(get_template_directory_uri() . '/inc/admin/css/9.jpg'); ?>" alt="<?php echo esc_attr__('The Gap Demo', 'the-gap'); ?>">
            </div>

            <div class="demo-title-container">
                <div class="demo-title">Blog-5</div>
                <div class="demo-btn-container">
                    <a target="_blank" href="https://gap-demo10.themenextlevel.com/" class="button button-primary"><?php echo esc_html__('Preview', 'the-gap'); ?></a>
                </div>
            </div>
        </div>

       
    </div>
</div>
<?php
}


