<!doctype html>
<!--[if IE 9]> <html class="no-js ie9 fixed-layout" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js " lang="en"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
  <script src="https://public-assets.envato-static.com/assets/market/core/datadog-c9dadca4b1354094f125388491f85039fc6c2017f1bbf824b789caa4c03450a2.js" nonce="Ax8pz2jz0aL1frYRg9x3zw=="></script>
  <script nonce="Ax8pz2jz0aL1frYRg9x3zw==">
//<![CDATA[
  window.DD_RUM &&
    window.DD_RUM.init({
      clientToken: 'puba7a42f353afa86efd9e11ee56e5fc8d9',
      applicationId: '8561f3f6-5252-482b-ba9f-2bbb1b009106',
      site: 'datadoghq.com',
      service: 'marketplace',
      env: 'production',
      version: '07d54a4efa52c5951c232625c4d6b7ed0e2a266f',
      sampleRate: 0.2,
      premiumSampleRate: 5,
      trackInteractions: false,
      defaultPrivacyLevel: 'mask-user-input',
      beforeSend: (event, context) => {
        if (typeof window.datadog_attributes == 'object')
          event.context = {...event.context, ...window.datadog_attributes}
      },
    })

//]]>
</script>
  <script nonce="Ax8pz2jz0aL1frYRg9x3zw==">
//<![CDATA[
    var rollbarEnvironment = "production"
    var codeVersion = "07d54a4efa52c5951c232625c4d6b7ed0e2a266f"

//]]>
</script>  <script src="https://public-assets.envato-static.com/mp/packs/js/rollbar-3485b9a7e650f89bc74e.js" nonce="Ax8pz2jz0aL1frYRg9x3zw=="></script>


<meta content="origin-when-cross-origin" name="referrer" />

<link rel="dns-prefetch" href="//s3.envato.com" />
  <link rel="preload" href="https://market-resized.envatousercontent.com/themeforest.net/files/303914747/01_xlogo20.__large_preview.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=8000&amp;w=590&amp;s=414b8081420c5f30c8fa934f600b631f51f0ec21857823f2500cf9d17c814dd0" as="image" />
<link rel="preload" href="https://public-assets.envato-static.com/assets/generated_sprites/logos-20f56d7ae7a08da2c6698db678490c591ce302aedb1fcd05d3ad1e1484d3caf9.png" as="image" />
<link rel="preload" href="https://public-assets.envato-static.com/assets/generated_sprites/common-5af54247f3a645893af51456ee4c483f6530608e9c15ca4a8ac5a6e994d9a340.png" as="image" />


<title>X | The Ultimate WordPress Theme by THEMECO | ThemeForest</title>

<meta name="description" content="Buy X | The Ultimate WordPress Theme by THEMECO on ThemeForest. Version: 10.6 (Release Notes) | Latest Version: 10.6.5. Build faster than ever with over 100 fully customizable prefa...">

  <meta name="viewport" content="width=device-width,initial-scale=1">

<link rel="icon" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/favicon-1147a1221bfa55e7ee6678c2566ccd7580fa564fe2172489284a1c0b1d8d595d.png" />
  <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-72x72-precomposed-ea6fb08063069270d41814bdcea6a36fee5fffaba8ec1f0be6ccf3ebbb63dddb.png" sizes="72x72" />
  <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-114x114-precomposed-bab982e452fbea0c6821ffac2547e01e4b78e1df209253520c7c4e293849c4d3.png" sizes="114x114" />
  <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-120x120-precomposed-8275dc5d1417e913b7bd8ad048dccd1719510f0ca4434f139d675172c1095386.png" sizes="120x120" />
  <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-144x144-precomposed-c581101b4f39d1ba1c4a5e45edb6b3418847c5c387b376930c6a9922071c8148.png" sizes="144x144" />
<link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-precomposed-c581101b4f39d1ba1c4a5e45edb6b3418847c5c387b376930c6a9922071c8148.png" />

  <link rel="stylesheet" href="https://public-assets.envato-static.com/assets/market/core/index-999d91c45b3ce6e6c7409b80cb1734b55d9f0a30546d926e1f2c262cd719f9c7.css" media="all" />
  <link rel="stylesheet" href="https://public-assets.envato-static.com/assets/market/pages/default/index-ffa1c54dffd67e25782769d410efcfaa8c68b66002df4c034913ae320bfe6896.css" media="all" />


<link rel="stylesheet" href="https://public-assets.envato-static.com/mp/packs/css/components/brand_neue_tokens-a3eebe3f.css" />

<meta name="theme-color" content="#333333">

  <meta name="yandex-verification" content="58faa6ff34c071e6" />
  <meta name="baidu-site-verification" content="x0xoFSsC7y" />

