<div class="fancy_p_fets">
  <div class="fancy_p_fets_pop">
    <h2>Popup Content</h2>
    <p>Wonderful popup feature for an item that will enhance product, portfolio display</p>
    <ul>
      <li>
        <div>
          <h3>image</h3>
          <p>Amazing popup gallery with image + item title + link button</p>
          <p>
            <a href="http://fancyfilter.sharabindu.com/">Check Demo</a>
          </p>
          <img src="<?php echo esc_url(FANCYFILTER_URL).'/assets/admin/img/4.jpg'?>" alt="">
        </div>
      </li>
      <li>
        <div>
          <h3>Video</h3>
          <p>Create a beautiful popup of video for an item</p>
          <p>
            <a href="https://fancyfilter.woocommercebarcode.com/docs/metabox-fancy-filter/#2-toc-title">How to Set</a>
          </p>
          <img src="<?php echo esc_url(FANCYFILTER_URL).'/assets/admin/img/1-min.jpg'?>" alt="">
        </div>
      </li>
      <li>
        <div>
          <h3>Shortcode</h3>
          <p>Short code supported for an item as popup content,</p>
          <p>
            <a href="https://fancyfilter.woocommercebarcode.com/docs/metabox-fancy-filter/#2-toc-title">How to Set</a>
          </p>
          <img src="<?php echo esc_url(FANCYFILTER_URL).'/assets/admin/img/3-min.jpg'?>" alt="">
        </div>
      </li>
      <li>
        <div>
          <h3>Raw html/embed code</h3>
          <p>Even raw HTML, embedded code will be supported as popup content</p>
          <p>
            <a href="https://fancyfilter.woocommercebarcode.com/docs/metabox-fancy-filter/#2-toc-title">How to Set</a>
          </p>
          <img src="<?php echo esc_url(FANCYFILTER_URL).'/assets/admin/img/2-min.jpg'?>" alt="">
        </div>
      </li>
    </ul>
  </div>
  <ul>
    <li class="fancy_p_fets_pop">
      <div>
        <h2>WooCommerce Support</h2>
        <p>Create a beautiful Product Showcase with AJax Add to cart button in the Premium Version</p>
        <p>
          <a href="https://fancyfilter.woocommercebarcode.com/product-filter/">View Demo</a>
        </p>
        <img src="<?php echo esc_url(FANCYFILTER_URL).'/assets/admin/img/product.jpg'?>" alt="">
      </div>
    </li>
    <li class="fancy_p_fets_pop">
      <div>
        <h2>10 Unique Design</h2>
        <p>Amazing Design and smooth hover effects for the Premium Version</p>
        <img src="<?php echo esc_url(FANCYFILTER_URL).'/assets/admin/img/coll-style.jpg'?>" alt="">
      </div>
    </li>
    <li class="fancy_p_fets_pop">
      <div>
        <h2>12+ attractive button</h2>
        <p>Cool & attrtacive filter button deign for the premium version</p>
        <img src="<?php echo esc_url(FANCYFILTER_URL).'/assets/admin/img/button.jpg'?>" alt=" Filter Button">
      </div>
    </li>
  </ul>
  <iframe width="560" height="315" src="https://www.youtube.com/embed/SGMS3_zjbCQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="free_protablw">
  <table class="fancyfilter_shortcode_table">
    <caption>Free Vs Premium</caption>
    <thead>
      <tr>
        <th scope="col">Features</th>
        <th scope="col" class="tabtxtali">Premium Version</th>
        <th scope="col" class="tabtxtali">Free Version</th>
      </tr>
    </thead>
    <tbody>

      <tr>
        <td data-label="button no">10+ unique designs</td>
        <td data-label="Style no" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
        <td data-label="Shortcode with Attribute" class="tabtxtali">
          <span class="dashicons dashicons-no-alt"></span>
        </td>
      </tr>
      <tr>
        <td data-label="button no">12+ Cool Button designs</td>
        <td data-label="Style no" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
        <td data-label="Shortcode with Attribute" class="tabtxtali">
          <span class="dashicons dashicons-no-alt"></span>
        </td>
      </tr>
      <tr>
        <td data-label="button no">Popup content with image gallery</td>
        <td data-label="Style no" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
        <td data-label="Shortcode with Attribute" class="tabtxtali">
          <span class="dashicons dashicons-no-alt"></span>
        </td>
      </tr>
      <tr>
        <td data-label="button no">Popup video for the item</td>
        <td data-label="Style no" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
        <td data-label="Shortcode with Attribute" class="tabtxtali">
          <span class="dashicons dashicons-no-alt"></span>
        </td>
      </tr>
      <tr>
        <td data-label="button no">Popup Short code Support</td>
        <td data-label="Style no" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
        <td data-label="Shortcode with Attribute" class="tabtxtali">
          <span class="dashicons dashicons-no-alt"></span>
        </td>
      </tr>
      <tr>
        <td data-label="button no">Popup raw html Support</td>
        <td data-label="Style no" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
        <td data-label="Shortcode with Attribute" class="tabtxtali">
          <span class="dashicons dashicons-no-alt"></span>
        </td>
      </tr>
      <tr>
        <td data-label="button no">Preview & Download Metabox</td>
        <td data-label="Style no" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
        <td data-label="Shortcode with Attribute" class="tabtxtali">
          <span class="dashicons dashicons-no-alt"></span>
        </td>
      </tr>
      <tr>
        <td data-label="button no">WooCommerce Support(Product Filter)</td>
        <td data-label="Style no" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
        <td data-label="Shortcode with Attribute" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
      </tr>

      <tr>
        <td data-label="button no">Dynamic Shortcode Creating</td>
        <td data-label="Style no" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
        <td data-label="Shortcode with Attribute" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
      </tr>
      <tr>
        <td data-label="button no">2 ,3,4 column layouts</td>
        <td data-label="Style no" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
        <td data-label="Shortcode with Attribute" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
      </tr>
      <tr>
        <td data-label="button no">Pagination</td>
        <td data-label="Style no" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
        <td data-label="Shortcode with Attribute" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
      </tr>
      <tr>
        <td data-label="button no">Read more button</td>
        <td data-label="Style no" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
        <td data-label="Shortcode with Attribute" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
      </tr>
      <tr>
        <td data-label="button no">blog post Filter</td>
        <td data-label="Style no" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
        <td data-label="Shortcode with Attribute" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
      </tr>
      <tr>
        <td data-label="button no">Portfolio Filter</td>
        <td data-label="Style no" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
        <td data-label="Shortcode with Attribute" class="tabtxtali">
          <span class="dashicons dashicons-yes"></span>
        </td>
      </tr>
    </tbody>
  </table>
</div>
<div class="fcybytnow">
  <a href="https://sharabindu.com/plugins/fancy-filter/">Buy Now</a>
</div>