File: /home/dkfounda/public_html/wp-content/themes/sydney/inc/dashboard/html-free-vs-pro.php
<?php
/**
* Tabs Nav Items
*
* @package Dashboard
*/
if (!defined('ABSPATH')) {
exit; // Exit if accessed directly.
}
/**
* 1. copy the table freevspro-table-responsive
* 2. replace icons
* 3. prefix classes with sydney-dashboard-
* 4. replace cs-mb-0 with sydney-dashboard-freevspro-table__desc
*/
?>
<div class="sydney-dashboard-row">
<div class="sydney-dashboard-column">
<div class="sydney-dashboard-card sydney-dashboard-card-top-spacing sydney-dashboard-card-tabs-divider">
<div class="sydney-dashboard-card-body">
<div class= "sydney-dashboard-freevspro-table-responsive">
<div class= "sydney-dashboard-freevspro-table">
<div class= "sydney-dashboard-freevspro-table__item">
<div class= "sydney-dashboard-freevspro-table__header">
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong class="h4">General</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
Free
</div>
<div class= "sydney-dashboard-freevspro-table__column">
Pro
</div>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__body">
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Updates</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<strong class="cs-ml-0">Free Version Updates</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<strong class="cs-ml-0">Pro Version Updates for 1 Year</strong>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Premium Email Support</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Gutenberg Ready</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Translation Ready</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Toolset Integration</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Starter Sites</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<strong class="">3</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<strong class="">17</strong>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong><a href="https://docs.athemes.com/article/435-templates-system-overview" target="_blank">Templates Builder Module<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 2C2.44772 2 2 2.44772 2 3V12C2 12.5523 2.44772 13 3 13H12C12.5523 13 13 12.5523 13 12V8.5C13 8.22386 12.7761 8 12.5 8C12.2239 8 12 8.22386 12 8.5V12H3V3H6.5C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H3ZM12.8536 2.14645C12.9015 2.19439 12.9377 2.24964 12.9621 2.30861C12.9861 2.36669 12.9996 2.4303 13 2.497V2.5V2.50049V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3.70711L6.85355 8.85355C6.65829 9.04882 6.34171 9.04882 6.14645 8.85355C5.95118 8.65829 5.95118 8.34171 6.14645 8.14645L11.2929 3H9.5C9.22386 3 9 2.77614 9 2.5C9 2.22386 9.22386 2 9.5 2H12.4999H12.5C12.5678 2 12.6324 2.01349 12.6914 2.03794C12.7504 2.06234 12.8056 2.09851 12.8536 2.14645Z" fill="black"></path>
</svg></a></strong>
<p class="cs-mb-0">Display rules like "Show this template on all posts" or "Show this template on all pages" are available to dynamic render the templates.</p>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Build custom headers</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Build custom footers</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Build custom blog archives</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Build custom blog archive items</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Build custom blog posts</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Build custom content blocks</strong>
<p class="cs-mb-0">Hooks like before/after content, before/after title, etc, are available to render the custom content block.</p>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Build custom 404 page</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Build custom WooCommerce pages</strong>
<p class="cs-mb-0">Build custom shop pages like shop, single product, cart, checkout.</p>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong><a href="https://docs.athemes.com/article/440-pro-breadcrumbs" target="_blank">Breadcrumbs Module<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 2C2.44772 2 2 2.44772 2 3V12C2 12.5523 2.44772 13 3 13H12C12.5523 13 13 12.5523 13 12V8.5C13 8.22386 12.7761 8 12.5 8C12.2239 8 12 8.22386 12 8.5V12H3V3H6.5C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H3ZM12.8536 2.14645C12.9015 2.19439 12.9377 2.24964 12.9621 2.30861C12.9861 2.36669 12.9996 2.4303 13 2.497V2.5V2.50049V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3.70711L6.85355 8.85355C6.65829 9.04882 6.34171 9.04882 6.14645 8.85355C5.95118 8.65829 5.95118 8.34171 6.14645 8.14645L11.2929 3H9.5C9.22386 3 9 2.77614 9 2.5C9 2.22386 9.22386 2 9.5 2H12.4999H12.5C12.5678 2 12.6324 2.01349 12.6914 2.03794C12.7504 2.06234 12.8056 2.09851 12.8536 2.14645Z" fill="black"></path>
</svg></a></strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong><a href="https://docs.athemes.com/article/modal-in-sydney-pro/" target="_blank">Modal Popup Module<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 2C2.44772 2 2 2.44772 2 3V12C2 12.5523 2.44772 13 3 13H12C12.5523 13 13 12.5523 13 12V8.5C13 8.22386 12.7761 8 12.5 8C12.2239 8 12 8.22386 12 8.5V12H3V3H6.5C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H3ZM12.8536 2.14645C12.9015 2.19439 12.9377 2.24964 12.9621 2.30861C12.9861 2.36669 12.9996 2.4303 13 2.497V2.5V2.50049V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3.70711L6.85355 8.85355C6.65829 9.04882 6.34171 9.04882 6.14645 8.85355C5.95118 8.65829 5.95118 8.34171 6.14645 8.14645L11.2929 3H9.5C9.22386 3 9 2.77614 9 2.5C9 2.22386 9.22386 2 9.5 2H12.4999H12.5C12.5678 2 12.6324 2.01349 12.6914 2.03794C12.7504 2.06234 12.8056 2.09851 12.8536 2.14645Z" fill="black"></path>
</svg></a></strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong><a href="https://docs.athemes.com/article/offcanvas-content-module/" target="_blank">Offcanvas Content Module<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 2C2.44772 2 2 2.44772 2 3V12C2 12.5523 2.44772 13 3 13H12C12.5523 13 13 12.5523 13 12V8.5C13 8.22386 12.7761 8 12.5 8C12.2239 8 12 8.22386 12 8.5V12H3V3H6.5C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H3ZM12.8536 2.14645C12.9015 2.19439 12.9377 2.24964 12.9621 2.30861C12.9861 2.36669 12.9996 2.4303 13 2.497V2.5V2.50049V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3.70711L6.85355 8.85355C6.65829 9.04882 6.34171 9.04882 6.14645 8.85355C5.95118 8.65829 5.95118 8.34171 6.14645 8.14645L11.2929 3H9.5C9.22386 3 9 2.77614 9 2.5C9 2.22386 9.22386 2 9.5 2H12.4999H12.5C12.5678 2 12.6324 2.01349 12.6914 2.03794C12.7504 2.06234 12.8056 2.09851 12.8536 2.14645Z" fill="black"></path>
</svg></a></strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong><a href="https://docs.athemes.com/article/offcanvas-content-module/" target="_blank">Custom Fonts Module<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 2C2.44772 2 2 2.44772 2 3V12C2 12.5523 2.44772 13 3 13H12C12.5523 13 13 12.5523 13 12V8.5C13 8.22386 12.7761 8 12.5 8C12.2239 8 12 8.22386 12 8.5V12H3V3H6.5C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H3ZM12.8536 2.14645C12.9015 2.19439 12.9377 2.24964 12.9621 2.30861C12.9861 2.36669 12.9996 2.4303 13 2.497V2.5V2.50049V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3.70711L6.85355 8.85355C6.65829 9.04882 6.34171 9.04882 6.14645 8.85355C5.95118 8.65829 5.95118 8.34171 6.14645 8.14645L11.2929 3H9.5C9.22386 3 9 2.77614 9 2.5C9 2.22386 9.22386 2 9.5 2H12.4999H12.5C12.5678 2 12.6324 2.01349 12.6914 2.03794C12.7504 2.06234 12.8056 2.09851 12.8536 2.14645Z" fill="black"></path>
</svg></a></strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Custom Fonts upload & Adobe Fonts support</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__item">
<div class= "sydney-dashboard-freevspro-table__header">
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong class="h4">Header</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
Free
</div>
<div class= "sydney-dashboard-freevspro-table__column">
Pro
</div>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__body">
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong><a href="https://docs.athemes.com/article/how-to-build-a-mega-menu-with-sydney-pro/" target="_blank">Mega Menu module<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 2C2.44772 2 2 2.44772 2 3V12C2 12.5523 2.44772 13 3 13H12C12.5523 13 13 12.5523 13 12V8.5C13 8.22386 12.7761 8 12.5 8C12.2239 8 12 8.22386 12 8.5V12H3V3H6.5C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H3ZM12.8536 2.14645C12.9015 2.19439 12.9377 2.24964 12.9621 2.30861C12.9861 2.36669 12.9996 2.4303 13 2.497V2.5V2.50049V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3.70711L6.85355 8.85355C6.65829 9.04882 6.34171 9.04882 6.14645 8.85355C5.95118 8.65829 5.95118 8.34171 6.14645 8.14645L11.2929 3H9.5C9.22386 3 9 2.77614 9 2.5C9 2.22386 9.22386 2 9.5 2H12.4999H12.5C12.5678 2 12.6324 2.01349 12.6914 2.03794C12.7504 2.06234 12.8056 2.09851 12.8536 2.14645Z" fill="black"></path>
</svg></a></strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>More Header Options</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Language switcher</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>HTML/Shortcode components</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Login/register modal component</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Different logo for mobile devices</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Sticky Menu</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Extra Slider Options</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>User friendly slider options, resulting in a faster slider setup time</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Individual settings for each slide</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Entrance animation choices for the text and buttons</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>New slider settings like title tag selector, hide the slider on secondary blog pages and more</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Vertical and horizontal aligment opions for the slider content</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Styling options including colors, typography and content width</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong><a href="https://docs.athemes.com/article/how-to-customize-page-headers-in-sydney-pro" target="_blank">Page Headers Module<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 2C2.44772 2 2 2.44772 2 3V12C2 12.5523 2.44772 13 3 13H12C12.5523 13 13 12.5523 13 12V8.5C13 8.22386 12.7761 8 12.5 8C12.2239 8 12 8.22386 12 8.5V12H3V3H6.5C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H3ZM12.8536 2.14645C12.9015 2.19439 12.9377 2.24964 12.9621 2.30861C12.9861 2.36669 12.9996 2.4303 13 2.497V2.5V2.50049V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3.70711L6.85355 8.85355C6.65829 9.04882 6.34171 9.04882 6.14645 8.85355C5.95118 8.65829 5.95118 8.34171 6.14645 8.14645L11.2929 3H9.5C9.22386 3 9 2.77614 9 2.5C9 2.22386 9.22386 2 9.5 2H12.4999H12.5C12.5678 2 12.6324 2.01349 12.6914 2.03794C12.7504 2.06234 12.8056 2.09851 12.8536 2.14645Z" fill="black"></path>
</svg></a></strong>
<p class="cs-mb-0">Page header options for posts, pages, archives, etc.</p>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__item">
<div class= "sydney-dashboard-freevspro-table__header">
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong class="h4">Blog</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
Free
</div>
<div class= "sydney-dashboard-freevspro-table__column">
Pro
</div>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__body">
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong><a href="https://docs.athemes.com/article/438-pro-extended-blog-module" target="_blank">Extended Blog Module<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 2C2.44772 2 2 2.44772 2 3V12C2 12.5523 2.44772 13 3 13H12C12.5523 13 13 12.5523 13 12V8.5C13 8.22386 12.7761 8 12.5 8C12.2239 8 12 8.22386 12 8.5V12H3V3H6.5C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H3ZM12.8536 2.14645C12.9015 2.19439 12.9377 2.24964 12.9621 2.30861C12.9861 2.36669 12.9996 2.4303 13 2.497V2.5V2.50049V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3.70711L6.85355 8.85355C6.65829 9.04882 6.34171 9.04882 6.14645 8.85355C5.95118 8.65829 5.95118 8.34171 6.14645 8.14645L11.2929 3H9.5C9.22386 3 9 2.77614 9 2.5C9 2.22386 9.22386 2 9.5 2H12.4999H12.5C12.5678 2 12.6324 2.01349 12.6914 2.03794C12.7504 2.06234 12.8056 2.09851 12.8536 2.14645Z" fill="black"></path>
</svg></a></strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Blog Layouts</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<strong class="">6</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<strong class="">7</strong>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Featured posts in blog hero </strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Featured boxes </strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Archive header options </strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Pagination options </strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Reading progress and reading time </strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Last updated date</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Post sharing</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Post header layouts </strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Related posts layout options</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__item">
<div class= "sydney-dashboard-freevspro-table__header">
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong class="h4">Footer</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
Free
</div>
<div class= "sydney-dashboard-freevspro-table__column">
Pro
</div>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__body">
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Widget Areas</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Credits</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>More Footer Options</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Footer Separator</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Footer Reveal Effect</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Extra components</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Pre-footer area</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__item">
<div class= "sydney-dashboard-freevspro-table__header">
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong class="h4">WooCommerce</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
Free
</div>
<div class= "sydney-dashboard-freevspro-table__column">
Pro
</div>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__body">
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>WooCommerce Support</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<strong class="cs-ml-0">Basic</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<strong class="cs-ml-0">Extended</strong>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong><a href="https://docs.athemes.com/article/444-pro-extended-woocommerce-module" target="_blank">Extended WooCommerce Module<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 2C2.44772 2 2 2.44772 2 3V12C2 12.5523 2.44772 13 3 13H12C12.5523 13 13 12.5523 13 12V8.5C13 8.22386 12.7761 8 12.5 8C12.2239 8 12 8.22386 12 8.5V12H3V3H6.5C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H3ZM12.8536 2.14645C12.9015 2.19439 12.9377 2.24964 12.9621 2.30861C12.9861 2.36669 12.9996 2.4303 13 2.497V2.5V2.50049V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3.70711L6.85355 8.85355C6.65829 9.04882 6.34171 9.04882 6.14645 8.85355C5.95118 8.65829 5.95118 8.34171 6.14645 8.14645L11.2929 3H9.5C9.22386 3 9 2.77614 9 2.5C9 2.22386 9.22386 2 9.5 2H12.4999H12.5C12.5678 2 12.6324 2.01349 12.6914 2.03794C12.7504 2.06234 12.8056 2.09851 12.8536 2.14645Z" fill="black"></path>
</svg></a></strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Wishlist</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Product Swatch</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Multistep Checkout</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Single Sticky Add To Cart</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Shop Header Styles</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Product Tab Styles</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Shop Pagination: Numeric, Infinite, Load More Button</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Advanced Reviews</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Quantity Input Styles</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Extra Single Product Elements: Shortcode and HTML</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>AJAX Product Search</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Extra Shop Sidebar Layouts</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Product Gallery Layouts</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__item">
<div class= "sydney-dashboard-freevspro-table__header">
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong class="h4">Elementor</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
Free
</div>
<div class= "sydney-dashboard-freevspro-table__column">
Pro
</div>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__body">
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong><a href="https://docs.athemes.com/article/elementor-toolbox-module/" target="_blank">Elementor Tools Module<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 2C2.44772 2 2 2.44772 2 3V12C2 12.5523 2.44772 13 3 13H12C12.5523 13 13 12.5523 13 12V8.5C13 8.22386 12.7761 8 12.5 8C12.2239 8 12 8.22386 12 8.5V12H3V3H6.5C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H3ZM12.8536 2.14645C12.9015 2.19439 12.9377 2.24964 12.9621 2.30861C12.9861 2.36669 12.9996 2.4303 13 2.497V2.5V2.50049V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3.70711L6.85355 8.85355C6.65829 9.04882 6.34171 9.04882 6.14645 8.85355C5.95118 8.65829 5.95118 8.34171 6.14645 8.14645L11.2929 3H9.5C9.22386 3 9 2.77614 9 2.5C9 2.22386 9.22386 2 9.5 2H12.4999H12.5C12.5678 2 12.6324 2.01349 12.6914 2.03794C12.7504 2.06234 12.8056 2.09851 12.8536 2.14645Z" fill="black"></path>
</svg></a></strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Custom CSS for any widget, column, or section</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Glassmorphism effect</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Wrapper link for sections</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Particles background for sections</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Animation effects</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Sticky mode for widgets, columns, and sections</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row sub-item">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.83315 11.6377H12.5076L8.9814 15.1639L9.68862 15.8711L14.4201 11.1396L9.68862 6.40488L8.9814 7.11211L12.5076 10.6383H6.83315C5.03687 10.635 3.58257 9.18066 3.57925 7.38437V1.12891H2.57983V7.38437C2.58315 9.73184 4.48569 11.6344 6.83315 11.6377Z" fill="#A0A0A0"></path>
</svg>
<strong>Tooltips for widgets</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Testimonials Carousel Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Portfolio Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<strong class="cs-ml-0">1 Style</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<strong class="cs-ml-0">2 Styles</strong>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Posts Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<strong class="cs-ml-0">1 Style</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<strong class="cs-ml-0">2 Styles</strong>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Slider Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Employee Carousel Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong><a href="https://docs.athemes.com/article/pro-advanced-carousel-widget/" target="_blank">Advanced Carousel Widget<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 2C2.44772 2 2 2.44772 2 3V12C2 12.5523 2.44772 13 3 13H12C12.5523 13 13 12.5523 13 12V8.5C13 8.22386 12.7761 8 12.5 8C12.2239 8 12 8.22386 12 8.5V12H3V3H6.5C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H3ZM12.8536 2.14645C12.9015 2.19439 12.9377 2.24964 12.9621 2.30861C12.9861 2.36669 12.9996 2.4303 13 2.497V2.5V2.50049V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3.70711L6.85355 8.85355C6.65829 9.04882 6.34171 9.04882 6.14645 8.85355C5.95118 8.65829 5.95118 8.34171 6.14645 8.14645L11.2929 3H9.5C9.22386 3 9 2.77614 9 2.5C9 2.22386 9.22386 2 9.5 2H12.4999H12.5C12.5678 2 12.6324 2.01349 12.6914 2.03794C12.7504 2.06234 12.8056 2.09851 12.8536 2.14645Z" fill="black"></path>
</svg></a></strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>MailChimp Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Single Employee Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Timeline Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Pricing Tables Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Food Menu Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Animated heading Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Dual heading Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Image hotspots Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Dual Buttons Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Contact Form 7 Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>WPForms Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong>Ninja Forms Widget</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__item">
<div class= "sydney-dashboard-freevspro-table__header">
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong class="h4">Hooks</strong>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
Free
</div>
<div class= "sydney-dashboard-freevspro-table__column">
Pro
</div>
</div>
</div>
<div class= "sydney-dashboard-freevspro-table__body">
<div class= "sydney-dashboard-freevspro-table__row">
<div class= "sydney-dashboard-freevspro-table__column sydney-dashboard-freevspro-table__column--feature">
<strong><a href="https://docs.athemes.com/article/418-pro-hooks-system-overview" target="_blank">Hooks System<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 2C2.44772 2 2 2.44772 2 3V12C2 12.5523 2.44772 13 3 13H12C12.5523 13 13 12.5523 13 12V8.5C13 8.22386 12.7761 8 12.5 8C12.2239 8 12 8.22386 12 8.5V12H3V3H6.5C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H3ZM12.8536 2.14645C12.9015 2.19439 12.9377 2.24964 12.9621 2.30861C12.9861 2.36669 12.9996 2.4303 13 2.497V2.5V2.50049V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3.70711L6.85355 8.85355C6.65829 9.04882 6.34171 9.04882 6.14645 8.85355C5.95118 8.65829 5.95118 8.34171 6.14645 8.14645L11.2929 3H9.5C9.22386 3 9 2.77614 9 2.5C9 2.22386 9.22386 2 9.5 2H12.4999H12.5C12.5678 2 12.6324 2.01349 12.6914 2.03794C12.7504 2.06234 12.8056 2.09851 12.8536 2.14645Z" fill="black"></path>
</svg></a></strong>
<p class="cs-mb-0">Hooks allow you to add HTML or shortcodes across different areas of your website</p>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-no-alt"></i>
</div>
<div class= "sydney-dashboard-freevspro-table__column">
<i class="sydney-dashboard-freevspro-table__icon dashicons dashicons-saved"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 30px;margin-right:60px;">
<a href="<?php echo esc_url($this->settings['upgrade_pro_freevspro']); ?>" target="_blank" class="button button-primary">
<?php esc_html_e('Buy Sydney Pro Today', 'sydney'); ?>
</a>
</div>
</div>
</div>
</div>
</div>