CINXE.COM

Docly - Documentation And Knowledge Base WordPress Theme with bbPress Helpdesk Forum by CreativeGigs

<!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="gWwkhmF+1+O+LEL85jcNkA=="></script> <script nonce="gWwkhmF+1+O+LEL85jcNkA=="> //<![CDATA[ window.DD_RUM && window.DD_RUM.init({ clientToken: 'puba7a42f353afa86efd9e11ee56e5fc8d9', applicationId: '8561f3f6-5252-482b-ba9f-2bbb1b009106', site: 'datadoghq.com', service: 'marketplace', env: 'production', version: '838c8b36007fb185f0286e5ed6ba0f75ade99d61', 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="gWwkhmF+1+O+LEL85jcNkA=="> //<![CDATA[ var rollbarEnvironment = "production" var codeVersion = "838c8b36007fb185f0286e5ed6ba0f75ade99d61" //]]> </script> <script src="https://public-assets.envato-static.com/mp/packs/js/rollbar-304e0de7661e0a12bfed.js" nonce="gWwkhmF+1+O+LEL85jcNkA=="></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/374098512/01_preview.__large_preview.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=8000&amp;w=590&amp;s=6c6f3f4e5b1b26d9455172edf7d1c672cb76be637a654110d2de273a7ab64383" 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>Docly - Documentation And Knowledge Base WordPress Theme with bbPress Helpdesk Forum by CreativeGigs</title> <meta name="description" content="Buy Docly - Documentation And Knowledge Base WordPress Theme with bbPress Helpdesk Forum by CreativeGigs on ThemeForest. Fully wooCommerce integrated Dark/Light Mode Switcher. Theme Auto Update Enabled Support Center with bbPress Forum U..."> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="shortcut 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" media="all" href="https://public-assets.envato-static.com/assets/market/core/index-a9b4110996ce191cf79c3c3d4591a5bb3ada6179f9cdd9de9e89ba0bd13823e0.css" /> <link rel="stylesheet" media="all" href="https://public-assets.envato-static.com/assets/market/pages/default/index-43c9e199b223db5c5bba332e76ddb21b8a94a6038c1f49a8e7d1d258d5b02293.css" /> <link rel="stylesheet" media="screen" 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/docly-documentation-and-knowledge-base-wordpress-theme/26885280" /> <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":"Miscellaneous","url":"https://themeforest.net/item/docly-documentation-and-knowledge-base-wordpress-theme/26885280","description":"Fully wooCommerce integrated Dark/Light Mode Switcher. Theme Auto Update Enabled Support Center with bbPress Forum Unlimited Onepage \u0026amp; Multipage Documentations Gutenberg Optimized Fully WPML \u0026amp; RTL Compatible GDPR Ready Child theme included PSDs included with Images, Graphics. Current Version 2.1.3 View Changelogs Docly is a powerful, responsive, and high-performance online documentation WordPress theme that can assist you quickly developing your next product’s documentation. You can effectively create documentation for documenting API, frameworks, plugins, software, templates, and any type of product. It includes a lot of elements to make your documentation interactive and efficient. This","name":"Docly - Documentation And Knowledge Base WordPress Theme with bbPress Helpdesk Forum","image":"https://s3.envato.com/files/374098511/01_docly_thumb.png","brand":{"@type":"Brand","name":"CreativeGigs"},"sku":26885280,"mpn":"E-26885280","productionDate":"2024-11-27T20:29:11+11:00","releaseDate":"2024-11-27T20:29:11+11:00","offers":{"@type":"Offer","price":"59.00","priceCurrency":"USD","priceValidUntil":"2024-11-29T23:59:59+11:00","itemCondition":"http://schema.org/NewCondition","availability":"http://schema.org/InStock","url":"https://themeforest.net/item/docly-documentation-and-knowledge-base-wordpress-theme/26885280"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.37","reviewCount":"27"},"review":{"@type":"Review","reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},"author":{"@type":"Person","name":"ttsdps"}}} </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":"Miscellaneous"}]} </script> <script nonce="gWwkhmF+1+O+LEL85jcNkA=="> //<![CDATA[ window.dataLayer = window.dataLayer || []; //]]> </script> <meta name="bingbot" content="nocache"> <meta name="twitter:card" content="product" /> <meta name="twitter:site" content="@envatomarket" /> <meta /> <meta name="twitter:data1" content="$59 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="Docly - Documentation And Knowledge Base WordPress Theme with bbPress Helpdesk Forum" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://themeforest.net/item/docly-documentation-and-knowledge-base-wordpress-theme/26885280" /> <meta property="og:image" content="https://s3.envato.com/files/374098512/01_preview.__large_preview.jpg" /> <meta property="og:description" content=" Fully wooCommerce integrated Dark/Light Mode Switcher. Theme Auto Update Enabled Support Center with bbPress Forum Unlimited Onepage &amp; Multipage Documentations Gutenberg ..." /> <meta property="og:site_name" content="ThemeForest" /> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="d8SPbKGzcRr60Ke81Aud8joCVc5PaLEBpynvDHFhTlzgNdyrCmXv2ZA4EZ_t_XGIAc3cynl4wycmuV8EZ0fjfw" /> <meta name="turbo-visit-control" content="reload"> <script type="text/plain" nonce="gWwkhmF+1+O+LEL85jcNkA==" 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="gWwkhmF+1+O+LEL85jcNkA==" 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="gWwkhmF+1+O+LEL85jcNkA=="></script> </head> <body class="color-scheme-light" data-view="app impressionTracker" data-responsive="true" data-user-signed-in="false" > <script nonce="gWwkhmF+1+O+LEL85jcNkA=="> //<![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-0a96144c452c1dfda6b2.js" nonce="gWwkhmF+1+O+LEL85jcNkA=="></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="gWwkhmF+1+O+LEL85jcNkA=="> //<![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('838c8b36007fb185f0286e5ed6ba0f75ade99d61'), 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;elements_mkt-switcher_mobile_Cyber2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-switcher_mobile_Cyber2024&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_mobile_Cyber2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-switcher_mobile_Cyber2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_mobile_Cyber2024&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_Cyber2024&amp;utm_content=tf_item_26885280&amp;utm_medium=referral&amp;utm_source=themeforest.net" target="_blank" > <span> Unlimited Downloads </span> <span class="cyber-sale-badge">SALE</span> </a> <div 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_Cyber2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-switcher_Cyber2024&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_Cyber2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-switcher_Cyber2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}"> <a class="elements-nav__main-panel" href=https://elements.envato.com/lp/pm/campaign/cybermonday/?utm_campaign=elements_mkt-switcher_Cyber2024&amp;utm_content=tf_item_26885280&amp;utm_medium=referral&amp;utm_source=themeforest.net target="_blank" > <div class="cyber-sale-banner"> <div class="content"> <img alt="Envato Logo" width="100.73" height="23" src="https://public-assets.envato-static.com/assets/logos/envato_white-1ab212390db26772c382896a9a7c97cd21bee856277fa4ab58561c2acd11f958.svg" /> <div class="title"> <p>Get<span class="accent"> unlimited</span></p> <span class="accent"> downloads</span> </div> <div class="subtitle"> <p>Subscribe to Envato Elements.</p> <p> <img alt="Icon Asset" width="20" height="20" src="https://public-assets.envato-static.com/assets/icons/icon_asset-4c196ad8cd2831eb7a4ac08e770028c683f93bfbaa470a424e8024e5571f02af.svg" /> Millions of premium assets </p> <p> <img alt="Icon Subscription" width="20" height="20" src="https://public-assets.envato-static.com/assets/icons/icon_subscription-86dd14a210c2a7ff9c843ec9ae6054f49c72d3ec1d580b128fce0e30774e08ae.svg" /> Great value subscription </p> </div> <button class="new_site_btn">Save now</button> <img alt="Cyber Sale Green" class="cyber-sale-green" src="https://public-assets.envato-static.com/assets/header/cyber-sale-green-38f67c6034dfba60e46764938b8b3cfbe76b188d49ed43fac29e071c18121301.svg" /> <img alt="Cyber Sale 30" class="cyber-sale-30" src="https://public-assets.envato-static.com/assets/header/cyber-sale-30-d5d5a5c1d28a91f1aa720b12431ddf0660490048508fec677e5fe2fa7504a705.svg" /> </div> </div> </a> </div></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/miscellaneous">Miscellaneous</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"> Docly - Documentation And Knowledge Base WordPress Theme with bbPress Helpdesk Forum </h1> <h1 class="t-heading -color-inherit -size-xs h-m0 is-hidden-tablet-and-above"> Docly - Documentation And Knowledge Base WordPress Theme with bbPress Helpdesk Forum </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/26885280"> <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">$59</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/creativegigs">CreativeGigs</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>1,025</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/docly-documentation-and-knowledge-base-wordpress-theme/26885280">Item Details</a></li> <li><a class="js-item-navigation-reviews t-link -decoration-none" href="/item/docly-documentation-and-knowledge-base-wordpress-theme/reviews/26885280"><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-half-empty"> </i> </div> 4.37 <span class="is-visually-hidden">4.37 stars</span> </div> </div> </div> </span><span class="item-navigation-reviews-comments">27</span></a></li> <li><a class="js-item-navigation-comments t-link -decoration-none" href="/item/docly-documentation-and-knowledge-base-wordpress-theme/26885280/comments"><span>Comments</span><span class="item-navigation-reviews-comments">200</span></a></li> <li><a class="js-item-navigation-support t-link -decoration-none" href="/item/docly-documentation-and-knowledge-base-wordpress-theme/26885280/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/docly-documentation-and-knowledge-base-wordpress-theme/26885280">Item Details</option> <option data-url="/item/docly-documentation-and-knowledge-base-wordpress-theme/reviews/26885280">Reviews (27)</option> <option data-url="/item/docly-documentation-and-knowledge-base-wordpress-theme/26885280/comments">Comments (200)</option> <option data-url="/item/docly-documentation-and-knowledge-base-wordpress-theme/26885280/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="26885280"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=favorite&amp;resource_id=26885280"><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="26885280"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=collect&amp;resource_id=26885280"><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="gWwkhmF+1+O+LEL85jcNkA=="> //<![CDATA[ window.GtmMeasurements.sendAnalyticsEvent({"eventName":"view_item","eventType":"user","ecommerce":{"currency":"USD","value":59.0,"items":[{"affiliation":"themeforest","item_id":26885280,"item_name":"Docly - Documentation And Knowledge Base WordPress Theme with bbPress Helpdesk Forum","item_brand":"CreativeGigs","item_category":"wordpress","item_category2":"miscellaneous","price":59.0,"quantity":1,"item_add_on":"bundle_6month","item_variant":"regular"}]}}); //]]> </script> <div> <link href="https://s3.envato.com/files/374098511/01_docly_thumb.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=26885280"><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=26885280"> <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/docly-documentation-and-knowledge-base-wordpress-theme/full_screen_preview/26885280"><img alt="Docly - Documentation And Knowledge Base WordPress Theme with bbPress Helpdesk Forum - Miscellaneous WordPress" width="590" height="300" srcset="https://market-resized.envatousercontent.com/themeforest.net/files/374098512/01_preview.__large_preview.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=8000&amp;w=590&amp;s=6c6f3f4e5b1b26d9455172edf7d1c672cb76be637a654110d2de273a7ab64383 590w, https://market-resized.envatousercontent.com/themeforest.net/files/374098512/01_preview.__large_preview.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=6780&amp;w=500&amp;s=4bbf85f993024e8e73c8d112b21244fc8c55838e580b963e0f6690f814b5945a 500w, https://market-resized.envatousercontent.com/themeforest.net/files/374098512/01_preview.__large_preview.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=5424&amp;w=400&amp;s=542ec77976d02d9952eee911d0a0554c8393870ffeab75b606f789bf21378106 400w, https://market-resized.envatousercontent.com/themeforest.net/files/374098512/01_preview.__large_preview.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=4068&amp;w=300&amp;s=f5424e783f1843236530485561101704b8049cc251d8dd08a7ebc05933974b45 300w" sizes="(min-width: 1024px) 590px, (min-width: 1px) 100vw, 600px" src="https://market-resized.envatousercontent.com/themeforest.net/files/374098512/01_preview.__large_preview.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=8000&amp;w=590&amp;s=6c6f3f4e5b1b26d9455172edf7d1c672cb76be637a654110d2de273a7ab64383" /></a> <div class="js- item-preview-image__gallery" data-title="Docly - Documentation And Knowledge Base WordPress Theme with bbPress Helpdesk Forum - Miscellaneous WordPress Screenshots Gallery" data-url="docly-documentation-and-knowledge-base-wordpress-theme/screenshots/modal/26885280"> <a class="is-hidden" href="https://s3.envato.com/files/374098512/01_preview.jpg">01_preview.jpg</a> <a class="is-hidden" href="https://s3.envato.com/files/374098512/02_preview.jpg">02_preview.jpg</a> <a class="is-hidden" href="https://s3.envato.com/files/374098512/03_preview.png">03_preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/374098512/04_preview.jpg">04_preview.jpg</a> </div> <div class="item-preview__actions"> <div id="fullscreen" class="item-preview__preview-buttons"> <a href="/item/docly-documentation-and-knowledge-base-wordpress-theme/full_screen_preview/26885280" role="button" class="btn-icon live-preview" target="_blank" rel="noopener nofollow" > Live Preview </a> <a data-view="screenshotGallery" href="/item/docly-documentation-and-knowledge-base-wordpress-theme/screenshots/26885280" role="button" class="btn-icon screenshots" target="_blank" rel="noopener" > Screenshots </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><a href="https://docs.creativegigstf.com/docs/docly-wordpress-theme-documentation/" rel="nofollow"> <span data-src="https://camo.envatousercontent.com/b91738cf0c409edff9d0e76f5161ac83995aaeb2/68747470733a2f2f692e696d6775722e636f6d2f507343777354362e706e67" data-alt="Docly Documentation" class="lazy-load-img"></span> </a> <a href="https://www.youtube.com/watch?v=rh4KAozQ7Rs&amp;list=PLOvD0JgcgsQyAVGBQ9XCilR2m_keSP9iv" rel="nofollow"> <span data-src="https://camo.envatousercontent.com/a7e360fde3451079363f1f49ae17c8eb5ea99aa2/68747470733a2f2f692e696d6775722e636f6d2f6a6969376c61342e706e67" data-alt="Docly YouTube Playlist" class="lazy-load-img"></span> </a></p> <blockquote> Fully <strong> wooCommerce </strong> integrated <br> <strong>Dark/Light Mode</strong> Switcher. <br> Theme <strong> Auto Update </strong> Enabled <br> Support Center with <strong>bbPress Forum</strong> <br> Unlimited Onepage &amp; Multipage Documentations <br> <strong> Gutenberg </strong> Optimized <br> Fully <strong> WPML &amp; RTL </strong> Compatible <br> <strong> GDPR </strong> Ready <br> <strong> Child theme </strong> included <br> <strong>PSDs included</strong> with Images, Graphics. </blockquote> <p>Current Version <strong> 2.1.3 </strong> <a href="https://themeforest.net/item/docly-documentation-and-knowledge-base-wordpress-theme/26885280#item-description__changelog">View Changelogs </a> </p> <p><strong>Docly</strong> is a powerful, responsive, and high-performance online documentation WordPress theme that can assist you quickly developing your next product’s documentation. You can effectively create documentation for documenting API, frameworks, plugins, software, templates, and any type of product. It includes a lot of elements to make your documentation interactive and efficient. This theme is completely responsive and mobile-friendly.</p> <p><span data-src="https://camo.envatousercontent.com/2bc08b0e88c0fd8a05d5b6084faa50af419da53c/68747470733a2f2f7370696465722d7468656d65732e6e65742f74662d70726573656e746174696f6e2f646f636c792f646f636c792d6c6f6e672d707265766965772e6a7067" data-alt="Docly Long Preview" class="lazy-load-img"></span></p> <p>We designed Docly for the readers, optimizing not for page views or engagement — but for reading. And it turns out that context is a vital part of learning.</p> <p><strong>Docly</strong> is not only a theme but also a package of tools for creating product documentation in the best way. Docly follows the best coding practice by maintaining w3.org standards. We developed the theme search engine friendly (SEO optimized) and perfect on any device (desktop, laptop, mobile, iPad).</p> <h2 id="item-description__-docly-theme-features-and-tools"> Docly Theme Features and Tools </h2> <p> Docly has some amazing tools that will help you build your product documentation interactively and reading-friendly. Here are some key features that make the theme better than other knowledgebase themes.</p> <ul> <li> <strong> Dark mode </strong> switcher.</li> <li> <strong> Font size </strong> switcher</li> <li> Full-width and Box width container-based doc pages.</li> <li> Article Table of contents (on this page) </li> <li> Documentation with sticky and non-sticky header </li> <li> Dynamic, informative pre-loader on every page </li> <li> Footnotes for doc reference </li> <li> Page preview tooltip </li> <li> Directory indicator </li> <li> Conditional content </li> <li> Image Hotspot for pointing out the targeted parts of an image </li> <li> Responsive Layout </li> <li> CSS3 &amp; HTML5 validated by w3.org standards </li> <li> 100% Valid and Semantic coding </li> <li> 40+ Pages </li> <li> Sticky sidebar </li> <li> Full-width layout </li> <li> Syntax highlighter </li> <li>Tabs</li> <li>Alerts / Messages / Notes</li> <li>Accordion</li> <li>Lightbox</li> <li>Tooltips</li> <li> Carousel</li> <li> File tree navigation </li> <li> Table of content </li> <li> Property tabl e</li> <li> Article feedback </li> <li> Easy to Customize. </li> <li> Bootstrap 4 Responsive Framework </li> <li> Unique and Modern Style. </li> <li> Search Engine Optimised Code. </li> <li> Mailchimp integrated. </li> <li> All Modern Browser Supported. </li> <li> Well commented code </li> </ul> <p> </p> <p>Sources and Credits</p> <ol> <li>Icon Font: The Elegant Icon</li> <li>Icon Font: fontawesome</li> <li>Images Used: Freepik, Unsplash</li> </ol> <h2 id="item-description__changelog"> Changelog </h2> <p><strong>2.1.3 (30 September 2024)</strong> </p> <pre> Fixed: Topic tag page was showing all the topics not showing by the current tag Fixed: Blog, Shop, and footer list item design issue Fixed: WooCommerce Outdate template file Fixed: FAQs content gap Fixed: Title typography, color, and description text color in the Alert box widget </pre> <p><strong>2.1.2 (11 July 2024)</strong> </p> <pre> Fixed: Solved sidebar issue on the forum page Fixed: PHP deprecation notice Fixed Fixed: Topic create as anonymous issue solved Tweaked: Removed duplicated JS. (same JS exists in EazyDocs) </pre> <p><strong>2.1.1 (06 December 2023)</strong> </p> <pre> Fixed: Dropdown menu active color issue </pre> <p><strong>2.1.0 (08 November 2023)</strong> </p> <pre> Fixed: Hide Draft Docs from Ajax search result Fixed: Mobile menu dropdown item </pre> <p><strong> 2.0.9 (25 October 2023) </strong> </p> <pre> Fixed: Blog post image size issue Fixed: Child theme when installed and activated, the color codes don't work. Fixed: Deprecated demo importer plugin functions Tweaked: Animate (Motion) effects Updated: wooCommerce outdated template files Updated: Demo contents </pre> <p> <strong> 2.0.8 (24 June 2023) </strong> </p> <pre> Fixed: Custom JS code was not working Fixed: Elementor deprecated function error Tweaked: Removed some unessential attributes from Elementor widgets </pre> <p> <strong> 2.0.7 (30 December 2022) </strong> </p> <pre> Fixed: Uncaught Error: Call to undefined function eazydocs_get_option() in /docly/template- parts/header-elements/search_banner.php:13 Updated: Demo content xml file updated from the new server </pre> <p> <strong> 2.0.6 (26 December 2022) </strong> </p> <pre> Fixed: Parent Theme styles was not working with Child theme Fixed: Some elementor widgets color issues with dark mode </pre> <p> <strong> 2.0.5 (06 December 2022) </strong> </p> <pre> Fixed: Search form issue solved Fixed: Single doc dark mode text color issues solved New: Added faq terms in the search result </pre> <p> <strong> 2.0.4 (09 September 2022) </strong> </p> <pre> Integrated: BBP Core New: Voting Feature New: Private Reply feature </pre> <p> <strong> 2.0.3 (04 July 2022) </strong> </p> <pre> Tweaked: Compatibility with EazyDocs improved Updated: Theme Settings demo content </pre> <p> <strong> 2.0.2 (24 June 2022) </strong> </p> <pre> Tweaked: External link styled differently Tweaked: Compatibility with EazyDocs improved </pre> <p> <strong> 2.0.1 (14 June 2022) </strong> </p> <pre> Fixed: JS console error on the docs and OnePage doc pages Fixed: Child Theme's style was not overriding the main theme's style Updated: Docly Child theme to 1.1.1 version (included in the theme package) Tweaked: Compatibility with EazyDocs improved </pre> <p> <strong> 2.0.0 (10 June 2022) </strong> </p> <pre> Update Notice/Guide: https://tinyurl.com/2aaux85v BIG CHANGE: weDocs plugin replaced with our own EazyDocs plugin (https://wordpress.org/plugins/eazydocs/) Altered: OnePage Doc creation system moved to EazyDocs plugin (the old method is still working) Moved: Doc Settings removed from Theme Settings and moved all the Doc related settings to the EazyDocs plugin Tweaked: Bootstrap version upgraded to v5.1.3 from v5.0.0-beta3 </pre> <p> <strong> 1.5.4 (7 April 2022) </strong> </p> <pre> Fixed: Elementor notice about typography </pre> <p> <strong> 1.5.3 (21 January 2022) </strong> </p> <pre> Fixed: Doc link was not working if doc slug change in the "(Docly) Docs List" WordPress widget Fixed: Forum topics page breaks if no topics found. Fixed: Docly child theme's stylesheet (style.css) was replacing the main theme's style.css (docly-child.zip included in the theme package) Tweaked: Blog single post title tag changed to h1 from h2 </pre> <p> <strong> 1.5.2 (10 November 2021) </strong> </p> <pre> New: Custom Fonts support added Fixed: Forum user profile Favorites Tweaked: Removed filters from Forum user profile page (filters is not suitable there) Tweaked: Sticky, Closed status badges added to Forum Topics </pre> <p> <strong> 1.5.1 (17 October 2021) </strong> </p> <pre> Tweaked: Articles Title string changing option added to Theme Settings &gt; Doc Settings Tweaked: "FAQ Tabs" Elementor widget (Category Order and Order by options added under the Filter tab) Tweaked: Post status published posts will show on doc ajax search results Fixed: Docs label was not changing along with the docs slug change from Theme Settings &gt; Doc Settings Fixed: Github social icon was not showing Fixed: Forum Topic Replies (last reply was not showing and +1 reply count was showing in the pagination) </pre> <p> <strong> 1.5.0 (30 September 2021) </strong> </p> <pre> New: Custom Posts options added to the Theme Settings &gt; General page Fixed: Continue Reading Label text was not changing on Blog Grid Category layout Tweaked: Breadcrumb structure (docs section link added) Tweaked: Performance improved. wc-block-style and wc-block-vendors-style disabled by default. You can enable it from Theme Settings &gt; Shop &gt; Gutenberg Blocks </pre> <p> <strong> 1.4.9 (12 September 2021) </strong> </p> <pre> New: [authors] shortcode added for viewing all authors of the website Tweaked: Header Navigation colors, Menu active/hover states Tweaked: Made the Header nav container consistent with the Doc page layout on the Doc single page Tweaked: Blog pages (featured post shadow, Post title on post details page) </pre> <p> <strong> 1.4.8 (11 September 2021) </strong> </p> <pre> Fixed: Forum freshness (who was last active in a forum) link was not showing correctly Tweaked: Menu color made black on the Archive page. Tweaked: Author post archive page (author description shown below to the author name) </pre> <p> <strong> 1.4.7 (26 August 2021) </strong> </p> <pre> Tweaked: wpml-config.xml file updated with still_stuck_text, help_form_link_text, doc_feedback_label Tweaked: views text made translatable </pre> <p> <strong> 1.4.6 (20 August 2021) </strong> </p> <pre> Fixed: Theme's default brand color scheme was not showing in Firefox Fixed: Tooltip popups were not appearing. Fixed: Author links of Forum Reply on Forum Topic page Tweaked: wp-custom.js file merged to main.js file in the docly &gt; assets &gt; js folder Tweaked: Shop (product image linked in shop page, product gallery border color changed to brand color) New: Global Search settings added to Theme Settings &gt; General (Ajax Search, Focus Search by "/") New: Doc Meta show/hide option added to Theme Settings &gt; Doc Settings </pre> <p> <strong> 1.4.5 (10 August 2021) </strong> </p> <pre> Fixed: Page content appearing on Main Menu dropdown item hover when you have Mega Menu Tweaked: Product details page (Gallery carousel and magnify glass enabled for product images, Product Add to Cart and Review form design improved) Updated: Language (docly.pot) file Updated: New support center URL updated https://docs.creativegigs.net/forum/docly-wordpress-theme/ </pre> <p> <strong> 1.4.4 (30 July 2021) </strong> </p> <pre> Tweaked: Docs archive page linked in the breadcrumb. Tweaked: Docs archive page design ([wedocs] shortcode output) Fixed: The search keyword showing at the append of "Search result for:" text on the Search Results page. </pre> <p> <strong> 1.4.3 (19 July 2021) </strong> </p> <pre> New: Shop settings added under Theme Settings page Tweaked: Products, Product Categories, Filter by Price, Product Search widgets style improved Tweaked: Search Banner placed instead of the Titlebar on the Shop and Product details page Fixed: Product image sizes (you need to regenerate the product images to get the sizes fixed) </pre> <p> <strong> 1.4.2 (14 July 2021) </strong> </p> <pre> New: wooCommerce support enabled with Shop, Cart, Checkout, My Account pages New: Author name and Doc post views added bellow to the Doc Title New: Breadcrumb Show/Hide and Date Published, Modified options added to Theme Settings &gt; Header &gt; Search Banner Updated: docly-core-en_US.pot in the Docly core plugin Tweaked: Blog posts shadow (used more accurate subtle shadow) Tweaked: Search in bbPress forums from the Forum archive page's Search Banner. Tweaked: The "Focus Search by /" option moved to Theme Settings &gt; General from Theme Settings &gt; Doc Settings &gt; Search Banner </pre> <p> <strong> 1.4.1 (05 July 2021) </strong> </p> <pre> Fixed: When you unfold the doc section tree, the section title jumps a line and this happens only since the last theme update. Fixed: Doc Right Sidebar's widget content overflows on sticky mode (desktop screen) Fixed: Doc Right Sidebar overflows on sticky mode on tablet screen Fixed: Doc Feedback form not working on mobile Tweaked: Doc Feedback area and the Comment form view improved on mobile Tweaked: Doc Right Sidebar show hide Toggle arrow added on mobile view </pre> <p> <strong> 1.4.0 (25 June 2021) </strong> </p> <pre> Tweaked: Onepage navigation Tweaked: Made the "No Results Found" text translatable. Fixed: New Metaboxes not updating </pre> <p> <strong> 1.3.9 (21 June 2021) </strong> </p> <pre> Fixed: When you unfold the doc section tree, the section title jumps a line and this happens only since the last theme update. </pre> <p> <strong> 1.3.8 (10 June 2021) </strong> </p> <pre> Tweaked: Shortcode support enabled for the "Docy List Items" Elementor widget Fixed: When click on the subjects below on the doc details page, the banner stick hides the text Fixed: Documentation section text cutting off when it's long </pre> <p> <strong> 1.3.7 (21 May 2021) </strong> </p> <pre> Tweaked: Title tag option added in the Quote Elementor widget New: vk social option added to Theme Settings &gt; Social Links Fixed: Onepage Doc width </pre> <p> <strong> 1.3.6 (12 April 2021) </strong> </p> <pre> Fixed: Closed, Open tabs fixed New: Search Keywords and Ajax search enabled in Hero 3 (Helpdesk) New: Doc Right Sidebar widget area added to Appearance &gt; Widgets New: "Right Sidebar Content" option for Onepage docs. Tweaked: Explanation design of Notice widget (text color changed) Tweaked: Password Protected Doc design (the password form redesigned) </pre> <p> <strong> 1.3.5 (05 April 2021) </strong> </p> <pre> New: Best Answer and Mark as Solved features added to Forum topic (Doc https://is.gd/K1FLSw) New: Admin links (Edit, Merge, Close, Stick (to front), Trash, Spam, Unapprove, Reply) added to Forum Topic page Tweaked: Forum topic page design Tweaked: Performance Improved by optimizing assets (bbPress CSS, JS separated and loading by dependency and responsive.css, responsive2.css files merged to one single file) </pre> <p> <strong> 1.3.4 (19 March 2021) </strong> </p> <pre> Tweaked: "Docly List Item" Elementor widget (Steps Indicator control added, WYSIWYG editor enabled in the text field) Tweaked: "On This Page" titles line-height reduced and margin added to make consistent spacing for long titles. Tweaked: Deleted the extra Doc Icon field from "Options :: Doc" metabox fields to get rid of confusion using the featured doc image. Tweaked: Moved the Docly Core plugin moved to the server to reduce the theme size Fixed: A flush on clicking on the article title in the Ajax Search results. </pre> <p> <strong> 1.3.3 (09 March 2021) </strong> </p> <pre> Fixed: Dark Mode switcher not working Fixed: Font Size Switcher not showing in the OnePage doc New: Theme version added to the "docly-version" meta tag in the header.php file </pre> <p> <strong> 1.3.2 (08 March 2021) </strong> </p> <pre> New: Secondary Color and Paragraph Color added to Theme Settings &gt; Color Scheme Tweaked: Accent Color output (now, the accent color will change more accurately) Tweaked: "Theme Settings &gt; Doc Settings &gt; Right Sidebar &gt; Light/Dark Mode" option (This option will permanently disable and delete the Dark mode and will keep only the light mode.) Tweaked: Forum User Profile page Fixed: Topics Started, Replies Created, Favorites, Subscriptions tabs fixed in the Forum user profile page Updated: Language file (docly.pot file in the languages folder) </pre> <p> <strong> 1.3.1 (06 March 2021) </strong> </p> <pre> New: Theme Auto-update feature on Registering/Verifying the theme. Tweaked: "Hero" Elementor widget (Padding control added for the Cool Hero, Popular Topics deleted as it was unnecessary) Tweaked: Dropdown menu's submenu position Tweaked: Custom Doc Ordering options and Active Doc option added under Filter (Now you can order the doc tab items as your desired order and choose the active tab item) Tweaked: "Theme Settings &gt; Color Scheme &gt; Accent Color" option (added some missing brand colors selectors those were not changing) Tweaked: CSS variables used for colors in the theme's root style.css file Tweaked: "List Style" Elementor widget Tweaked: Forum user profile design improved Fixed: Menu colors output not working as settings roles from Theme Settings &gt; Menu &gt; Classic Menu Fixed: Js console errors on OnePage Doc Fixed: Simple Footer background color and font colors not changing from Theme Settings &gt; Footer &gt; Background / Font Colors </pre> <p> <strong> 1.3.0 (25 February 2021) </strong> </p> <pre> Tweaked: "Process Tabs" Elementor widget (dependency set to the Bottom content). Fixed: Removed the unfinished Gutenberg blocks </pre> <p> <strong> 1.2.9 (05 February 2021) </strong> </p> <pre> Tweaked: Moved the "Focus Search by /" setting from Theme Settings &gt; Header &gt; Search Banner" to "Theme Settings &gt; Doc Settings &gt; Search Banner" and a new description was added. Tweaked: Responsiveness of the theme Tweaked: Onepage navigation (active color added to nav title on scroll to a specific doc section and parent doc expand on scroll) Fixed: Ajax doc search results in mobile view Fixed: Doc Feedback contact form send button not working </pre> <p> <strong> 1.2.8 (07 January 2021) </strong> </p> <pre> New : Search Form in the Onepage documentation Tweaked : Code syntax highlight feature enabled in the Onepage documentation Updated : Theme language file (.pot) </pre> <p> <strong> 1.2.7 (04 January 2021) </strong> </p> <pre> Tweaked : "Enable Pre-loader" on and "Page IDs" options added in "Theme Settings &gt; Preloader" page Fixed : Image Hotspot widget's pointer position Notice : If you get a Critical Error from 1.2.6 update, delete the old "CG Redux Framework" plugin. Then install it from "Appearance &gt; Install Plugin" </pre> <p> <strong> 1.2.6 (27 December 2020) </strong> </p> <pre> Tweaked : Ajax Doc Search structure and design Fixed : Forum Archive Call to Action button not showing while logged in New : Theme Settings &gt; Doc Settings &gt; Search New : Post/Page preview popup (to enable this feature in link, add the class="tooltips" data-tooltip-content="#popup_view" attributes in anchor tag. And the URL should be the same website URL.) </pre> <p>..... [You can check the full changelogs in the changes.txt file]</p></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/docly-documentation-and-knowledge-base-wordpress-theme/26885280/recommended_items" id="recommended_items"> </section> <section class="related-by-author h-my2 h-pb1"> <h2 class="t-heading -size-xs -weight-normal">More items by CreativeGigs</h2> <div class="related-by-author__list h-py1"> <ul class="item-thumbnail-carousel--item-page overflow" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_item_list&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;item_list_name&quot;:&quot;Item page: More items by this author&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:55463057,&quot;item_name&quot;:&quot;Piku - Creative Saas \u0026 Software React Next js Template&quot;,&quot;item_brand&quot;:&quot;CreativeGigs&quot;,&quot;item_category&quot;:&quot;site-templates&quot;,&quot;item_category2&quot;:&quot;technology&quot;,&quot;item_category3&quot;:&quot;software&quot;,&quot;price&quot;:&quot;7&quot;,&quot;quantity&quot;:1,&quot;index&quot;:1},{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:54874718,&quot;item_name&quot;:&quot;Piku - Creative Saas \u0026 Software HTML5 Template&quot;,&quot;item_brand&quot;:&quot;CreativeGigs&quot;,&quot;item_category&quot;:&quot;site-templates&quot;,&quot;item_category2&quot;:&quot;technology&quot;,&quot;price&quot;:&quot;7&quot;,&quot;quantity&quot;:1,&quot;index&quot;:2},{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:54813890,&quot;item_name&quot;:&quot;Medu – NDIS Disability \u0026 Elderly Care Service HTML Template&quot;,&quot;item_brand&quot;:&quot;CreativeGigs&quot;,&quot;item_category&quot;:&quot;site-templates&quot;,&quot;item_category2&quot;:&quot;corporate&quot;,&quot;item_category3&quot;:&quot;business&quot;,&quot;price&quot;:&quot;11&quot;,&quot;quantity&quot;:1,&quot;index&quot;:3},{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:54813766,&quot;item_name&quot;:&quot;Labux - Laboratory \u0026 Science Research HTML5 Template&quot;,&quot;item_brand&quot;:&quot;CreativeGigs&quot;,&quot;item_category&quot;:&quot;site-templates&quot;,&quot;item_category2&quot;:&quot;corporate&quot;,&quot;item_category3&quot;:&quot;business&quot;,&quot;price&quot;:&quot;9&quot;,&quot;quantity&quot;:1,&quot;index&quot;:4},{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:54462367,&quot;item_name&quot;:&quot;Homy - Real Estate React js Template \u0026 Dashboard&quot;,&quot;item_brand&quot;:&quot;CreativeGigs&quot;,&quot;item_category&quot;:&quot;site-templates&quot;,&quot;item_category2&quot;:&quot;corporate&quot;,&quot;item_category3&quot;:&quot;business&quot;,&quot;price&quot;:&quot;5&quot;,&quot;quantity&quot;:1,&quot;index&quot;:5},{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:52239638,&quot;item_name&quot;:&quot;Piku - Creative Saas \u0026 Software Figma Template&quot;,&quot;item_brand&quot;:&quot;CreativeGigs&quot;,&quot;item_category&quot;:&quot;ui-templates&quot;,&quot;item_category2&quot;:&quot;sketch&quot;,&quot;item_category3&quot;:&quot;technology&quot;,&quot;price&quot;:&quot;11&quot;,&quot;quantity&quot;:1,&quot;index&quot;:6},{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:50732099,&quot;item_name&quot;:&quot;Homy - Real Estate React Next js Template \u0026 Dashboard&quot;,&quot;item_brand&quot;:&quot;CreativeGigs&quot;,&quot;item_category&quot;:&quot;site-templates&quot;,&quot;item_category2&quot;:&quot;corporate&quot;,&quot;item_category3&quot;:&quot;business&quot;,&quot;price&quot;:&quot;9&quot;,&quot;quantity&quot;:1,&quot;index&quot;:7}]}}"> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_item&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:55463057,&quot;item_name&quot;:&quot;Piku - Creative Saas \u0026 Software React Next js Template&quot;,&quot;item_brand&quot;:&quot;CreativeGigs&quot;,&quot;item_category&quot;:&quot;site-templates&quot;,&quot;item_category2&quot;:&quot;technology&quot;,&quot;item_category3&quot;:&quot;software&quot;,&quot;price&quot;:&quot;7&quot;,&quot;quantity&quot;:1}]}}" href="https://themeforest.net/item/piku-creative-saas-software-react-next-js-template/55463057"><span class="lazy-load-img" data-src="https://s3.envato.com/files/544899558/Logo.png" data-border="0" data-alt="Piku - Creative Saas &amp; Software React Next js Template - ThemeForest Item for Sale" data-title="Piku - Creative Saas &amp; Software React Next js Template" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/544899559/Banner.__large_preview.jpg" data-data-item-name="Piku - Creative Saas &amp; Software React Next js Template" data-data-item-author="CreativeGigs" data-data-item-id="55463057" data-data-item-category="Site Templates / Technology / Software" data-data-item-cost="7"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_item&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:54874718,&quot;item_name&quot;:&quot;Piku - Creative Saas \u0026 Software HTML5 Template&quot;,&quot;item_brand&quot;:&quot;CreativeGigs&quot;,&quot;item_category&quot;:&quot;site-templates&quot;,&quot;item_category2&quot;:&quot;technology&quot;,&quot;price&quot;:&quot;7&quot;,&quot;quantity&quot;:1}]}}" href="https://themeforest.net/item/piku-creative-saas-software-html5-template/54874718"><span class="lazy-load-img" data-src="https://s3.envato.com/files/526192878/logo.png" data-border="0" data-alt="Piku - Creative Saas &amp; Software HTML5 Template - ThemeForest Item for Sale" data-title="Piku - Creative Saas &amp; Software HTML5 Template" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/526192880/01_banner.__large_preview.png" data-data-item-name="Piku - Creative Saas &amp; Software HTML5 Template" data-data-item-author="CreativeGigs" data-data-item-id="54874718" data-data-item-category="Site Templates / Technology" data-data-item-cost="7"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_item&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:54813890,&quot;item_name&quot;:&quot;Medu – NDIS Disability \u0026 Elderly Care Service HTML Template&quot;,&quot;item_brand&quot;:&quot;CreativeGigs&quot;,&quot;item_category&quot;:&quot;site-templates&quot;,&quot;item_category2&quot;:&quot;corporate&quot;,&quot;item_category3&quot;:&quot;business&quot;,&quot;price&quot;:&quot;11&quot;,&quot;quantity&quot;:1}]}}" href="https://themeforest.net/item/medu-ndis-disability-elderly-care-service-html-template/54813890"><span class="lazy-load-img" data-src="https://s3.envato.com/files/523661427/Logo.png" data-border="0" data-alt="Medu – NDIS Disability &amp; Elderly Care Service HTML Template - ThemeForest Item for Sale" data-title="Medu – NDIS Disability &amp; Elderly Care Service HTML Template" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/542503226/Banner.__large_preview.jpg" data-data-item-name="Medu – NDIS Disability &amp; Elderly Care Service HTML Template" data-data-item-author="CreativeGigs" data-data-item-id="54813890" data-data-item-category="Site Templates / Corporate / Business" data-data-item-cost="11"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_item&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:54813766,&quot;item_name&quot;:&quot;Labux - Laboratory \u0026 Science Research HTML5 Template&quot;,&quot;item_brand&quot;:&quot;CreativeGigs&quot;,&quot;item_category&quot;:&quot;site-templates&quot;,&quot;item_category2&quot;:&quot;corporate&quot;,&quot;item_category3&quot;:&quot;business&quot;,&quot;price&quot;:&quot;9&quot;,&quot;quantity&quot;:1}]}}" href="https://themeforest.net/item/labux-laboratory-science-research-html5-template/54813766"><span class="lazy-load-img" data-src="https://s3.envato.com/files/523619791/Logo.png" data-border="0" data-alt="Labux - Laboratory &amp; Science Research HTML5 Template - ThemeForest Item for Sale" data-title="Labux - Laboratory &amp; Science Research HTML5 Template" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/526428339/Banner.__large_preview.jpg" data-data-item-name="Labux - Laboratory &amp; Science Research HTML5 Template" data-data-item-author="CreativeGigs" data-data-item-id="54813766" data-data-item-category="Site Templates / Corporate / Business" data-data-item-cost="9"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_item&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:54462367,&quot;item_name&quot;:&quot;Homy - Real Estate React js Template \u0026 Dashboard&quot;,&quot;item_brand&quot;:&quot;CreativeGigs&quot;,&quot;item_category&quot;:&quot;site-templates&quot;,&quot;item_category2&quot;:&quot;corporate&quot;,&quot;item_category3&quot;:&quot;business&quot;,&quot;price&quot;:&quot;5&quot;,&quot;quantity&quot;:1}]}}" href="https://themeforest.net/item/homy-real-estate-react-js-template-dashboard/54462367"><span class="lazy-load-img" data-src="https://s3.envato.com/files/518017764/thumbnil.png" data-border="0" data-alt="Homy - Real Estate React js Template &amp; Dashboard - ThemeForest Item for Sale" data-title="Homy - Real Estate React js Template &amp; Dashboard" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/518017765/preview.__large_preview.jpg" data-data-item-name="Homy - Real Estate React js Template &amp; Dashboard" data-data-item-author="CreativeGigs" data-data-item-id="54462367" data-data-item-category="Site Templates / Corporate / Business" data-data-item-cost="5"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_item&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:52239638,&quot;item_name&quot;:&quot;Piku - Creative Saas \u0026 Software Figma Template&quot;,&quot;item_brand&quot;:&quot;CreativeGigs&quot;,&quot;item_category&quot;:&quot;ui-templates&quot;,&quot;item_category2&quot;:&quot;sketch&quot;,&quot;item_category3&quot;:&quot;technology&quot;,&quot;price&quot;:&quot;11&quot;,&quot;quantity&quot;:1}]}}" href="https://themeforest.net/item/piku-creative-saas-software-figma-template/52239638"><span class="lazy-load-img" data-src="https://s3.envato.com/files/498273835/Logo.png" data-border="0" data-alt="Piku - Creative Saas &amp; Software Figma Template - ThemeForest Item for Sale" data-title="Piku - Creative Saas &amp; Software Figma Template" data-height="80" data-width="80" data-class="tooltip-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/498273946/00_Banner.__large_preview.jpg" data-data-item-name="Piku - Creative Saas &amp; Software Figma Template" data-data-item-author="CreativeGigs" data-data-item-id="52239638" data-data-item-category="UI Templates / Sketch / Technology / Software" data-data-item-cost="11"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_item&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:50732099,&quot;item_name&quot;:&quot;Homy - Real Estate React Next js Template \u0026 Dashboard&quot;,&quot;item_brand&quot;:&quot;CreativeGigs&quot;,&quot;item_category&quot;:&quot;site-templates&quot;,&quot;item_category2&quot;:&quot;corporate&quot;,&quot;item_category3&quot;:&quot;business&quot;,&quot;price&quot;:&quot;9&quot;,&quot;quantity&quot;:1}]}}" href="https://themeforest.net/item/homy-real-estate-react-next-js-template-dashboard/50732099"><span class="lazy-load-img" data-src="https://s3.envato.com/files/488289729/Logo.png" data-border="0" data-alt="Homy - Real Estate React Next js Template &amp; Dashboard - ThemeForest Item for Sale" data-title="Homy - Real Estate React Next js Template &amp; Dashboard" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/488289730/Preview.__large_preview.jpg" data-data-item-name="Homy - Real Estate React Next js Template &amp; Dashboard" data-data-item-author="CreativeGigs" data-data-item-id="50732099" data-data-item-category="Site Templates / Corporate / Business" data-data-item-cost="9"></span></a> </div> </li> </ul> </div> <div> <p class="t-body -size-m"> <a class="t-link-decoration-reversed" href="/user/CreativeGigs/portfolio">View author portfolio</a> </p> </div> </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;:59.0,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:26885280,&quot;item_name&quot;:&quot;Docly - Documentation And Knowledge Base WordPress Theme with bbPress Helpdesk Forum&quot;,&quot;item_brand&quot;:&quot;CreativeGigs&quot;,&quot;item_category&quot;:&quot;wordpress&quot;,&quot;item_category2&quot;:&quot;miscellaneous&quot;,&quot;price&quot;:&quot;59&quot;,&quot;quantity&quot;:1}]}}" action="/cart/add/26885280" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0cwQDG3zXyOV773v-S8BnbaMuKXsJyzZKPjiCxzntBjNM2DJs7k8c0nJV5VsvUPaKvTTmIA9DyTxZ0qm__Crpw" autocomplete="off" /> <div> <div data-view="itemVariantSelector" data-id="26885280" 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="">$59</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="">$1500</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">$59</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="$59" data-license="regular" data-price-prepaid-upgrade="$76.63" data-support-upgrade-price="$17.63" data-support-upgrade-saving="$23" data-support-extension-price="$29.38" data-support-extension-saving="$11.75" data-support-renewal-price="$41.13" /> </div> <div class="purchase-form__license js-purchase-license " data-license="extended"> <price class="js-purchase-license-prices" data-price-prepaid="$1500" data-license="extended" data-price-prepaid-upgrade="$1837.50" data-support-upgrade-price="$337.50" data-support-upgrade-saving="$450" data-support-extension-price="$562.50" data-support-extension-saving="$225" data-support-renewal-price="$787.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">CreativeGigs</span> <a class="t-link -decoration-reversed js-support__inclusion-link" data-view="modalAjax" href="/item_support/what_is_item_support/26885280"> <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"> $41.13 </span> <b class="t-currency"> <span class="js-support__price">$17.63</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="Elite author" title="Elite Author: Sold more than $75,000 on Envato Market" width="42" height="42" src="https://public-assets.envato-static.com/assets/badges/elite-10edc87feb7935dd2b5b4a75c2ecbf7602f735e2367b0430dfa4befe23c0d4ff.svg" /> </div> <div class="media__body -align-center"> <p class="t-body -size-m h-m0">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="CreativeGigs" href="/user/CreativeGigs"> <span data-src="https://s3.envato.com/files/484346935/Untitled-13.jpg" data-width="80" data-height="80" data-alt="CreativeGigs" 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/creativegigs">CreativeGigs</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/elite-s-330c3ef01292b534834456c5d15cc00abfb4bfdc65fb746e8dc0e10891912c89.svg" data-alt="Elite Author" data-class="community-badges__badge--s" data-title="Elite Author: Sold more than $75,000 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/was_featured-s-87fe0bf12916ecd80dfb0458af483f5ffc3e0e12a8184319b00d68f35b50398d.svg" data-alt="Featured Author" data-class="community-badges__badge--s" data-title="Featured Author: Made it to the Authors&#39; Hall of Fame" 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/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_8-s-874f33a9d5692685e1e6a2a6c956607bcdea42372f5448b6c14b4924f0ef0e44.svg" data-alt="Author Level 8" data-class="community-badges__badge--s" data-title="Author Level 8: Has sold $125,000+ 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/sheriff-s-5bb3f6724c1bad1ac0f99042c2234993e16708c397d5f3047ceb77f927acc025.svg" data-alt="Copyright Ninja" data-class="community-badges__badge--s" data-title="Copyright Ninja: Helped protect Envato Market against copyright violations" 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/collector_level_2-s-2a15dcab6192538759893eb7e80a54f39e75858e154b4d064d0502496660c7b8.svg" data-alt="Collector Level 2" data-class="community-badges__badge--s" data-title="Collector Level 2: Has collected 10+ 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/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/veteran_level_11-s-98b8d23e4af26acc481e905d0415073231a6ec34a24f28ae61db601bfd08f61d.svg" data-alt="11 Years of Membership" data-class="community-badges__badge--s" data-title="11 Years of Membership: Has been part of the Envato Community for over 11 years" 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/CreativeGigs/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="2024-09-30T21:30:15+10:00"> 30 September 2024 </time> </td> </tr> <tr> <td class="meta-attributes__attr-name">Published</td> <td class="meta-attributes__attr-detail"> <span data-nosnippet=""> 27 July 2020 </span> </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/yes">Yes</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/bbpress%202.5.x">bbPress 2.5.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/elementor">Elementor</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/elementor%20pro">Elementor Pro</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/bootstrap%205.x">Bootstrap 5.x</a> </td> </tr> <tr> <td class="meta-attributes__attr-name">Framework</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/framework/underscores">Underscores</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.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>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.5.x">WordPress 5.5.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.4.x">WordPress 5.4.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.3.x">WordPress 5.3.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.2.x">WordPress 5.2.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.1.x">WordPress 5.1.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%205.0.x">WordPress 5.0.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/wordpress%204.9.x">WordPress 4.9.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/scss%20files">SCSS 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="ask questions" rel="nofollow" href="/search/ask questions">ask questions</a>, <a title="community" rel="nofollow" href="/search/community">community</a>, <a title="doc" rel="nofollow" href="/search/doc">doc</a>, <a title="docs" rel="nofollow" href="/search/docs">docs</a>, <a title="documentation" rel="nofollow" href="/search/documentation">documentation</a>, <a title="documentation template" rel="nofollow" href="/search/documentation template">documentation template</a>, <a title="help center" rel="nofollow" href="/search/help center">help center</a>, <a title="helpdesk" rel="nofollow" href="/search/helpdesk">helpdesk</a>, <a title="knowledge base" rel="nofollow" href="/search/knowledge base">knowledge base</a>, <a title="manual guide" rel="nofollow" href="/search/manual guide">manual guide</a>, <a title="product documentation theme" rel="nofollow" href="/search/product documentation theme">product documentation theme</a>, <a title="rtl" rel="nofollow" href="/search/rtl">rtl</a>, <a title="support center" rel="nofollow" href="/search/support center">support center</a>, <a title="support desk" rel="nofollow" href="/search/support desk">support desk</a>, <a title="wiki" rel="nofollow" href="/search/wiki">wiki</a> </span></td> </tr> </tbody> </table> </div></div> <div class="t-body -size-s h-text-align-center h-mt2"> &copy; All Rights Reserved CreativeGigs <br/> <a href="https://help.market.envato.com">Contact the Envato Market Help Team</a> </div> </div> <script nonce="gWwkhmF+1+O+LEL85jcNkA=="> //<![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 cross-sell-campaign"> <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/lp/pm/campaign/cybermonday?utm_campaign=elements_mkt-footer_Cyber2024&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/logos/envato_white-1ab212390db26772c382896a9a7c97cd21bee856277fa4ab58561c2acd11f958.svg" alt="Elements logo" width="185" height="44"> <div class="mainPanelLinkContainer"> <p class="mainPanelLinkHeading"> Get <span> unlimited downloads</span> </p> <img class="mainPanelContentMobileImage" loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-cyber-sale-0d3e4f92b7a09397d0e548187251178b2a5997cf3690217bdc281502b5ea3113.svg" alt="30% off elements" /> <p class="mainPanelLinkSubheading"> Subscribe to Envato Elements this <span>Cyber sale</span>. </p> <div class="mainPanelLinkDescription"> <div class="descriptionItem"> <img src="https://public-assets.envato-static.com/assets/header/badge-white-2ab735d1ffbfb99499d2c9a67856a79e9952644f16fe01185cff5a9d831e5b29.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_white-d41d6274cbd89526bc85292f18f7f5da3377487a9e4acf8ceb85ac0fda406081.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">Save now</button> </div> </div> <div class="secondaryPanel"> <img class="secondaryPanelContentImage" loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-cyber-sale-0d3e4f92b7a09397d0e548187251178b2a5997cf3690217bdc281502b5ea3113.svg" alt="30% off elements" /> </div> </a> <div class="greenVector"> <img loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/desktop-green-vector-cyber-sale-f7653eeb6cb930085e47a7f14760137e5a9bc7e590c2d1a39ef1d9cd81d13b63.png" alt="artistic paint brush strokes" /> </div> <div class="mobileGreenVector"> <img loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/mobile-green-vector-cyber-sale-7ff861ae59ab37a021419d4886724f03e8a7badcd6cb328c786ea304677b9995.png" alt="artistic paint brush strokes" > </div> </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://themeforest.net/legal/market">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://envato.com">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'>76,371,135</span> items sold </li> <li class='global-footer-stats__list-item h-p0'> <span class='global-footer-stats__number'>$1,189,540,862</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" href="https://envato.com">Envato.com</a> </li> <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'> © 2024 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> <script src="https://public-assets.envato-static.com/assets/market/core/index-3d8a0ccd9978174dda7d3aa30b258e7ace330a435d742f005d78398b2a3f6013.js" nonce="gWwkhmF+1+O+LEL85jcNkA=="></script> <script src="https://public-assets.envato-static.com/assets/market/pages/default/index-48d9485e892b8042a34669f184c1216e988cf3489bbd24b70672c7dee69a58af.js" nonce="gWwkhmF+1+O+LEL85jcNkA=="></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="gWwkhmF+1+O+LEL85jcNkA==" integrity="sha256-Lj73XO2pRKnz68V0O125cWko4eq1N3BVb2oeXYCSLv0="></script> <script nonce="gWwkhmF+1+O+LEL85jcNkA=="> //<![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="gWwkhmF+1+O+LEL85jcNkA=="></script> <script nonce="gWwkhmF+1+O+LEL85jcNkA=="> //<![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(); } } else { 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="gWwkhmF+1+O+LEL85jcNkA=="> //<![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="gWwkhmF+1+O+LEL85jcNkA=="> //<![CDATA[ // Set Datadog custom attributes (function () { if (typeof window.datadog_attributes != 'object') window.datadog_attributes = {} window.datadog_attributes['pageType'] = 'item:details' })() //]]> </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10