<style>
    .cm-upgrade-table {
        border-collapse: collapse;
    }

    .cm-upgrade-table td {
        padding: 6px;
    }

    .cm-upgrade-table .tr-head td {
        position: relative;
    }

    .cm-upgrade-table .tr-head td .dashicons {
        position: relative;
        top: 5px;
    }

    .cm-upgrade-table tr:not(.tr-head) td:first-child {
        text-align: left;
        padding: 6px 40px;
    }

    .ui-widget-shadow {
        opacity: 1 !important;
    }
    .ui-widget-shadow {
        background: #fff !important;
    }

</style>

<h2 style="padding-left:10px;">Upgrade The Pop-Up Banners Plugin:</h2>

<table class="cm-upgrade-table"
       style="background:#fff; width: 100%; border:1px solid black; border-right:1px solid black; border-left:1px solid black;">
    <tr class="tr-head">
        <td style="text-align:center; background-color:lightsteelblue; font-size:20px; border-right: 1px solid #c0c0c0; width:28%">
            <strong>PLANS</strong></td>
        <td style="text-align:center; background-color:red; font-size:20px; color:white; width:18%">
            <strong>Current Plan</strong></td>
        <td style="text-align:center; background-color:green; font-size:20px; color:white; width:18%"><span class="dashicons dashicons-star-filled" style="color:yellow"></span> <strong>Pro</strong></td>
        <td style="text-align:center; background-color:blue; font-size:20px; color:white; width:18%"><span class="dashicons dashicons-awards" style="color:yellow"></span> <strong>Advanced</strong></td>
        <td style="text-align:center; background-color:purple; font-size:20px; color:white; width:18%"><span class="dashicons dashicons-superhero-alt" style="color:yellow"></span> <strong>Ultimate</strong>
        </td>
    </tr>
    <tr>
        <td style="text-align:center; border-right: 1px solid #c0c0c0; width:28%"></td>
        <td style="text-align:center; font-size:20px; width:18%">FREE</td>
        <td style="text-align:center; font-size:20px; width:18%">$39</td>
        <td style="text-align:center; font-size:20px; width:18%">$69</td>
        <td style="text-align:center; font-size:20px; width:18%">$119</td>
    </tr>
    <tr>
        <td style="border-right: 1px solid #c0c0c0; width:28%">Price includes 1 year support/updates.<br>Manual renewal with 40% discount, not a subscription 
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="We do not store credit card information or bill without your consent. The product(s) will remain fully functional even after the license expires."></span></td>
        <td style="text-align:center; width:18%"></td>
        <td style="text-align:center; width:18%"><a href="https://www.cminds.com/?edd_action=add_to_cart&download_id=41966&edd_options[price_id]=1&utm_source=popupfree&utm_campaign=freeupgrade&upgrade=1" class="button button-primary" style="background-color:green;" title="Click to Buy PRO">Upgrade NOW</a></td>
        <td style="text-align:center; width:18%"><a href="https://www.cminds.com/?edd_action=add_to_cart&download_id=609221&edd_options[price_id]=1&utm_source=popupfree&utm_campaign=freeupgrade&upgrade=1" class="button button-primary" style="background-color:blue;" title="Click to Buy ADVANCED">Upgrade NOW</a></td>
        <td style="text-align:center; width:18%"><a href="https://www.cminds.com/?edd_action=add_to_cart&download_id=146732&edd_options[price_id]=1&utm_source=popupfree&utm_campaign=freeupgrade&upgrade=1" class="button button-primary" style="background-color:purple;" title="Click to Buy ULTIMATE">Upgrade NOW</a></td>
    </tr>
    <tr>
        <td style="text-align:center; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; width:28%"></td>
        <td style="text-align:center; font-size:16px; border-bottom: 1px solid #c0c0c0; width:18%"></td>
        <td style="text-align:center; font-size:16px; border-bottom: 1px solid #c0c0c0; width:18%"><a href="https://www.cminds.com/wordpress-plugins-library/pop-up-banners-plugin-for-wordpress/?utm_source=popupfree&utm_campaign=freeupgrade&upgrade=1" target="_blank">Details >></a>
        </td>
        <td style="text-align:center; font-size:16px; border-bottom: 1px solid #c0c0c0; width:18%"><a href="https://www.cminds.com/wordpress-plugins-library/pop-up-banners-plugin-for-wordpress/?utm_source=popupfree&utm_campaign=freeupgrade&upgrade=1" target="_blank">Details >></a>
        </td>
        <td style="text-align:center; font-size:16px; border-bottom: 1px solid #c0c0c0; width:18%"><a href="https://www.cminds.com/wordpress-plugins-library/pop-up-banners-plugin-for-wordpress/?utm_source=popupfree&utm_campaign=freeupgrade&upgrade=1" target="_blank">Details >></a>
        </td>
    </tr>
    <tr>
        <td style="border-right: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; width:28%">Number of Websites / License Activations 
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="On how many websites this product plan can be installed."></span></td>
        <td style="text-align:center; font-size:16px; width:18%"></td>
        <td style="text-align:center; font-size:16px; width:18%">1 Site</td>
        <td style="text-align:center; font-size:16px; width:18%">3 Sites</td>
        <td style="text-align:center; font-size:16px; width:18%">10 Sites</td>
    </tr>
    <tr style="height:50px">
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; font-size:16px;" colspan="5">
            <strong>BASIC FEATURES</strong>
        </td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Create campaigns with a banner
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Add a banner to each campaign you define so it will show in the popup. You can define multiple campaigns to work on your website."></span>
        </td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            PopUp Content
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Use image popups, html banners, video, and more."></span>
        </td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            PopUp Width and Height
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Choose the width/height of the custom WordPress popup."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Extended Set of PopUp Types
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="This popup system allows you to choose between pop-up, fly-in and full-screen banner options. You can define multiple campaigns to work on your website."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Responsive
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Fully responsive with the option to turn mobile display off."></span>
        </td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Random PopUps
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Add multiple popup banners in the same campaign and show a random popup allowing you to choose the best-converting popup."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Custom Effects
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Define PopUp banner campaign visual and audio effects once the popup shows. For example, you can make the popup slide before appearing."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Option to add delay
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Add a delay between the time that the page loads and the popup appear."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Special Triggers
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Trigger popup or fly-in on JS hover or click events."></span>
        </td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Page leave intent detection PopUp
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Detect when user moves cursor to close the tab and in such event show the popup."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Inactivity detection
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="You can show the popup when user is inactive for X seconds (not moving the mouse and not typing)."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr style="height:50px">
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; font-size:16px;" colspan="5">
            <strong>RESTRICTION FEATURES</strong>
        </td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Restrict by Page/Post/Custom Post Types
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Choose which pages, posts, or other custom post types your campaign will appear on. You can choose multiple pages for each campaign."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Restrict by URL
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Choose specific URL your campaign will appear on."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Restrict by Period
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Choose the start and end date and time for your popup ad campaign."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Restrict by days of the week
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="You can define that the campaign will run on specific days of the week."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Display Interval
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Define when the user will see the popup. On every page load, one per each page, and more."></span>
        </td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Show X amount of times per customer
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="You can define that the campaign will show X amount of time per a specific customer until it stops."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Target Specific Users
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Set campaign to target logged-in or non-logged-in users."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr style="height:50px">
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; font-size:16px;" colspan="5">
            <strong>TOOLS</strong>
        </td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            AdDesigner
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Easily create a custom banner and add the required text and colors. The Ad Designer is an easy to use tool that helps you build beautiful popups and manage the awesome popup designs."></span>
        </td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Add Countdown Timer
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Add a countdown timer either to the popup content or to any place of the post or page using a shortcode."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Add CTA Buttons
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Add a CTA button with the link either to the popup content or to any place of the post or page using a shortcode."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            Campaign Statistics
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Track banner clicks and impressions in an easy-to-use report. If you use banner variations in a campaign you can check when the banner converts more."></span>
        </td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr style="height:50px">
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; font-size:16px;" colspan="5">
            <strong>ADD-ONS</strong>
        </td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            CM Popup Form Builder Add-On
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Add multiple forms to Fly-in, pop-up and full-screen banners across your website. Catcher your users attention and invite them to provide information."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            CM Ad Changer Server Plugin
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Create, manage and display your mobile responsive ad campaigns across multiple WordPress websites. Supported ads include random, rotating, pop-up, HTML, video, fly-in banners on both server and client side. Plugin includes detailed statistic reports on clicks, impressions and more."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            CM Ad Changer Client Plugin
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Add additional remote WordPress sites using the same Ad Manager server. Run the same campaigns defined in the server across several WordPress sites at the same time."></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            CM Welcome Message & Disclaimer Plugin
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="The plugin creates and tracks welcome popups and disclaimer messages placed on your Wordpress site. The popup plugin helps you build, deploy and track the usage of the disclaimers and announcements while preventing usage without approval."></span>
        </td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            CM OnBoarding Plugin
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="This plugin Improves user experience by adding a guidance widget anywhere on your wordpress site to display help items with a single click. This tutorial plugin helps with on site training and content is divided by sections such as videos, images, plain text and hyperlinks."></span>
        </td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            CM Content Related Product Recommendations Plugin
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="Show product recommendations and product reviews based on the content of your post. Clicking on products links to external sites or internal page. The plugin promotes your products or allows gains for affiliate commission."></span>
        </td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;">
            CM Notification Bar Plugin
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="This plugin adds a notification layer on the top part of your WordPress site header so your WordPress users will get updates, promotions and call to action notifications. This plugin supports customized wordpress notification alerts for specific pages on your site."></span>
        </td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr style="height:50px">
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; font-size:16px;" colspan="5">
            <strong>SUPPORT</strong>
        </td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; background-color:lightgreen;">
            Product Knowledge Base
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="We offer comprehensive knowledge base articles that cover all product features and use cases in detail"></span>
        </td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0; background-color:lightgreen;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0; background-color:lightgreen;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0; background-color:lightgreen;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0; background-color:lightgreen;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; background-color:lightgreen;">
            Priority email support
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="We strive to address tickets within a 48-hour timeframe and offer on-site support when needed."></span>
        </td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0; background-color:lightgreen;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0; background-color:lightgreen;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0; background-color:lightgreen;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0; background-color:lightgreen;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
    <tr>
        <td style="width:28%; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; background-color:lightgreen;">
            Product updates
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="We regularly release new product features and maintenance updates."></span>
        </td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0; background-color:lightgreen;"><span class="dashicons dashicons-no" style="color:red"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0; background-color:lightgreen;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0; background-color:lightgreen;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
        <td style="text-align:center; width:18%; border-bottom: 1px solid #c0c0c0; background-color:lightgreen;"><span class="dashicons dashicons-yes" style="color:green"></span></td>
    </tr>