<link rel="canonical" href="https://themeforest.net/item/x-the-theme/5871901" />

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "WebSite",
  "name": "ThemeForest",
  "url": "https://themeforest.net"
}
</script>


    <script type="application/ld+json">
      {"@context":"http://schema.org","@type":"Product","category":"Business","url":"https://themeforest.net/item/x-the-theme/5871901","description":"Version: 10.6 (Release Notes) | Latest Version: 10.6.5. Build faster than ever with over 100 fully customizable prefab Elements including Layout Elements, Standard Elements, Dynamic Elements, and Woo Elements. But that’s just the beginning. Build your own fully custom, reusable Elements from scratch using Components and Parameters (more on that in a second). Dynamic Contenet means you can easily build complex configurations that are capable of digesting data from your WordPress site (such as post meta and user meta) to Advanced Custom Fields and other plugin data then easily loop through your data with the power of Loopers. This gets even more exciting when you consider the fact you can use 3rd party data with the new External","name":"X | The Ultimate WordPress Theme","image":"https://s3.envato.com/files/303908140/xlogo.png","brand":{"@type":"Brand","name":"THEMECO"},"sku":5871901,"mpn":"E-5871901","offers":{"@type":"Offer","price":"89.00","priceCurrency":"USD","priceValidUntil":"2025-05-09T23:59:59+10:00","itemCondition":"http://schema.org/NewCondition","availability":"http://schema.org/InStock","url":"https://themeforest.net/item/x-the-theme/5871901"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.76","reviewCount":"6716"},"review":{"@type":"Review","reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},"author":{"@type":"Person","name":"puppy80"}}}
    </script>

    <script type="application/ld+json">
      {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://themeforest.net"},{"@type":"ListItem","position":2,"name":"Files","item":"https://themeforest.net/category/all"},{"@type":"ListItem","position":3,"name":"WordPress","item":"https://themeforest.net/wordpress"},{"@type":"ListItem","position":4,"name":"Corporate","item":"https://themeforest.net/wordpress/corporate"},{"@type":"ListItem","position":5,"name":"Business"}]}
    </script>


<script nonce="Ax8pz2jz0aL1frYRg9x3zw==">
//<![CDATA[
  window.dataLayer = window.dataLayer || [];

//]]>
</script>
<meta name="bingbot" content="nocache">

      <meta name="twitter:card" content="product" />
  <meta name="twitter:site" content="@envatomarket" />
  <meta name="twitter:creator" content="@yourthemeco" />
  <meta name="twitter:data1" content="$89 USD" />
  <meta name="twitter:label1" content="Price" />
  <meta name="twitter:data2" content="ThemeForest" />
  <meta name="twitter:label2" content="Marketplace" />
  <meta name="twitter:domain" content="themeforest.net" />
  <meta property="og:title" content="X | The Ultimate WordPress Theme" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://themeforest.net/item/x-the-theme/5871901" />
  <meta property="og:image" content="https://s3.envato.com/files/303914747/01_xlogo20.__large_preview.jpg" />
  <meta property="og:description" content="Version: 10.6 (Release Notes) | Latest Version: 10.6.5.

	


	Build faster than ever with over 100 fully customizable prefab Elements including Layout Elements, Standard Elements, Dynamic Elements,..." />
  <meta property="og:site_name" content="ThemeForest" />


<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="mRVGFJgL2YgpGOeldMCAnheE-0Of5Q68C5mzyIy-8vS532Nnaac7QfIeX_zZb692VOk-CTlnKz9i8KpkhJs_6A" />

<meta name="turbo-visit-control" content="reload">







    <script type="text/plain" nonce="Ax8pz2jz0aL1frYRg9x3zw==" data-cookieconsent="statistics">
//<![CDATA[
      var container_env_param = "";
      (function(w,d,s,l,i) {
      w[l]=w[l]||[];w[l].push({'gtm.start':
      new Date().getTime(),event:'gtm.js'});
      var f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
      j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+container_env_param;
      f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-W8KL5Q5');

//]]>
</script>
    <script type="text/plain" nonce="Ax8pz2jz0aL1frYRg9x3zw==" data-cookieconsent="marketing">
//<![CDATA[
      var gtmId = 'GTM-KGCDGPL6';
      var container_env_param = "";
      // Google Tag Manager Tracking Code
      (function(w,d,s,l,i) {
        w[l]=w[l]||[];w[l].push({'gtm.start':
          new Date().getTime(),event:'gtm.js'});
        var f=d.getElementsByTagName(s)[0],
          j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
        j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+container_env_param;
        f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer', gtmId);


      window.addEventListener('load', function() {
        window.dataLayer.push({
          event: 'pinterestReady'
        });
      });

//]]>
</script>


    <script src="https://public-assets.envato-static.com/assets/market/core/head-27cdb5ede34aef07336dc99fceecaf31a2d50c9615e8116fc60965812916e464.js" nonce="Ax8pz2jz0aL1frYRg9x3zw=="></script>
  </head>
  <body
    class="color-scheme-light"
    data-view="app impressionTracker"
    data-responsive="true"
    data-user-signed-in="false"
  >
    <script nonce="Ax8pz2jz0aL1frYRg9x3zw==">
//<![CDATA[
    var gtmConfig = {}

//]]>
</script>

    <!--[if lte IE 8]>
  <div style="color:#fff;background:#f00;padding:20px;text-align:center;">
    ThemeForest no longer actively supports this version of Internet Explorer. We suggest that you <a href="https://windows.microsoft.com/en-us/internet-explorer/download-ie" style="color:#fff;text-decoration:underline;">upgrade to a newer version</a> or <a href="https://browsehappy.com/" style="color:#fff;text-decoration:underline;">try a different browser</a>.
  </div>
<![endif]-->

    <script src="https://public-assets.envato-static.com/mp/packs/js/gtm_measurements-99acb0aa7f02dff18636.js" nonce="Ax8pz2jz0aL1frYRg9x3zw=="></script>
        <noscript>
      <iframe
        src="https://www.googletagmanager.com/ns.html?id=GTM-W8KL5Q5"
        height="0"
        width="0"
        style="display:none;visibility:hidden"
      >
      </iframe>
    </noscript>

        <noscript>
      <iframe
        src="https://www.googletagmanager.com/ns.html?id=GTM-KGCDGPL6"
        height="0"
        width="0"
        style="display:none;visibility:hidden"
      >
      </iframe>
    </noscript>


    <script nonce="Ax8pz2jz0aL1frYRg9x3zw==">
//<![CDATA[
  (function() {
    function normalizeAttributeValue(value) {
      if (value === undefined || value === null) return undefined

      var normalizedValue

      if (Array.isArray(value)) {
        normalizedValue = normalizedValue || value
          .map(normalizeAttributeValue)
          .filter(Boolean)
          .join(', ')
      }

      normalizedValue = normalizedValue || value
        .toString()
        .toLowerCase()
        .trim()
        .replace(/&amp;/g, '&')
        .replace(/&#39;/g, "'")
        .replace(/\s+/g, ' ')

      if (normalizedValue === '') return undefined
      return normalizedValue
    }

    var pageAttributes = {
      app_name: normalizeAttributeValue('Marketplace'),
      app_env: normalizeAttributeValue('production'),
      app_version: normalizeAttributeValue('07d54a4efa52c5951c232625c4d6b7ed0e2a266f'),
      page_type: normalizeAttributeValue('item'),
      page_location: window.location.href,
      page_title: document.title,
      page_referrer: document.referrer,
      ga_param: normalizeAttributeValue(''),
      event_attributes: null,
      user_attributes: {
        user_id: normalizeAttributeValue(''),
        market_user_id: normalizeAttributeValue(''),
      }
    }
    dataLayer.push(pageAttributes)

    dataLayer.push({
      event: 'analytics_ready',
      event_attributes: {
        event_type: 'user',
        custom_timestamp: Date.now()
      }
    })
  })();

//]]>
</script>

    <div class="page">
        <div class="page__off-canvas--left overflow">
          <div class="off-canvas-left js-off-canvas-left">
  <div class="off-canvas-left__top">
    <a href="https://themeforest.net">Envato Market</a>
  </div>

  <div class="off-canvas-left__current-site -color-themeforest">
  <span class="off-canvas-left__site-title">
    Web Themes &amp; Templates
  </span>

  <a class="off-canvas-left__current-site-toggle -white-arrow -color-themeforest" data-view="dropdown" data-dropdown-target=".off-canvas-left__sites" href="#"></a>
</div>

<div class="off-canvas-left__sites is-hidden" id="off-canvas-sites">
    <a class="off-canvas-left__site" href="https://codecanyon.net/?auto_signin=true">
      <span class="off-canvas-left__site-title">
        Code
      </span>
      <i class="e-icon -icon-right-open"></i>
</a>    <a class="off-canvas-left__site" href="https://videohive.net/?auto_signin=true">
      <span class="off-canvas-left__site-title">
        Video
      </span>
      <i class="e-icon -icon-right-open"></i>
</a>    <a class="off-canvas-left__site" href="https://audiojungle.net/?auto_signin=true">
      <span class="off-canvas-left__site-title">
        Audio
      </span>
      <i class="e-icon -icon-right-open"></i>
</a>    <a class="off-canvas-left__site" href="https://graphicriver.net/?auto_signin=true">
      <span class="off-canvas-left__site-title">
        Graphics
      </span>
      <i class="e-icon -icon-right-open"></i>
</a>    <a class="off-canvas-left__site" href="https://photodune.net/?auto_signin=true">
      <span class="off-canvas-left__site-title">
        Photos
      </span>
      <i class="e-icon -icon-right-open"></i>
</a>    <a class="off-canvas-left__site" href="https://3docean.net/?auto_signin=true">
      <span class="off-canvas-left__site-title">
        3D Files
      </span>
      <i class="e-icon -icon-right-open"></i>
</a></div>

  <div class="off-canvas-left__search">
  <form id="search" action="/category/all" accept-charset="UTF-8" method="get">
    <div class="search-field -border-none">
      <div class="search-field__input">
        <input id="term" name="term" type="search" placeholder="Search" class="search-field__input-field" />
      </div>
      <button class="search-field__button" type="submit">
        <i class="e-icon -icon-search"><span class="e-icon__alt">Search</span></i>
      </button>
    </div>
</form></div>

  <ul>

    <li>
        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-all-items" href="/category/all">
          All Items
</a>
        <ul class="is-hidden" id="off-canvas-all-items">
            <li>
              <a class="off-canvas-category-link--sub" href="/top-sellers">Popular Files</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/feature">Featured Files</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/all?date=this-month&amp;sort=sales">Top New Files</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/follow_feed">Follow Feed</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/authors/top">Top Authors</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/page/top_new_sellers">Top New Authors</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/collections">Public Collections</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category">View All Categories</a>
            </li>
        </ul>

    </li>
    <li>
        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-wordpress" href="/category/wordpress">
          WordPress
</a>
        <ul class="is-hidden" id="off-canvas-wordpress">
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress">Show all WordPress</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=wordpress">Popular Items</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/blog-magazine">Blog / Magazine</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/buddypress">BuddyPress</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/corporate">Corporate</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/creative">Creative</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/corporate/directory-listings">Directory &amp; Listings</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce">eCommerce</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/education">Education</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/attributes/compatible-with/elementor">Elementor</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/entertainment">Entertainment</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/mobile">Mobile</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/nonprofit">Nonprofit</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/real-estate">Real Estate</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/retail">Retail</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/technology">Technology</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/wedding">Wedding</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/miscellaneous">Miscellaneous</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="https://codecanyon.net/category/wordpress">WordPress Plugins</a>
            </li>
        </ul>

    </li>
    <li>
        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-elementor" href="/elementor">
          Elementor
</a>
        <ul class="is-hidden" id="off-canvas-elementor">
            <li>
              <a class="off-canvas-category-link--sub" href="/category/template-kits/elementor?sort=trending">Template Kits</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="https://codecanyon.net/category/wordpress?compatible_with=Elementor&amp;sort=trending&amp;term=elementor">Plugins</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/search/elementor?compatible_with=Elementor&amp;sort=trending">Themes</a>
            </li>
        </ul>

    </li>
    <li>

        <a class="off-canvas-category-link--empty" href="/wordpress-hosting">
          Hosting
</a>
    </li>
    <li>
        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-html" href="/category/site-templates">
          HTML
</a>
        <ul class="is-hidden" id="off-canvas-html">
            <li>
              <a class="off-canvas-category-link--sub" href="/category/site-templates">Show all HTML</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=site-templates">Popular Items</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/site-templates/admin-templates">Admin Templates</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/site-templates/corporate">Corporate</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/site-templates/creative">Creative</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/site-templates/entertainment">Entertainment</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/site-templates/mobile">Mobile</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/site-templates/nonprofit">Nonprofit</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/site-templates/personal">Personal</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/site-templates/retail">Retail</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/site-templates/specialty-pages">Specialty Pages</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/site-templates/technology">Technology</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/site-templates/wedding">Wedding</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/site-templates/miscellaneous">Miscellaneous</a>
            </li>
        </ul>

    </li>
    <li>
        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-shopify" href="/category/ecommerce/shopify">
          Shopify
</a>
        <ul class="is-hidden" id="off-canvas-shopify">
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify">Show all Shopify</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=ecommerce/shopify">Popular Items</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify/fashion">Fashion</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify/shopping">Shopping</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify/health-beauty">Health &amp; Beauty</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify/technology">Technology</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify/entertainment">Entertainment</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify/miscellaneous">Miscellaneous</a>
            </li>
        </ul>

    </li>
    <li>

        <a class="off-canvas-category-link--empty" href="/category/jamstack">
          Jamstack
</a>
    </li>
    <li>
        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-marketing" href="/category/marketing">
          Marketing
</a>
        <ul class="is-hidden" id="off-canvas-marketing">
            <li>
              <a class="off-canvas-category-link--sub" href="/category/marketing">Show all Marketing</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=marketing">Popular Items</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/marketing/email-templates">Email Templates</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/marketing/landing-pages">Landing Pages</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/marketing/unbounce-landing-pages">Unbounce Landing Pages</a>
            </li>
        </ul>

    </li>
    <li>
        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-cms" href="/category/cms-themes">
          CMS
</a>
        <ul class="is-hidden" id="off-canvas-cms">
            <li>
              <a class="off-canvas-category-link--sub" href="/category/cms-themes">Show all CMS</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=cms-themes">Popular Items</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/cms-themes/concrete5">Concrete5</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/cms-themes/drupal">Drupal</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/cms-themes/hubspot-cms-hub">HubSpot CMS Hub</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/cms-themes/joomla">Joomla</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/cms-themes/modx-themes">MODX Themes</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/cms-themes/moodle">Moodle</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/cms-themes/webflow">Webflow</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/cms-themes/weebly">Weebly</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/cms-themes/miscellaneous">Miscellaneous</a>
            </li>
        </ul>

    </li>
    <li>
        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-ecommerce" href="/category/ecommerce">
          eCommerce
</a>
        <ul class="is-hidden" id="off-canvas-ecommerce">
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ecommerce">Show all eCommerce</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=ecommerce">Popular Items</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/woocommerce">WooCommerce</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ecommerce/bigcommerce">BigCommerce</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/attributes/compatible-with/Drupal%20Commerce?sort=date">Drupal Commerce</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/search?compatible_with=Easy+Digital+Downloads">Easy Digital Downloads</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/attributes/themeforest-files-included/ecwid%20css%20files">Ecwid</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ecommerce/magento">Magento</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ecommerce/opencart">OpenCart</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ecommerce/prestashop">PrestaShop</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify">Shopify</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/attributes/compatible-with/Ubercart?sort=date">Ubercart</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/cms-themes/joomla/virtuemart">VirtueMart</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ecommerce/zen-cart">Zen Cart</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ecommerce/miscellaneous">Miscellaneous</a>
            </li>
        </ul>

    </li>
    <li>
        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-ui-templates" href="/category/ui-templates">
          UI Templates
</a>
        <ul class="is-hidden" id="off-canvas-ui-templates">
            <li>
              <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=ui-templates">Popular Items</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ui-templates/figma">Figma</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ui-templates/adobe-xd">Adobe XD</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ui-templates/photoshop">Photoshop</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/ui-templates/sketch">Sketch</a>
            </li>
        </ul>

    </li>
    <li>

        <a class="off-canvas-category-link--empty" href="https://codecanyon.net/category/wordpress">
          Plugins
</a>
    </li>
    <li>
        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-more" href="/category">
          More
</a>
        <ul class="is-hidden" id="off-canvas-more">
            <li>
              <a class="off-canvas-category-link--sub" href="/category/blogging">Blogging</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/courses">Courses</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/attributes/compatible-with/facebook">Facebook Templates</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="https://elements.envato.com/extensions/wordpress">Free Elementor Templates</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/lp/free-wordpress-themes/">Free WordPress Themes</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/forums">Forums</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/blogging/ghost-themes">Ghost Themes</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub" href="/category/blogging/tumblr">Tumblr</a>
            </li>
            <li>
              <a class="off-canvas-category-link--sub external-link elements-nav__category-link" target="_blank" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;sub nav&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;Unlimited Creative Assets&quot;,&quot;promotionName&quot;:&quot;Unlimited Creative Assets&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;sub nav&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;Unlimited Creative Assets&quot;,&quot;promotionName&quot;:&quot;Unlimited Creative Assets&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" href="https://elements.envato.com/all-items/?utm_campaign=elements_mkt-nav_child&amp;utm_content=tf_all-items&amp;utm_medium=referral&amp;utm_source=themeforest.net">Unlimited Creative Assets</a>
            </li>
        </ul>

    </li>

    <li>
  <a class="elements-nav__category-link external-link" target="_blank" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionName&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionName&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" href="https://elements.envato.com/?utm_campaign=switcher_mobile_31JUL2024&amp;utm_medium=referral&amp;utm_source=themeforest.net">Unlimited Downloads</a>
</li>

</ul>

</div>

        </div>

        <div class="page__off-canvas--right overflow">
          <div class="off-canvas-right">
    <a class="off-canvas-right__link--cart" href="/cart">
  Guest Cart
  <div class="shopping-cart-summary is-empty" data-view="cartCount">
    <span class="js-cart-summary-count shopping-cart-summary__count">0</span>
    <i class="e-icon -icon-cart"></i>
  </div>
</a>
<a class="off-canvas-right__link" href="/sign_up">
  Create an Envato Account
  <i class="e-icon -icon-envato"></i>
</a>
<a class="off-canvas-right__link" href="/sign_in">
  Sign In
  <i class="e-icon -icon-login"></i>
</a>
</div>

        </div>

      <div class="page__canvas">
        <div class="canvas">
          <div class="canvas__header">

            <header class="site-header">
                <div class="site-header__mini is-hidden-desktop">
                  <div class="header-mini">
  <div class="header-mini__button--cart">
    <a class="btn btn--square" href="/cart">
      <svg width="14px"
     height="14px"
     viewBox="0 0 14 14"
     class="header-mini__button-cart-icon"
     xmlns="http://www.w3.org/2000/svg"
     aria-labelledby="title"
     role="img">
  <title>Cart</title>
  <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path>

</svg>


      <span class="is-hidden">Cart</span>
      <span class="header-mini__button-cart-cart-amount is-hidden">
        0
      </span>
</a>  </div>
  <div class="header-mini__button--account">
    <a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="right" href="#account">
      <i class="e-icon -icon-person"></i>
      <span class="is-hidden">Account</span>
</a>  </div>

    <div class="header-mini__button--categories">
      <a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="left" href="#categories">
        <i class="e-icon -icon-hamburger"></i>
        <span class="is-hidden">Sites, Search &amp; Categories</span>
</a>    </div>

  <div class="header-mini__logo">
  <a href="https://themeforest.net/?auto_signin=true">
    <img alt="ThemeForest" class="header-mini__logo--themeforest" src="https://public-assets.envato-static.com/assets/common/transparent-1px-1f61547480c17dc67dd9a6c38545a5911cc4a8024f6f3c0992e7c1c81fb37578.png" />
</a></div>


</div>

                </div>

              <div class="global-header is-hidden-tablet-and-below">

  <div class='grid-container -layout-wide'>
    <div class='global-header__wrapper'>
      <a href="https://themeforest.net">
        <img height="20" alt="Envato Market" class="global-header__logo" src="https://public-assets.envato-static.com/assets/logos/envato_market-dd390ae860330996644c1c109912d2bf63885fc075b87215ace9b5b4bdc71cc8.svg" />
</a>
      <nav class='global-header-menu' role='navigation'>
        <ul class='global-header-menu__list'>
            <li class='global-header-menu__list-item'>
              <a class="global-header-menu__link" href="https://forums.envato.com">
                <span class='global-header-menu__link-text'>
                  Forums
                </span>
</a>            </li>
            <li class='global-header-menu__list-item'>
              <a class="global-header-menu__link" href="https://author.envato.com">
                <span class='global-header-menu__link-text'>
                  Start Selling
                </span>
</a>            </li>


          <li data-view="globalHeaderMenuDropdownHandler" class='global-header-menu__list-item--with-dropdown'>
  <a data-lazy-load-trigger="mouseover" class="global-header-menu__link" href="#">
    <svg width="16px"
     height="16px"
     viewBox="0 0 16 16"
     class="global-header-menu__icon"
     xmlns="http://www.w3.org/2000/svg"
     aria-labelledby="title"
     role="img">
  <title>Menu</title>
  <path d="M3.5 2A1.5 1.5 0 0 1 5 3.5 1.5 1.5 0 0 1 3.5 5 1.5 1.5 0 0 1 2 3.5 1.5 1.5 0 0 1 3.5 2zM8 2a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 8 5a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 8 2zM12.5 2A1.5 1.5 0 0 1 14 3.5 1.5 1.5 0 0 1 12.5 5 1.5 1.5 0 0 1 11 3.5 1.5 1.5 0 0 1 12.5 2zM3.5 6.5A1.5 1.5 0 0 1 5 8a1.5 1.5 0 0 1-1.5 1.5A1.5 1.5 0 0 1 2 8a1.5 1.5 0 0 1 1.5-1.5zM8 6.5A1.5 1.5 0 0 1 9.5 8 1.5 1.5 0 0 1 8 9.5 1.5 1.5 0 0 1 6.5 8 1.5 1.5 0 0 1 8 6.5zM12.5 6.5A1.5 1.5 0 0 1 14 8a1.5 1.5 0 0 1-1.5 1.5A1.5 1.5 0 0 1 11 8a1.5 1.5 0 0 1 1.5-1.5zM3.5 11A1.5 1.5 0 0 1 5 12.5 1.5 1.5 0 0 1 3.5 14 1.5 1.5 0 0 1 2 12.5 1.5 1.5 0 0 1 3.5 11zM8 11a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 8 14a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 8 11zM12.5 11a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5 1.5 1.5 0 0 1 1.5-1.5z"></path>

</svg>

    <span class='global-header-menu__link-text'>
      Our Products
    </span>
</a>
  <div class='global-header-menu__dropdown-container'>
    <div class='global-header-dropdown'>
      <ul class='global-header-dropdown__list'>
          <li>
            <a class="global-header-dropdown__link" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" title="The unlimited creative subscription" target="_blank" href="https://elements.envato.com?utm_source=envatomarket&amp;utm_medium=promos&amp;utm_campaign=elements_mkt-headernav_our_products_26AUG2024&amp;utm_content=headernav">
              <span data-src="https://public-assets.envato-static.com/assets/header/EnvatoElements-logo-4f70ffb865370a5fb978e9a1fc5bbedeeecdfceb8d0ebec2186aef4bee5db79d.svg" data-alt="Envato Elements" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span>
                <span class="global-header-dropdown__link-text -decoration-none">The unlimited creative subscription</span>
</a>          </li>
          <li>
            <a class="global-header-dropdown__link" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;tutsplus_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;tutsplus_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;tutsplus_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;tutsplus_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;&quot;}}" title="Free creative tutorials and courses" target="_blank" href="https://tutsplus.com?utm_source=envatomarket&amp;utm_medium=promos&amp;utm_campaign=tutsplus_mkt-headernav_our_products_26AUG2024&amp;&amp;utm_content=headernav">
              <span data-src="https://public-assets.envato-static.com/assets/header/EnvatoTuts-logo-5bb3e97bcf5ed243facca8a3dfada1cb1c916ab65d5ab88a541fbe9aface742b.svg" data-alt="Tuts+" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span>
                <span class="global-header-dropdown__link-text -decoration-none">Free creative tutorials and courses</span>
</a>          </li>
          <li>
            <a class="global-header-dropdown__link" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;placeit_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;placeit_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;placeit_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;placeit_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;&quot;}}" title="Customize mockups, design and video" target="_blank" href="https://placeit.net?utm_source=envatomarket&amp;utm_medium=promos&amp;utm_campaign=placeit_mkt-headernav_our_products_26AUG2024&amp;utm_content=headernav">
              <span data-src="https://public-assets.envato-static.com/assets/header/Placeit-logo-db4c3dfdec1cbc06ecfc092e600ff2712795f60ce4c50b32c93d450006d7ea8d.svg" data-alt="Placeit by Envato" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span>
                <span class="global-header-dropdown__link-text -decoration-none">Customize mockups, design and video</span>
</a>          </li>
      </ul>

      <div class='global-header-dropdown-footer'>
        <ul>
            <li class='global-header-dropdown-footer__list-item'>
              Join the
              <a class="global-header-dropdown-footer__link" target="_blank" href="http://community.envato.com">
                Envato community
</a>            </li>
            <li class='global-header-dropdown-footer__list-item'>
              Learn from others in
              <a class="global-header-dropdown-footer__link" target="_blank" href="https://forums.envato.com">
                the forums
</a>            </li>
        </ul>
      </div>
    </div>
  </div>
</li>

          <li class='global-header-menu__list-item -background-light -border-radius'>
  <a id="spec-link-cart" class="global-header-menu__link h-pr1" href="/cart">

    <svg width="16px"
     height="16px"
     viewBox="0 0 16 16"
     class="global-header-menu__icon global-header-menu__icon-cart"
     xmlns="http://www.w3.org/2000/svg"
     aria-labelledby="title"
     role="img">
  <title>Cart</title>
  <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path>

</svg>


    <span class="global-header-menu__link-cart-amount is-hidden" data-view="headerCartCount" data-test-id="header_cart_count">0</span>
</a></li>

            <li class='global-header-menu__list-item -background-light -border-radius'>
    <a class="global-header-menu__link h-pl1" data-view="modalAjax" href="/sign_in">
      <span id="spec-user-username" class='global-header-menu__link-text'>
        Sign In
      </span>
</a>  </li>

        </ul>
      </nav>
    </div>
  </div>
</div>


              <div class="site-header__sites is-hidden-tablet-and-below">
                <div class="header-sites header-site-titles">
  <div class="grid-container -layout-wide">
    <nav class="header-site-titles__container">
        <div class="header-site-titles__site">
            <a class="header-site-titles__link t-link is-active" alt="Web Templates" href="https://themeforest.net/?auto_signin=true">Web Themes &amp; Templates</a>
        </div>
        <div class="header-site-titles__site">
            <a class="header-site-titles__link t-link" alt="Code" href="https://codecanyon.net/?auto_signin=true">Code</a>
        </div>
        <div class="header-site-titles__site">
            <a class="header-site-titles__link t-link" alt="Video" href="https://videohive.net/?auto_signin=true">Video</a>
        </div>
        <div class="header-site-titles__site">
            <a class="header-site-titles__link t-link" alt="Music" href="https://audiojungle.net/?auto_signin=true">Audio</a>
        </div>
        <div class="header-site-titles__site">
            <a class="header-site-titles__link t-link" alt="Graphics" href="https://graphicriver.net/?auto_signin=true">Graphics</a>
        </div>
        <div class="header-site-titles__site">
            <a class="header-site-titles__link t-link" alt="Photos" href="https://photodune.net/?auto_signin=true">Photos</a>
        </div>
        <div class="header-site-titles__site">
            <a class="header-site-titles__link t-link" alt="3D Files" href="https://3docean.net/?auto_signin=true">3D Files</a>
        </div>

      <div class="header-site-titles__site elements-nav__container">
  <a class="header-site-titles__link t-link elements-nav__main-link"
    href="https://elements.envato.com/lp/pm/campaign/cybermonday/?utm_campaign=elements_mkt-switcher_31JUL2024&amp;utm_content=tf_item_5871901&amp;utm_medium=referral&amp;utm_source=themeforest.net"
    target="_blank"
  >
    <span>
      Unlimited Downloads
    </span>
  </a>

  <a target="_blank" class="elements-nav__dropdown-container unique-selling-points__variant" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" href="https://elements.envato.com/lp/pm/campaign/cybermonday/?utm_campaign=elements_mkt-switcher_31JUL2024&amp;utm_content=tf_item_5871901&amp;utm_medium=referral&amp;utm_source=themeforest.net">
    <div class="elements-nav__main-panel">
      <img class="elements-nav__logo-container"
        loading="lazy"
        src="https://public-assets.envato-static.com/assets/header/EnvatoElements-logo-4f70ffb865370a5fb978e9a1fc5bbedeeecdfceb8d0ebec2186aef4bee5db79d.svg"
        alt="Elements logo"
        height="23"
        width="101"
        >

      <div  class="elements-nav__punch-line">
        <h2>
          Looking for unlimited downloads?
        </h2>
        <p>
          Subscribe to Envato Elements.
          <ul>
            <li>
              <img src="https://public-assets.envato-static.com/assets/header/badge-a65149663b95bcee411e80ccf4da9788f174155587980d8f1d9c44fd8b59edd8.svg" alt="badge" width="20" height="20" >
              Millions of premium assets
            </li>
            <li>
              <img src="https://public-assets.envato-static.com/assets/header/thumbs_up-e5ce4c821cfd6a6aeba61127a8e8c4d2d7c566e654f588a22708c64d66680869.svg" alt="thumbs up" width="20" height="20" >
              Great value subscription
            </li>
          </ul>
          <button class="brand-neue-button brand-neue-button__open-in-new elements-nav__cta">Let's create</button>
        </p>
      </div>
    </div>
    <div class="elements-nav__secondary-panel">
      <img class="elements-nav__secondary-panel__collage"
        loading="lazy"
        src="https://public-assets.envato-static.com/assets/header/items-collage-1x-a39e4a5834e75c32a634cc7311720baa491687b1aaa4b709ebd1acf0f8427b53.png"
        srcset="https://public-assets.envato-static.com/assets/header/items-collage-2x-75e1ad16a46b9788861780a57feeb5fd1ad1026ecce9330302f0ef8f6f542697.png 2x"
        alt="Collage of Elements items"
        width="267"
        height="233"
      >
    </div>
</a></div>

      <div class="header-site-floating-logo__container">
        <div class=header-site-floating-logo__themeforest ></div>
      </div>
    </nav>
  </div>
</div>

              </div>

              <div class="site-header__categories is-hidden-tablet-and-below">
                <div class="header-categories">
  <div class="grid-container -layout-wide">
    <ul class="header-categories__links">
    <li class="header-categories__links-item">
      <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-0-dropdown" href="/category/all">

        All Items

</a>
        <div class="header-categories__links-dropdown js-categories-0-dropdown">
          <ul class="header-dropdown">
              <li>
                <a class="" href="/top-sellers">Popular Files</a>
              </li>
              <li>
                <a class="" href="/feature">Featured Files</a>
              </li>
              <li>
                <a class="" href="/category/all?date=this-month&amp;sort=sales">Top New Files</a>
              </li>
              <li>
                <a class="" href="/follow_feed">Follow Feed</a>
              </li>
              <li>
                <a class="" href="/authors/top">Top Authors</a>
              </li>
              <li>
                <a class="" href="/page/top_new_sellers">Top New Authors</a>
              </li>
              <li>
                <a class="" href="/collections">Public Collections</a>
              </li>
              <li>
                <a class="" href="/category">View All Categories</a>
              </li>
          </ul>
        </div>
    </li>
    <li class="header-categories__links-item">
      <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-1-dropdown" href="/category/wordpress">

        WordPress

</a>
        <div class="header-categories__links-dropdown js-categories-1-dropdown">
          <ul class="header-dropdown">
              <li>
                <a class=" header-dropdown__top" href="/popular_item/by_category?category=wordpress">Popular Items</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/blog-magazine">Blog / Magazine</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/buddypress">BuddyPress</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/corporate">Corporate</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/creative">Creative</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/corporate/directory-listings">Directory &amp; Listings</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/ecommerce">eCommerce</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/education">Education</a>
              </li>
              <li>
                <a class="" href="/attributes/compatible-with/elementor">Elementor</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/entertainment">Entertainment</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/mobile">Mobile</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/nonprofit">Nonprofit</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/real-estate">Real Estate</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/retail">Retail</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/technology">Technology</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/wedding">Wedding</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/miscellaneous">Miscellaneous</a>
              </li>
              <li>
                <a class=" header-dropdown__bottom" href="https://codecanyon.net/category/wordpress">WordPress Plugins</a>
              </li>
          </ul>
        </div>
    </li>
    <li class="header-categories__links-item">
      <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-2-dropdown" href="/elementor">

        Elementor

</a>
        <div class="header-categories__links-dropdown js-categories-2-dropdown">
          <ul class="header-dropdown">
              <li>
                <a class="" href="/category/template-kits/elementor?sort=trending">Template Kits</a>
              </li>
              <li>
                <a class="" href="https://codecanyon.net/category/wordpress?compatible_with=Elementor&amp;sort=trending&amp;term=elementor">Plugins</a>
              </li>
              <li>
                <a class="" href="/search/elementor?compatible_with=Elementor&amp;sort=trending">Themes</a>
              </li>
          </ul>
        </div>
    </li>
    <li class="header-categories__links-item">
      <a class="header-categories__main-link header-categories__main-link--empty" href="/wordpress-hosting">

        Hosting

</a>
    </li>
    <li class="header-categories__links-item">
      <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-4-dropdown" href="/category/site-templates">

        HTML

</a>
        <div class="header-categories__links-dropdown js-categories-4-dropdown">
          <ul class="header-dropdown">
              <li>
                <a class=" header-dropdown__top" href="/popular_item/by_category?category=site-templates">Popular Items</a>
              </li>
              <li>
                <a class="" href="/category/site-templates/admin-templates">Admin Templates</a>
              </li>
              <li>
                <a class="" href="/category/site-templates/corporate">Corporate</a>
              </li>
              <li>
                <a class="" href="/category/site-templates/creative">Creative</a>
              </li>
              <li>
                <a class="" href="/category/site-templates/entertainment">Entertainment</a>
              </li>
              <li>
                <a class="" href="/category/site-templates/mobile">Mobile</a>
              </li>
              <li>
                <a class="" href="/category/site-templates/nonprofit">Nonprofit</a>
              </li>
              <li>
                <a class="" href="/category/site-templates/personal">Personal</a>
              </li>
              <li>
                <a class="" href="/category/site-templates/retail">Retail</a>
              </li>
              <li>
                <a class="" href="/category/site-templates/specialty-pages">Specialty Pages</a>
              </li>
              <li>
                <a class="" href="/category/site-templates/technology">Technology</a>
              </li>
              <li>
                <a class="" href="/category/site-templates/wedding">Wedding</a>
              </li>
              <li>
                <a class="" href="/category/site-templates/miscellaneous">Miscellaneous</a>
              </li>
          </ul>
        </div>
    </li>
    <li class="header-categories__links-item">
      <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-5-dropdown" href="/category/ecommerce/shopify">

        Shopify

</a>
        <div class="header-categories__links-dropdown js-categories-5-dropdown">
          <ul class="header-dropdown">
              <li>
                <a class=" header-dropdown__top" href="/popular_item/by_category?category=ecommerce/shopify">Popular Items</a>
              </li>
              <li>
                <a class="" href="/category/ecommerce/shopify/fashion">Fashion</a>
              </li>
              <li>
                <a class="" href="/category/ecommerce/shopify/shopping">Shopping</a>
              </li>
              <li>
                <a class="" href="/category/ecommerce/shopify/health-beauty">Health &amp; Beauty</a>
              </li>
              <li>
                <a class="" href="/category/ecommerce/shopify/technology">Technology</a>
              </li>
              <li>
                <a class="" href="/category/ecommerce/shopify/entertainment">Entertainment</a>
              </li>
              <li>
                <a class="" href="/category/ecommerce/shopify/miscellaneous">Miscellaneous</a>
              </li>
          </ul>
        </div>
    </li>
    <li class="header-categories__links-item">
      <a class="header-categories__main-link header-categories__main-link--empty" href="/category/jamstack">

        Jamstack

</a>
    </li>
    <li class="header-categories__links-item">
      <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-7-dropdown" href="/category/marketing">

        Marketing

</a>
        <div class="header-categories__links-dropdown js-categories-7-dropdown">
          <ul class="header-dropdown">
              <li>
                <a class=" header-dropdown__top" href="/popular_item/by_category?category=marketing">Popular Items</a>
              </li>
              <li>
                <a class="" href="/category/marketing/email-templates">Email Templates</a>
              </li>
              <li>
                <a class="" href="/category/marketing/landing-pages">Landing Pages</a>
              </li>
              <li>
                <a class="" href="/category/marketing/unbounce-landing-pages">Unbounce Landing Pages</a>
              </li>
          </ul>
        </div>
    </li>
    <li class="header-categories__links-item">
      <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-8-dropdown" href="/category/cms-themes">

        CMS

</a>
        <div class="header-categories__links-dropdown js-categories-8-dropdown">
          <ul class="header-dropdown">
              <li>
                <a class=" header-dropdown__top" href="/popular_item/by_category?category=cms-themes">Popular Items</a>
              </li>
              <li>
                <a class="" href="/category/cms-themes/concrete5">Concrete5</a>
              </li>
              <li>
                <a class="" href="/category/cms-themes/drupal">Drupal</a>
              </li>
              <li>
                <a class="" href="/category/cms-themes/hubspot-cms-hub">HubSpot CMS Hub</a>
              </li>
              <li>
                <a class="" href="/category/cms-themes/joomla">Joomla</a>
              </li>
              <li>
                <a class="" href="/category/cms-themes/modx-themes">MODX Themes</a>
              </li>
              <li>
                <a class="" href="/category/cms-themes/moodle">Moodle</a>
              </li>
              <li>
                <a class="" href="/category/cms-themes/webflow">Webflow</a>
              </li>
              <li>
                <a class="" href="/category/cms-themes/weebly">Weebly</a>
              </li>
              <li>
                <a class="" href="/category/cms-themes/miscellaneous">Miscellaneous</a>
              </li>
          </ul>
        </div>
    </li>
    <li class="header-categories__links-item">
      <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-9-dropdown" href="/category/ecommerce">

        eCommerce

</a>
        <div class="header-categories__links-dropdown js-categories-9-dropdown">
          <ul class="header-dropdown">
              <li>
                <a class=" header-dropdown__top" href="/popular_item/by_category?category=ecommerce">Popular Items</a>
              </li>
              <li>
                <a class="" href="/category/wordpress/ecommerce/woocommerce">WooCommerce</a>
              </li>
              <li>
                <a class="" href="/category/ecommerce/bigcommerce">BigCommerce</a>
              </li>
              <li>
                <a class="" href="/attributes/compatible-with/Drupal%20Commerce?sort=date">Drupal Commerce</a>
              </li>
              <li>
                <a class="" href="/search?compatible_with=Easy+Digital+Downloads">Easy Digital Downloads</a>
              </li>
              <li>
                <a class="" href="/attributes/themeforest-files-included/ecwid%20css%20files">Ecwid</a>
              </li>
              <li>
                <a class="" href="/category/ecommerce/magento">Magento</a>
              </li>
              <li>
                <a class="" href="/category/ecommerce/opencart">OpenCart</a>
              </li>
              <li>
                <a class="" href="/category/ecommerce/prestashop">PrestaShop</a>
              </li>
              <li>
                <a class="" href="/category/ecommerce/shopify">Shopify</a>
              </li>
              <li>
                <a class="" href="/attributes/compatible-with/Ubercart?sort=date">Ubercart</a>
              </li>
              <li>
                <a class="" href="/category/cms-themes/joomla/virtuemart">VirtueMart</a>
              </li>
              <li>
                <a class="" href="/category/ecommerce/zen-cart">Zen Cart</a>
              </li>
              <li>
                <a class="" href="/category/ecommerce/miscellaneous">Miscellaneous</a>
              </li>
          </ul>
        </div>
    </li>
    <li class="header-categories__links-item">
      <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-10-dropdown" href="/category/ui-templates">

        UI Templates

</a>
        <div class="header-categories__links-dropdown js-categories-10-dropdown">
          <ul class="header-dropdown">
              <li>
                <a class=" header-dropdown__top" href="/popular_item/by_category?category=ui-templates">Popular Items</a>
              </li>
              <li>
                <a class="" href="/category/ui-templates/figma">Figma</a>
              </li>
              <li>
                <a class="" href="/category/ui-templates/adobe-xd">Adobe XD</a>
              </li>
              <li>
                <a class="" href="/category/ui-templates/photoshop">Photoshop</a>
              </li>
              <li>
                <a class="" href="/category/ui-templates/sketch">Sketch</a>
              </li>
          </ul>
        </div>
    </li>
    <li class="header-categories__links-item">
      <a class="header-categories__main-link header-categories__main-link--empty" href="https://codecanyon.net/category/wordpress">

        Plugins

</a>
    </li>
    <li class="header-categories__links-item">
      <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-12-dropdown" href="/category">

        More

</a>
        <div class="header-categories__links-dropdown js-categories-12-dropdown">
          <ul class="header-dropdown">
              <li>
                <a class="" href="/category/blogging">Blogging</a>
              </li>
              <li>
                <a class="" href="/category/courses">Courses</a>
              </li>
              <li>
                <a class="" href="/attributes/compatible-with/facebook">Facebook Templates</a>
              </li>
              <li>
                <a class="" href="https://elements.envato.com/extensions/wordpress">Free Elementor Templates</a>
              </li>
              <li>
                <a class="" href="/lp/free-wordpress-themes/">Free WordPress Themes</a>
              </li>
              <li>
                <a class="" href="/category/forums">Forums</a>
              </li>
              <li>
                <a class="" href="/category/blogging/ghost-themes">Ghost Themes</a>
              </li>
              <li>
                <a class="" href="/category/blogging/tumblr">Tumblr</a>
              </li>
              <li>
                <a class=" header-dropdown__bottom elements-nav__category-link external-link--grey-40" target="_blank" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;sub nav&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;Unlimited Creative Assets&quot;,&quot;promotionName&quot;:&quot;Unlimited Creative Assets&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;sub nav&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;Unlimited Creative Assets&quot;,&quot;promotionName&quot;:&quot;Unlimited Creative Assets&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" href="https://elements.envato.com/all-items/?utm_campaign=elements_mkt-nav_child&amp;utm_content=tf_all-items&amp;utm_medium=referral&amp;utm_source=themeforest.net">Unlimited Creative Assets</a>
              </li>
          </ul>
        </div>
    </li>
</ul>

    <div class="header-categories__search">
  <form id="search" data-view="searchField" action="/category/all" accept-charset="UTF-8" method="get">
    <div class="search-field -border-light h-ml2">
      <div class="search-field__input">
        <input id="term" name="term" class="js-term search-field__input-field" type="search" placeholder="Search" />
      </div>
      <button class="search-field__button" type="submit">
        <i class="e-icon -icon-search"><span class="e-icon__alt">Search</span></i>
      </button>
    </div>
</form></div>

  </div>
</div>

              </div>
            </header>
          </div>

          <div class="js-canvas__body canvas__body">
              <div class="grid-container">
</div>



                  <div class="context-header ">
    <div class="grid-container ">
      <nav class="breadcrumbs h-text-truncate  ">

  <a class="js-breadcrumb-category" href="/">Home</a>


    <a href='/category/all' class="js-breadcrumb-category">Files</a>
    
<a class="js-breadcrumb-category" href="https://themeforest.net/category/wordpress">WordPress</a><a class="js-breadcrumb-category" href="https://themeforest.net/category/wordpress/corporate">Corporate</a>

<a class="js-breadcrumb-category" href="https://themeforest.net/category/wordpress/corporate/business">Business</a>

</nav>

        <div class="item-header" data-view="itemHeader">
  <div class="item-header__top">
    <div class="item-header__title">
      <h1 class="t-heading -color-inherit -size-l h-m0 is-hidden-phone">
        X | The Ultimate WordPress Theme
      </h1>

      <h1 class="t-heading -color-inherit -size-xs h-m0 is-hidden-tablet-and-above">
        X | The Ultimate WordPress Theme
      </h1>
    </div>

      <div class="item-header__price is-hidden-desktop">
        <a class="js-item-header__cart-button e-btn--3d -color-primary -size-m" rel="nofollow" title="Add to Cart" data-view="modalAjax" href="/cart/configure_before_adding/5871901">
          <span class="item-header__cart-button-icon">
            <i class="e-icon -icon-cart -margin-right"></i>
          </span>

          <span class="t-heading -size-m -color-light -margin-none">
            <b class="t-currency"><span class="js-item-header__price">$89</span></b>
          </span>
</a>      </div>
  </div>

  <div class="item-header__details-section">
    <div class="item-header__author-details">
      By <a rel="author" class="js-by-author" href="/user/themeco">THEMECO</a>
    </div>
      <div class="item-header__sales-count">
        <svg width="16px"
     height="16px"
     viewBox="0 0 16 16"
     class="item-header__sales-count-icon"
     xmlns="http://www.w3.org/2000/svg"
     aria-labelledby="title"
     role="img">
  <title>Cart</title>
  <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path>

</svg>

        <strong>225,547</strong> sales
      </div>
      <div class="item-header__envato-highlighted">
        <strong>Recently Updated</strong>
          <svg width="16px"
     height="16px"
     viewBox="0 0 14 14"
     class="item-header__envato-checkmark-icon"
     xmlns="http://www.w3.org/2000/svg"
     aria-labelledby="title"
     role="img">
  <title></title>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.333252 7.00004C0.333252 3.31814 3.31802 0.333374 6.99992 0.333374C8.76803 0.333374 10.4637 1.03575 11.714 2.286C12.9642 3.53624 13.6666 5.23193 13.6666 7.00004C13.6666 10.6819 10.6818 13.6667 6.99992 13.6667C3.31802 13.6667 0.333252 10.6819 0.333252 7.00004ZM6.15326 9.23337L9.89993 5.48671C10.0227 5.35794 10.0227 5.15547 9.89993 5.02671L9.54659 4.67337C9.41698 4.54633 9.20954 4.54633 9.07993 4.67337L5.91993 7.83337L4.91993 6.84004C4.85944 6.77559 4.77498 6.73903 4.68659 6.73903C4.5982 6.73903 4.51375 6.77559 4.45326 6.84004L4.09993 7.19337C4.03682 7.25596 4.00133 7.34116 4.00133 7.43004C4.00133 7.51892 4.03682 7.60412 4.09993 7.66671L5.68659 9.23337C5.74708 9.29782 5.83154 9.33439 5.91993 9.33439C6.00832 9.33439 6.09277 9.29782 6.15326 9.23337Z" fill="#79B530"/>

</svg>

      </div>
      <div class="item-header__envato-highlighted">
        <strong>Well Documented</strong>
          <svg width="16px"
     height="16px"
     viewBox="0 0 14 14"
     class="item-header__envato-checkmark-icon"
     xmlns="http://www.w3.org/2000/svg"
     aria-labelledby="title"
     role="img">
  <title></title>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.333252 7.00004C0.333252 3.31814 3.31802 0.333374 6.99992 0.333374C8.76803 0.333374 10.4637 1.03575 11.714 2.286C12.9642 3.53624 13.6666 5.23193 13.6666 7.00004C13.6666 10.6819 10.6818 13.6667 6.99992 13.6667C3.31802 13.6667 0.333252 10.6819 0.333252 7.00004ZM6.15326 9.23337L9.89993 5.48671C10.0227 5.35794 10.0227 5.15547 9.89993 5.02671L9.54659 4.67337C9.41698 4.54633 9.20954 4.54633 9.07993 4.67337L5.91993 7.83337L4.91993 6.84004C4.85944 6.77559 4.77498 6.73903 4.68659 6.73903C4.5982 6.73903 4.51375 6.77559 4.45326 6.84004L4.09993 7.19337C4.03682 7.25596 4.00133 7.34116 4.00133 7.43004C4.00133 7.51892 4.03682 7.60412 4.09993 7.66671L5.68659 9.23337C5.74708 9.29782 5.83154 9.33439 5.91993 9.33439C6.00832 9.33439 6.09277 9.29782 6.15326 9.23337Z" fill="#79B530"/>

</svg>

      </div>
  </div>


</div>


      
  <!-- Desktop Item Navigation -->
  <div class="is-hidden-tablet-and-below page-tabs">
      <ul>
          <li class="selected"><a class="js-item-navigation-item-details t-link -decoration-none" href="/item/x-the-theme/5871901">Item Details</a></li>
          <li><a class="js-item-navigation-reviews t-link -decoration-none" href="/item/x-the-theme/reviews/5871901"><span>Reviews</span><span>  <div class="rating-detailed-small">
    <div class="rating-detailed-small__header">
      <div class="rating-detailed-small__stars">
        <div class="rating-detailed-small-center__star-rating">
              <i class="e-icon -icon-star">
</i>              <i class="e-icon -icon-star">
</i>              <i class="e-icon -icon-star">
</i>              <i class="e-icon -icon-star">
</i>              <i class="e-icon -icon-star">
</i>        </div>
        4.76
        <span class="is-visually-hidden">4.76 stars</span>
      </div>
     </div>
  </div>
</span><span class="item-navigation-reviews-comments">6.7K</span></a></li>
          <li><a class="js-item-navigation-comments t-link -decoration-none" href="/item/x-the-theme/5871901/comments"><span>Comments</span><span class="item-navigation-reviews-comments">8.6K</span></a></li>
          <li><a class="js-item-navigation-support t-link -decoration-none" href="/item/x-the-theme/5871901/support">Support</a></li>
      </ul>


  </div>


  <!-- Tablet or below Item Navigation -->
    <div class="page-tabs--dropdown" data-view="replaceItemNavsWithRemote" data-target=".js-remote">
      <div class="page-tabs--dropdown__slt-custom-wlabel">
        <div class="slt-custom-wlabel--page-tabs--dropdown">
          <label>
            <span class="js-label">
              Item Details
            </span>
            <span class="slt-custom-wlabel__arrow">
              <i class="e-icon -icon-arrow-fill-down"></i>
            </span>
          </label>

          <select class="js-remote">
              <option selected="selected" data-url="/item/x-the-theme/5871901">Item Details</option>
              <option data-url="/item/x-the-theme/reviews/5871901">Reviews (6.7K)</option>
              <option data-url="/item/x-the-theme/5871901/comments">Comments (8.6K)</option>
              <option data-url="/item/x-the-theme/5871901/support">Support</option>


          </select>
        </div>
      </div>
    </div>

      <div class="page-tabs">
        <ul class="right item-bookmarking__left-icons_hidden" data-view="bookmarkStatesLoader">
            <li class="js-favorite-widget item-bookmarking__control_icons--favorite" data-item-id="5871901"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=favorite&amp;resource_id=5871901"><span class="item-bookmarking__control--label">Add to Favorites</span></a></li>
            <li class="js-collection-widget item-bookmarking__control_icons--collection" data-item-id="5871901"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=collect&amp;resource_id=5871901"><span class="item-bookmarking__control--label">Add to Collection</span></a></li>
        </ul>
      </div>


    </div>
  </div>


            <div class="content-main" id="content">
              
              <div class="grid-container">
                  <script nonce="Ax8pz2jz0aL1frYRg9x3zw==">
//<![CDATA[
    window.GtmMeasurements.sendAnalyticsEvent({"eventName":"view_item","eventType":"user","ecommerce":{"currency":"USD","value":89.0,"items":[{"affiliation":"themeforest","item_id":5871901,"item_name":"X | The Ultimate WordPress Theme","item_brand":"THEMECO","item_category":"wordpress","item_category2":"corporate","item_category3":"business","price":89.0,"quantity":1,"item_add_on":"bundle_6month","item_variant":"regular"}]}});

//]]>
</script>


<div>
  <link href="https://s3.envato.com/files/303908140/xlogo.png" />

  <div class="content-s ">
      <div class="item-bookmarking__left-icons__wrapper">
    <ul class="item-bookmarking__left-icons" data-view="bookmarkStatesLoader">
      <li class="item-bookmarking__control_icons--favorite">
          <span>
    <a title="Add to Favorites" data-view="modalAjax" href="/sign_in?action_name=favorite&amp;resource_id=5871901"><span class="item-bookmarking__control--label">Add to Favorites</span></a>
  </span>

      </li>
      <li class="item-bookmarking__control_icons--collection">
          <span>
    <a title="Add to Collection" data-view="modalAjax" href="/sign_in?action_name=collect&amp;resource_id=5871901">
      <span class="item-bookmarking__control--label">Add to Collection</span>
</a>  </span>

      </li>
    </ul>
  </div>


    <div class="box--no-padding">
      <div class="item-preview live-preview-btn--blue -preview-live">
          
          
               
    <a target="_blank" href="/item/x-the-theme/full_screen_preview/5871901"><img alt="X | The Ultimate WordPress Theme - Business Corporate" width="590" height="300" srcset="https://market-resized.envatousercontent.com/themeforest.net/files/303914747/01_xlogo20.__large_preview.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=8000&amp;w=590&amp;s=414b8081420c5f30c8fa934f600b631f51f0ec21857823f2500cf9d17c814dd0 590w, https://market-resized.envatousercontent.com/themeforest.net/files/303914747/01_xlogo20.__large_preview.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=6780&amp;w=500&amp;s=7b608bddc0aa502d8461b714245ee2075eb5723304a2dc7e4a677d61f03e59f6 500w, https://market-resized.envatousercontent.com/themeforest.net/files/303914747/01_xlogo20.__large_preview.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=5424&amp;w=400&amp;s=9571d4749e126eb7d09110429d7fe47842803f6dd2319050f099b7b1599632f6 400w, https://market-resized.envatousercontent.com/themeforest.net/files/303914747/01_xlogo20.__large_preview.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=4068&amp;w=300&amp;s=f9f9c05fd282e4776874eeb767d50bbb80824ab4508b31fefaff3c5f286fa64f 300w" sizes="(min-width: 1024px) 590px, (min-width: 1px) 100vw, 600px" src="https://market-resized.envatousercontent.com/themeforest.net/files/303914747/01_xlogo20.__large_preview.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=8000&amp;w=590&amp;s=414b8081420c5f30c8fa934f600b631f51f0ec21857823f2500cf9d17c814dd0" /></a>

<div class="item-preview__actions">
          <div id="fullscreen" class="item-preview__preview-buttons">
            
      <a
        
        href="/item/x-the-theme/full_screen_preview/5871901"
        role="button"
        class="btn-icon live-preview"
        target="_blank"
        rel="noopener nofollow"
      >
        Live Preview
      </a>
    
        </div>
</div>

      </div>
    </div>
    

      <div data-view="toggleItemDescription">
        <div class="js-item-togglable-content">
          <div class="js-item-description item-description">
            <div class="user-html user-html__with-lazy-load"><p>Version: <a href="https://theme.co/blog/pro6-6-x10-6-cornerstone7-6" rel="nofollow">10.6 (Release Notes)</a> | Latest Version: 10.6.5.</p><a href="https://go.theme.co/checkout/x" rel="nofollow"><span data-src="https://camo.envatousercontent.com/a49e59b224c0fa722edd61fcc0403cb08a1bc60b/68747470733a2f2f7468656d652e636f2f6d656469612f785f74662f6e65772f782d626573742d776f726470726573732d7468656d652e706e67" data-alt="X | The Ultimate WordPress Theme - 1" class="lazy-load-img"></span></a><br><br><br><span data-src="https://camo.envatousercontent.com/44741f0ec8d9023e62991016d02ba180b2f9edab/68747470733a2f2f7468656d652e636f2f6d656469612f617072696c323032352e706e67" data-alt="X | The Ultimate WordPress Theme - 2" class="lazy-load-img"></span><a href="https://theme.co/go/join.php" rel="nofollow"><span data-src="https://camo.envatousercontent.com/87b079711cc5403af85a893e26785c7e135ba9e1/68747470733a2f2f7468656d652e636f2f6d656469612f323032342d6d6565742d636f726e657273746f6e652e706e67" data-alt="X | The Ultimate WordPress Theme - 3" class="lazy-load-img"></span><br><br></a>

	<p><span data-src="https://camo.envatousercontent.com/844efb9800bae2e340b68c5a0e9575639cee933a/68747470733a2f2f7468656d652e636f2f6d656469612f63735f63632f6e65772f74657374696d6f6e69616c2d636861726c65732e706e67" data-alt="X | The Ultimate WordPress Theme - 4" class="lazy-load-img"></span><br><br></p>


	<p><span data-src="https://camo.envatousercontent.com/fd51c3c1937e9aa77ddf4f0fd824e15e88b95fbc/68747470733a2f2f7468656d652e636f2f6d656469612f63735f63632f6e65772f636f726e657273746f6e652d656c656d656e742d6c6962726172792e706e67" data-alt="X | The Ultimate WordPress Theme - 5" class="lazy-load-img"></span></p><p>Build faster than ever with over 100 fully customizable prefab <a href="https://theme.co/docs/elements-overview" rel="nofollow">Elements</a> including Layout Elements, Standard Elements, Dynamic Elements, and Woo Elements. But that’s just the beginning. Build your own fully custom, reusable Elements from scratch using Components and Parameters (more on that in a second).</p>


	<p><span data-src="https://camo.envatousercontent.com/3111c2d73e51fbd4eb4a1565768e7de0f967e812/68747470733a2f2f7468656d652e636f2f6d656469612f63735f63632f6e65772f74657374696d6f6e69616c2d6c696e647365792e706e67" data-alt="X | The Ultimate WordPress Theme - 6" class="lazy-load-img"></span><br><br></p>


	<p><span data-src="https://camo.envatousercontent.com/ed5fa2d311e2f1dd56ed7ac4e20a54996695d1e8/68747470733a2f2f7468656d652e636f2f6d656469612f63735f63632f6e65772f636f726e657273746f6e652d64796e616d69632d636f6e74656e742e706e67" data-alt="X | The Ultimate WordPress Theme - 7" class="lazy-load-img"></span></p><p><a href="https://theme.co/docs/dynamic-content" rel="nofollow">Dynamic Contenet</a> means you can easily build complex configurations that are capable of digesting data from your WordPress site (such as post meta and user meta) to Advanced Custom Fields and other plugin data then easily loop through your data with the power of <a href="https://theme.co/docs/loopers" rel="nofollow">Loopers</a>.</p> This gets even more exciting when you consider the fact you can use 3rd party data with the new <a href="https://theme.co/docs/external-api-integration" rel="nofollow">External REST API</a> (Cornerstone exclusive).<br><br>


	<p><span data-src="https://camo.envatousercontent.com/4d91e8950e4fbb748fba6723dbf7b3964632f5e1/68747470733a2f2f7468656d652e636f2f6d656469612f63735f63632f6e65772f74657374696d6f6e69616c2d616c65782e706e67" data-alt="X | The Ultimate WordPress Theme - 8" class="lazy-load-img"></span><br><br></p>


	<p><span data-src="https://camo.envatousercontent.com/f15bd3d4b204b6c7f7222d01d10a7ee014bb8181/68747470733a2f2f7468656d652e636f2f6d656469612f63735f63632f6e65772f636f726e657273746f6e652d656666656374732e706e67" data-alt="X | The Ultimate WordPress Theme - 9" class="lazy-load-img"></span></p><p>Effects, done well, can help bring your design to life and enhance the user experience. With Cornerstone’s Element-level <a href="https://theme.co/docs/effects-module" rel="nofollow">Effects Module</a>, you can build compound effects adding filters, transforms, interactions, positional effects, masks, and even layer blending. All native!</p><br><br>


	<p><span data-src="https://camo.envatousercontent.com/ee8c346a3a70edad310963cdfce8a6606cd78bd5/68747470733a2f2f7468656d652e636f2f6d656469612f63735f63632f6e65772f74657374696d6f6e69616c2d6d6174742e706e67" data-alt="X | The Ultimate WordPress Theme - 10" class="lazy-load-img"></span><br><br></p>


	<p><span data-src="https://camo.envatousercontent.com/d46b2e6bdf8892fcb7ac1e71e61d44b355e6e25a/68747470733a2f2f7468656d652e636f2f6d656469612f636f726e657273746f6e652d636f6d706f6e656e74732d616e642d706172616d65746572732e706e67" data-alt="X | The Ultimate WordPress Theme - 11" class="lazy-load-img"></span></p><p>The next level of native site building — right at your fingertips. <a href="https://theme.co/docs/component-builder-overview" rel="nofollow">Components</a> allow you to create reusable content that can be managed in one place and <a href="https://theme.co/docs/parameters" rel="nofollow">Parameters</a> allow you to create your very own design systems!</p><br><br>


	<p><span data-src="https://camo.envatousercontent.com/1f17507bcda8dac972902e4ea594479c7d0afc19/68747470733a2f2f7468656d652e636f2f6d656469612f63735f63632f6e65772f74657374696d6f6e69616c2d6e69636b2e706e67" data-alt="X | The Ultimate WordPress Theme - 12" class="lazy-load-img"></span></p>


	<p><span data-src="https://camo.envatousercontent.com/dfd60b223690167eabdb870814171569efa53d5a/68747470733a2f2f7468656d652e636f2f6d656469612f6f746865722d66656174757265732e706e67" data-alt="X | The Ultimate WordPress Theme - 13" class="lazy-load-img"></span><br><br><br><br></p>


	<p><span data-src="https://camo.envatousercontent.com/d705756b8a7fe9784cfaf4c1de0db30a44aa5e5e/687474703a2f2f7468656d652e636f2f6d656469612f62696766656174757265736a616e75617279323032352e706e67" data-alt="X | The Ultimate WordPress Theme - 14" class="lazy-load-img"></span><br><br><br><span data-src="https://camo.envatousercontent.com/0b90399d2fe0603ea080e8310dd5edb52f3aa395/687474703a2f2f7468656d652e636f2f6d656469612f76362d74657374696d6f6e69616c2d6f68722e706e67" data-alt="X | The Ultimate WordPress Theme - 15" class="lazy-load-img"></span><br><br><br><br><br><span data-src="https://camo.envatousercontent.com/470e9c5d6d1ddfe288af28a66809e11618835c52/687474703a2f2f7468656d652e636f2f6d656469612f3774656e6d696c6c696f6e322e706e67" data-alt="X | The Ultimate WordPress Theme - 16" class="lazy-load-img"></span><br><br><br><span data-src="https://camo.envatousercontent.com/79a98c83c82b0c1d2bb3a15cbdce2b5789bfce1b/687474703a2f2f7468656d652e636f2f6d656469612f6275696c6466617374686561646c696e65322e706e67" data-alt="X | The Ultimate WordPress Theme - 17" class="lazy-load-img"></span><a href="https://theme.co/x#design-cloud" rel="nofollow"><span data-src="https://camo.envatousercontent.com/3098812f9dbf47d651492506705474ef6cb9b7c6/687474703a2f2f7468656d652e636f2f6d656469612f6e657764656d6f73352e6a7067" data-alt="X | The Ultimate WordPress Theme - 18" class="lazy-load-img"></span></a><br><br><br><span data-src="https://camo.envatousercontent.com/1d2cf2a064166650f02f45dbe17d4af598c41973/687474703a2f2f7468656d652e636f2f6d656469612f76362d686561646c696e652d756c74696d6174652e706e67" data-alt="X | The Ultimate WordPress Theme - 19" class="lazy-load-img"></span><br><br><br><br><a href="http://theme.co/x/go/join.php" rel="nofollow"><span data-src="https://camo.envatousercontent.com/1d99983b7de983c88cc25e9a1784c01876ab61c2/687474703a2f2f7468656d652e636f2f6d656469612f76362d636f726e657273746f6e652e706e67" data-alt="X | The Ultimate WordPress Theme - 20" class="lazy-load-img"></span></a><br><br><br><br><br><span data-src="https://camo.envatousercontent.com/3ae435dfb10d6463d38b0721565b6c92199db75c/687474703a2f2f7468656d652e636f2f6d656469612f76362d74657374696d6f6e69616c2d626f736c65722e706e67" data-alt="X | The Ultimate WordPress Theme - 21" class="lazy-load-img"></span><br><br><br><br><br><br><a href="http://theme.co/x/go/join.php" rel="nofollow"><span data-src="https://camo.envatousercontent.com/c8c1a4ece56e6116d534c7547cabec02c2d0b59a/687474703a2f2f7468656d652e636f2f6d656469612f782d74662d657874656e73696f6e73323030302e706e67" data-alt="X | The Ultimate WordPress Theme - 22" class="lazy-load-img"></span></a><br><br><br><br><span data-src="https://camo.envatousercontent.com/ceb9b98db7cb916737e4a34aded2e1ee4d008fa5/687474703a2f2f7468656d652e636f2f6d656469612f76362d74657374696d6f6e69616c2d6272616e6b6f2e706e67" data-alt="X | The Ultimate WordPress Theme - 23" class="lazy-load-img"></span><br><br><br><br><br><br><a href="http://theme.co/x/go/join.php" rel="nofollow"><span data-src="https://camo.envatousercontent.com/acf7ee5cf8ac6b6ba707650b50c39e9a31462cd0/687474703a2f2f7468656d652e636f2f6d656469612f76362d64656d6f736e6577322e706e67" data-alt="X | The Ultimate WordPress Theme - 24" class="lazy-load-img"></span></a><br><br><br><br><br><br><a href="http://theme.co/go/join.php" rel="nofollow"><span data-src="https://camo.envatousercontent.com/b2eb07faa1d0e6130d0c5386882c127e05a766ca/687474703a2f2f7468656d652e636f2f6d656469612f76362d70757263686173652d66697273746f726e6578742e706e67" data-alt="X | The Ultimate WordPress Theme - 25" class="lazy-load-img"></span></a><br><br><br><br><br><a href="http://theme.co/go/join.php" rel="nofollow"><span data-src="https://camo.envatousercontent.com/6d7f93656df6cd05702478afda0daf3c37d80b99/687474703a2f2f7468656d652e636f2f6d656469612f76362d737461636b732e706e67" data-alt="X | The Ultimate WordPress Theme - 26" class="lazy-load-img"></span></a><br><br><br><br><br><span data-src="https://camo.envatousercontent.com/a614cea679e8be9b0bba22af0b9ba2b7a6249e4a/687474703a2f2f7468656d652e636f2f6d656469612f76362d74657374696d6f6e69616c2d6b6962652e706e67" data-alt="X | The Ultimate WordPress Theme - 27" class="lazy-load-img"></span><br><br><br><br><br><br><a href="http://theme.co/go/join.php" rel="nofollow"><span data-src="https://camo.envatousercontent.com/5531da79fcfbe7ef8a6901302ff7b47dab3c7f9e/687474703a2f2f7468656d652e636f2f6d656469612f76362d737570706f72742e706e67" data-alt="X | The Ultimate WordPress Theme - 28" class="lazy-load-img"></span></a><br><br><br><br><br><br><span data-src="https://camo.envatousercontent.com/e12279daae5ae6f91f379d2297211c978604673d/687474703a2f2f7468656d652e636f2f6d656469612f76362d74657374696d6f6e69616c2d6c6f76652e706e67" data-alt="X | The Ultimate WordPress Theme - 29" class="lazy-load-img"></span><br><br><br><br><br><br><a href="http://theme.co/go/join.php" rel="nofollow"><span data-src="https://camo.envatousercontent.com/81436199d0199a09d6fde6875573f7e9650318fe/687474703a2f2f7468656d652e636f2f6d656469612f76362d666173746573742d73656c6c696e67322e706e67" data-alt="X | The Ultimate WordPress Theme - 30" class="lazy-load-img"></span></a><br><br><br><br><br><span data-src="https://camo.envatousercontent.com/31c651e0e4529f1b0a9c590b45512ed1de1b5db1/687474703a2f2f7468656d652e636f2f6d656469612f76362d686561646c696e652d67657474696e67657863697465642e706e67" data-alt="X | The Ultimate WordPress Theme - 31" class="lazy-load-img"></span><br><br><br><span data-src="https://camo.envatousercontent.com/98f169920498c36e69ee529d02a8cd61033f7792/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d726573706f6e736976652e706e67" data-alt="X | The Ultimate WordPress Theme - 32" class="lazy-load-img"></span><br><br><br><span data-src="https://camo.envatousercontent.com/22252a0982598c0e60f73d4e433a00b69a29aaea/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d706167652d6275696c6465722e706e67" data-alt="X | The Ultimate WordPress Theme - 33" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/426b37a724208a92eee1eaebe4719f799785ae61/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d7479706f6772617068792e706e67" data-alt="X | The Ultimate WordPress Theme - 34" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/3fde3eea2cdd855d37380b1b8adf12402fd98500/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d73686f7274636f6465732e706e67" data-alt="X | The Ultimate WordPress Theme - 35" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/429f5054e0f690186014084c49e5d71bf74e4f2e/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d6e617669676174696f6e2e706e67" data-alt="X | The Ultimate WordPress Theme - 36" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/6f08aa38ee3cb414c48d07d5b7b4288d23223929/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d6d6567616d656e75732e706e67" data-alt="X | The Ultimate WordPress Theme - 37" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/d15ce60ea6ee13703f66250a42f351ab6efe8dcf/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d6f6e652d706167652d73697465732e706e67" data-alt="X | The Ultimate WordPress Theme - 38" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/0640113083394a633e0a9f93d1c317af81d27982/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d7365617263682e706e67" data-alt="X | The Ultimate WordPress Theme - 39" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/2448154a821308449f8a8f51f9fbc2843d69d709/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d736974652d6c61796f75742e706e67" data-alt="X | The Ultimate WordPress Theme - 40" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/fa3521b5788a8f12fff31a74b3455e213e1e1917/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d666c7569642e706e67" data-alt="X | The Ultimate WordPress Theme - 41" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/77e7f67eb3f274cd31859fba34de96d902a826c0/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d6261636b67726f756e64732e706e67" data-alt="X | The Ultimate WordPress Theme - 42" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/6d87fbbe3c5f1e63a5f3a0bb27f1f5cd0f719a57/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d73696465626172732e706e67" data-alt="X | The Ultimate WordPress Theme - 43" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/1473fe641277cba544601ae6e42a5e7b337a887a/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d706f7274666f6c696f732e706e67" data-alt="X | The Ultimate WordPress Theme - 44" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/1df5e507a82c111f36e237a7b53e7c72008fa715/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d65636f6d6d657263652e706e67" data-alt="X | The Ultimate WordPress Theme - 45" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/0570bc3d87c4c25f8a5bf497e43a2ec058cbf470/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d7265766f6c7574696f6e2e706e67" data-alt="X | The Ultimate WordPress Theme - 46" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/cfc24785f60d15d621221d859f8721045cf0d74b/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d69636f6e2d666f6e74732e706e67" data-alt="X | The Ultimate WordPress Theme - 47" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/d9b1602fa986f1ea99cff853bf5a27218d12b97e/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d736f6369616c2e706e67" data-alt="X | The Ultimate WordPress Theme - 48" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/1d82693c93fd00fcc5d5ed8a09f5db4e0de04dda/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d726574696e612d72656164792e706e67" data-alt="X | The Ultimate WordPress Theme - 49" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/69ba7a2ae9a8db2531dfa6b53aa23c4e7860091b/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d7468756d626e61696c732e706e67" data-alt="X | The Ultimate WordPress Theme - 50" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/d39d641fded5dd16b415a65f59d2dd4a983bd537/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d73696d706c652d666f726d732e706e67" data-alt="X | The Ultimate WordPress Theme - 51" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/aa9a88e76e340fd5fae1f0d0be3d27ad069875ac/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d626270726573732e706e67" data-alt="X | The Ultimate WordPress Theme - 52" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/9e24a618baf4e3f6934b3ea149c30c3cb580f9b6/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d627564647970726573732e706e67" data-alt="X | The Ultimate WordPress Theme - 53" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/3e44895d616319ce90d344b0c28b0df241cc674b/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d636c65616e2d636f64652e706e67" data-alt="X | The Ultimate WordPress Theme - 54" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/80b83da8c6f58aeb76a8f6f4d85fd0a2fe17db97/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d64656d6f2d646174612e706e67" data-alt="X | The Ultimate WordPress Theme - 55" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/5684d59ec28a9f467edc845552f1a315da258778/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d696c69676874626f782e706e67" data-alt="X | The Ultimate WordPress Theme - 56" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/ef7dfae00665d9334d90e8f32b6ddd7799247e68/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d706f73742d666f726d6174732e706e67" data-alt="X | The Ultimate WordPress Theme - 57" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/98d02fd4c0f3cb8c25e4d54e8d73a97f3224d4d2/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d73656f2e706e67" data-alt="X | The Ultimate WordPress Theme - 58" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/b9d9f969e99b6f83cf1c9a3a2724ae95389287da/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d7472616e736c6174696f6e732e706e67" data-alt="X | The Ultimate WordPress Theme - 59" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/13b39bae3585a95dbdfb38377baf19609869aafa/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d7374796c696e672e706e67" data-alt="X | The Ultimate WordPress Theme - 60" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/6913480545ac0e7fe9e2ace2b2cfe7438133b9e7/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d72696768742d746f2d6c6566742e706e67" data-alt="X | The Ultimate WordPress Theme - 61" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/eeb66d9c1fb25bc3d4c4c13808b9b5060e06022b/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d7761692d617269612e706e67" data-alt="X | The Ultimate WordPress Theme - 62" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/a2887abcea82257ba8f7358d6959be246a21492e/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d6d656d626572732e706e67" data-alt="X | The Ultimate WordPress Theme - 63" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/ce46e34c048e8744ab436edd47991c98a86e76d6/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d737570706f72742e706e67" data-alt="X | The Ultimate WordPress Theme - 64" class="lazy-load-img"></span><br><br><span data-src="https://camo.envatousercontent.com/f2332591687c1d7d571817dc9ad46d2b2b475380/687474703a2f2f7468656d652e636f2f6d656469612f785f74662f782d666561747572652d736d616c6c2d6175746f6d617469632e706e67" data-alt="X | The Ultimate WordPress Theme - 65" class="lazy-load-img"></span><br><br><br><br><a href="http://theme.co/go/join.php" rel="nofollow"><span data-src="https://camo.envatousercontent.com/ff1688cf799d0be5b8add3e096e3a1fb1c6c4d80/687474703a2f2f7468656d652e636f2f6d656469612f76362d626573742d76616c75652e706e67" data-alt="X | The Ultimate WordPress Theme - 66" class="lazy-load-img"></span></a><br><br><span data-src="https://camo.envatousercontent.com/03f59d95178cf5ed6ae868b5aafc3910d22e8b5b/687474703a2f2f7468656d652e636f2f6d656469612f6f7574776f726c6468712e706e67" data-alt="X | The Ultimate WordPress Theme - 67" class="lazy-load-img"></span><br></p>


<h2 id="item-description__x-overview">X – Overview</h2><p><strong>Stacks</strong> – X includes multiple unique designs inside of one powerful WordPress theme, and we refer to these designs as “Stacks.” There are currently four Stacks available in X. It’s like buying one theme and constantly getting access to new designs all the time! We have created <strong><a href="https://theme.co/x#design-cloud" rel="nofollow">multiple unique demos</a></strong> so be sure to check them all out.</p> <p><strong>Extensions</strong> – Easily build upon the firm foundation X has already provided with an incredible lineup of additional plugins. Within the X ecosystem, Extensions are comprised of plugins built by our staff to work seamlessly with X, as well as third party plugins by developers we’ve partnered with to bring you great features that we’ve integrated tightly into the theme. This keeps X lean for those who might not need a certain feature and as efficient as possible for those who do! Be sure to check out a full list of our <strong><a href="https://theme.co/x#extensions" rel="nofollow">Extensions</a></strong> for more information on these amazing features that are included for free with each unique purchase as well as <a href="https://themeforest.net/item/x-the-theme/5871901/faqs/26845"><strong>this FAQ</strong></a> explaining how the licensing works.</p><p><strong>Experts</strong> – X was built upon the input of industry-leading experts. We consulted numerous individuals and asked them what sort of features they wanted to see in a theme from an SEO standpoint, design, feature-set, et cetera, and built their suggestions right into the theme. Forget the marketing speak, X truly delivers on what it promises.</p> <p><strong>Theme Options Panel</strong> – Being on the cutting edge of WordPress development is something we wanted to do from the start. Because of that, we made sure that we avoided the use of clunky additional admin panels and instead, opted to utilize a powerful, recently rebuilt theme options panel. With this setup, you can preview all of the changes you make to your site live without any need to switch windows or refresh the browser in addition to searching for exactly what you need. When you’re happy with your changes, select “Save” and your updates will go live. All of the following can be edited:</p> <ul> <li>Stack selection (<strong>Integrity</strong>, <strong>Renew</strong>, <strong>Icon</strong>, or <strong>Ethos</strong>)</li> <li>Site layout (<strong>fullwidth</strong> or <strong>boxed</strong>)</li> <li>Site max-width (<strong>in pixels</strong>)</li> <li>Site width (<strong>in percentage</strong>)</li> <li>Content layout (<strong>content left – sidebar right</strong>, <strong>sidebar left – content right</strong>, or <strong>fullwidth</strong>)</li> <li>Background <strong>color</strong>, <strong>pattern</strong>, <strong>image</strong>, and <strong>image fade</strong>
</li> <li>Countless Stack-specific options</li> <li>Enable <strong>custom fonts</strong> and their <strong>subsets</strong> if desired</li> <li>
<strong>Logo font</strong>, <strong>color</strong>, <strong>size</strong>, <strong>weight</strong>, <strong>letter spacing</strong>, and choose to enable <strong>uppercase</strong> styling</li> <li>
<strong>Navbar link color</strong>, link <strong>color hover</strong>, <strong>size</strong>, <strong>weight</strong>, and choose to enable <strong>uppercase</strong> styling</li> <li>
<strong>Headings font</strong>, <strong>color</strong>, <strong>weight</strong>, <strong>letter spacing</strong>, and choose to enable <strong>uppercase</strong> styling</li> <li>
<strong>Body font</strong>, <strong>color</strong>, <strong>size</strong> (base and content area), and <strong>weight</strong>
</li> <li>
<strong>Link color</strong> and link <strong>color hover</strong>
</li> <li>Button style (<strong>3D</strong>, <strong>flat</strong>, or <strong>transparent</strong>)</li> <li>Button shape (<strong>square</strong>, <strong>rounded</strong>, or <strong>pill</strong>)</li> <li>Button size (<strong>mini</strong>, <strong>small</strong>, <strong>regular</strong>, <strong>large</strong>, <strong>extra large</strong>, or <strong>jumbo</strong>)</li> <li>Button <strong>font color</strong>, <strong>background color</strong>, and <strong>border color</strong> (and set values for the hover as well)</li> <li>Header position (<strong>static top</strong>, <strong>fixed top</strong>, <strong>fixed left</strong>, or <strong>fixed right</strong>)</li> <li>Logo and navigation layout (<strong>inline</strong> or <strong>stacked</strong>)</li> <li>Enable or disable <strong>Navbar Search</strong>
</li> <li>Navbar top height (<strong>in pixels</strong>)</li> <li>Navbar side width (<strong>in pixels</strong>)</li> <li>Logo upload</li> <li>Make logo retina ready</li> <li>Navbar top and side <strong>logo alignment</strong> (<strong>in pixels</strong>)</li> <li>Navbar top and side <strong>link alignment</strong> (<strong>in pixels</strong>)</li> <li>Mobile <strong>navbar button alignment</strong> (<strong>in pixels</strong>)</li> <li>Mobile <strong>navbar button size</strong> (<strong>in pixels</strong>)</li> <li>Header widget areas (<strong>one</strong>, <strong>two</strong>, <strong>three</strong>, or <strong>four</strong>)</li> <li>Header widget area button color</li> <li>Header widget area button color hover</li> <li>Enable or disable topbar</li> <li>Topbar content for <strong>taglines</strong>, <strong>contact information</strong>, or <strong>secondary navigation</strong> (accepts HTML input)</li> <li>Enable or disable breadcrumbs</li> <li>Enable or disable top footer area)</li> <li>Footer widget areas (<strong>one</strong>, <strong>two</strong>, <strong>three</strong>, or <strong>four</strong>)</li> <li>Enable or disable <strong>bottom footer</strong>, <strong>footer menu</strong>, <strong>footer social menu</strong>, and <strong>footer content area</strong>
</li> <li>Bottom footer content (accepts HTML input)</li> <li>Enable or disable the <strong>Scroll Top Anchor</strong>, allowing your users to return to the top of your site with the click of a mouse</li> <li>Update blog style (<strong>standard</strong> or <strong>masonry</strong>)</li> <li>Update blog layout</li> <li>Update archive style (<strong>standard</strong> or <strong>masonry</strong>)</li> <li>Update archive layout</li> <li>Enable or disable post meta</li> <li>Enable the excerpt or full post content on your index page</li> <li><strong>Custom URL slug for your portoflio items</strong></li> <li>Enable cropped featured images</li> <li>Enable or disable portfolio item meta</li> <li>Custom portfolio tag list title</li> <li>Custom portfolio project title</li> <li>Custom portfolio project button text</li> <li>Enable or disable social sharing links on portfolio items</li> <li>Manage and preview your <strong>bbPress</strong> setup</li> <li>Update bbPress layout</li> <li>Enable or disable bbPress <strong>Navbar Menu</strong>
</li> <li>Manage and preview your <strong>BuddyPress</strong> setup</li> <li>Update BuddyPress layout</li> <li>Enable or disable BuddyPress <strong>Navbar Menu</strong>
</li> <li>Custom BuddyPress component titles</li> <li>Custom BuddyPress component subtitles (in applicable Stacks)</li> <li>Manage and preview your <strong>WooCommerce</strong> shop</li> <li>Update shop layout</li> <li>Select product columns</li> <li>Posts per page for the shop</li> <li>Enable or disable various product tabs with ease</li> <li>Enable or disable Related Products and alter their appearance (post count, columns, et cetera)</li> <li>Enable or disable Upsells and alter their appearance (post count, columns, et cetera)</li> <li>Enable or disable Cross Sells and alter their appearance (post count, columns, et cetera)</li> <li>Adjust WooCommerce widget image alignment</li> <li>Profiles for <strong>Facebook</strong>, <strong>Twitter</strong>, <strong>Google+</strong>, <strong>LinkedIn</strong>, <strong>Foursquare</strong>, <strong>YouTube</strong>, <strong>Vimeo</strong>, <strong>Instagram</strong>, <strong>Pinterest</strong>, <strong>Dribbble</strong>, <strong>Behance</strong>, <strong>Tumblr</strong>, and <strong>RSS</strong>
</li> <li>Site icons (<strong>favicon</strong>, <strong>touch icon</strong>, <strong>tile icon</strong>, and <strong>tile icon background color</strong>)</li> <li>
<strong>Input custom CSS</strong> right in the Theme Customizer</li> <li>
<strong>Input custom JavaScript</strong> right in the Theme Customizer</li> <li>
<strong>Manage all of your widgetized areas</strong> right in the Theme Customizer</li> <li>And so much more!</li> </ul> <p><strong>Responsive</strong> – Let’s face it: we live in a mobile world. It’s absolutely essential that your website be as accessible as possible on all devices. However, we felt that responsive design was something else we wanted to make even better. Instead of utilizing a design that merely changes every so often at fixed breakpoints, we opted for a completely fluid (percentage-based) design that looks great on all screen sizes (even the “in-between” ones). It’s something that truly has to be seen to gather the whole experience. So fire up your 27” iMac, 11” netbook, Kindle Fire, Android phone, or anything else you can conjure up – X will look fabulous on all of them.</p> <p><strong>Page Builder</strong> – X customers have access to Cornerstone’s incredible page builder — the most advanced in all of WordPress.</p> <p><strong>Typography</strong> – The web is first and foremost a typographic medium. Because of that, we wanted to ensure that the level of control over your site’s type was unparalleled in any other WordPress theme on the market. We’ve not only included over 600 free Google Fonts to use in your theme, we’ve made it so that all respective weights of each font are dynamically loaded, ultimately providing you with more choice, and better overall site performance. Adjust sizes, colors, letter spacing, capitalization, and so much more with X’s near endless typographic options.</p> <p><strong>Elements</strong> – The bread and butter of any good theme. Elements enable you to become a power user and take your site to new heights. But you’re only as good as what you’re provided with in your theme. With X, we’ve built 40+ stellar Elements (plenty of them truly one of a kind), allowing you to build virtually any layout your mind can imagine. All of them are available via Cornerstone for easy maintenance. Included Elements are as follows:</p> <ul> <li>Accordon</li> <li>Alert</li> <li>Audio</li> <li>Breadcrumbs </li>
<li>Card</li> <li>Cart Dropdown</li> <li>Cart Modal</li> <li>Cart Off Canvas</li> <li>Comments</li> <li>Content Area</li> <li>Content Area Dropdown</li> <li>Content Area Modal</li> <li>Content Area Off Canvas</li> <li>Countdown</li> <li>Counter</li> <li>Creative CTA</li> <li>Div</li> <li>Form Integration</li> <li>Gap</li> <li>Global Block</li>  <li>Headline</li> <li>Icon</li> <li>Image</li> <li>Line</li> <li>Map</li> <li>Navigation Collapsed</li> <li>Navigation Dropdown</li> <li>Navigation Inline</li> <li>Navigation Layered</li> <li>Navigation Modal</li> <li>Pagination</li> <li>Posts</li> <li>Products</li> <li>Quote</li> <li>Rating</li> <li>Raw Content</li> <li>Row</li> <li>Search Dropdown</li> <li>Search Inline</li> <li>Search Modal</li> <li>Social</li> <li>Statbar</li> <li>Tabs</li> <li>Testimonial</li> <li>Text</li> <li>Video</li> <li>Widget Area</li> </ul> <p>To see examples of the Elements and how they look in each Stack, check out our <strong><a href="https://theme.co/docs/elements-overview" rel="nofollow">Elements Overview</a></strong> article.</p> <p><strong>Navigation</strong> – Utilize dozens of navigation options including positioning, height, centering, integrated search, and much more. The sky is the limit!</p> <p><strong>Megamenus</strong> – Looking to display lots of content? Megamenus provide you with a visually engaging way to organize complex navigation layouts.</p> <p><strong>Search</strong> – Our optional search functionality takes the traditional search form into the 21st century with clean styling and ease of use (it’s slick).</p> <p><strong>One Page Sites</strong> – Easily setup one page navigation with X on your homepage or across multiple pages to create unique and engaging layouts for your visitors.</p> <p><strong>WooCommerce</strong> – Easily transform your WordPress website into a full fledged eCommerce storefront with the click of a mouse (and for absolutely no additional cost). The X WordPress theme is fully integrated with the WooCommerce plugin for those who need it; however, if you do not need an eCommerce feature on your site there will be no additional impact on your site?s performance. X only uses what needs to be used at any given time, keeping load times fast and visitors happy. But that?s not all! Since X was created to support multiple, completely unique designs called Stacks, each Stack has it?s own look and feel when it comes to WooCommerce integration. If you are looking for an eCommerce solution, you now have multiple completely unique looks to choose from! Check them out below:</p> <ul> <li><strong><a href="https://demo.theme.co/shop-integrity" rel="nofollow">Shop – Integrity</a></strong></li> <li><strong><a href="https://demo.theme.co/shop-renew" rel="nofollow">Shop – Renew</a></strong></li> <li><strong><a href="https://demo.theme.co/shop-icon" rel="nofollow">Shop – Icon</a></strong></li> <li><strong><a href="https://demo.theme.co/shop-ethos" rel="nofollow">Shop – Ethos</a></strong></li> </ul> <p><strong>bbPress</strong> – Still running that clunky, old-hat forum software on your website? If you haven’t tried out bbPress yet, you might want to give it a try! bbPress is forum software developed by the creators of WordPress, so you can rest assured that it will always be compatible with your installation and run using the most up to date features available. With X, we’ve taken it a step further and combed through every corner of what bbPress has to offer in an effort to tailor even the tiniest detail so that it is completely custom and not just like another “add-on.” bbPress is completely optional and is not required to run X, so if you don’t have any need for forums on your website, fear not! The theme will handle the loading of additional styles for bbPress dynamically, so if you’re not using the plugin you won’t have any extra code getting loaded in that you don’t need.</p> <ul> <li><strong><a href="https://demo.theme.co/integrity-1/forums/" rel="nofollow">bbPress – Integrity</a></strong></li> <li><strong><a href="https://demo.theme.co/renew-1/forums/" rel="nofollow">bbPress – Renew</a></strong></li> <li><strong><a href="https://demo.theme.co/icon-1/forums/" rel="nofollow">bbPress – Icon</a></strong></li> <li><strong><a href="https://demo.theme.co/ethos-1/forums/" rel="nofollow">bbPress – Ethos</a></strong></li> </ul> <p><strong>BuddyPress</strong> – If you’re looking to take your site “beyond the blog,” BuddyPress might just be the solution you’ve been looking for. As their website puts it, BuddyPress is ”...a powerful (yet elegant) suite of social networking components, made the WordPress way, to help you build a flexible &amp; robust community.” X features fully integrated styling and functionality for BuddyPress. We’ve left no stone unturned by taking all native components such as <strong>profiles</strong>, <strong>settings</strong>, <strong>groups</strong>, <strong>activity streams</strong>, <strong>notifications</strong>, <strong>friendships</strong>, and <strong>private messaging</strong> (along with much more) and customized them to meet our highest standards. As with all of our integrated plugins, customers who don’t plan on using BuddyPress won’t have any extra code loaded onto their website…kiss code bloat goodbye!</p> <ul> <li><strong><a href="https://demo.theme.co/integrity-1/activity/" rel="nofollow">BuddyPress – Integrity</a></strong></li> <li><strong><a href="https://demo.theme.co/renew-1/activity//" rel="nofollow">BuddyPress – Renew</a></strong></li> <li><strong><a href="https://demo.theme.co/icon-1/activity/" rel="nofollow">BuddyPress – Icon</a></strong></li> <li><strong><a href="https://demo.theme.co/ethos-1/activity/" rel="nofollow">BuddyPress – Ethos</a></strong></li> </ul> <p><strong>Site Layout</strong> – It’s always nice to have decisions. Choose between boxed or fullwidth layouts across all Stacks to find a design that truly suits your needs.</p> <p><strong>Custom Backgrounds</strong> – Setting a background to your site helps to set the mood you’re trying to achieve. Simple colors can be light, clean, and professional, patterns can provide some texture and depth, while whole images can make a powerful statement. With X, there’s no fuss with any of these options as you can easily alter each Stack fit your style. Additionally, you can even set unique background images on individual pages, including using multiples to create fullwidth background slideshows (a very creative use for portfolios). You’ve never had this much fun playing around with background images.</p> <p><strong>Helpful Page Templates</strong> – X comes with numerous pages templates to provide you with plenty of flexibility and power when it comes to building the site you want. Easily turn off certain elements like your header or footer on particular pages to assist you in creating marketing squeeze pages, long form sales letters, and anything else you can think of. Our included blank templates are perfect for crafting unique homepage designs along with our powerful Elements, ensuring that your site will never look like anyone else’s who is using X. Included page templates are as follows:</p> <ul> <li>Blank – Container | Header, Footer</li> <li>Blank – Container | Header, No Footer</li> <li>Blank – Container | No Header, No Footer</li> <li>Blank – No Container | Header, Footer</li> <li>Blank – No Container | Header, No Footer</li> <li>Blank – No Container | No Header, No Footer</li> <li>Layout – Content Left, Sidebar Right</li> <li>Layout – Sidebar Left, Content Right</li> <li>Layout – Fullwidth</li> <li>Layout – Portfolio</li> </ul> <p><strong>Unlimited Sidebars</strong> – It’s a given with most themes these days and it’s no different with X. You have unlimited sidebars at your disposal to achieve whatever your project desires. Our sleek, intuitive sidebar manager interface has a couple tricks up it’s sleeve, and paired with our layout templates, you can accomplish anything. Some of the things you can do with sidebars in X include:</p> <ul> <li>Create and manage unlimited unique sidebars</li> <li>Set sidebars on either side of the page (<strong>left</strong> or <strong>right</strong>)</li> <li>Manage all unique sidebars from one streamlined interface</li> <li>Set sidebars on parent pages to be inherited by all child pages as well</li> </ul> <p><strong>Unique Portfolios</strong> – Each Stack in X features it’s own unique, one of a kind portfolio layout. While each portfolio appears visually different, you can still achieve all of the same desired results across all of them. Additionally, you can quickly and easily setup multiple portfolios on your website with our portfolio page template! With each portfolio that you create you can choose to display portfolio items from all categories, one category, or a custom selection of categories. With so much flexibility, it’s a snap to organize your work online. Some features of the portfolios include:</p> <ul> <li>Set a unique URL slug for your portfolio items</li> <li>Set how many posts per page you want to appear on the index listing</li> <li>Set how many columns you want to use on the index listing</li> <li>Supports <strong>images</strong>, <strong>galleries</strong>, and <strong>video</strong>
</li> <li>Display either the <strong>featured image</strong> or the <strong>media type</strong> (e.g. <strong>gallery</strong>, <strong>video</strong>) on the index page</li> <li>Set unique backgrounds on each individual post to mirror your work</li> <li>Categorize and tag your portfolio pieces like normal posts for easy organization</li> </ul> <p>Portfolio photography generously provided by James Brandon, <em>jamesb.com</em>.</p> <p><strong>Revolution Slider</strong> – X not only supports, but includes the premium Revolution Slider plugin for free along with your purchase of the theme. Effortlessly create and manage unique slideshows with captivating transitions and animations that are all completely responsive. With X, you can easily include a slider at the top of any page using a simple option dropdown, or to the body of your pages and posts using the generated shortcodes.</p> <p><strong>Simple Forms</strong> – Styling is included for the most popular form creation plugins on the market including Contact Form 7 and Gravity Forms for quick form setup.</p> <p><strong>Icon Fonts</strong> – They’re all the rage right now, and for good reason. Icon fonts are easy to use, look great across all devices (we’re talking about you retina displays), and aren’t much of a performance hit. With X, we’ve chosen to include two icon font libraries, Font Awesome, and the Foundation Social Set, combined to give you nearly 400 icons to use throughout your paragraphs, buttons, lists, and just about anything else you can think about.</p> <p><strong>Integrated Social Sharing</strong> – Facilitating the sharing of your content is a breeze with X. Built-in options allow for a quick, efficient, and seamless sharing experience that always feels custom tailored and never tacked on.</p> <p><strong>Retina Ready</strong> – Along with HTML5, CSS3, and icon fonts, X also ensures things like your logo look crystal clear across all devices.</p> <p><strong>Dynamic Thumbnail Sizing</strong> – Since we’ve provided you with not only the ability to control the width of your site, but also your content area, that much variable room can cause problems with your media (i.e. too big, too small, et cetera). However, we’ve included some custom scripting that takes care of all that, dynamically sizing all featured image content across your site based upon the dimensions you’ve chosen for your theme. What does it all mean in the end? Better performance and happier users. What else could you ask for?</p> <p><strong>Clean Code</strong> – X conforms to industry best practices at all levels. The attention to detail given by our developers on all levels is absolutely unparalleled. Implementing the latest HTML5 and CSS3 techniques, along with cutting edge WordPress standards ensures that your theme will provide you with the best possible experience you could hope for with a premium theme. Better load times and performance means your content is more readily consumed by your visitors, leading to repeat customers and increased exposure.</p> <p><strong>Demo Data</strong> – Sometimes it’s nice to get a little head start. Included with your purchase of X is a set of demo data illustrating how to accomplish dozens of unique layouts, along with how to take advantage of X’s unique feature-set. Be sure to check out our all new <strong><a href="https://theme.co/x#design-cloud" rel="nofollow">Expanded Demos</a></strong> – only available in the X Theme.</p> <p><strong>iLightBox jQuery Plugin</strong> – To make your images as beautiful as possible, we’ve integrated the iLightBox jQuery plugin directly in the theme in conjunction with the responsive lightbox shortcode. This $13 value is free with your purchase of X, and will ensure that your photographs look beautiful as ever in it’s fully responsive, minimal display.</p> <p><strong>Custom Post Formats</strong> – Manage your blog posts better by taking advantage of WordPress’ custom post formats. The following post formats are included, each with their own unique set of data inputs for managing content efficiently and easily:</p> <ul> <li>Standard</li> <li>Image</li> <li>Gallery</li> <li>Audio</li> <li>Video</li> <li>Quote</li> <li>Link</li> </ul> <p><strong>Search Engine Optimized</strong> – A lot of people boast about search engine optimization. We actually have data to back it up. X was built with the help of industry experts, SEO included. Rest assured that everything from the foundational markup utilizing the latest semantic HTML5 elements, up to specialized shortcodes for increased clickthrough rates have all been expertly crafted to ensure that your site ranks as best it can.</p> <p><strong>Translation Ready</strong> – X is translation ready and comes with included .mo and .po files.</p> <p><strong>Unlimited Styling</strong> – Trust us on this: virtually any layout or design you can think of is possible with X WordPress Theme. We even believed in this so much, we created 30 demo sites (yes, 30), to show off what is truly possible with X, and these were just from our team. Imagine what you could create with your own imagination and the tools necessary to make it happen.</p> <p><strong>Right to Left</strong> – Included with X are Stack specific stylesheets that support right to left languages and reposition elements when necessary.</p> <p><strong>WAI-ARIA Roles</strong> – X includes WAI-ARIA roles throughout each and every template file to ensure that your site conforms to the latest accessibility standards set forth by the W3C.</p> <p><strong>Unbelievable Member Resources</strong> – Experience a member area like you’ve never seen before. Fully responsive, helpful forums, HD tutorials, expert contributions, and so much more. X is more than just a theme, it’s an experience unto itself.</p> <p><strong>Updates</strong> – Our #1 priority is to keep X on the cutting edge of functionality, and our team is quick to address bug fixes as well as adding new features.</p> <p><strong>Multisite Tested</strong> – X has been thoroughly tested across numerous multisite setups (including our own demo installations), so you can rest easy knowing that everything will function as it should across your network.</p> <p><strong>Child Theme Compatible</strong> – X is child theme compatible, with child themes available upon your purchase of the theme to make customization easy and painless.</p> <p><strong>Custom Widgets</strong> – It’s a breeze to include your Flickr or Dribbble feed into your theme with X’s custom widgets. Simply drag and drop them wherever you desire, input your user information, and you’re good to go!</p> <p><strong>Cross Browser Compatibility</strong> – No browser is left behind with the X WordPress Theme! All modern browsers supported by X include: </p><ul> <li>Google Chrome</li> <li>Firefox</li> <li>Safari</li> <li>Opera</li> <li>Internet Explorer 11</li> <li>Internet Explorer 10</li> <li>Internet Explorer 9</li> </ul> <p><strong>Threaded Comments</strong> – Threaded comment support is active in X and fully responsive, allowing your users’ comments to be easily viewable and readable on all devices, no matter how small.</p> <p><strong>Best WordPress Theme 2025</strong> – X is truly the ultimate WordPress theme, and we look forward to proving it to you. Pick up your first or next license today!</p> <p><strong>Looking For Support?</strong> – <a href="http://theme.co/register" rel="nofollow"><strong>Create your Themeco account</strong></a> or <strong><a href="https://theme.co/login" rel="nofollow">login</a></strong> for access to support, code snippets, and more! Don’t forget to browse our <strong><a href="https://theme.co/docs" rel="nofollow">Docs</a></strong> and <strong><a href="https://theme.co/docs/changelog/x-10" rel="nofollow">Changelog</a></strong>.</p><br><a href="http://theme.co/go/join.php" rel="nofollow"><br><span data-src="https://camo.envatousercontent.com/5dfb1fc210fceffcf9ebef4c6aed16840a7b568b/687474703a2f2f7468656d652e636f2f6d656469612f76362d77656c636f6d652e706e67" data-alt="X | The Ultimate WordPress Theme - 68" class="lazy-load-img"></span></a><br><span data-src="https://camo.envatousercontent.com/0de28141d3a8677be3d07ddfce01df1db088b531/687474703a2f2f7468656d652e636f2f6d656469612f6c6f76696e676c792e706e67" data-alt="X | The Ultimate WordPress Theme - 69" class="lazy-load-img"></span></div>
          </div>
          <div class="js-item-description-toggle item-description-toggle">
            <a class="item-description-toggle__link is-hidden" href="#">
              <span>Show More <i class="e-icon -icon-chevron-down"></i></span>
              <span class="item-description-toggle__less">Show Less <i class="e-icon -icon-chevron-down -rotate-180"></i></span>
</a>          </div>
        </div>
      </div>

    <section data-view="recommendedItems" data-url="/item/x-the-theme/5871901/recommended_items" id="recommended_items">
</section>


      


    <div data-view="itemPageScrollEvents"></div>
  </div>

  <div class="sidebar-l sidebar-right">
    
    
    <div class="pricebox-container">
        <div class="purchase-panel">
      <div id="purchase-form" class="purchase-form">
    <form data-view="purchaseForm" data-analytics-has-custom-click="true" data-analytics-click-payload="{&quot;eventName&quot;:&quot;add_to_cart&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;quantityUpdate&quot;:false,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;value&quot;:89.0,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:5871901,&quot;item_name&quot;:&quot;X | The Ultimate WordPress Theme&quot;,&quot;item_brand&quot;:&quot;THEMECO&quot;,&quot;item_category&quot;:&quot;wordpress&quot;,&quot;item_category2&quot;:&quot;corporate&quot;,&quot;item_category3&quot;:&quot;business&quot;,&quot;price&quot;:&quot;89&quot;,&quot;quantity&quot;:1}]}}" action="/cart/add/5871901" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C8BVdqESpDdCZp_EfbJRMoIj-GxGFA-Dt0Q4Q0XlUsNmkfT-GuZ30ZoA254nu6eIhJCtwpZX-FHp6x6UKg1QmA" autocomplete="off" />
        <div>
          <div data-view="itemVariantSelector" data-id="5871901" data-cookiebot-enabled="true">
            <div class="purchase-form__selection">
  <span class="purchase-form__license-type">
      <span data-view="flyout" class="flyout">
        <span class="js-license-selector__chosen-license purchase-form__license-dropdown">Regular License</span>
        <div class="js-flyout__body flyout__body -padding-side-removed">
          <span class="js-flyout__triangle flyout__triangle"></span>
          <div class="license-selector" data-view="licenseSelector">
              <div class="js-license-selector__item license-selector__item" data-license="regular" data-name="Regular License">

                <div class="license-selector__license-type">
                  <span class="t-heading -size-xxs">Regular License</span>
                  <span class="js-license-selector__selected-label e-text-label -color-green -size-s " data-license="regular">Selected</span>
                </div>
                <div class="license-selector__price">
                  <span class="t-heading -size-m h-m0">
                    <b class="t-currency"><span class="">$89</span></b>
                  </span>
                </div>
                <div class="license-selector__description">
                  <p class="t-body -size-m h-m0">Use, by you or one client, in a single end product which end users <strong>are not</strong> charged for. The total price includes the item price and a buyer fee.</p>
                </div>
</div>              <div class="js-license-selector__item license-selector__item" data-license="extended" data-name="Extended License">

                <div class="license-selector__license-type">
                  <span class="t-heading -size-xxs">Extended License</span>
                  <span class="js-license-selector__selected-label e-text-label -color-green -size-s is-hidden" data-license="extended">Selected</span>
                </div>
                <div class="license-selector__price">
                  <span class="t-heading -size-m h-m0">
                    <b class="t-currency"><span class="">$2900</span></b>
                  </span>
                </div>
                <div class="license-selector__description">
                  <p class="t-body -size-m h-m0">Use, by you or one client, in a single end product which end users <strong>can be</strong> charged for. The total price includes the item price and a buyer fee.</p>
                </div>
</div>          </div>
          <div class="flyout__link">
            <p class="t-body -size-m h-m0">
              <a class="t-link -decoration-reversed" target="_blank" href="https://themeforest.net/licenses/standard">View license details</a>
            </p>
          </div>
        </div>
      </span>


      <select class="f-select js-purchase-license-selector is-hidden--js" name="license">
          <option value="regular" selected="selected" data-license="regular" data-license-default="true">Regular License</option>
          <option value="extended" data-license="extended" data-license-default="false">Extended License</option>
      </select>
  </span>

  <div class="js-purchase-heading purchase-form__price t-heading -size-xxl ">
      <b class="t-currency"><span class="js-purchase-price">$89</span></b>
  </div>
</div>


              <div class="purchase-form__license js-purchase-license is-active" data-license="regular">
                <price class="js-purchase-license-prices" data-price-prepaid="$89" data-license="regular" data-price-prepaid-upgrade="$117.88" data-support-upgrade-price="$28.88" data-support-upgrade-saving="$38" data-support-extension-price="$48.13" data-support-extension-saving="$19.25" data-support-renewal-price="$67.38" />
              </div>
              <div class="purchase-form__license js-purchase-license " data-license="extended">
                <price class="js-purchase-license-prices" data-price-prepaid="$2900" data-license="extended" data-price-prepaid-upgrade="$3762.50" data-support-upgrade-price="$862.50" data-support-upgrade-saving="$1,150" data-support-extension-price="$1437.50" data-support-extension-saving="$575" data-support-renewal-price="$2012.50" />
              </div>

            <div class="purchase-form__support">
                <ul class="t-icon-list -font-size-s -icon-size-s -offset-flush">
                  <li class="t-icon-list__item -icon-ok">
                    <span class="is-visually-hidden">Included:</span>
                    Quality checked by Envato
                  </li>
                  <li class="t-icon-list__item -icon-ok">
                    <span class="is-visually-hidden">Included:</span>
                    Future updates
                  </li>
                  <li class="t-icon-list__item -icon-ok">
                    <span class="is-visually-hidden">Included:</span>
                    6 months support from <span class="purchase-form__author-name">THEMECO</span>
                      <a class="t-link -decoration-reversed js-support__inclusion-link" data-view="modalAjax" href="/item_support/what_is_item_support/5871901">
                        <svg width="12px"
     height="13px"
     viewBox="0 0 12 13"
     class=""
     xmlns="http://www.w3.org/2000/svg"
     aria-labelledby="title"
     role="img">
  <title>More Info</title>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.5a6 6 0 1 0 12 0 6 6 0 0 0-12 0zm7.739-3.17a.849.849 0 0 1-.307.664.949.949 0 0 1-.716.273c-.273 0-.529-.102-.716-.272a.906.906 0 0 1-.307-.665c0-.256.102-.512.307-.682.187-.17.443-.273.716-.273.273 0 .528.102.716.273a.908.908 0 0 1 .307.682zm-.103 6.34-.119.46c-.34.137-.613.24-.818.307a2.5 2.5 0 0 1-.716.103c-.409 0-.733-.103-.954-.307a.953.953 0 0 1-.341-.767c0-.12 0-.256.017-.375.017-.12.05-.273.085-.426l.426-1.517a7.14 7.14 0 0 1 .103-.41c.017-.119.034-.238.034-.357a.582.582 0 0 0-.12-.41c-.085-.068-.238-.119-.46-.119-.12 0-.239.017-.34.051-.069.03-.132.047-.189.064-.042.012-.082.024-.119.038l.12-.46c.234-.102.468-.18.69-.253l.11-.037c.24-.085.478-.119.734-.119.409 0 .733.102.954.307.222.187.341.477.341.784 0 .068 0 .187-.017.34v.003a2.173 2.173 0 0 1-.085.458l-.427 1.534-.102.41v.002c-.017.119-.034.237-.034.356 0 .204.051.34.136.409.137.085.307.119.46.102a1.3 1.3 0 0 0 .359-.051c.085-.051.17-.085.272-.12z" fill="#0084B4"/>

</svg>

</a>                  </li>
                </ul>

                    <div class="purchase-form__upgrade purchase-form__upgrade--before-after-price">
                      <div class="purchase-form__upgrade-checkbox purchase-form__upgrade-checkbox--before-after-price">
                        <input type="hidden" name="support" id="support_default" value="bundle_6month" class="js-support__default" autocomplete="off" />
                        <input type="checkbox" name="support" id="support" value="bundle_12month" class="js-support__option" />
                      </div>
                  <div class="purchase-form__upgrade-info">
                      <label class="purchase-form__label purchase-form__label--before-after-price" for="support">
                        Extend support to 12 months
                        <span class="purchase-form__price purchase-form__price--before-after-price t-heading -size-xs h-pull-right">
                            <span class="js-renewal__price t-currency purchase-form__renewal-price purchase-form__renewal-price--strikethrough">
                              $67.38
                            </span>

                          <b class="t-currency">
                            <span class="js-support__price">$28.88</span>
                          </b>
                        </span>
                      </label>
                    </div>
                  </div>
            </div>
</div>
          
          <div class="purchase-form__cta-buttons">
              <div class="purchase-form__button">
  <button name="button" type="submit" class="js-purchase__add-to-cart e-btn--3d -color-primary -size-m -width-full">
    <i class="e-icon -icon-cart -margin-right"></i> <strong>Add to Cart</strong>
</button></div>

          </div>
          <div class="purchase-form__us-dollars-notice-container">
              <p class="purchase-form__us-dollars-notice"><i>Price is in US dollars and excludes tax and handling fees</i></p>

          </div>
        </div>
</form>  </div>

  </div>

</div>

    
    
    
    <div class="box -radius-all">
  <div class="media">
    <div class="media__item">
      <img alt="Power Elite author" title="Power Elite Author: Sold more than $1M on Envato Market" width="42" height="42" src="https://public-assets.envato-static.com/assets/badges/power_elite-0217eca09252393b09e6b20323c1e460fca37f947275ab2467466e46617b319b.svg" />
    </div>
    <div class="media__body -align-center">
      <p class="t-body -size-m h-m0">Power Elite Author</p>
    </div>
  </div>
</div>

    <div class="box -radius-all">
  <div class="media">
    <div class="media__item">
      <div class="avatar-wrapper tooltip-advanced">
    <a class="avatar" title="THEMECO" href="/user/THEMECO">
        <span data-src="https://s3.envato.com/files/292755572/xlogo.png" data-width="80" data-height="80" data-alt="THEMECO" class="lazy-load-img"></span>

</a>
  
</div>

    </div>
    <div class="media__body">
      <h2 class="t-heading -size-s h-text-overflow-wrap-anywhere">
          <a rel="author" class="t-link -color-dark -decoration-none" href="/user/themeco">THEMECO</a>
      </h2>
        <div class="">
          <ul class="badges">
    <li>
      <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs ">
        <span data-src="https://public-assets.envato-static.com/assets/badges/one_billion_milestone-s-ed3a00e6519c81aee36b4f053c5e59b64c3de33f69d2baa58a823b6827d96a3b.svg" data-alt="Milestone Member" data-class="community-badges__badge--s" data-title="Milestone Member: Part of the $1 billion community earnings milestone" class="lazy-load-img"></span>

      </span>
    </li>
    <li>
      <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs ">
        <span data-src="https://public-assets.envato-static.com/assets/badges/author_level_15-s-cbc1f25137e2a31f4b70c174e03dc09e2a4d07c461e848004646eb2f8d37bad6.svg" data-alt="Author Level 15" data-class="community-badges__badge--s" data-title="Author Level 15: Has sold $10M+ on Envato Market" class="lazy-load-img"></span>

      </span>
    </li>
    <li>
      <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs ">
        <span data-src="https://public-assets.envato-static.com/assets/badges/power_elite-s-34961fad55781ace6eef23c02fd3cb7eedf16e86e3ce9a10e98cc9f43567c597.svg" data-alt="Power Elite Author" data-class="community-badges__badge--s" data-title="Power Elite Author: Sold more than $1M on Envato Market" class="lazy-load-img"></span>

      </span>
    </li>
    <li>
      <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs ">
        <span data-src="https://public-assets.envato-static.com/assets/badges/affiliate_level_8-s-42a4fe6b8a5b0ef0c409c5c25788d384d1a583b2cef97530464a51929ffada45.svg" data-alt="Affiliate Level 8" data-class="community-badges__badge--s" data-title="Affiliate Level 8: Has referred more than 5000 members" class="lazy-load-img"></span>

      </span>
    </li>
    <li>
      <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs ">
        <span data-src="https://public-assets.envato-static.com/assets/badges/community_superstar-s-a7d4cf5fc944e705fda1b2184116e5784b1b8b18ba267f2efdc4c380bde4e751.svg" data-alt="Community Superstar" data-class="community-badges__badge--s" data-title="Community Superstar: Achieved the monthly Community Superstar Award" class="lazy-load-img"></span>

      </span>
    </li>
    <li>
      <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs ">
        <span data-src="https://public-assets.envato-static.com/assets/badges/was_weekly_top_seller-s-450a372ef504c226ad5c50b332c51741364a5014267839e0484804ae2fafe398.svg" data-alt="Weekly Top Seller" data-class="community-badges__badge--s" data-title="Weekly Top Seller: Had an item that ranked among the weekly top sellers across the entire marketplace" class="lazy-load-img"></span>

      </span>
    </li>
    <li>
      <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs ">
        <span data-src="https://public-assets.envato-static.com/assets/badges/was_top_monthly_author-s-d2866e865aab0be2c0d48681dc5dea0122a93859783d9e70316cfc32ed4abdb9.svg" data-alt="Top Monthly Author" data-class="community-badges__badge--s" data-title="Top Monthly Author: Became a Top 20 Author of the Month" class="lazy-load-img"></span>

      </span>
    </li>
    <li>
      <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs ">
        <span data-src="https://public-assets.envato-static.com/assets/badges/had_trending_item-s-973480c3b882aee21c3dbefdbb9a47c01668da9beb2678ad5332194269fb7ceb.svg" data-alt="Trendsetter" data-class="community-badges__badge--s" data-title="Trendsetter: Had an item that was trending" class="lazy-load-img"></span>

      </span>
    </li>
    <li>
      <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs ">
        <span data-src="https://public-assets.envato-static.com/assets/badges/had_featured_item-s-b5f2918086aeed34870acaf7a6c9710fa7f7418a10f670ceeb57395d4fc2b90e.svg" data-alt="Featured Item" data-class="community-badges__badge--s" data-title="Featured Item: Had an item featured on Envato Market" class="lazy-load-img"></span>

      </span>
    </li>
    <li>
      <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs ">
        <span data-src="https://public-assets.envato-static.com/assets/badges/contributed_blog_post-s-158bfbe45320784b6586ea839577f619475f8056c417304faa768ca29868c9ae.svg" data-alt="Wordsmith" data-class="community-badges__badge--s" data-title="Wordsmith: Contributed a blog post" class="lazy-load-img"></span>

      </span>
    </li>
    <li>
      <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs ">
        <span data-src="https://public-assets.envato-static.com/assets/badges/collector_level_3-s-af54e8174fd6b35263a5e25eaa63002de4233a5d1b770a3bfadbb74bd3303036.svg" data-alt="Collector Level 3" data-class="community-badges__badge--s" data-title="Collector Level 3: Has collected 50+ items on Envato Market" class="lazy-load-img"></span>

      </span>
    </li>
    <li>
      <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs ">
        <span data-src="https://public-assets.envato-static.com/assets/badges/veteran_level_12-s-1ae2b9b7ab1eb6b67a4001243ad9723b89bf7402f29c89f21f94a7ef8dea5546.svg" data-alt="12 Years of Membership" data-class="community-badges__badge--s" data-title="12 Years of Membership: Has been part of the Envato Community for over 12 years" class="lazy-load-img"></span>

      </span>
    </li>
    <li>
      <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs ">
        <span data-src="https://public-assets.envato-static.com/assets/badges/exclusive-s-ece00f12ba6563867b7ba5274540c7333ba6688400220b3bf1d2bb9b338d65f8.svg" data-alt="Exclusive Author" data-class="community-badges__badge--s" data-title="Exclusive Author: Sells items exclusively on Envato" class="lazy-load-img"></span>

      </span>
    </li>
    <li>
      <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs ">
        <span data-src="https://public-assets.envato-static.com/assets/badges/country_us-c3c79f87389cc78e1dada7f745472c1dcd8c7c244965bf8e4f7074b4c5b5cb35.svg" data-alt="United States" data-class="community-badges__badge--s" data-title="Located in United States" class="lazy-load-img"></span>

      </span>
    </li>
</ul>

        </div>
    </div>
  </div>

    <div class="h-mt1">
      <a class="e-btn--3d -color-light -width-full js-view-portfolio-button" href="/user/THEMECO/portfolio">View Portfolio</a>
    </div>
</div>

    
    <div class="box -radius-all">
  <div class="meta-attributes js-meta-attributes " data-view="CondenseItemInfoPanel">
    <table class="meta-attributes__table" cellspacing="0" cellpadding="0" border="0">
      <tbody>
        <tr class="js-condense-item-page-info-panel--last_update">
          <td class="meta-attributes__attr-name">Last Update</td>
          <td class="meta-attributes__attr-detail">
            <time class="updated" datetime="2025-04-29T06:10:53+10:00">
              29 April 2025
            </time>
          </td>
        </tr>

            <tr>
              <td class="meta-attributes__attr-name">Gutenberg Optimized</td>
                <td class="meta-attributes__attr-detail">
                  <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/gutenberg-optimized/no">No</a>
                </td>
            </tr>
            <tr>
              <td class="meta-attributes__attr-name">High Resolution</td>
                <td class="meta-attributes__attr-detail">
                  <span>Yes</span>
                </td>
            </tr>
            <tr>
              <td class="meta-attributes__attr-name">Widget Ready</td>
                <td class="meta-attributes__attr-detail">
                  <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/widget-ready/yes">Yes</a>
                </td>
            </tr>
            <tr>
              <td class="meta-attributes__attr-name">Compatible Browsers</td>
                <td class="meta-attributes__attr-detail">
                  <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/firefox">Firefox</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/safari">Safari</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/opera">Opera</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/chrome">Chrome</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/edge">Edge</a>
                </td>
            </tr>
            <tr>
              <td class="meta-attributes__attr-name">Compatible With</td>
                <td class="meta-attributes__attr-detail">
                  <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/bbpress%202.6.x">bbPress 2.6.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/buddypress%209.x.x">BuddyPress 9.x.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/gravity%20forms">Gravity Forms</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/woocommerce%208.x.x">WooCommerce 8.x.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/wpforms">WPForms</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/wpml">WPML</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/cornerstone">Cornerstone</a>
                </td>
            </tr>
            <tr>
              <td class="meta-attributes__attr-name">Software Version</td>
                <td class="meta-attributes__attr-detail">
                  <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%206.8.x">WordPress 6.8.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%206.7.x">WordPress 6.7.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%206.6.x">WordPress 6.6.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%206.5.x">WordPress 6.5.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%206.4.x">WordPress 6.4.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%206.3.x">WordPress 6.3.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%206.2.x">WordPress 6.2.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%206.1.x">WordPress 6.1.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%206.0.x">WordPress 6.0.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.9.x">WordPress 5.9.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.8.x">WordPress 5.8.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.7.x">WordPress 5.7.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.6.x">WordPress 5.6.x</a>
                </td>
            </tr>
            <tr>
              <td class="meta-attributes__attr-name">ThemeForest Files Included</td>
                <td class="meta-attributes__attr-detail">
                  <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/themeforest-files-included/php%20files">PHP Files</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/themeforest-files-included/css%20files">CSS Files</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/themeforest-files-included/js%20files">JS Files</a>
                </td>
            </tr>
            <tr>
              <td class="meta-attributes__attr-name">Columns</td>
                <td class="meta-attributes__attr-detail">
                  <span>4+</span>
                </td>
            </tr>
            <tr>
              <td class="meta-attributes__attr-name">Documentation</td>
                <td class="meta-attributes__attr-detail">
                  <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/documentation/well%20documented">Well Documented</a>
                </td>
            </tr>
            <tr>
              <td class="meta-attributes__attr-name">Layout</td>
                <td class="meta-attributes__attr-detail">
                  <span>Responsive</span>
                </td>
            </tr>


          <tr>
            <td class="meta-attributes__attr-name">Tags</td>
            <td><span class="meta-attributes__attr-tags">
              <a title="blog" rel="nofollow" href="/search/blog">blog</a>, <a title="business" rel="nofollow" href="/search/business">business</a>, <a title="corporate" rel="nofollow" href="/search/corporate">corporate</a>, <a title="creative" rel="nofollow" href="/search/creative">creative</a>, <a title="ecommerce" rel="nofollow" href="/search/ecommerce">ecommerce</a>, <a title="modern" rel="nofollow" href="/search/modern">modern</a>, <a title="multipurpose" rel="nofollow" href="/search/multipurpose">multipurpose</a>, <a title="page builder" rel="nofollow" href="/search/page builder">page builder</a>, <a title="photography" rel="nofollow" href="/search/photography">photography</a>, <a title="portfolio" rel="nofollow" href="/search/portfolio">portfolio</a>, <a title="professional" rel="nofollow" href="/search/professional">professional</a>, <a title="responsive" rel="nofollow" href="/search/responsive">responsive</a>, <a title="retina" rel="nofollow" href="/search/retina">retina</a>, <a title="wordpress" rel="nofollow" href="/search/wordpress">wordpress</a>
            </span></td>
          </tr>

          <tr>
            <td class="meta-attributes__attr-name">Created</td>
            <td class="meta-attributes__attr-detail">
              <span data-nosnippet="">
                11 years ago
</span>            </td>
          </tr>
      </tbody>
    </table>
</div></div>

    <div class="t-body -size-s h-text-align-center h-mt2">
  &copy; All Rights Reserved THEMECO
  <br/>
  <a href="https://help.market.envato.com">Contact the Envato Market Help Team</a>
</div>

</div>

  <script nonce="Ax8pz2jz0aL1frYRg9x3zw==">
//<![CDATA[
    // HACK: Google Chrome always scroll the previous page's position on hitting Back button
    // This causes issue with responsive version in which unexpanded item description obscure
    // the scroll position and Chrome will jump to the outer border of bottom
    window.addEventListener('unload', function(e) { window.scrollTo(0, 0); });

//]]>
</script></div>

              </div>
            </div>

            
            <div>
                <div class="cross-sell ">
    <a class="cross-sell__link" target="blank" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;footer block ads&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-footer_28AUG2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-footer_28AUG2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;footer block ads&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-footer_28AUG2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-footer_28AUG2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-once="true" href="https://elements.envato.com/pricing?utm_campaign=elements_mkt-footer_28AUG2024&amp;utm_content=tf_global-footer&amp;utm_medium=promos&amp;utm_source=themeforest.net">
      <div class="mainPanel">
        <div class="mainPanelContent">
          <img
            loading="lazy"
            src="https://public-assets.envato-static.com/assets/common/50x-page/envato-logo-11bf09c1be758f900356bf789ceb40db7c2fcbc0557fb85dff1a7a827a182673.svg"
            alt="Elements logo"
            width="140"
            height="31">
          <div class="mainPanelLinkContainer">
            <p class="mainPanelLinkHeading">
              Looking for unlimited downloads?
            </p>
            <p class="mainPanelLinkSubheading">
              Subscribe to Envato Elements.
            </p>

            <div class="mainPanelLinkDescription">
                <div class="descriptionItem">
                  <img src="https://public-assets.envato-static.com/assets/header/badge-a65149663b95bcee411e80ccf4da9788f174155587980d8f1d9c44fd8b59edd8.svg" alt="badge" width="20" height="20" >
                  <span>Millions of premium assets </span>
                </div>
                <div class="descriptionItem">
                  <img src="https://public-assets.envato-static.com/assets/header/thumbs_up-e5ce4c821cfd6a6aeba61127a8e8c4d2d7c566e654f588a22708c64d66680869.svg" alt="thumbs up" width="20" height="20" >
                  <span> Great value subscription</span>
                </div>
            </div>
          </div>
          <button class="brand-neue-button brand-neue-button__open-in-new elements-nav__cta footer_btn">Start creating now</button>
        </div>
      </div>
      <div class="secondaryPanel">
        <img
          loading="lazy"
          src="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-1x-59887e02d3bda94335ce4ed0d1cdd4465b42a2dae3524eb09ea85bf5f4d55c08.png"
          srcset="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-2x-7b24f742786bf9591eb05fa640819e037c8330cd646f7a547a3b3d07d7c208d8.png 2x"
          alt="Collage of Elements items"
        />
      </div>
</a>  </div>

              <footer class='global-footer'>
  <div class='grid-container -layout-wide'>
    <div class='global-footer__container'>
  <nav class='global-footer-info-links'>
    <hr class='global-footer__separator is-hidden-desktop h-mb4'>

    <ul class='global-footer-info-links__list'>
        <li class='global-footer-info-links__list-item'>
          <ul class='global-footer-sublist'>
            <li class='global-footer-sublist__item-title'>
              Envato Market
            </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://help.market.envato.com/hc/en-us/articles/41383541904281-Envato-Market-Terms">Terms</a>
              </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://themeforest.net/licenses">Licenses</a>
              </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://build.envato.com">Market API</a>
              </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://envato.com/market/affiliate-program/">Become an affiliate</a>
              </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://www.envato.com/cookies/">Cookies</a>
              </li>
              <li class='global-footer-sublist__item h-p0'>
                  <button type="button" class="global-footer__text-link" data-view="cookieSettings">Cookie Settings</button>
              </li>
          </ul>
        </li>
        <li class='global-footer-info-links__list-item'>
          <ul class='global-footer-sublist'>
            <li class='global-footer-sublist__item-title'>
              Help
            </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://help.market.envato.com">Help Center</a>
              </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://help.author.envato.com/hc/en-us">Authors</a>
              </li>
          </ul>
        </li>
        <li class='global-footer-info-links__list-item'>
          <ul class='global-footer-sublist'>
            <li class='global-footer-sublist__item-title'>
              Our Community
            </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://community.envato.com">Community</a>
              </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://envato.com/blog">Blog</a>
              </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://forums.envato.com">Forums</a>
              </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://community.envato.com/#/events">Meetups</a>
              </li>
          </ul>
        </li>
        <li class='global-footer-info-links__list-item'>
          <ul class='global-footer-sublist'>
            <li class='global-footer-sublist__item-title'>
              Meet Envato
            </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://elements.envato.com/about">About Envato</a>
              </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://envato.com/careers/">Careers</a>
              </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://envato.com/privacy/">Privacy Policy</a>
              </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://www.envato.com/privacy/my-personal-information">Do not sell or share my personal information</a>
              </li>
              <li class='global-footer-sublist__item h-p0'>
                <a class="global-footer__text-link" href="https://envato.com/sitemap/">Sitemap</a>
              </li>
          </ul>
        </li>
    </ul>
  </nav>

  <div class='global-footer-stats'>
    <div class='global-footer-stats__content'>
      <img class="global-footer-stats__logo" alt="Envato Market" src="https://public-assets.envato-static.com/assets/logos/envato_market-dd390ae860330996644c1c109912d2bf63885fc075b87215ace9b5b4bdc71cc8.svg" />

      <ul class='global-footer-stats__list'>
        <li class='global-footer-stats__list-item h-p0'>
          <span class='global-footer-stats__number'>77,245,569</span> items sold

        </li>
        <li class='global-footer-stats__list-item h-p0'>
          <span class='global-footer-stats__number'>$1,211,709,662</span> community earnings

        </li>
      </ul>
    </div>
    <div class='global-footer-stats__bcorp'>
      <a target="_blank" rel="noopener noreferrer" class="global-footer-bcorp-link" href="https://bcorporation.net/en-us/find-a-b-corp/company/envato">
        <img class="global-footer-bcorp-logo" width="50" alt="B Corp Logo" loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/logo-bcorp-e83f7da84188b8edac311fbf08eaa86634e9db7c67130cdc17837c1172c5f678.svg" />
</a>    </div>
  </div>
</div>

    <hr class='global-footer__separator'>
      <div class='global-footer__container'>
    <div class='global-footer-company-links'>
      <ul class='global-footer-company-links__list'>
          <li class='global-footer-company-links__list-item'>
            <a class="global-footer__text-link -opacity-full" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;footer nav&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionName&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;footer nav&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionName&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" href="https://elements.envato.com?utm_campaign=elements_mkt-footernav">Envato Elements</a>
          </li>
          <li class='global-footer-company-links__list-item'>
            <a class="global-footer__text-link -opacity-full" href="https://placeit.net/">Placeit by Envato</a>
          </li>
          <li class='global-footer-company-links__list-item'>
            <a class="global-footer__text-link -opacity-full" href="https://tutsplus.com">Envato Tuts+</a>
          </li>
          <li class='global-footer-company-links__list-item'>
            <a class="global-footer__text-link -opacity-full" href="https://envato.com/products/">All Products</a>
          </li>
          <li class='global-footer-company-links__list-item'>
            <a class="global-footer__text-link -opacity-full" href="https://envato.com/sitemap/">Sitemap</a>
          </li>
      </ul>

      <hr class="global-footer__separator is-hidden-tablet-and-above h-mt3">


      <small class='global-footer-company-links__price-disclaimer'>
        Price is in US dollars and excludes tax and handling fees
      </small>

      <small class='global-footer-company-links__copyright'>
        © 2025 Envato Pty Ltd. Trademarks and brands are the property of their respective owners.
      </small>
    </div>

    <div class='global-footer-social'>
      <ul>
          <li class='global-footer-social__list-item'>
            <a class="global-footer__icon-link" rel="nofollow" href="https://twitter.com/envato">
            <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/twitter-fed054cb31fc18407431a26876142c31a26c6bd59026c684d9625e4d7e58002a.svg" data-class="global-footer-social__icon" data-alt="Twitter" data-title="Twitter" data-width="22" data-height="22" class="lazy-load-img"></span>
</a>          </li>
          <li class='global-footer-social__list-item'>
            <a class="global-footer__icon-link" rel="nofollow" href="https://www.facebook.com/envato">
            <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/facebook-20d27cecd9ae46e6f7bad373316a0dc544669d42dbe0f66b3672720fbe5592fc.svg" data-class="global-footer-social__icon" data-alt="Facebook" data-title="Facebook" data-width="22" data-height="22" class="lazy-load-img"></span>
</a>          </li>
          <li class='global-footer-social__list-item'>
            <a class="global-footer__icon-link" rel="nofollow" href="https://www.youtube.com/user/Envato">
            <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/youtube-2d6a8f758426e727939834a47fe9e16ed6b651afed9ca4327a986f76f496594a.svg" data-class="global-footer-social__icon" data-alt="YouTube" data-title="YouTube" data-width="22" data-height="22" class="lazy-load-img"></span>
</a>          </li>
          <li class='global-footer-social__list-item'>
            <a class="global-footer__icon-link" rel="nofollow" href="https://www.instagram.com/envato/">
            <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/instagram-dce9fbf4d8428e6f75492fdc4e32ef7543ce3ba6347a5b055e7ac68c45416dc2.svg" data-class="global-footer-social__icon" data-alt="Instagram" data-title="Instagram" data-width="22" data-height="22" class="lazy-load-img"></span>
</a>          </li>
          <li class='global-footer-social__list-item'>
            <a class="global-footer__icon-link" rel="nofollow" href="https://www.pinterest.com/envato/">
            <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/pinterest-2e00aae335d66e4e28273bbfe4e9428ca8d8d91cbd9122d81312218ea34747df.svg" data-class="global-footer-social__icon" data-alt="Pinterest" data-title="Pinterest" data-width="22" data-height="22" class="lazy-load-img"></span>
</a>          </li>
      </ul>
    </div>
  </div>

  </div>
</footer>

            </div>
          </div>

          <div class="is-hidden-phone">
            <div id="tooltip-magnifier" class="magnifier">
  <strong></strong>
  <div class="info">
    <div class="author-category">
      by <span class="author"></span>
    </div>
    <div class="price">
      <span class="cost"></span>
    </div>
  </div>
  <div class="footer">
    <span class="category"></span>
      <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span>
  </div>
</div>

            <div id="landscape-image-magnifier" class="magnifier">
    <div class="size-limiter">
    </div>
  <strong></strong>
  <div class="info">
    <div class="author-category">
      by <span class="author"></span>
    </div>
    <div class="price">
      <span class="cost"></span>
    </div>
  </div>
  <div class="footer">
    <span class="category"></span>
      <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span>
  </div>
</div>

            <div id="portrait-image-magnifier" class="magnifier">
    <div class="size-limiter">
    </div>
  <strong></strong>
  <div class="info">
    <div class="author-category">
      by <span class="author"></span>
    </div>
    <div class="price">
      <span class="cost"></span>
    </div>
  </div>
  <div class="footer">
    <span class="category"></span>
      <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span>
  </div>
</div>

            <div id="square-image-magnifier" class="magnifier">
    <div class="size-limiter">
    </div>
  <strong></strong>
  <div class="info">
    <div class="author-category">
      by <span class="author"></span>
    </div>
    <div class="price">
      <span class="cost"></span>
    </div>
  </div>
  <div class="footer">
    <span class="category"></span>
      <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span>
  </div>
</div>

            <div id="smart-image-magnifier" class="magnifier">
    <div class="size-limiter">
    </div>
  <strong></strong>
  <div class="info">
    <div class="author-category">
      by <span class="author"></span>
    </div>
    <div class="price">
      <span class="cost"></span>
    </div>
  </div>
  <div class="footer">
    <span class="category"></span>
      <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span>
  </div>
</div>

            <div id="video-magnifier" class="magnifier">
    <div class="size-limiter">
    </div>
  <strong></strong>
  <div class="info">
    <div class="author-category">
      by <span class="author"></span>
    </div>
    <div class="price">
      <span class="cost"></span>
    </div>
  </div>
  <div class="footer">
    <span class="category"></span>
      <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span>
  </div>
</div>

          </div>
        </div>


        <div class="page__overlay" data-view="offCanvasNavToggle" data-off-canvas="close"></div>
      </div>
    </div>

    

      <div data-site="themeforest" data-view="CsatSurvey" data-cookiebot-enabled="true" class="is-visually-hidden">
  <div id="js-customer-satisfaction-survey">
    <div class="e-modal">
      <div class="e-modal__section" id="js-customer-satisfaction-survey-iframe-wrapper">
      </div>
    </div>
  </div>
</div>
<div id="js-customer-satisfaction-popup" class="survey-popup is-visually-hidden">
  <div class="h-text-align-right"><a href="#" id="js-popup-close-button" class="e-alert-box__dismiss-icon"><i class="e-icon -icon-cancel"></i></a></div>
  <div class="survey-popup--section">
    <h2 class="t-heading h-text-align-center -size-m">Tell us what you think!</h2>
    <p>We'd like to ask you a few questions to help improve ThemeForest.</p>
  </div>
  <div class="survey-popup--section">
    <a href="#" id="js-show-survey-button" class="e-btn -color-primary -size-m -width-full js-survey-popup--show-survey-button">Sure, take me to the survey</a>
  </div>
</div>


    <script src="https://public-assets.envato-static.com/assets/market/core/index-4069f5899f3a4a97c56eda51615d794fe131e0189423303962b0c7a04810088a.js" nonce="Ax8pz2jz0aL1frYRg9x3zw=="></script>

    <script src="https://public-assets.envato-static.com/assets/market/pages/default/index-b0500dbfcaec10d89b88509a6dccb548aed74973b46608614b6e5c06a58059d2.js" nonce="Ax8pz2jz0aL1frYRg9x3zw=="></script>




    
<div id="affiliate-tracker" class="is-hidden" data-view="affiliatesTracker" data-cookiebot-enabled="true"></div>

    <script src="https://public-assets.envato-static.com/assets/market/core/lazyload-f0fdf08f4783c5b030b32eb74e26ace288ccfeeee00a96df46f974edf09fc853.js" crossorigin="anonymous" nonce="Ax8pz2jz0aL1frYRg9x3zw==" integrity="sha256-Lj73XO2pRKnz68V0O125cWko4eq1N3BVb2oeXYCSLv0="></script>

    <script nonce="Ax8pz2jz0aL1frYRg9x3zw==">
//<![CDATA[
      $(function(){viewloader.execute(Views);});

//]]>
</script>
      <script src="https://consent.cookiebot.com/uc.js" data-cbid="d10f7659-aa82-4007-9cf1-54a9496002bf" data-georegions="{&quot;region&quot;:&quot;US&quot;,&quot;cbid&quot;:&quot;d9683f70-895f-4427-97dc-f1087cddf9d8&quot;}" async="async" id="Cookiebot" nonce="Ax8pz2jz0aL1frYRg9x3zw=="></script>


  <script nonce="Ax8pz2jz0aL1frYRg9x3zw==">
//<![CDATA[
  var ACCOUNTS = ["m"];
  window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;

    var consentCookie = getCookie('CookieConsent');

    if (consentCookie) {
      var hasConsent = Market.Helpers.CookieConsent.given('statistics');

      if (hasConsent) {
        setupGoogleAnalytics();
        loadGoogleAnalytics();
        loadLinkingForAllAccounts();
      }
    }

    window.addEventListener('CookiebotOnAccept', handleCookiebotAcceptDeclineEvent, false);
    window.addEventListener('CookiebotOnDecline', handleCookiebotAcceptDeclineEvent, false);

  function handleCookiebotAcceptDeclineEvent() {
    if (Cookiebot.consent.statistics) {
      if (!(window.ga && ga.create)) {
        setupGoogleAnalytics();
        loadGoogleAnalytics();
        loadLinkingForAllAccounts();
      }
    } else {
      unloadGoogleAnalytics()
    }
  }

  function getCookie(name) {
    var name = name + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var cookieContent = decodedCookie.split(';');

    for(var i = 0; i < cookieContent.length; i++) {
      var c = cookieContent[i];

      while (c.charAt(0) == ' ') {
        c = c.substring(1);
      }

      if (c.indexOf(name) == 0) {
        return c.substring(name.length, c.length);
      }
    }

    return false;
  }

  function delete_cookie_by_name(name) {
    document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
  }

  function unloadGoogleAnalytics() {
    var payload = {"name":"m","allowLinker":true};
    var accountId = "UA-11834194-7";

    // Set the GA User Opt-out flag
    window['ga-disable-'+accountId] = true;

    // Do not explicitly make any further calls to ga()
    ga(payload.name+".remove");

    // Delete any existing GA cookies (_ga, _gat & _gaid) and GA Client ID from localStorage
    delete_cookie_by_name('_ga');
    delete_cookie_by_name('_gat');
    delete_cookie_by_name('_gid');

    // Delete LocalStorage Entries
    if (Market.Helpers.GaLsUtils.localStorageAvailable()) {
      var clientId = Market.Helpers.GaLsUtils.getClientId();

      if (!clientId) {
        return;
      }

      Market.Helpers.GaLsUtils.removeClientId();
    }

    // Do not transmit the Client ID to other sites upon navigation (i.e. autoLink)
  }

  function domLoaded() {
    return new Promise(resolve => {
      if (
        document.readyState === 'interactive' ||
        document.readyState === 'complete'
      ) {
        resolve()
      } else {
        document.addEventListener(
          'DOMContentLoaded',
          () => {
            resolve()
          },
          {
            capture: true,
            once: true,
            passive: true
          }
        )
      }
    })
  }

  function loadLinkingForAllAccounts() {
    domLoaded().then(() => {
      window._envGaTrackerNames = ACCOUNTS;

      for (var i = 0; i < ACCOUNTS.length; i++) {
        var t = ACCOUNTS[i];

        ga(t+'.require', 'linker');

        ga(t+'.require', 'linkid', 'linkid.js');
      };

      document.body.addEventListener('click', function(event) {
        decorateLink(event);
      });
      document.body.addEventListener('contextmenu', function(event) {
        // Aside from a normal click, we need to handle the variety of ways users
        // can open a link in a new tab
        // Right click to open context menu
        decorateLink(event);
      });
      document.body.addEventListener('mousedown', function(event) {
        // Aside from a normal click, we need to handle the variety of ways users
        // can open a link in a new tab
        // Middle mouse button click
        if (event.button === 1) {
          decorateLink(event);
        }
      });
    });
  }

  function decorateLink(event) {

    window._envGaTrackerNames = ACCOUNTS;

    var currentTarget = jQuery(event.target);
    var link = currentTarget.closest('a')[0];
    var ourDomains = ["audiojungle.net","themeforest.net","videohive.net","graphicriver.net","3docean.net","codecanyon.net","photodune.net","elements.envato.com","build.envatohostedservices.com","author.envato.com","tutsplus.com","sites.envato.com","account.envato.com","forums.envato.com"];
    var filteredDomains = ourDomains.filter(function(domain) {
      return domain !== document.location.hostname;
    });

    for (var i = 0; i < ACCOUNTS.length; i++) {
      var t = ACCOUNTS[i];

      if (link && link.href) {
        if (filteredDomains.includes(link.hostname) || currentSiteLinkOpensInNewWindow(link)) {
          ga(t+'.linker:decorate', link)
        }
      }
    }
  }

  function currentSiteLinkOpensInNewWindow(link) {
    return document.location.hostname === link.hostname && link.target === '_blank';
  }

  function setupGoogleAnalytics() {
    (function () {
      var accountId = "UA-11834194-7";
      window['ga-disable-'+accountId] = false;

      var options = {"name":"m","allowLinker":true};

      if (Market.Helpers.GaLsUtils.localStorageAvailable()) {
        if (Market.Helpers.GaLsUtils.clientIdNotPresent()) {
          options.clientId = Market.Helpers.GaLsUtils.retrieveClientId();
        }

        ga("create", accountId, options);
        ga(function() {
          var tracker = ga.getByName(options.name);
          Market.Helpers.GaLsUtils.storeClientId(tracker.get('clientId'));
          for (var i = 0; i < ACCOUNTS.length; i++) {
            var t = ACCOUNTS[i];
            ga(t+'.set', 'dimension18', Market.Helpers.GaLsUtils.retrieveClientId())
          }
        })
      } else {
        ga("create", accountId, options);
      }

      window._envGaTrackerNames = ACCOUNTS;

      for (var i = 0; i < ACCOUNTS.length; i++) {
        var t = ACCOUNTS[i];

        ga(t+'.require', "");

        ga(t+'.require', 'ec');

        ga(t+'.require', 'displayfeatures');

        ga(t+'.set', 'dimension20', 'item:details')

        var itemPageIdMatch = window.location.pathname.match(/^\/item\/[a-z-]+\/(?:reviews\/)?(\d+)(?:\/comments|\/support)?$/);
        if (itemPageIdMatch) {
          // Fetch item ID from path
          var itemId = itemPageIdMatch[1];
          ga(t+'.set', 'dimension23', itemId);
        }

      }

      loadLinkingForAllAccounts()
    }());
  }

  function loadGoogleAnalytics() {
    (function () {

      var s=document.createElement('script');
      s.type='text/javascript';
      s.async=true;
        s.src='https://www.google-analytics.com/analytics.js';
      var x=document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s,x);
    }());
  }

  

