Daxa - Angular 18 Material Design Admin Dashboard Template + SSR by HiBootstrap

<!doctype html>   <html class="no-js " lang="en">  <head> <meta charset="utf-8"> <script src="https://public-assets.envato-static.com/assets/market/core/datadog-c9dadca4b1354094f125388491f85039fc6c2017f1bbf824b789caa4c03450a2.js" nonce="y+I2YvBoDysPtaCBxFLekA=="></script> <script nonce="y+I2YvBoDysPtaCBxFLekA=="> //<![CDATA[ window.DD_RUM && window.DD_RUM.init({ clientToken: 'puba7a42f353afa86efd9e11ee56e5fc8d9', applicationId: '8561f3f6-5252-482b-ba9f-2bbb1b009106', site: 'datadoghq.com', service: 'marketplace', env: 'production', version: 'ae74f4f2fe1abc8e145ae4d1de11a56f712f302a', 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="y+I2YvBoDysPtaCBxFLekA=="> //<![CDATA[ var rollbarEnvironment = "production" var codeVersion = "ae74f4f2fe1abc8e145ae4d1de11a56f712f302a" //]]> </script> <script src="https://public-assets.envato-static.com/mp/packs/js/rollbar-304e0de7661e0a12bfed.js" nonce="y+I2YvBoDysPtaCBxFLekA=="></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/515177068/01_Daxa_Preview.__large_preview.jpg?auto=format&q=94&cf_fit=crop&gravity=top&h=8000&w=590&s=1591ec022a66534b4b764d7a8afe443fdc6b6e47bb4a873f023346d625437451" 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>Daxa - Angular 18 Material Design Admin Dashboard Template + SSR by HiBootstrap</title> <meta name="description" content="Buy Daxa - Angular 18 Material Design Admin Dashboard Template + SSR by HiBootstrap on ThemeForest. Super Promo Offer: Only $59 $9 for a Limited Time! Buy Now! One-time purchase and get lifetime access! Regular Update..."> <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-6c69a94a8baf3f4c3819d01881b93c5df72551f3f91ec87d2f599bb75ba7ca88.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/daxa-material-design-angular-admin-dashboard-template/50912112" /> <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":"Admin Templates","url":"https://themeforest.net/item/daxa-material-design-angular-admin-dashboard-template/50912112","description":"Super Promo Offer: Only $59 $9 for a Limited Time! Buy Now! One-time purchase and get lifetime access! Regular Updates, Top Quality Support from the Author Introducing Daxa鈥攁 clean and modern Angular 18 Material Design Admin Dashboard Template built with Angular, Material UI, and TypeScript. Daxa has a vast collection of reusable and responsive components featuring multiple design variations. It鈥檚 the perfect solution for projects of all sizes, including eCommerce, Project Management, LMS Courses, CRM, Help Desk, ERP, SaaS, PaaS, CMS, Back Office, and Accounting Software. Why Choose Daxa? Angular 18 \u0026amp; TypeScript 5.2.2+: Built on the latest Angular framework for optimal performance and scalability. Material UI \u0026a","name":"Daxa - Angular 18 Material Design Admin Dashboard Template + SSR","image":"https://s3.envato.com/files/488674820/Thumb_Daxa.png","brand":{"@type":"Brand","name":"HiBootstrap"},"sku":50912112,"mpn":"E-50912112","productionDate":"2024-11-24T00:20:36+11:00","releaseDate":"2024-11-24T00:20:36+11:00","offers":{"@type":"Offer","price":"9.00","priceCurrency":"USD","priceValidUntil":"2024-11-25T23:59:59+11:00","itemCondition":"http://schema.org/NewCondition","availability":"http://schema.org/InStock","url":"https://themeforest.net/item/daxa-material-design-angular-admin-dashboard-template/50912112"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.12","reviewCount":"8"},"review":{"@type":"Review","reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},"author":{"@type":"Person","name":"macgayverapolonio"}}} </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":"Site Templates","item":"https://themeforest.net/site-templates"},{"@type":"ListItem","position":4,"name":"Admin Templates"}]} </script> <script nonce="y+I2YvBoDysPtaCBxFLekA=="> //<![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="$9 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="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://themeforest.net/item/daxa-material-design-angular-admin-dashboard-template/50912112" /> <meta property="og:image" content="https://s3.envato.com/files/515177068/01_Daxa_Preview.__large_preview.jpg" /> <meta property="og:description" content="Super Promo Offer: Only $59 $9 for a Limited Time! Buy Now! One-time purchase and get lifetime access! Regular Updates, Top Quality Support from the Author Introducing Daxa鈥攁 clean and mo..." /> <meta property="og:site_name" content="ThemeForest" /> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="s3K3WLjsY4FQ1I58hNK_CgW_R6uwUSeTP-6VlE8muyrpydoUbtvtyLPLZKx-06ye-VqyO60nf0F9xjocbz0GMg" /> <meta name="turbo-visit-control" content="reload"> <script type="text/plain" nonce="y+I2YvBoDysPtaCBxFLekA==" 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="y+I2YvBoDysPtaCBxFLekA==" 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="y+I2YvBoDysPtaCBxFLekA=="></script> </head> <body class="color-scheme-light" data-view="app impressionTracker" data-responsive="true" data-user-signed-in="false" > <script nonce="y+I2YvBoDysPtaCBxFLekA=="> //<![CDATA[ var gtmConfig = {} //]]> </script>  <script src="https://public-assets.envato-static.com/mp/packs/js/gtm_measurements-0a96144c452c1dfda6b2.js" nonce="y+I2YvBoDysPtaCBxFLekA=="></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="y+I2YvBoDysPtaCBxFLekA=="> //<![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(/&/g, '&') .replace(/'/g, "'") .replace(/\s+/g, ' ') if (normalizedValue === '') return undefined return normalizedValue } var pageAttributes = { app_name: normalizeAttributeValue('Marketplace'), app_env: normalizeAttributeValue('production'), app_version: normalizeAttributeValue('ae74f4f2fe1abc8e145ae4d1de11a56f712f302a'), 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 & 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&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 & 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&sort=trending&term=elementor">Plugins</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/elementor?compatible_with=Elementor&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 & 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="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Creative Assets","promotionName":"Unlimited Creative Assets","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Creative Assets","promotionName":"Unlimited Creative Assets","promotionType":"elements referral"}}" href="https://elements.envato.com/all-items/?utm_campaign=elements_mkt-nav_child&utm_content=tf_all-items&utm_medium=referral&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="{"eventName":"view_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"switcher_mobile_31JUL2024","promotionName":"switcher_mobile_31JUL2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"switcher_mobile_31JUL2024","promotionName":"switcher_mobile_31JUL2024","promotionType":"elements referral"}}" href="https://elements.envato.com/?utm_campaign=switcher_mobile_31JUL2024&utm_medium=referral&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 & 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="{"eventName":"view_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"elements_mkt-headernav_our_products_26AUG2024","promotionName":"elements_mkt-headernav_our_products_26AUG2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"elements_mkt-headernav_our_products_26AUG2024","promotionName":"elements_mkt-headernav_our_products_26AUG2024","promotionType":"elements referral"}}" title="The unlimited creative subscription" target="_blank" href="https://elements.envato.com?utm_source=envatomarket&utm_medium=promos&utm_campaign=elements_mkt-headernav_our_products_26AUG2024&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="{"eventName":"view_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionName":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionType":""}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionName":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionType":""}}" title="Free creative tutorials and courses" target="_blank" href="https://tutsplus.com?utm_source=envatomarket&utm_medium=promos&utm_campaign=tutsplus_mkt-headernav_our_products_26AUG2024&&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="{"eventName":"view_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"placeit_mkt-headernav_our_products_26AUG2024","promotionName":"placeit_mkt-headernav_our_products_26AUG2024","promotionType":""}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"placeit_mkt-headernav_our_products_26AUG2024","promotionName":"placeit_mkt-headernav_our_products_26AUG2024","promotionType":""}}" title="Customize mockups, design and video" target="_blank" href="https://placeit.net?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-headernav_our_products_26AUG2024&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 & 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/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_content=tf_item_50912112&utm_medium=referral&utm_source=themeforest.net" target="_blank" > <span> Unlimited Downloads </span> </a> <a target="_blank" class="elements-nav__dropdown-container unique-selling-points__variant" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"elements_mkt-switcher_31JUL2024","promotionName":"elements_mkt-switcher_31JUL2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"elements_mkt-switcher_31JUL2024","promotionName":"elements_mkt-switcher_31JUL2024","promotionType":"elements referral"}}" href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_content=tf_item_50912112&utm_medium=referral&utm_source=themeforest.net"> <div class="elements-nav__main-panel"> <img class="elements-nav__logo-container" loading="lazy" src="https://public-assets.envato-static.com/assets/header/EnvatoElements-logo-4f70ffb865370a5fb978e9a1fc5bbedeeecdfceb8d0ebec2186aef4bee5db79d.svg" alt="Elements logo" height="23" width="101" > <div class="elements-nav__punch-line"> <h2> Looking for unlimited downloads? </h2> <p> Subscribe to Envato Elements. <ul> <li> <img src="https://public-assets.envato-static.com/assets/header/badge-a65149663b95bcee411e80ccf4da9788f174155587980d8f1d9c44fd8b59edd8.svg" alt="badge" width="20" height="20" > Millions of premium assets </li> <li> <img src="https://public-assets.envato-static.com/assets/header/thumbs_up-e5ce4c821cfd6a6aeba61127a8e8c4d2d7c566e654f588a22708c64d66680869.svg" alt="thumbs up" width="20" height="20" > Great value subscription </li> </ul> <button class="brand-neue-button brand-neue-button__open-in-new elements-nav__cta">Let's create</button> </p> </div> </div> <div class="elements-nav__secondary-panel"> <img class="elements-nav__secondary-panel__collage" loading="lazy" src="https://public-assets.envato-static.com/assets/header/items-collage-1x-a39e4a5834e75c32a634cc7311720baa491687b1aaa4b709ebd1acf0f8427b53.png" srcset="https://public-assets.envato-static.com/assets/header/items-collage-2x-75e1ad16a46b9788861780a57feeb5fd1ad1026ecce9330302f0ef8f6f542697.png 2x" alt="Collage of Elements items" width="267" height="233" > </div> </a></div> <div class="header-site-floating-logo__container"> <div class=header-site-floating-logo__themeforest ></div> </div> </nav> </div> </div> </div> <div class="site-header__categories is-hidden-tablet-and-below"> <div class="header-categories"> <div class="grid-container -layout-wide"> <ul class="header-categories__links"> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-0-dropdown" href="/category/all"> All Items </a> <div class="header-categories__links-dropdown js-categories-0-dropdown"> <ul class="header-dropdown"> <li> <a class="" href="/top-sellers">Popular Files</a> </li> <li> <a class="" href="/feature">Featured Files</a> </li> <li> <a class="" href="/category/all?date=this-month&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 & 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&sort=trending&term=elementor">Plugins</a> </li> <li> <a class="" href="/search/elementor?compatible_with=Elementor&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 & 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="{"eventName":"view_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Creative Assets","promotionName":"Unlimited Creative Assets","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"sub nav","ecommerce":{"promotionId":"Unlimited Creative Assets","promotionName":"Unlimited Creative Assets","promotionType":"elements referral"}}" href="https://elements.envato.com/all-items/?utm_campaign=elements_mkt-nav_child&utm_content=tf_all-items&utm_medium=referral&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/site-templates">Site Templates</a> <a class="js-breadcrumb-category" href="https://themeforest.net/category/site-templates/admin-templates">Admin Templates</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"> Daxa - Angular 18 Material Design Admin Dashboard Template + SSR </h1> <h1 class="t-heading -color-inherit -size-xs h-m0 is-hidden-tablet-and-above"> Daxa - Angular 18 Material Design Admin Dashboard Template + SSR </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/50912112"> <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">$9</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/hibootstrap">HiBootstrap</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>577</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>  <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/daxa-material-design-angular-admin-dashboard-template/50912112">Item Details</a></li> <li><a class="js-item-navigation-reviews t-link -decoration-none" href="/item/daxa-material-design-angular-admin-dashboard-template/reviews/50912112"><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-empty"> </i> </div> 4.12 <span class="is-visually-hidden">4.12 stars</span> </div> </div> </div> </span><span class="item-navigation-reviews-comments">8</span></a></li> <li><a class="js-item-navigation-comments t-link -decoration-none" href="/item/daxa-material-design-angular-admin-dashboard-template/50912112/comments"><span>Comments</span><span class="item-navigation-reviews-comments">33</span></a></li> <li><a class="js-item-navigation-support t-link -decoration-none" href="/item/daxa-material-design-angular-admin-dashboard-template/50912112/support">Support</a></li> </ul> </div>  <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/daxa-material-design-angular-admin-dashboard-template/50912112">Item Details</option> <option data-url="/item/daxa-material-design-angular-admin-dashboard-template/reviews/50912112">Reviews (8)</option> <option data-url="/item/daxa-material-design-angular-admin-dashboard-template/50912112/comments">Comments (33)</option> <option data-url="/item/daxa-material-design-angular-admin-dashboard-template/50912112/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="50912112"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=favorite&resource_id=50912112"><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="50912112"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=collect&resource_id=50912112"><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="y+I2YvBoDysPtaCBxFLekA=="> //<![CDATA[ window.GtmMeasurements.sendAnalyticsEvent({"eventName":"view_item","eventType":"user","ecommerce":{"currency":"USD","value":9.0,"items":[{"affiliation":"themeforest","item_id":50912112,"item_name":"Daxa - Angular 18 Material Design Admin Dashboard Template + SSR","item_brand":"HiBootstrap","item_category":"site-templates","item_category2":"admin-templates","price":9.0,"quantity":1,"item_add_on":"bundle_6month","item_variant":"regular"}]}}); //]]> </script> <div> <link href="https://s3.envato.com/files/488674820/Thumb_Daxa.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&resource_id=50912112"><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&resource_id=50912112"> <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/daxa-material-design-angular-admin-dashboard-template/full_screen_preview/50912112"><img alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - Admin Templates Site Templates" width="590" height="300" srcset="https://market-resized.envatousercontent.com/themeforest.net/files/515177068/01_Daxa_Preview.__large_preview.jpg?auto=format&q=94&cf_fit=crop&gravity=top&h=8000&w=590&s=1591ec022a66534b4b764d7a8afe443fdc6b6e47bb4a873f023346d625437451 590w, https://market-resized.envatousercontent.com/themeforest.net/files/515177068/01_Daxa_Preview.__large_preview.jpg?auto=format&q=94&cf_fit=crop&gravity=top&h=6780&w=500&s=0e9face7c1cdc8680682112f018f78ac8ce384dd02f52d5364b51150a02f2297 500w, https://market-resized.envatousercontent.com/themeforest.net/files/515177068/01_Daxa_Preview.__large_preview.jpg?auto=format&q=94&cf_fit=crop&gravity=top&h=5424&w=400&s=786b1ce54eaacf7ca27d9eaacafba3f3e34b5531270351a1e3d891fc8078967d 400w, https://market-resized.envatousercontent.com/themeforest.net/files/515177068/01_Daxa_Preview.__large_preview.jpg?auto=format&q=94&cf_fit=crop&gravity=top&h=4068&w=300&s=170dae07cb06f8828736dd0f12930f5fd714590b166a7b91f5f33625b5ef57d0 300w" sizes="(min-width: 1024px) 590px, (min-width: 1px) 100vw, 600px" src="https://market-resized.envatousercontent.com/themeforest.net/files/515177068/01_Daxa_Preview.__large_preview.jpg?auto=format&q=94&cf_fit=crop&gravity=top&h=8000&w=590&s=1591ec022a66534b4b764d7a8afe443fdc6b6e47bb4a873f023346d625437451" /></a> <div class="item-preview__actions"> <div id="fullscreen" class="item-preview__preview-buttons"> <a href="/item/daxa-material-design-angular-admin-dashboard-template/full_screen_preview/50912112" role="button" class="btn-icon live-preview" target="_blank" rel="noopener nofollow" > Live Preview </a> </div> </div> </div> </div> <div data-view="toggleItemDescription"> <div class="js-item-togglable-content"> <div class="js-item-description item-description"> <div class="user-html user-html__with-lazy-load"><h2 id="item-description__super-promo-offer-only-59-9-for-a-limited-time-buy-now"><strong>Super Promo Offer: Only <del>$59</del> <ins>$9</ins> for a Limited Time! Buy Now!</strong></h2> <p><strong>One-time purchase and get lifetime access!</strong><br> Regular Updates, Top Quality Support from the Author</p> <p><a href="https://themeforest.net/cart/configure_before_adding/50912112?license=regular&size=source&support=bundle_06month"><span data-src="https://camo.envatousercontent.com/1e7e2d94423890611eed98db4a2c71bec754a3c2/68747470733a2f2f696d616765732e656e76797468656d652e636f6d2f30315f646178615f6465736372697074696f6e2e676966" data-alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - 1" class="lazy-load-img"></span></a></p> <p><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/2cdd2118c163fcdff551591e703633469066dd3f/68747470733a2f2f696d616765732e656e76797468656d652e636f6d2f30315f646178615f6465736372697074696f6e2e6a7067" data-alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - 2" class="lazy-load-img"></span></a></p> <p>Introducing <strong>Daxa</strong>鈥攁 clean and modern <strong>Angular 18 Material Design Admin Dashboard Template</strong> built with <strong>Angular</strong>, <strong>Material UI</strong>, and <strong>TypeScript</strong>. Daxa has a vast collection of reusable and responsive components featuring multiple design variations. It鈥檚 the perfect solution for projects of all sizes, including <em>eCommerce</em>, <em>Project Management</em>, <em>LMS Courses</em>, <em>CRM</em>, <em>Help Desk</em>, <em>ERP</em>, <em>SaaS</em>, <em>PaaS</em>, <em>CMS</em>, <em>Back Office</em>, and <em>Accounting Software</em>.</p> <p><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/768ece4d6e2ecc2e09b39c01e07d4eb18e0640bf/68747470733a2f2f696d616765732e656e76797468656d652e636f6d2f30375f646178615f6465736372697074696f6e2e6a7067" data-alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - 3" class="lazy-load-img"></span></a></p> <p><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/0ebcfbe0f9f33555fd1ba8b74575fe2e88d23030/68747470733a2f2f696d616765732e656e76797468656d652e636f6d2f30385f646178615f6465736372697074696f6e2e6a7067" data-alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - 4" class="lazy-load-img"></span></a></p> <h2 id="item-description__why-choose-daxa">Why Choose Daxa?</h2> <ul> <li> <strong>Angular 18 & TypeScript 5.2.2+:</strong> Built on the latest Angular framework for optimal performance and scalability.</li> <li> <strong>Material UI & Sass:</strong> Utilize Material Design principles for a sleek and modern interface.</li> <li> <strong>Server-Side Rendering (SSR):</strong> Enhance SEO and performance with built-in SSR capabilities.</li> <li> <strong>No jQuery Dependency:</strong> Pure Angular components ensure faster load times and easier maintenance.</li> <li> <strong>RTL Support:</strong> Fully supports Right-to-Left languages like Arabic and Hebrew.</li> <li> <strong>Light/Dark Mode & Multiple Sidebar Options:</strong> Customize the look and feel to match your brand.</li> <li> <strong>Responsive & Retina Ready:</strong> Optimized for all devices and screen resolutions.</li> <li> <strong>Extensive Documentation:</strong> Comprehensive guides to help you get started quickly.</li> </ul> <p><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/2345cddfb7eee3fa57d2015ec4fcd0b3d08bdfe6/68747470733a2f2f696d616765732e656e76797468656d652e636f6d2f30325f646178615f6465736372697074696f6e2e706e67" data-alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - 5" class="lazy-load-img"></span></a></p> <h2 id="item-description__key-features">Key Features</h2> <p><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/f2e88b20476e430b74d58d78cc733b1584b15c16/68747470733a2f2f696d616765732e656e76797468656d652e636f6d2f30355f646178615f6465736372697074696f6e2e6a7067" data-alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - 6" class="lazy-load-img"></span></a></p> <h3 id="item-description__dashboards">Dashboards</h3> <ul> <li><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow">E-Commerce Dashboard</a></li> <li><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow">CRM Dashboard</a></li> <li><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow">Project Management Dashboard</a></li> <li><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow">LMS Dashboard</a></li> <li><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow">Help Desk Dashboard</a></li> </ul> <p><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/5d0b0b31d8ade089b97c2a5db6403f879510bbda/68747470733a2f2f696d616765732e656e76797468656d652e636f6d2f30335f646178615f6465736372697074696f6e2e706e67" data-alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - 7" class="lazy-load-img"></span></a></p> <p><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/ffbc873be004f4229145e077e15fe50a19519149/68747470733a2f2f696d616765732e656e76797468656d652e636f6d2f30345f646178615f6465736372697074696f6e312e6a7067" data-alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - 8" class="lazy-load-img"></span></a></p> <h3 id="item-description__pages-amp-components">Pages & Components</h3> <ul> <li>168+ Pages and 254+ Components</li> <li>ApexCharts Integration</li> <li>Owl Carousel Support</li> <li>Light/Dark Mode</li> <li>Multiple Sidebar Options</li> <li>RTL Support for Arabic and Hebrew Languages</li> <li>ngx-file-upload</li> <li>ngx-color-picker</li> <li>ngx-editor</li> <li>ngx-gauge</li> <li>ngx-mat-timepicker</li> <li>ngx-scrollbar</li> <li>Integrated with Remixicon, Material Icons, & Material Symbols Icons</li> </ul> <h3 id="item-description__customization-amp-flexibility">Customization & Flexibility</h3> <ul> <li>Easy to Customize and Expand</li> <li>Components-Based Styling</li> <li>Creative Layout Options</li> <li>Fast, Lightweight, and Powerful</li> <li>Developer-Friendly Code Structure</li> <li>Built with Sass for Advanced Customization</li> </ul> <p><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/6e5f33e2493ecdbe4e170741bd162895b4079b9d/68747470733a2f2f696d616765732e656e76797468656d652e636f6d2f30365f646178615f6465736372697074696f6e2e706e67" data-alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - 9" class="lazy-load-img"></span></a></p> <h2 id="item-description__responsive-design">Responsive Design</h2> <p><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/2ab06e67745349ca77dd735f6abd402d1d2ae491/68747470733a2f2f696d616765732e656e76797468656d652e636f6d2f31305f646178615f6465736372697074696f6e312e6a7067" data-alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - 10" class="lazy-load-img"></span></a></p> <p>Daxa is fully responsive and retina-ready, ensuring a seamless user experience across desktops, tablets, and mobile devices. Built with mobile-first principles, your applications will look stunning on any screen size.</p> <h2 id="item-description__rtl-support">RTL Support</h2> <p>With built-in Right-to-Left (RTL) support, Daxa is fully compatible with languages like Arabic and Hebrew, making it ideal for global applications.</p> <p><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/ff0fe32c5f3886e04e61aebd8ab7b9e78169a665/68747470733a2f2f696d616765732e656e76797468656d652e636f6d2f30395f646178615f6465736372697074696f6e2e6a7067" data-alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - 11" class="lazy-load-img"></span></a></p> <h2 id="item-description__free-google-fonts-amp-icons">Free Google Fonts & Icons</h2> <p>Enhance your application鈥檚 typography and icons with free Google Fonts and a variety of icon libraries, including Remixicon, Material Icons, and Material Symbols Icons.</p> <p><a href="https://support.hibootstrap.com/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/607b1cbe9d884232ad5aa1013d8ba0f2bb4bddae/68747470733a2f2f696d616765732e656e76797468656d652e636f6d2f68622d737570706f72742d73797374656d2e706e67" data-alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - 12" class="lazy-load-img"></span></a></p> <h2 id="item-description__dedicated-support-amp-documentation">Dedicated Support & Documentation</h2> <p>We provide <strong>24-hour turnaround support</strong> through our dedicated ticketing system. Our comprehensive documentation will guide you through every step of setting up and customizing Daxa.</p> <p><strong>Support:</strong></p> <ul> <li>Quick, Dedicated & Professional Support</li> <li>Submit your tickets via our <a href="https://support.hibootstrap.com" rel="nofollow">HiBootstrap Support System</a> </li> <li>For pre-purchase queries, use live chat on the demo site, email, or the item鈥檚 comment section on ThemeForest.</li> </ul> <p><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/b857b2593801e8205e58ce0fccfcbcc6d06ee3c1/68747470733a2f2f696d616765732e656e76797468656d652e636f6d2f31315f646178615f6465736372697074696f6e2e6a7067" data-alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - 13" class="lazy-load-img"></span></a></p> <h2 id="item-description__what-you-get">What You Get</h2> <ul> <li>Full Template Source Code</li> <li>Detailed Documentation</li> </ul> <h2 id="item-description__important-note">Important Note</h2> <p>Images and videos are only for demo purposes and are not included in the download bundle. For original assets, please submit a support ticket.</p> <p><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/9288f03e477bab9869db35e70c9044355bc64966/68747470733a2f2f696d616765732e656e76797468656d652e636f6d2f68622d617574686f722d66656174757265642e706e67" data-alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - 14" class="lazy-load-img"></span></a></p> <p>Unlock the full potential of your next project with Daxa鈥檚 robust features and modern design. <a href="https://themeforest.net/cart/configure_before_adding/50912112?license=regular&size=source&support=bundle_06month"><strong>Purchase Daxa</strong></a> now and elevate your application鈥檚 backend to the next level.</p> <p><a href="https://preview.hibootstrap.com/daxa-admin/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/b12d9ade2b925f6a580f9fc088fbd9cda13eb077/68747470733a2f2f696d616765732e656e76797468656d652e636f6d2f31325f646178615f6465736372697074696f6e2e6a7067" data-alt="Daxa - Angular 18 Material Design Admin Dashboard Template + SSR - 15" class="lazy-load-img"></span></a></p> <h2 id="item-description__sources-amp-credits">Sources & Credits</h2> <ul> <li>Angular Material</li> <li>Angular & TypeScript</li> <li>Sass</li> <li>ApexCharts & Owl Carousel</li> <li>Rich Text Editor</li> <li>Remixicon, Material Icons & Material Symbols Icons</li> <li>Google Map</li> <li>Google Fonts</li> </ul> <h2 id="item-description__update-logs">Update Logs</h2> <pre> September 16, 2024: Daxa v1.5 ----------------------------- - Fixed: SSR Related Issue - Updated: Documentation ----------------------------- August 31, 2024: Daxa v1.4 ----------------------------- - Added: Server-Side Rendering (SSR) - Updated: Documentation -------------------------- July 12, 2024: Daxa v1.3 -------------------------- - Updated: using Angular 18 - Updated: using Angular Material v18.1.0 - Updated: using RemixIcon v4.3.0 - Updated: using ApexCharts v3.49.2 - Updated: using NGX Owl Carousel v18.0.0 - Updated: using NGX Scrollbar v15.0.1 - Updated: using NGX Material Timepicker v13.1.1 - Updated: using NGX File Upload v18.0.0 - Updated: using NGX Editor v17.5.4 --------------------------- May 19, 2024: Daxa v1.2 --------------------------- - Updated: using ApexCharts v3.49.0 - Updated: using RemixIcon v4.2.0 - Updated: using NGX Gauge v9.0.0 - Updated: using NGX Scrollbar v14.1.0 - Updated: Documentation ----------------------------- March 07, 2024: Daxa v1.1 ----------------------------- - Fixed: ApexCharts Dependencies Error - Updated: Documentation </pre></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/daxa-material-design-angular-admin-dashboard-template/50912112/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 HiBootstrap</h2> <div class="related-by-author__list h-py1"> <ul class="item-thumbnail-carousel--item-page overflow" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","ecommerce":{"currency":"USD","item_list_name":"Item page: More items by this author","items":[{"affiliation":"themeforest","item_id":54425494,"item_name":"Brito - IT Services \u0026 Cyber Security Solutions Elementor WordPress Theme","item_brand":"HiBootstrap","item_category":"wordpress","item_category2":"technology","price":"13","quantity":1,"index":1},{"affiliation":"themeforest","item_id":54366693,"item_name":"Finto - Banking \u0026 Finance Services Bootstrap 5 HTML Template","item_brand":"HiBootstrap","item_category":"site-templates","item_category2":"corporate","item_category3":"business","price":"9","quantity":1,"index":2},{"affiliation":"themeforest","item_id":54252293,"item_name":"Renaz - Viral News \u0026 Magazine Bootstrap 5 HTML Template","item_brand":"HiBootstrap","item_category":"site-templates","item_category2":"entertainment","price":"5","quantity":1,"index":3},{"affiliation":"themeforest","item_id":54136210,"item_name":"Edvik - LMS Education Moodle 4.4 Theme","item_brand":"HiBootstrap","item_category":"cms-themes","item_category2":"moodle","price":"15","quantity":1,"index":4},{"affiliation":"themeforest","item_id":52850871,"item_name":"Adli - Vuejs Advertising Agency Template","item_brand":"HiBootstrap","item_category":"site-templates","item_category2":"corporate","item_category3":"marketing","price":"15","quantity":1,"index":5},{"affiliation":"themeforest","item_id":52532513,"item_name":"Clada - Classified Ads Directory Listing Elementor WordPress Theme","item_brand":"HiBootstrap","item_category":"wordpress","item_category2":"corporate","item_category3":"directory-listings","price":"19","quantity":1,"index":6},{"affiliation":"themeforest","item_id":52464519,"item_name":"Laks - Real Estate Mortgage \u0026 Loans HTML Template","item_brand":"HiBootstrap","item_category":"site-templates","item_category2":"corporate","item_category3":"business","price":"15","quantity":1,"index":7}]}}"> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"themeforest","item_id":54425494,"item_name":"Brito - IT Services \u0026 Cyber Security Solutions Elementor WordPress Theme","item_brand":"HiBootstrap","item_category":"wordpress","item_category2":"technology","price":"13","quantity":1}]}}" href="https://themeforest.net/item/brito-managed-it-services-wordpress-theme/54425494"><span class="lazy-load-img" data-src="https://s3.envato.com/files/517237764/Brito_thumb.png" data-border="0" data-alt="Brito - IT Services & Cyber Security Solutions Elementor WordPress Theme - ThemeForest Item for Sale" data-title="Brito - IT Services & Cyber Security Solutions Elementor WordPress Theme" 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/539825103/01_brito_preview.__large_preview.jpg" data-data-item-name="Brito - IT Services & Cyber Security Solutions Elementor WordPress Theme" data-data-item-author="HiBootstrap" data-data-item-id="54425494" data-data-item-category="WordPress / Technology" data-data-item-cost="13"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"themeforest","item_id":54366693,"item_name":"Finto - Banking \u0026 Finance Services Bootstrap 5 HTML Template","item_brand":"HiBootstrap","item_category":"site-templates","item_category2":"corporate","item_category3":"business","price":"9","quantity":1}]}}" href="https://themeforest.net/item/finto-banking-finance-services-html-template/54366693"><span class="lazy-load-img" data-src="https://s3.envato.com/files/515198430/Finto_Thumb.png" data-border="0" data-alt="Finto - Banking & Finance Services Bootstrap 5 HTML Template - ThemeForest Item for Sale" data-title="Finto - Banking & Finance Services Bootstrap 5 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/518741546/01_Finto_Preview.__large_preview.png" data-data-item-name="Finto - Banking & Finance Services Bootstrap 5 HTML Template" data-data-item-author="HiBootstrap" data-data-item-id="54366693" 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="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"themeforest","item_id":54252293,"item_name":"Renaz - Viral News \u0026 Magazine Bootstrap 5 HTML Template","item_brand":"HiBootstrap","item_category":"site-templates","item_category2":"entertainment","price":"5","quantity":1}]}}" href="https://themeforest.net/item/renaz-viral-news-magazine-html-template/54252293"><span class="lazy-load-img" data-src="https://s3.envato.com/files/512955570/Renaz_Thumb.png" data-border="0" data-alt="Renaz - Viral News & Magazine Bootstrap 5 HTML Template - ThemeForest Item for Sale" data-title="Renaz - Viral News & Magazine Bootstrap 5 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/518745012/Renaz_Preview_Large.__large_preview.jpg" data-data-item-name="Renaz - Viral News & Magazine Bootstrap 5 HTML Template" data-data-item-author="HiBootstrap" data-data-item-id="54252293" data-data-item-category="Site Templates / Entertainment" data-data-item-cost="5"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"themeforest","item_id":54136210,"item_name":"Edvik - LMS Education Moodle 4.4 Theme","item_brand":"HiBootstrap","item_category":"cms-themes","item_category2":"moodle","price":"15","quantity":1}]}}" href="https://themeforest.net/item/edvik-lms-education-moodle-theme/54136210"><span class="lazy-load-img" data-src="https://s3.envato.com/files/512025259/Edvik_thumb.png" data-border="0" data-alt="Edvik - LMS Education Moodle 4.4 Theme - ThemeForest Item for Sale" data-title="Edvik - LMS Education Moodle 4.4 Theme" 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/518741444/01_edvik_preview.__large_preview.jpg" data-data-item-name="Edvik - LMS Education Moodle 4.4 Theme" data-data-item-author="HiBootstrap" data-data-item-id="54136210" data-data-item-category="CMS Themes / Moodle" data-data-item-cost="15"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"themeforest","item_id":52850871,"item_name":"Adli - Vuejs Advertising Agency Template","item_brand":"HiBootstrap","item_category":"site-templates","item_category2":"corporate","item_category3":"marketing","price":"15","quantity":1}]}}" href="https://themeforest.net/item/adli-vuejs-advertising-agency-template/52850871"><span class="lazy-load-img" data-src="https://s3.envato.com/files/502798745/adli_thumb.png" data-border="0" data-alt="Adli - Vuejs Advertising Agency Template - ThemeForest Item for Sale" data-title="Adli - Vuejs Advertising Agency 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/502798746/01_adli_preview_large.__large_preview.jpg" data-data-item-name="Adli - Vuejs Advertising Agency Template" data-data-item-author="HiBootstrap" data-data-item-id="52850871" data-data-item-category="Site Templates / Corporate / Marketing" data-data-item-cost="15"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"themeforest","item_id":52532513,"item_name":"Clada - Classified Ads Directory Listing Elementor WordPress Theme","item_brand":"HiBootstrap","item_category":"wordpress","item_category2":"corporate","item_category3":"directory-listings","price":"19","quantity":1}]}}" href="https://themeforest.net/item/clada-classified-ads-wordpress-theme/52532513"><span class="lazy-load-img" data-src="https://s3.envato.com/files/500542082/Clada_Thumb.png" data-border="0" data-alt="Clada - Classified Ads Directory Listing Elementor WordPress Theme - ThemeForest Item for Sale" data-title="Clada - Classified Ads Directory Listing Elementor WordPress Theme" 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/505071598/01_clada_preview_large.__large_preview.jpg" data-data-item-name="Clada - Classified Ads Directory Listing Elementor WordPress Theme" data-data-item-author="HiBootstrap" data-data-item-id="52532513" data-data-item-category="WordPress / Corporate / Directory & Listings" data-data-item-cost="19"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"themeforest","item_id":52464519,"item_name":"Laks - Real Estate Mortgage \u0026 Loans HTML Template","item_brand":"HiBootstrap","item_category":"site-templates","item_category2":"corporate","item_category3":"business","price":"15","quantity":1}]}}" href="https://themeforest.net/item/laks-real-estate-mortgage-loans-html-template/52464519"><span class="lazy-load-img" data-src="https://s3.envato.com/files/499991013/Laks_Thumb.png" data-border="0" data-alt="Laks - Real Estate Mortgage & Loans HTML Template - ThemeForest Item for Sale" data-title="Laks - Real Estate Mortgage & Loans 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/499991016/01_Laks_Preview.__large_preview.png" data-data-item-name="Laks - Real Estate Mortgage & Loans HTML Template" data-data-item-author="HiBootstrap" data-data-item-id="52464519" data-data-item-category="Site Templates / Corporate / Business" data-data-item-cost="15"></span></a> </div> </li> </ul> </div> <div> <p class="t-body -size-m"> <a class="t-link-decoration-reversed" href="/user/HiBootstrap/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="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":9.0,"items":[{"affiliation":"themeforest","item_id":50912112,"item_name":"Daxa - Angular 18 Material Design Admin Dashboard Template + SSR","item_brand":"HiBootstrap","item_category":"site-templates","item_category2":"admin-templates","price":"9","quantity":1}]}}" action="/cart/add/50912112" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wFXCIUa1pNDkg8dhOYxH2Q-fqbileCqCBr7J0tQu2Yi84EbtG_0b7XSFs4LDokrNyQNAl1w6EsoxDOopCVWhCw" autocomplete="off" /> <div> <div data-view="itemVariantSelector" data-id="50912112" 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="">$9</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="">$499</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">$9</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="$9" data-license="regular" data-price-prepaid-upgrade="$10.88" data-support-upgrade-price="$1.88" data-support-upgrade-saving="$2" data-support-extension-price="$3.13" data-support-extension-saving="$1.25" data-support-renewal-price="$4.38" /> </div> <div class="purchase-form__license js-purchase-license " data-license="extended"> <price class="js-purchase-license-prices" data-price-prepaid="$499" data-license="extended" data-price-prepaid-upgrade="$611.13" data-support-upgrade-price="$112.13" data-support-upgrade-saving="$149" data-support-extension-price="$186.88" data-support-extension-saving="$74.75" data-support-renewal-price="$261.63" /> </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">HiBootstrap</span> <a class="t-link -decoration-reversed js-support__inclusion-link" data-view="modalAjax" href="/item_support/what_is_item_support/50912112"> <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"> $4.38 </span> <b class="t-currency"> <span class="js-support__price">$1.88</span> </b> </span> </label> </div> </div> </div> </div> <div class="purchase-form__cta-buttons"> <div class="purchase-form__button"> <button name="button" type="submit" class="js-purchase__add-to-cart e-btn--3d -color-primary -size-m -width-full"> <i class="e-icon -icon-cart -margin-right"></i> <strong>Add to Cart</strong> </button></div> </div> <div class="purchase-form__us-dollars-notice-container"> <p class="purchase-form__us-dollars-notice"><i>Price is in US dollars and excludes tax and handling fees</i></p> </div> </div> </form> </div> </div> </div> <div class="box -radius-all"> <div class="media"> <div class="media__item"> <img alt="Featured item" title="Featured item" width="42" height="42" src="https://public-assets.envato-static.com/assets/badges/had_featured_item-61104fcc29b222181f5a6312cba315740f13d283f5112dde50f64260398abdc8.svg" /> </div> <div class="media__body -align-center"> <p class="t-body -size-m h-m0"> This item was featured on ThemeForest </p> </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="HiBootstrap" href="/user/HiBootstrap"> <span data-src="https://s3.envato.com/files/285249902/logo2.png" data-width="80" data-height="80" data-alt="HiBootstrap" 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/hibootstrap">HiBootstrap</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/collector_level_1-s-bf2f6bc7b60fa5894b2450012c0879111d0155da3b98ad35d9a64c7cd8e2efc4.svg" data-alt="Collector Level 1" data-class="community-badges__badge--s" data-title="Collector Level 1: Has collected 1+ 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/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' 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/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/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/veteran_level_5-s-c3a30a74e1087c191332f0120ec873635937d2008b2e4410d715f5835418fb9a.svg" data-alt="5 Years of Membership" data-class="community-badges__badge--s" data-title="5 Years of Membership: Has been part of the Envato Community for over 5 years" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/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/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> </ul> </div> </div> </div> <div class="h-mt1"> <a class="e-btn--3d -color-light -width-full js-view-portfolio-button" href="/user/HiBootstrap/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-16T07:54:53+10:00"> 16 September 2024 </time> </td> </tr> <tr> <td class="meta-attributes__attr-name">Published</td> <td class="meta-attributes__attr-detail"> <span data-nosnippet=""> 27 February 2024 </span> </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">Compatible Browsers</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/ie11">IE11</a>, <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/angular%2014.x.x">Angular 14.x.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-with/typescript">TypeScript</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/css%20files">CSS Files</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/themeforest-files-included/sass%20files">Sass 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="admin" rel="nofollow" href="/search/admin">admin</a>, <a title="admin dashboard" rel="nofollow" href="/search/admin dashboard">admin dashboard</a>, <a title="admin template" rel="nofollow" href="/search/admin template">admin template</a>, <a title="angular" rel="nofollow" href="/search/angular">angular</a>, <a title="angular admin" rel="nofollow" href="/search/angular admin">angular admin</a>, <a title="angular dashboard" rel="nofollow" href="/search/angular dashboard">angular dashboard</a>, <a title="angular material" rel="nofollow" href="/search/angular material">angular material</a>, <a title="google mui" rel="nofollow" href="/search/google mui">google mui</a>, <a title="material admin" rel="nofollow" href="/search/material admin">material admin</a>, <a title="material design" rel="nofollow" href="/search/material design">material design</a>, <a title="material ui" rel="nofollow" href="/search/material ui">material ui</a>, <a title="mui" rel="nofollow" href="/search/mui">mui</a>, <a title="mui admin dashboard" rel="nofollow" href="/search/mui admin dashboard">mui admin dashboard</a>, <a title="typescript admin" rel="nofollow" href="/search/typescript admin">typescript admin</a> </span></td> </tr> </tbody> </table> </div></div> <div class="t-body -size-s h-text-align-center h-mt2"> © All Rights Reserved HiBootstrap <br/> <a href="https://help.market.envato.com">Contact the Envato Market Help Team</a> </div> </div> <script nonce="y+I2YvBoDysPtaCBxFLekA=="> //<![CDATA[ // HACK: Google Chrome always scroll the previous page's position on hitting Back button // This causes issue with responsive version in which unexpanded item description obscure // the scroll position and Chrome will jump to the outer border of bottom window.addEventListener('unload', function(e) { window.scrollTo(0, 0); }); //]]> </script></div> </div> </div> <div> <div class='cross-sell'> <a class="cross-sell__link" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"footer block ads","ecommerce":{"promotionId":"elements_mkt-footer_28AUG2024","promotionName":"elements_mkt-footer_28AUG2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"footer block ads","ecommerce":{"promotionId":"elements_mkt-footer_28AUG2024","promotionName":"elements_mkt-footer_28AUG2024","promotionType":"elements referral"}}" data-analytics-click-once="true" href="https://elements.envato.com/pricing?utm_campaign=elements_mkt-footer_28AUG2024&utm_content=tf_global-footer&utm_medium=promos&utm_source=themeforest.net"> <div class="mainPanel"> <div class="mainPanelContent"> <div class="envatoLogo"> </div> <div class="mainPanelLinkContainer"> <p class="mainPanelLinkHeading"> Looking for unlimited downloads? </p> <p class="mainPanelLinkSubheading"> Subscribe to Envato Elements. </p> <div class="mainPanelLinkDescription"> <div class="descriptionItem"> <img src="https://public-assets.envato-static.com/assets/header/badge-a65149663b95bcee411e80ccf4da9788f174155587980d8f1d9c44fd8b59edd8.svg" alt="badge" width="20" height="20" > <span>Millions of premium assets </span> </div> <div class="descriptionItem"> <img src="https://public-assets.envato-static.com/assets/header/thumbs_up-e5ce4c821cfd6a6aeba61127a8e8c4d2d7c566e654f588a22708c64d66680869.svg" alt="thumbs up" width="20" height="20" > <span> Great value subscription</span> </div> </div> </div> </div> <button class="brand-neue-button brand-neue-button__open-in-new elements-nav__cta footer_btn">Start creating now</button> </div> <div class="secondaryPanel"> <img loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-1x-080389fdc19b4cd6f665df2a1e9d17804c7a735175b070e0ae7a9abd1c8afbce.png" srcset="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-2x-7b2e57d6be99b80fabbcb40d5c12e36b88979b893a11f7a101f9deef3e9d3ce8.png 2x" alt="Collage of Elements items" /> </div> </a></div> <footer class='global-footer'> <div class='grid-container -layout-wide'> <div class='global-footer__container'> <nav class='global-footer-info-links'> <hr class='global-footer__separator is-hidden-desktop h-mb4'> <ul class='global-footer-info-links__list'> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Envato Market </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://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,339,762</span> items sold </li> <li class='global-footer-stats__list-item h-p0'> <span class='global-footer-stats__number'>$1,188,901,282</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="{"eventName":"view_promotion","contextDetail":"footer nav","ecommerce":{"promotionId":"elements_mkt-footernav","promotionName":"elements_mkt-footernav","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"footer nav","ecommerce":{"promotionId":"elements_mkt-footernav","promotionName":"elements_mkt-footernav","promotionType":"elements referral"}}" 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="y+I2YvBoDysPtaCBxFLekA=="></script> <script src="https://public-assets.envato-static.com/assets/market/pages/default/index-f343a714d04e9f18234e16f363b09212a5aca215988f9a738438975a3e445c97.js" nonce="y+I2YvBoDysPtaCBxFLekA=="></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="y+I2YvBoDysPtaCBxFLekA==" integrity="sha256-Lj73XO2pRKnz68V0O125cWko4eq1N3BVb2oeXYCSLv0="></script> <script nonce="y+I2YvBoDysPtaCBxFLekA=="> //<![CDATA[ $(function(){viewloader.execute(Views);}); //]]> </script> <script src="https://consent.cookiebot.com/uc.js" data-cbid="d10f7659-aa82-4007-9cf1-54a9496002bf" data-georegions="{"region":"US","cbid":"d9683f70-895f-4427-97dc-f1087cddf9d8"}" async="async" id="Cookiebot" nonce="y+I2YvBoDysPtaCBxFLekA=="></script> <script nonce="y+I2YvBoDysPtaCBxFLekA=="> //<![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="y+I2YvBoDysPtaCBxFLekA=="> //<![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="y+I2YvBoDysPtaCBxFLekA=="> //<![CDATA[ // Set Datadog custom attributes (function () { if (typeof window.datadog_attributes != 'object') window.datadog_attributes = {} window.datadog_attributes['pageType'] = 'item:details' })() //]]> </script> </body> </html>

CINXE.COM

Daxa - Angular 18 Material Design Admin Dashboard Template + SSR by HiBootstrap