<tr class="tr-head">
        <td style="text-align:center; background-color:lightsteelblue; font-size:20px; border-right: 1px solid #c0c0c0; width:28%">
            <strong>PLANS</strong></td>
        <td style="text-align:center; background-color:red; font-size:20px; color:white; width:18%">
            <strong>Current Plan</strong></td>
        <td style="text-align:center; background-color:green; font-size:20px; color:white; width:18%"><span class="dashicons dashicons-star-filled" style="color:yellow"></span> <strong>Pro</strong></td>
        <td style="text-align:center; background-color:blue; font-size:20px; color:white; width:18%"><span class="dashicons dashicons-awards" style="color:yellow"></span> <strong>Advanced</strong></td>
        <td style="text-align:center; background-color:purple; font-size:20px; color:white; width:18%"><span class="dashicons dashicons-superhero-alt" style="color:yellow"></span> <strong>Ultimate</strong>
        </td>
    </tr>
    <tr>
        <td style="border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; width:28%">Number of Websites / License Activations 
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="On how many websites this product plan can be installed."></span></td>
        <td style="text-align:center; border-bottom: 1px solid #c0c0c0; font-size:16px; width:18%"></td>
        <td style="text-align:center; border-bottom: 1px solid #c0c0c0; font-size:16px; width:18%">1 Site</td>
        <td style="text-align:center; border-bottom: 1px solid #c0c0c0; font-size:16px; width:18%">3 Sites</td>
        <td style="text-align:center; border-bottom: 1px solid #c0c0c0; font-size:16px; width:18%">10 Sites</td>
    </tr>
    <tr>
        <td style="text-align:center; border-right: 1px solid #c0c0c0; width:28%"></td>
        <td style="text-align:center; font-size:20px; width:18%">FREE</td>
        <td style="text-align:center; font-size:20px; width:18%">$39</td>
        <td style="text-align:center; font-size:20px; width:18%">$69</td>
        <td style="text-align:center; font-size:20px; width:18%">$119</td>
    </tr>
    <tr>
        <td style="border-right: 1px solid #c0c0c0; width:28%">Price includes 1 year support/updates.<br>Manual renewal with 40% discount, not a subscription 
            <span class="dashicons dashicons-info-outline cminds-package-show-tooltip" style="color:green"
                  title="We do not store credit card information or bill without your consent. The product(s) will remain fully functional even after the license expires."></span></td>
        <td style="text-align:center; width:18%"></td>
        <td style="text-align:center; width:18%"><a href="https://www.cminds.com/?edd_action=add_to_cart&download_id=41966&edd_options[price_id]=1&utm_source=popupfree&utm_campaign=freeupgrade&upgrade=1" class="button button-primary" style="background-color:green;" title="Click to Buy PRO">Upgrade NOW</a></td>
        <td style="text-align:center; width:18%"><a href="https://www.cminds.com/?edd_action=add_to_cart&download_id=609221&edd_options[price_id]=1&utm_source=popupfree&utm_campaign=freeupgrade&upgrade=1" class="button button-primary" style="background-color:blue;" title="Click to Buy ADVANCED">Upgrade NOW</a></td>
        <td style="text-align:center; width:18%"><a href="https://www.cminds.com/?edd_action=add_to_cart&download_id=146732&edd_options[price_id]=1&utm_source=popupfree&utm_campaign=freeupgrade&upgrade=1" class="button button-primary" style="background-color:purple;" title="Click to Buy ULTIMATE">Upgrade NOW</a></td>
    </tr>
    <tr>
        <td style="text-align:center; border-right: 1px solid #c0c0c0; width:28%"></td>
        <td style="text-align:center; font-size:16px; width:18%"></td>
        <td style="text-align:center; font-size:16px; width:18%"><a href="https://www.cminds.com/wordpress-plugins-library/pop-up-banners-plugin-for-wordpress/?utm_source=popupfree&utm_campaign=freeupgrade&upgrade=1" target="_blank">Details >></a>
        </td>
        <td style="text-align:center; font-size:16px; width:18%"><a href="https://www.cminds.com/wordpress-plugins-library/pop-up-banners-plugin-for-wordpress/?utm_source=popupfree&utm_campaign=freeupgrade&upgrade=1" target="_blank">Details >></a>
        </td>
        <td style="text-align:center; font-size:16px; width:18%"><a href="https://www.cminds.com/wordpress-plugins-library/pop-up-banners-plugin-for-wordpress/?utm_source=popupfree&utm_campaign=freeupgrade&upgrade=1" target="_blank">Details >></a>
        </td>
    </tr>
</table>