//]]>
</script>

<script nonce="Ax8pz2jz0aL1frYRg9x3zw==">
//<![CDATA[

  trimGacUaCookies()
  trimGaSessionCookies()

  function trimGacUaCookies() {
    // Trim the list of gac cookies and only leave the most recent ones. This
    // prevents rejecting the request later on when the cookie size grows larger
    // than nginx buffers.
    let maxCookies = 15
    var gacCookies = []

    let cookies = document.cookie.split('; ')
    for (let i in cookies) {
      let [cookieName, cookieVal] = cookies[i].split('=', 2)
      if (cookieName.startsWith('_gac_UA')) {
        gacCookies.push([cookieName, cookieVal])
      }
    }

    if (gacCookies.length <= maxCookies){return
    }

    gacCookies.sort((a, b) => { return (a[1] > b[1] ? -1 : 1) })

    for (let i in gacCookies) {
      if (i < maxCookies) continue
      $.removeCookie(gacCookies[i][0], { path: '/', domain: '.' + window.location.host })
    }
  }

  function trimGaSessionCookies() {
    // Trim the list of ga session cookies and only leave the most recent ones. This
    // prevents rejecting the request later on when the cookie size grows larger
    // than nginx buffers.
    let maxCookies = 15
    var gaCookies = []
    // safelist our GA properties for production and staging
    const KEEPLIST = ['_ga_ZKBVC1X78F', '_ga_9Z72VQCKY0']

    let cookies = document.cookie.split('; ')
    for (let i in cookies) {
      let [cookieName, cookieVal] = cookies[i].split('=', 2)

      // explicitly ensure the cookie starts with `_ga_` so that we don't accidentally include
      // the `_ga` cookie
      if (cookieName.startsWith('_ga_')) {
        if (KEEPLIST.includes(cookieName)) { continue }

        gaCookies.push([cookieName, cookieVal])
      }
    }

    if (gaCookies.length <= maxCookies){return
    }

    gaCookies.sort((a, b) => { return (a[1] > b[1] ? -1 : 1) })

    for (let i in gaCookies) {
      if (i < maxCookies) continue
      $.removeCookie(gaCookies[i][0], { path: '/', domain: '.' + window.location.host })
    }
  }

//]]>
</script>


<script nonce="Ax8pz2jz0aL1frYRg9x3zw==">
//<![CDATA[
  // Set Datadog custom attributes
  (function () {
    if (typeof window.datadog_attributes != 'object')
      window.datadog_attributes = {}
    window.datadog_attributes['pageType'] = 'item:details'
  })()

//]]>
</script>




  </body>
</html>
