Notus Design System PRO by Creative Tim | Premium UI Kit and Admin for Tailwind CSS

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="theme-color" content="#000000"> <title> Notus Design System PRO by Creative Tim | Premium UI Kit and Admin for Tailwind CSS </title>   <link rel="canonical" href="https://www.creative-tim.com/product/notus-design-system-pro" />  <meta name="keywords" content="pro template, pro kit, pro dashboard, pro webapp, pro web app, npm package, npm library, pro library, pro, kit, dashboard, webapp, we bapp, starter kit, starter dashboard, starter admin, starter webapp, starter web app, tailwind, tailwindcss, html kit, tailwind kit, html dashboard, html dashboard, html webapp, html web app, tailwind web app, notus, notus webapp, notus html, notus javascript, notus kit, notus dashboard, notus admin, notus design system html"> <meta name="description" content="Start your development with a Premium Tailwind CSS and HTML UI Kit and Admin components library. Let Notus Design System PRO amaze you with its cool features and build tools and get your project to a whole new level.">  <meta name="twitter:card" content="product"> <meta name="twitter:site" content="@creativetim"> <meta name="twitter:title" content="Notus Design System PRO by Creative Tim"> <meta name="twitter:description" content="Start your development with a Premium Tailwind CSS and HTML UI Kit and Admin components library. Let Notus Design System PRO amaze you with its cool features and build tools and get your project to a whole new level."> <meta name="twitter:creator" content="@creativetim"> <meta name="twitter:image" content="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/notus-design-system-pro/notus-design-system-pro.jpg">  <meta property="fb:app_id" content="655968634437471"> <meta property="og:title" content="Notus Design System PRO by Creative Tim" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://www.creative-tim.com/product/notus-design-system-pro-html" /> <meta property="og:image" content="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/notus-design-system-pro/notus-design-system-pro.jpg" /> <meta property="og:description" content="Start your development with a Premium Tailwind CSS and HTML UI Kit and Admin components library. Let Notus Design System PRO amaze you with its cool features and build tools and get your project to a whole new level." /> <meta property="og:site_name" content="Creative Tim" /> <meta name="description" content="Notus Design System PRO by Creative Tim | Premium UI Kit and Admin for Tailwind CSS"> <link rel="shortcut icon" href="../../assets/img/favicon.ico"> <link rel="apple-touch-icon" sizes="76x76" href="../../assets/img/favicon.ico"> <link rel="stylesheet" href="../../assets/styles/tailwind.min.css"> <link rel="stylesheet" href="../../assets/styles/fontawesome/css/all.min.css" /> <link rel="stylesheet" href="../../assets/styles/highlight.css" />  <style> .async-hide { opacity: 0 !important } </style> <script> (function(a, s, y, n, c, h, i, d, e) { s.className += ' ' + y; h.start = 1 * new Date; h.end = i = function() { s.className = s.className.replace(RegExp(' ?' + y), '') }; (a[n] = a[n] || []).hide = h; setTimeout(function() { i(); h.end = null }, c); h.timeout = c; })(window, document.documentElement, 'async-hide', 'dataLayer', 4000, { 'GTM-K9BGS8K': true }); </script>  <script> (function(i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-46172202-22', 'auto', { allowLinker: true }); ga('set', 'anonymizeIp', true); ga('require', 'GTM-K9BGS8K'); ga('require', 'displayfeatures'); ga('require', 'linker'); ga('linker:autoLink', ["2checkout.com", "avangate.com"]); </script>   <script> (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; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-NKDMSK6'); </script>  </head> <body>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKDMSK6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="bg-white docs-component-wrapper text-blueGray-700">  <nav class="fixed top-0 w-full bg-blueGray-900 flex flex-wrap items-center justify-between px-2 py-3 z-9999"> <div class="w-full px-4 mx-auto flex flex-wrap items-center justify-between max-h-screen-70 overflow-y-auto"> <div class="w-full relative flex justify-between lg:w-auto lg:static lg:block lg:justify-start"> <a class="text-white text-sm font-bold leading-relaxed inline-block mr-4 py-2 whitespace-nowrap uppercase" href="/notus-design-system-pro">Notus Design System PRO</a> <button class="cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block lg:hidden outline-none focus:outline-none" type="button" onclick="toggleNavbar('example-collapse-navbar')"> <i class="text-white fas fa-bars"></i> </button> </div> <div class="lg:flex flex-grow items-center bg-white lg:bg-transparent lg:shadow-none hidden"> <ul class="flex flex-col lg:flex-row list-none mr-auto lg:items-center"> <li> <a class="hover:opacity-75 lg:text-white px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold transition-all duration-150 ease-in-out text-blueGray-800" href="https://www.creative-tim.com/learning-lab/tailwind/js/overview/notus" target="_blank">Documentation</a> </li> <li> <div class="inline-block group"> <a class="hover:opacity-75 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold transition-all duration-200 ease-in-out text-white" href="javascript:;">Components <i class="ml-1 fas fa-caret-down"></i></a> <div class=" block absolute origin-top-left bg-white text-base float-left p-2 pt-0 list-none text-left rounded-lg shadow-lg w-48 transition-all duration-200 ease-in-out transform scale-0 opacity-0 group-hover:opacity-100 group-hover:scale-100 border"> <div class="flex flex-wrap max-lg:pl-4 py-2"> <div class="w-full"> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../#presentation-id">Presentation</a> </div> </div> <div class="w-full"> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../#admin-id">Admin</a> </div> </div> <div class="w-full"> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../#e-commerce-id">E-commerce</a> </div> </div> <div class="w-full"> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../#blog-id">Blog</a> </div> </div> <div class="w-full"> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../#authentication-id">Authentication</a> </div> </div> <div class="w-full"> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../#misc-id">Misc</a> </div> </div> <div class="w-full"> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../#error-id">Error</a> </div> </div> </div> </div> </div> </li> <li> <div class="inline-block group"> <a class="hover:opacity-75 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold transition-all duration-200 ease-in-out text-white" href="javascript:;">Example Pages <i class="ml-1 fas fa-caret-down"></i></a> <div class=" block absolute origin-top-left bg-white text-base float-left p-2 pt-0 list-none text-left rounded-lg shadow-lg min-w-48 transition-all duration-200 ease-in-out transform scale-0 opacity-0 group-hover:opacity-100 group-hover:scale-100 border"> <div class="flex flex-wrap max-lg:pl-4"> <div class="w-full"> <p class="uppercase font-bold text-xs px-3 pt-6 pb-2 block w-full whitespace-nowrap bg-transparent text-blueGray-400">Pages</p> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/chat/chat.html">Chat</a> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/checkout/checkout.html">Checkout</a> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/e-commerce/e-commerce.html">E-Commerce</a> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/invoice/invoice.html">Invoice</a> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/pricing/pricing.html">Pricing</a> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/product/product.html">Product</a> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/profile/profile.html">Profile </a> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/settings/settings.html">Settings </a> </div> </div> </div> </div> </div> </li> </ul> <ul class="flex flex-col lg:flex-row list-none lg:ml-auto lg:items-center"> <li> <a class="text-blueGray-800 hover:text-blueGray-600 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="javascript:;"><i class="text-blueGray-500 lg:text-white fab fa-facebook text-lg leading-lg "></i><span class="lg:hidden inline-block ml-2">Share</span></a> </li> <li> <a class="text-blueGray-800 hover:text-blueGray-600 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="javascript:;"><i class="text-blueGray-500 lg:text-white fab fa-twitter text-lg leading-lg "></i><span class="lg:hidden inline-block ml-2">Tweet</span></a> </li> <li> <a class="text-blueGray-800 hover:text-blueGray-600 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="javascript:;"><i class="text-blueGray-500 lg:text-white fab fa-github text-lg leading-lg "></i><span class="lg:hidden inline-block ml-2">Star</span></a> </li> <li> <a href="https://www.creative-tim.com/product/notus-js" class="text-xs px-4 py-2 shadow hover:shadow-md text-white bg-blueGray-800 border-blueGray-800 active:bg-blueGray-900 active:border-blueGray-900 rounded outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold mr-2">Check FREE</a> </li> <li> <a href="https://www.creative-tim.com/product/notus-design-system-pro" class="text-xs px-4 py-2 shadow hover:shadow-md text-blueGray-800 bg-blueGray-100 border-blueGray-100 active:bg-blueGray-300 active:border-blueGray-300 rounded outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold">Buy PRO</a> </li> </ul> </div>  <div class="flex-grow items-center bg-white lg:bg-transparent lg:shadow-none rounded block pt-1 pb-4 hidden" id="example-collapse-navbar"> <ul class="flex flex-col lg:flex-row list-none mr-auto lg:items-center"> <li> <a class="hover:opacity-75 lg:text-white px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold transition-all duration-150 ease-in-out text-blueGray-800" href="https://www.creative-tim.com/learning-lab/tailwind/js/overview/notus" target=" ">Documentation</a> </li> <li> <div class="inline-block group"> <a class="hover:opacity-75 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold transition-all duration-200 ease-in-out text-blueGray-800" href="javascript:;">Components <i class="ml-1 fas fa-caret-down"></i> </a> <div class=" block absolute origin-top bg-white text-base float-left p-2 pt-0 list-none text-left rounded-lg shadow-lg w-48 transition-all duration-200 ease-in-out transform scale-0 opacity-0 group-hover:opacity-100 group-hover:scale-100 border ml-3"> <div class="flex flex-wrap max-lg:pl-4 py-2"> <div class="w-full"> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../#presentation-id">Presentation</a> </div> </div> <div class="w-full"> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../#admin-id">Admin</a> </div> </div> <div class="w-full"> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../#e-commerce-id">E-commerce</a> </div> </div> <div class="w-full"> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../#blog-id">Blog</a> </div> </div> <div class="w-full"> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../#authentication-id">Authentication</a> </div> </div> <div class="w-full"> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../#misc-id">Misc</a> </div> </div> <div class="w-full"> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../#error-id">Error</a> </div> </div> </div> </div> </div> </li> <li> <div class="inline-block group"> <a class="hover:opacity-75 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold transition-all duration-200 ease-in-out text-blueGray-800" href="javascript:;">Example Pages <i class="ml-1 fas fa-caret-down"></i> </a> <div class=" block absolute origin-top bg-white text-base p-2 pt-0 list-none text-left rounded-lg shadow-lg min-w-48 transition-all duration-200 ease-in-out transform scale-0 opacity-0 group-hover:opacity-100 group-hover:scale-100 border ml-3"> <div class="flex flex-wrap max-lg:pl-4"> <div class="w-full"> <div class="pl-0"> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/chat/chat.html">Chat</a> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/checkout/checkout.html">Checkout</a> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/e-commerce/e-commerce.html">E-Commerce</a> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/invoice/invoice.html">Invoice</a> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/pricing/pricing.html">Pricing</a> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/product/product.html">Product</a> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/profile/profile.html">Profile </a> <a class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100" href="../../example/settings/settings.html">Settings </a> </div> </div> </div> </div> </div> </li> </ul> <ul class="flex flex-row list-none lg:ml-auto lg:items-center"> <li> <a class="text-blueGray-800 hover:text-blueGray-600 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="javascript:;"><i class="text-blueGray-500 lg:text-white fab fa-facebook text-lg leading-lg "></i><span class="lg:hidden inline-block ml-2">Share</span></a> </li> <li> <a class="text-blueGray-800 hover:text-blueGray-600 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="javascript:;"><i class="text-blueGray-500 lg:text-white fab fa-twitter text-lg leading-lg "></i><span class="lg:hidden inline-block ml-2">Tweet</span></a> </li> <li> <a class="text-blueGray-800 hover:text-blueGray-600 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="javascript:;"><i class="text-blueGray-500 lg:text-white fab fa-github text-lg leading-lg "></i><span class="lg:hidden inline-block ml-2">Star</span></a> </li> </ul> <ul class="flex flex-row list-none lg:ml-auto lg:items-center"> <li> <a href="https://www.creative-tim.com/product/notus-js" class="text-xs mx-2 px-4 py-2 shadow hover:shadow-md text-white bg-blueGray-800 border-blueGray-800 active:bg-blueGray-900 active:border-blueGray-900 rounded outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold mr-2">Check FREE</a> </li> <li> <a href="https://www.creative-tim.com/product/notus-design-system-pro" class="text-xs mx-2 px-4 py-2 shadow hover:shadow-md text-blueGray-800 bg-blueGray-100 border-blueGray-100 active:bg-blueGray-300 active:border-blueGray-300 rounded outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase border border-solid font-bold">Buy PRO</a> </li> </ul> </div> </div> </nav> <div class="bg-white min-h-screen"> <div class="flex flex-raw pt-20 justify-center"></div> <div class="mx-auto px-4 container"> <div class="flex justify-center my-8 flex-col"> <h2 class="text-lg font-medium text-blueGray-600 mb-2"><a class="mr-2" href="#/components#presentation-id">Presentation</a><i class="fas fa-angle-right mr-2"></i><a href="#/components#presentation-id-components">Pages</a></h2> <h1 class="text-3xl font-semibold">Dashboards</h1> </div> <div class="mb-16"> <div class="flex flex-wrap flex-row items-center justify-between my-4"> <div> <h2 class="text-xl font-bold ct-component-name-title" id="presentation-id-presentation-id-components-cardinfoicon">Dashboard</h2> </div> <div class="inline-flex flex-wrap flex-row items-center"> <div class="bg-blueGray-100 border border-blueGray-100 rounded-lg"> <button class="inline-flex items-center justify-center outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase font-bold text-xs py-2 px-3 text-center rounded-lg border bg-white text-blueGray-600 border-blueGray-400" onclick="setOpenTab(this, 'preview')"> <i class="fas fa-eye mr-2 text-lightBlue-600"> </i>Preview </button> <button class="inline-flex items-center justify-center outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase font-bold text-xs py-2 px-3 text-center rounded-lg border text-blueGray-500 border-transparent" onclick="setOpenTab(this, 'code')"> <i class="fas fa-code mr-2 "></i>Code </button> </div> <div class="relative"> <span class="-top-8 -left-4 absolute text-white rounded-lg py-1 px-2 bg-blueGray-800 transition-all duration-200 ease-in-out transform scale-0 opacity-0 ">Copied</span> <button class="group inline-flex items-center justify-center outline-none focus:outline-none align-middle transition-all duration-150 ease-in-out uppercase font-bold text-xs py-2 px-3 text-center rounded-lg bg-white text-blueGray-600 focus:text-lightBlue-600" onclick="copyCode(this)"> <i class="far fa-clone transition-all duration-200 ease-in-out transform group-focus:rotate-6"></i> </button> </div> </div> </div> <div class="border border-solid border-blueGray-200 relative flex flex-col min-w-0 break-words bg-white w-full mb-6 rounded-lg"> <div class="px-4 py-5 flex-auto ct-docs-frame"> <div class="relative flex flex-wrap justify-center "> <div class="w-full relative flex ct-docs-disable-sidebar-content overflow-x-hidden"> <nav class="block py-4 px-6 top-0 bottom-0 w-64 bg-white shadow-xl left-0 absolute flex-row flex-nowrap md:z-10 z-9999 transition-all duration-300 ease-in-out transform md:translate-x-0 -translate-x-full"> <button class="md:hidden flex items-center justify-center cursor-pointer text-blueGray-700 w-6 h-10 border-l-0 border-r border-t border-b border-solid border-blueGray-100 text-xl leading-none bg-white rounded-r border border-solid border-transparent absolute top-1/2 -right-24-px focus:outline-none z-9998"><i class="fas fa-ellipsis-v"></i></button> <div class="flex-col min-h-full px-0 flex flex-wrap items-center justify-between w-full mx-auto overflow-y-auto overflow-x-hidden"> <div class="flex bg-white flex-col items-stretch opacity-100 relative mt-4 overflow-y-auto overflow-x-hidden h-auto z-40 items-center flex-1 rounded w-full"> <a text="Notus Design System PRO" image="data:image/png;base64,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" link="[object Object]" class="md:flex items-center flex-col text-center md:pb-2 text-blueGray-700 mr-0 inline-flex whitespace-nowrap text-sm uppercase font-bold p-4 px-0"><img src="data:image/png;base64,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" alt="..." class="max-w-full rounded"><span>Notus Design System PRO</span></a> <div class="md:flex-col md:min-w-full flex flex-col list-none"> <hr class="my-4 md:min-w-full"> <h6 class="md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline">Section 3</h6> <a href="javascript:;" class="text-xs uppercase py-3 font-bold block text-blueGray-800 hover:text-blueGray-500"><i class="fas fa-newspaper mr-2 text-sm text-blueGray-400"></i>Page 1 for Section 3</a><a href="javascript:;" class="text-xs uppercase py-3 font-bold block text-blueGray-800 hover:text-blueGray-500"><i class="fas fa-user-circle mr-2 text-sm text-blueGray-400"></i>Page 2 for Section 3</a><a href="javascript:;" class="text-xs uppercase py-3 font-bold block text-blueGray-800 hover:text-blueGray-500"><i class="fas fa-paint-brush mr-2 text-sm text-blueGray-400"></i>Page 3 for Section 3</a> <hr class="my-4 md:min-w-full"> <h6 class="md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline">Section 4</h6> <a href="javascript:;" class="text-xs uppercase py-3 font-bold block text-blueGray-800 hover:text-blueGray-500"><i class="fab fa-angular mr-2 text-sm text-blueGray-400"></i>Page 1 for Section 4</a><a href="javascript:;" class="text-xs uppercase py-3 font-bold block text-blueGray-800 hover:text-blueGray-500"><i class="fab fa-react mr-2 text-sm text-blueGray-400"></i>Page 2 for Section 4</a><a href="javascript:;" class="text-xs uppercase py-3 font-bold block text-blueGray-800 hover:text-blueGray-500"><i class="fab fa-vuejs mr-2 text-sm text-blueGray-400"></i>Page 3 for Section 4</a> </div> </div> </div> </nav> <div class="relative md:ml-64 bg-blueGray-100 w-full"> <nav class="absolute top-0 left-0 w-full z-10 bg-white lg:flex-row lg:flex-nowrap lg:justify-start flex items-center py-1 px-4 lg:bg-transparent"> <div class="w-full mx-aut0 items-center flex justify-between lg:flex-nowrap flex-wrap lg:px-6 px-4"> <a href="javascript:;" class="text-blueGray-800 lg:text-white text-sm uppercase inline-block font-semibold my-3">Settings Page</a><button class="ml-auto cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-blueGray-400 rounded bg-transparent block outline-none focus:outline-none text-blueGray-300 lg:hidden" type="button"><i class="fas fa-bars"></i></button> <div class="items-center w-full lg:flex lg:w-auto flex-grow duration-300 transition-all ease-in-out lg:h-auto-important hidden"> <form class="flex flex-row flex-wrap items-center ml-auto mr-3 mt-3"> <div class="mb-3 pt-0"><input placeholder="Search here" type="text" class="border-transparent shadow px-3 py-2 text-sm w-full placeholder-blueGray-200 text-blueGray-700 relative bg-white rounded-md outline-none focus:ring focus:ring-lightBlue-500 focus:ring-1 focus:border-lightBlue-500 border border-solid transition duration-200 "></div> </form> <a class="text-blueGray-500 block" href="javascript:;"> <div class="items-center flex"><span class="w-12 h-12 text-sm text-white bg-blueGray-300 inline-flex items-center justify-center rounded-full"><img alt="..." class="w-full rounded-full align-middle border-none shadow-lg" src="https://demos.creative-tim.com/notus-pro-react/static/media/team-1-800x800.fa5a7ac2.jpg"></span></div> </a> <div class="block z-50"> <div class="bg-white text-base float-left p-2 border list-none text-left rounded-lg shadow-lg min-w-48 transition-all duration-100 ease-in-out transform scale-95 opacity-0 absolute origin-top-right"> <a href="javascript:;" class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100">Action</a><a href="javascript:;" class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100">Another action</a><a href="javascript:;" class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100">Something else here</a> <div class="h-0 my-2 border border-solid border-blueGray-100"></div> <a href="javascript:;" class="text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100">Seprated link</a> </div> </div> </div> </div> </nav> <div class="relative pt-32 pb-32 bg-lightBlue-500"> <div class="px-4 md:px-6 mx-auto w-full"> <div> <div class="flex flex-wrap"> <div class="w-full lg:w-6/12 xl:w-3/12 px-4"> <div class="relative flex flex-col min-w-0 break-words bg-white rounded-lg mb-6 xl:mb-0 shadow-lg"> <div class="flex-auto p-4"> <div class="flex flex-wrap"> <div class="relative w-full pr-4 max-w-full flex-grow flex-1"> <h5 class="text-blueGray-400 uppercase font-bold text-xs">Traffic</h5> <span class="font-bold text-xl">350,897</span> </div> <div class="relative w-auto pl-4 flex-initial"> <div class="text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 shadow-lg rounded-full bg-red-500"><i class="far fa-chart-bar"></i></div> </div> </div> <p class="text-sm text-blueGray-500 mt-4"><span class="text-emerald-500 mr-2"><i class="fas fa-arrow-up"></i> 3.48%</span><span class="whitespace-nowrap">Since last month</span></p> </div> </div> </div> <div class="w-full lg:w-6/12 xl:w-3/12 px-4"> <div class="relative flex flex-col min-w-0 break-words bg-white rounded-lg mb-6 xl:mb-0 shadow-lg"> <div class="flex-auto p-4"> <div class="flex flex-wrap"> <div class="relative w-full pr-4 max-w-full flex-grow flex-1"> <h5 class="text-blueGray-400 uppercase font-bold text-xs">NEW USERS</h5> <span class="font-bold text-xl">2,356</span> </div> <div class="relative w-auto pl-4 flex-initial"> <div class="text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 shadow-lg rounded-full bg-orange-500"><i class="fas fa-chart-pie"></i></div> </div> </div> <p class="text-sm text-blueGray-500 mt-4"><span class="text-red-500 mr-2"><i class="fas fa-arrow-down"></i> 3.48%</span><span class="whitespace-nowrap">Since last week</span></p> </div> </div> </div> <div class="w-full lg:w-6/12 xl:w-3/12 px-4"> <div class="relative flex flex-col min-w-0 break-words bg-white rounded-lg mb-6 xl:mb-0 shadow-lg"> <div class="flex-auto p-4"> <div class="flex flex-wrap"> <div class="relative w-full pr-4 max-w-full flex-grow flex-1"> <h5 class="text-blueGray-400 uppercase font-bold text-xs">SALES</h5> <span class="font-bold text-xl">924</span> </div> <div class="relative w-auto pl-4 flex-initial"> <div class="text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 shadow-lg rounded-full bg-pink-500"><i class="fas fa-users"></i></div> </div> </div> <p class="text-sm text-blueGray-500 mt-4"><span class="text-orange-500 mr-2"><i class="fas fa-arrow-down"></i> 1.10%</span><span class="whitespace-nowrap">Since yesterday</span></p> </div> </div> </div> <div class="w-full lg:w-6/12 xl:w-3/12 px-4"> <div class="relative flex flex-col min-w-0 break-words bg-white rounded-lg mb-6 xl:mb-0 shadow-lg"> <div class="flex-auto p-4"> <div class="flex flex-wrap"> <div class="relative w-full pr-4 max-w-full flex-grow flex-1"> <h5 class="text-blueGray-400 uppercase font-bold text-xs">PERFORMANCE</h5> <span class="font-bold text-xl">49,65%</span> </div> <div class="relative w-auto pl-4 flex-initial"> <div class="text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 shadow-lg rounded-full bg-lightBlue-500"><i class="fas fa-percent"></i></div> </div> </div> <p class="text-sm text-blueGray-500 mt-4"><span class="text-emerald-500 mr-2"><i class="fas fa-arrow-up"></i> 12%</span><span class="whitespace-nowrap">Since last month</span></p> </div> </div> </div> </div> </div> </div> </div> <div class="px-4 md:px-6 mx-auto w-full -mt-24"> <div class="flex flex-wrap"> <div class="w-full xl:w-8/12 px-4"> <div class="relative flex flex-col min-w-0 break-words w-full mb-8 shadow-lg rounded-lg bg-blueGray-800"> <div class="rounded-t mb-0 px-4 py-3 bg-transparent"> <div class="flex flex-wrap items-center"> <div class="relative w-full max-w-full flex-grow flex-1"> <h6 class="uppercase mb-1 text-xs font-semibold text-blueGray-200">Overview</h6> <h2 class="text-xl font-semibold text-white">Sales value</h2> </div> </div> </div> <div class="p-4 flex-auto"> <div class="relative h-350-px"> <canvas width="496" height="291" style="display: block; box-sizing: border-box; height: 350px; width: 595.5px;" id="line-chart"></canvas> </div> </div> </div> </div> <div class="w-full xl:w-4/12 px-4"> <div class="relative flex flex-col min-w-0 break-words w-full mb-8 shadow-lg rounded-lg bg-white"> <div class="rounded-t mb-0 px-4 py-3 bg-transparent"> <div class="flex flex-wrap items-center"> <div class="relative w-full max-w-full flex-grow flex-1"> <h6 class="uppercase mb-1 text-xs font-semibold text-blueGray-500">Performance</h6> <h2 class="text-xl font-semibold text-blueGray-800">Total orders</h2> </div> </div> </div> <div class="p-4 flex-auto"> <div class="relative h-350-px"> <canvas width="221" height="291" style="display: block; box-sizing: border-box; height: 350px; width: 265.7px;" id="bar-chart"></canvas> </div> </div> </div> </div> </div> <div class="flex flex-wrap"> <div class="w-full xl:w-8/12 px-4"> <div class="relative flex flex-col min-w-0 break-words w-full mb-8 shadow-lg rounded-lg bg-white text-blueGray-700"> <div class="px-6 py-4 border-0"> <div class="flex flex-wrap items-center"> <div class="relative w-full max-w-full flex-grow flex-1"> <h3 class="font-bold text-lg text-blueGray-700">Page visits</h3> </div> </div> </div> <div class="block w-full overflow-x-auto"> <table class="items-center w-full bg-transparent border-collapse"> <thead> <tr> <th class="px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-bold text-left bg-blueGray-100 text-blueGray-500 border-blueGray-200">Page name</th> <th class="px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-bold text-left bg-blueGray-100 text-blueGray-500 border-blueGray-200">Visitors</th> <th class="px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-bold text-left bg-blueGray-100 text-blueGray-500 border-blueGray-200">Unique Users</th> <th class="px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-bold text-left bg-blueGray-100 text-blueGray-500 border-blueGray-200">Bounce Rate</th> </tr> </thead> <tbody> <tr> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center"><span class="ml-3 font-bold NaN">/argon/</span></div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center">4,569</div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center">340</div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center"><i class="fas fa-arrow-up mr-2 text-emerald-500"></i>46,53%</div> </td> </tr> <tr> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center"><span class="ml-3 font-bold NaN">/argon/index.html</span></div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center">3,985</div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center">319</div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center"><i class="fas fa-arrow-down mr-2 text-orange-500"></i>46,53%</div> </td> </tr> <tr> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center"><span class="ml-3 font-bold NaN">/argon/charts.html</span></div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center">3,513</div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center">294</div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center"><i class="fas fa-arrow-down mr-2 text-orange-500"></i>36,49%</div> </td> </tr> <tr> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center"><span class="ml-3 font-bold NaN">/argon/tables.html</span></div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center">2,050</div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center">147</div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center"><i class="fas fa-arrow-up mr-2 text-emerald-500"></i>50,87%</div> </td> </tr> <tr> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center"><span class="ml-3 font-bold NaN">/argon/profile.html</span></div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center">1,795</div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center">190</div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center"><i class="fas fa-arrow-up mr-2 text-red-500"></i>46,53%</div> </td> </tr> </tbody> </table> </div> </div> </div> <div class="w-full xl:w-4/12 px-4"> <div class="relative flex flex-col min-w-0 break-words w-full mb-8 shadow-lg rounded-lg bg-white text-blueGray-700"> <div class="px-6 py-4 border-0"> <div class="flex flex-wrap items-center"> <div class="relative w-full max-w-full flex-grow flex-1"> <h3 class="font-bold text-lg text-blueGray-700">Social traffic</h3> </div> </div> </div> <div class="block w-full overflow-x-auto"> <table class="items-center w-full bg-transparent border-collapse"> <thead> <tr> <th class="px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-bold text-left bg-blueGray-100 text-blueGray-500 border-blueGray-200">Referral</th> <th class="px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-bold text-left bg-blueGray-100 text-blueGray-500 border-blueGray-200">Visitors</th> <th class="px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-bold text-left bg-blueGray-100 text-blueGray-500 border-blueGray-200"></th> </tr> </thead> <tbody> <tr> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center"><span class="ml-3 font-bold NaN">Facebook</span></div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center">1,480</div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 min-w-140-px"> <div class="flex items-center"> <span class="mr-2">60%</span> <div class="relative w-full"> <div class="overflow-hidden h-2 text-xs flex rounded bg-red-200"> <div class="shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-red-500" style="width: 60%;"></div> </div> </div> </div> </td> </tr> <tr> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center"><span class="ml-3 font-bold NaN">Facebook</span></div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center">5,480</div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 min-w-140-px"> <div class="flex items-center"> <span class="mr-2">70%</span> <div class="relative w-full"> <div class="overflow-hidden h-2 text-xs flex rounded bg-emerald-200"> <div class="shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-emerald-500" style="width: 70%;"></div> </div> </div> </div> </td> </tr> <tr> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center"><span class="ml-3 font-bold NaN">Google</span></div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center">4,807</div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 min-w-140-px"> <div class="flex items-center"> <span class="mr-2">80%</span> <div class="relative w-full"> <div class="overflow-hidden h-2 text-xs flex rounded bg-indigo-200"> <div class="shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-indigo-500" style="width: 80%;"></div> </div> </div> </div> </td> </tr> <tr> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center"><span class="ml-3 font-bold NaN">Instagram</span></div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center">3,678</div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 min-w-140-px"> <div class="flex items-center"> <span class="mr-2">75%</span> <div class="relative w-full"> <div class="overflow-hidden h-2 text-xs flex rounded bg-lightBlue-200"> <div class="shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-lightBlue-500" style="width: 75%;"></div> </div> </div> </div> </td> </tr> <tr> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center"><span class="ml-3 font-bold NaN">Twitter</span></div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"> <div class="flex items-center">2,645 </div> </td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 min-w-140-px"> <div class="flex items-center"> <span class="mr-2">30%</span> <div class="relative w-full"> <div class="overflow-hidden h-2 text-xs flex rounded bg-amber-200"> <div class="shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-amber-500" style="width: 30%;"></div> </div> </div> </div> </td> </tr> </tbody> </table> </div> </div> </div> </div> <footer class="block py-4"> <div class="container mx-auto px-4"> <hr class="mb-4 border-b-1 border-blueGray-200"> <div class="flex flex-wrap items-center md:justify-between justify-center"> <div class="w-full md:w-4/12 px-4"> <div class="text-center mb-2 md:text-left md:mb-0"><a href="https://www.creative-tim.com/?ref=npr-footeradmin" target="_blank" class="text-sm text-blueGray-500 font-semibold py-1 text-center md:text-left">Copyright 漏 2021 Creative Tim</a></div> </div> <div class="w-full md:w-8/12 px-4"> <ul class="flex flex-wrap list-none md:justify-end justify-center"> <li><a href="https://www.creative-tim.com?ref=npr-footeradmin" target="_blank" class="text-blueGray-700 hover:text-blueGray-900 text-sm font-semibold block py-1 px-3">Creative Tim</a></li> <li><a href="https://www.creative-tim.com/presentation?ref=npr-footeradmin" target="_blank" class="text-blueGray-700 hover:text-blueGray-900 text-sm font-semibold block py-1 px-3">About Us</a></li> <li><a href="https://www.creative-tim.com/blog/?ref=npr-footeradmin" target="_blank" class="text-blueGray-700 hover:text-blueGray-900 text-sm font-semibold block py-1 px-3">Blog</a></li> <li><a href="https://www.creative-tim.com/license?ref=npr-footeradmin" target="_blank" class="text-blueGray-700 hover:text-blueGray-900 text-sm font-semibold block py-1 px-3">Licenses</a></li> </ul> </div> </div> </div> </footer> </div> </div> </div> </div> <div class="relative hidden"> <div class="docs-code-preview bg-blueGray-800 overflow-x-auto rounded-lg p-5"> <figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-full relative flex ct-docs-disable-sidebar-content overflow-x-hidden"</span><span class="nt">></span> <span class="nt"><nav</span> <span class="na">class=</span><span class="s">"block py-4 px-6 top-0 bottom-0 w-64 bg-white shadow-xl left-0 absolute flex-row flex-nowrap md:z-10 z-9999 transition-all duration-300 ease-in-out transform md:translate-x-0 -translate-x-full"</span><span class="nt">></span> <span class="nt"><button</span> <span class="na">class=</span><span class="s">"md:hidden flex items-center justify-center cursor-pointer text-blueGray-700 w-6 h-10 border-l-0 border-r border-t border-b border-solid border-blueGray-100 text-xl leading-none bg-white rounded-r border border-solid border-transparent absolute top-1/2 -right-24-px focus:outline-none z-9998"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-ellipsis-v"</span><span class="nt">></i></button></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex-col min-h-full px-0 flex flex-wrap items-center justify-between w-full mx-auto overflow-y-auto overflow-x-hidden"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex bg-white flex-col items-stretch opacity-100 relative mt-4 overflow-y-auto overflow-x-hidden h-auto z-40 items-center flex-1 rounded w-full"</span><span class="nt">></span> <span class="nt"><a</span> <span class="na">text=</span><span class="s">"Notus Design System PRO"</span> <span class="na">image=</span><span class="s">"data:image/png;base64,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"</span> <span class="na">link=</span><span class="s">"[object Object]"</span> <span class="na">class=</span><span class="s">"md:flex items-center flex-col text-center md:pb-2 text-blueGray-700 mr-0 inline-flex whitespace-nowrap text-sm uppercase font-bold p-4 px-0"</span><span class="nt">><img</span> <span class="na">src=</span><span class="s">"data:image/png;base64,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"</span> <span class="na">alt=</span><span class="s">"..."</span> <span class="na">class=</span><span class="s">"max-w-full rounded"</span><span class="nt">><span></span>Notus Design System PRO<span class="nt"></span></a></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"md:flex-col md:min-w-full flex flex-col list-none"</span><span class="nt">></span> <span class="nt"><hr</span> <span class="na">class=</span><span class="s">"my-4 md:min-w-full"</span><span class="nt">></span> <span class="nt"><h6</span> <span class="na">class=</span><span class="s">"md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline"</span><span class="nt">></span>Section 3<span class="nt"></h6></span> <span class="nt"><a</span> <span class="na">href=</span><span class="s">"javascript:;"</span> <span class="na">class=</span><span class="s">"text-xs uppercase py-3 font-bold block text-blueGray-800 hover:text-blueGray-500"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-newspaper mr-2 text-sm text-blueGray-400"</span><span class="nt">></i></span>Page 1 for Section 3<span class="nt"></a><a</span> <span class="na">href=</span><span class="s">"javascript:;"</span> <span class="na">class=</span><span class="s">"text-xs uppercase py-3 font-bold block text-blueGray-800 hover:text-blueGray-500"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-user-circle mr-2 text-sm text-blueGray-400"</span><span class="nt">></i></span>Page 2 for Section 3<span class="nt"></a><a</span> <span class="na">href=</span><span class="s">"javascript:;"</span> <span class="na">class=</span><span class="s">"text-xs uppercase py-3 font-bold block text-blueGray-800 hover:text-blueGray-500"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-paint-brush mr-2 text-sm text-blueGray-400"</span><span class="nt">></i></span>Page 3 for Section 3<span class="nt"></a></span> <span class="nt"><hr</span> <span class="na">class=</span><span class="s">"my-4 md:min-w-full"</span><span class="nt">></span> <span class="nt"><h6</span> <span class="na">class=</span><span class="s">"md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline"</span><span class="nt">></span>Section 4<span class="nt"></h6></span> <span class="nt"><a</span> <span class="na">href=</span><span class="s">"javascript:;"</span> <span class="na">class=</span><span class="s">"text-xs uppercase py-3 font-bold block text-blueGray-800 hover:text-blueGray-500"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fab fa-angular mr-2 text-sm text-blueGray-400"</span><span class="nt">></i></span>Page 1 for Section 4<span class="nt"></a><a</span> <span class="na">href=</span><span class="s">"javascript:;"</span> <span class="na">class=</span><span class="s">"text-xs uppercase py-3 font-bold block text-blueGray-800 hover:text-blueGray-500"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fab fa-react mr-2 text-sm text-blueGray-400"</span><span class="nt">></i></span>Page 2 for Section 4<span class="nt"></a><a</span> <span class="na">href=</span><span class="s">"javascript:;"</span> <span class="na">class=</span><span class="s">"text-xs uppercase py-3 font-bold block text-blueGray-800 hover:text-blueGray-500"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fab fa-vuejs mr-2 text-sm text-blueGray-400"</span><span class="nt">></i></span>Page 3 for Section 4<span class="nt"></a></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></nav></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative md:ml-64 bg-blueGray-100 w-full"</span><span class="nt">></span> <span class="nt"><nav</span> <span class="na">class=</span><span class="s">"absolute top-0 left-0 w-full z-10 bg-white lg:flex-row lg:flex-nowrap lg:justify-start flex items-center py-1 px-4 lg:bg-transparent"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-full mx-aut0 items-center flex justify-between lg:flex-nowrap flex-wrap lg:px-6 px-4"</span><span class="nt">></span> <span class="nt"><a</span> <span class="na">href=</span><span class="s">"javascript:;"</span> <span class="na">class=</span><span class="s">"text-blueGray-800 lg:text-white text-sm uppercase inline-block font-semibold my-3"</span><span class="nt">></span>Settings Page<span class="nt"></a><button</span> <span class="na">class=</span><span class="s">"ml-auto cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-blueGray-400 rounded bg-transparent block outline-none focus:outline-none text-blueGray-300 lg:hidden"</span> <span class="na">type=</span><span class="s">"button"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-bars"</span><span class="nt">></i></button></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"items-center w-full lg:flex lg:w-auto flex-grow duration-300 transition-all ease-in-out lg:h-auto-important hidden"</span><span class="nt">></span> <span class="nt"><form</span> <span class="na">class=</span><span class="s">"flex flex-row flex-wrap items-center ml-auto mr-3 mt-3"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-3 pt-0"</span><span class="nt">><input</span> <span class="na">placeholder=</span><span class="s">"Search here"</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"border-transparent shadow px-3 py-2 text-sm w-full placeholder-blueGray-200 text-blueGray-700 relative bg-white rounded-md outline-none focus:ring focus:ring-lightBlue-500 focus:ring-1 focus:border-lightBlue-500 border border-solid transition duration-200 "</span><span class="nt">></div></span> <span class="nt"></form></span> <span class="nt"><a</span> <span class="na">class=</span><span class="s">"text-blueGray-500 block"</span> <span class="na">href=</span><span class="s">"javascript:;"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"items-center flex"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"w-12 h-12 text-sm text-white bg-blueGray-300 inline-flex items-center justify-center rounded-full"</span><span class="nt">><img</span> <span class="na">alt=</span><span class="s">"..."</span> <span class="na">class=</span><span class="s">"w-full rounded-full align-middle border-none shadow-lg"</span> <span class="na">src=</span><span class="s">"https://demos.creative-tim.com/notus-pro-react/static/media/team-1-800x800.fa5a7ac2.jpg"</span><span class="nt">></span></div></span> <span class="nt"></a></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"block z-50"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"bg-white text-base float-left p-2 border list-none text-left rounded-lg shadow-lg min-w-48 transition-all duration-100 ease-in-out transform scale-95 opacity-0 absolute origin-top-right"</span><span class="nt">></span> <span class="nt"><a</span> <span class="na">href=</span><span class="s">"javascript:;"</span> <span class="na">class=</span><span class="s">"text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100"</span><span class="nt">></span>Action<span class="nt"></a><a</span> <span class="na">href=</span><span class="s">"javascript:;"</span> <span class="na">class=</span><span class="s">"text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100"</span><span class="nt">></span>Another action<span class="nt"></a><a</span> <span class="na">href=</span><span class="s">"javascript:;"</span> <span class="na">class=</span><span class="s">"text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100"</span><span class="nt">></span>Something else here<span class="nt"></a></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"h-0 my-2 border border-solid border-blueGray-100"</span><span class="nt">></div></span> <span class="nt"><a</span> <span class="na">href=</span><span class="s">"javascript:;"</span> <span class="na">class=</span><span class="s">"text-sm px-3 py-2 block w-full whitespace-nowrap bg-transparent hover:bg-blueGray-100 rounded transition-all duration-100"</span><span class="nt">></span>Seprated link<span class="nt"></a></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></nav></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative pt-32 pb-32 bg-lightBlue-500"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"px-4 md:px-6 mx-auto w-full"</span><span class="nt">></span> <span class="nt"><div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex flex-wrap"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-full lg:w-6/12 xl:w-3/12 px-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative flex flex-col min-w-0 break-words bg-white rounded-lg mb-6 xl:mb-0 shadow-lg"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex-auto p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex flex-wrap"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-full pr-4 max-w-full flex-grow flex-1"</span><span class="nt">></span> <span class="nt"><h5</span> <span class="na">class=</span><span class="s">"text-blueGray-400 uppercase font-bold text-xs"</span><span class="nt">></span>Traffic<span class="nt"></h5></span> <span class="nt"><span</span> <span class="na">class=</span><span class="s">"font-bold text-xl"</span><span class="nt">></span>350,897<span class="nt"></span></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-auto pl-4 flex-initial"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 shadow-lg rounded-full bg-red-500"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"far fa-chart-bar"</span><span class="nt">></i></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><p</span> <span class="na">class=</span><span class="s">"text-sm text-blueGray-500 mt-4"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"text-emerald-500 mr-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-arrow-up"</span><span class="nt">></i></span> 3.48%<span class="nt"></span><span</span> <span class="na">class=</span><span class="s">"whitespace-nowrap"</span><span class="nt">></span>Since last month<span class="nt"></span></p></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-full lg:w-6/12 xl:w-3/12 px-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative flex flex-col min-w-0 break-words bg-white rounded-lg mb-6 xl:mb-0 shadow-lg"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex-auto p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex flex-wrap"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-full pr-4 max-w-full flex-grow flex-1"</span><span class="nt">></span> <span class="nt"><h5</span> <span class="na">class=</span><span class="s">"text-blueGray-400 uppercase font-bold text-xs"</span><span class="nt">></span>NEW USERS<span class="nt"></h5></span> <span class="nt"><span</span> <span class="na">class=</span><span class="s">"font-bold text-xl"</span><span class="nt">></span>2,356<span class="nt"></span></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-auto pl-4 flex-initial"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 shadow-lg rounded-full bg-orange-500"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-chart-pie"</span><span class="nt">></i></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><p</span> <span class="na">class=</span><span class="s">"text-sm text-blueGray-500 mt-4"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"text-red-500 mr-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-arrow-down"</span><span class="nt">></i></span> 3.48%<span class="nt"></span><span</span> <span class="na">class=</span><span class="s">"whitespace-nowrap"</span><span class="nt">></span>Since last week<span class="nt"></span></p></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-full lg:w-6/12 xl:w-3/12 px-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative flex flex-col min-w-0 break-words bg-white rounded-lg mb-6 xl:mb-0 shadow-lg"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex-auto p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex flex-wrap"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-full pr-4 max-w-full flex-grow flex-1"</span><span class="nt">></span> <span class="nt"><h5</span> <span class="na">class=</span><span class="s">"text-blueGray-400 uppercase font-bold text-xs"</span><span class="nt">></span>SALES<span class="nt"></h5></span> <span class="nt"><span</span> <span class="na">class=</span><span class="s">"font-bold text-xl"</span><span class="nt">></span>924<span class="nt"></span></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-auto pl-4 flex-initial"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 shadow-lg rounded-full bg-pink-500"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-users"</span><span class="nt">></i></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><p</span> <span class="na">class=</span><span class="s">"text-sm text-blueGray-500 mt-4"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"text-orange-500 mr-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-arrow-down"</span><span class="nt">></i></span> 1.10%<span class="nt"></span><span</span> <span class="na">class=</span><span class="s">"whitespace-nowrap"</span><span class="nt">></span>Since yesterday<span class="nt"></span></p></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-full lg:w-6/12 xl:w-3/12 px-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative flex flex-col min-w-0 break-words bg-white rounded-lg mb-6 xl:mb-0 shadow-lg"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex-auto p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex flex-wrap"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-full pr-4 max-w-full flex-grow flex-1"</span><span class="nt">></span> <span class="nt"><h5</span> <span class="na">class=</span><span class="s">"text-blueGray-400 uppercase font-bold text-xs"</span><span class="nt">></span>PERFORMANCE<span class="nt"></h5></span> <span class="nt"><span</span> <span class="na">class=</span><span class="s">"font-bold text-xl"</span><span class="nt">></span>49,65%<span class="nt"></span></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-auto pl-4 flex-initial"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 shadow-lg rounded-full bg-lightBlue-500"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-percent"</span><span class="nt">></i></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><p</span> <span class="na">class=</span><span class="s">"text-sm text-blueGray-500 mt-4"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"text-emerald-500 mr-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-arrow-up"</span><span class="nt">></i></span> 12%<span class="nt"></span><span</span> <span class="na">class=</span><span class="s">"whitespace-nowrap"</span><span class="nt">></span>Since last month<span class="nt"></span></p></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"px-4 md:px-6 mx-auto w-full -mt-24"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex flex-wrap"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-full xl:w-8/12 px-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative flex flex-col min-w-0 break-words w-full mb-8 shadow-lg rounded-lg bg-blueGray-800"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"rounded-t mb-0 px-4 py-3 bg-transparent"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex flex-wrap items-center"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-full max-w-full flex-grow flex-1"</span><span class="nt">></span> <span class="nt"><h6</span> <span class="na">class=</span><span class="s">"uppercase mb-1 text-xs font-semibold text-blueGray-200"</span><span class="nt">></span>Overview<span class="nt"></h6></span> <span class="nt"><h2</span> <span class="na">class=</span><span class="s">"text-xl font-semibold text-white"</span><span class="nt">></span>Sales value<span class="nt"></h2></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"p-4 flex-auto"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative h-350-px"</span><span class="nt">></span> <span class="nt"><canvas</span> <span class="na">width=</span><span class="s">"496"</span> <span class="na">height=</span><span class="s">"291"</span> <span class="na">style=</span><span class="s">"display: block; box-sizing: border-box; height: 350px; width: 595.5px;"</span> <span class="na">id=</span><span class="s">"line-chart"</span><span class="nt">></canvas></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-full xl:w-4/12 px-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative flex flex-col min-w-0 break-words w-full mb-8 shadow-lg rounded-lg bg-white"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"rounded-t mb-0 px-4 py-3 bg-transparent"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex flex-wrap items-center"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-full max-w-full flex-grow flex-1"</span><span class="nt">></span> <span class="nt"><h6</span> <span class="na">class=</span><span class="s">"uppercase mb-1 text-xs font-semibold text-blueGray-500"</span><span class="nt">></span>Performance<span class="nt"></h6></span> <span class="nt"><h2</span> <span class="na">class=</span><span class="s">"text-xl font-semibold text-blueGray-800"</span><span class="nt">></span>Total orders<span class="nt"></h2></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"p-4 flex-auto"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative h-350-px"</span><span class="nt">></span> <span class="nt"><canvas</span> <span class="na">width=</span><span class="s">"221"</span> <span class="na">height=</span><span class="s">"291"</span> <span class="na">style=</span><span class="s">"display: block; box-sizing: border-box; height: 350px; width: 265.7px;"</span> <span class="na">id=</span><span class="s">"bar-chart"</span><span class="nt">></canvas></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex flex-wrap"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-full xl:w-8/12 px-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative flex flex-col min-w-0 break-words w-full mb-8 shadow-lg rounded-lg bg-white text-blueGray-700"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"px-6 py-4 border-0"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex flex-wrap items-center"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-full max-w-full flex-grow flex-1"</span><span class="nt">></span> <span class="nt"><h3</span> <span class="na">class=</span><span class="s">"font-bold text-lg text-blueGray-700"</span><span class="nt">></span>Page visits<span class="nt"></h3></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"block w-full overflow-x-auto"</span><span class="nt">></span> <span class="nt"><table</span> <span class="na">class=</span><span class="s">"items-center w-full bg-transparent border-collapse"</span><span class="nt">></span> <span class="nt"><thead></span> <span class="nt"><tr></span> <span class="nt"><th</span> <span class="na">class=</span><span class="s">"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-bold text-left bg-blueGray-100 text-blueGray-500 border-blueGray-200"</span><span class="nt">></span>Page name<span class="nt"></th></span> <span class="nt"><th</span> <span class="na">class=</span><span class="s">"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-bold text-left bg-blueGray-100 text-blueGray-500 border-blueGray-200"</span><span class="nt">></span>Visitors<span class="nt"></th></span> <span class="nt"><th</span> <span class="na">class=</span><span class="s">"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-bold text-left bg-blueGray-100 text-blueGray-500 border-blueGray-200"</span><span class="nt">></span>Unique Users<span class="nt"></th></span> <span class="nt"><th</span> <span class="na">class=</span><span class="s">"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-bold text-left bg-blueGray-100 text-blueGray-500 border-blueGray-200"</span><span class="nt">></span>Bounce Rate<span class="nt"></th></span> <span class="nt"></tr></span> <span class="nt"></thead></span> <span class="nt"><tbody></span> <span class="nt"><tr></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"ml-3 font-bold NaN"</span><span class="nt">></span>/argon/<span class="nt"></span></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span>4,569<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span>340<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-arrow-up mr-2 text-emerald-500"</span><span class="nt">></i></span>46,53%<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"></tr></span> <span class="nt"><tr></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"ml-3 font-bold NaN"</span><span class="nt">></span>/argon/index.html<span class="nt"></span></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span>3,985<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span>319<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-arrow-down mr-2 text-orange-500"</span><span class="nt">></i></span>46,53%<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"></tr></span> <span class="nt"><tr></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"ml-3 font-bold NaN"</span><span class="nt">></span>/argon/charts.html<span class="nt"></span></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span>3,513<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span>294<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-arrow-down mr-2 text-orange-500"</span><span class="nt">></i></span>36,49%<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"></tr></span> <span class="nt"><tr></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"ml-3 font-bold NaN"</span><span class="nt">></span>/argon/tables.html<span class="nt"></span></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span>2,050<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span>147<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-arrow-up mr-2 text-emerald-500"</span><span class="nt">></i></span>50,87%<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"></tr></span> <span class="nt"><tr></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"ml-3 font-bold NaN"</span><span class="nt">></span>/argon/profile.html<span class="nt"></span></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span>1,795<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span>190<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-arrow-up mr-2 text-red-500"</span><span class="nt">></i></span>46,53%<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"></tr></span> <span class="nt"></tbody></span> <span class="nt"></table></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-full xl:w-4/12 px-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative flex flex-col min-w-0 break-words w-full mb-8 shadow-lg rounded-lg bg-white text-blueGray-700"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"px-6 py-4 border-0"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex flex-wrap items-center"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-full max-w-full flex-grow flex-1"</span><span class="nt">></span> <span class="nt"><h3</span> <span class="na">class=</span><span class="s">"font-bold text-lg text-blueGray-700"</span><span class="nt">></span>Social traffic<span class="nt"></h3></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"block w-full overflow-x-auto"</span><span class="nt">></span> <span class="nt"><table</span> <span class="na">class=</span><span class="s">"items-center w-full bg-transparent border-collapse"</span><span class="nt">></span> <span class="nt"><thead></span> <span class="nt"><tr></span> <span class="nt"><th</span> <span class="na">class=</span><span class="s">"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-bold text-left bg-blueGray-100 text-blueGray-500 border-blueGray-200"</span><span class="nt">></span>Referral<span class="nt"></th></span> <span class="nt"><th</span> <span class="na">class=</span><span class="s">"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-bold text-left bg-blueGray-100 text-blueGray-500 border-blueGray-200"</span><span class="nt">></span>Visitors<span class="nt"></th></span> <span class="nt"><th</span> <span class="na">class=</span><span class="s">"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-bold text-left bg-blueGray-100 text-blueGray-500 border-blueGray-200"</span><span class="nt">></th></span> <span class="nt"></tr></span> <span class="nt"></thead></span> <span class="nt"><tbody></span> <span class="nt"><tr></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"ml-3 font-bold NaN"</span><span class="nt">></span>Facebook<span class="nt"></span></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span>1,480<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 min-w-140-px"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span> <span class="nt"><span</span> <span class="na">class=</span><span class="s">"mr-2"</span><span class="nt">></span>60%<span class="nt"></span></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-full"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"overflow-hidden h-2 text-xs flex rounded bg-red-200"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-red-500"</span> <span class="na">style=</span><span class="s">"width: 60%;"</span><span class="nt">></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"></tr></span> <span class="nt"><tr></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"ml-3 font-bold NaN"</span><span class="nt">></span>Facebook<span class="nt"></span></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span>5,480<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 min-w-140-px"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span> <span class="nt"><span</span> <span class="na">class=</span><span class="s">"mr-2"</span><span class="nt">></span>70%<span class="nt"></span></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-full"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"overflow-hidden h-2 text-xs flex rounded bg-emerald-200"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-emerald-500"</span> <span class="na">style=</span><span class="s">"width: 70%;"</span><span class="nt">></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"></tr></span> <span class="nt"><tr></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"ml-3 font-bold NaN"</span><span class="nt">></span>Google<span class="nt"></span></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span>4,807<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 min-w-140-px"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span> <span class="nt"><span</span> <span class="na">class=</span><span class="s">"mr-2"</span><span class="nt">></span>80%<span class="nt"></span></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-full"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"overflow-hidden h-2 text-xs flex rounded bg-indigo-200"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-indigo-500"</span> <span class="na">style=</span><span class="s">"width: 80%;"</span><span class="nt">></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"></tr></span> <span class="nt"><tr></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"ml-3 font-bold NaN"</span><span class="nt">></span>Instagram<span class="nt"></span></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span>3,678<span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 min-w-140-px"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span> <span class="nt"><span</span> <span class="na">class=</span><span class="s">"mr-2"</span><span class="nt">></span>75%<span class="nt"></span></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-full"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"overflow-hidden h-2 text-xs flex rounded bg-lightBlue-200"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-lightBlue-500"</span> <span class="na">style=</span><span class="s">"width: 75%;"</span><span class="nt">></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"></tr></span> <span class="nt"><tr></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"ml-3 font-bold NaN"</span><span class="nt">></span>Twitter<span class="nt"></span></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span>2,645 <span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"><td</span> <span class="na">class=</span><span class="s">"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 min-w-140-px"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex items-center"</span><span class="nt">></span> <span class="nt"><span</span> <span class="na">class=</span><span class="s">"mr-2"</span><span class="nt">></span>30%<span class="nt"></span></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"relative w-full"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"overflow-hidden h-2 text-xs flex rounded bg-amber-200"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-amber-500"</span> <span class="na">style=</span><span class="s">"width: 30%;"</span><span class="nt">></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></td></span> <span class="nt"></tr></span> <span class="nt"></tbody></span> <span class="nt"></table></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"><footer</span> <span class="na">class=</span><span class="s">"block py-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"container mx-auto px-4"</span><span class="nt">></span> <span class="nt"><hr</span> <span class="na">class=</span><span class="s">"mb-4 border-b-1 border-blueGray-200"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"flex flex-wrap items-center md:justify-between justify-center"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-full md:w-4/12 px-4"</span><span class="nt">></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-center mb-2 md:text-left md:mb-0"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"https://www.creative-tim.com/?ref=npr-footeradmin"</span> <span class="na">target=</span><span class="s">"_blank"</span> <span class="na">class=</span><span class="s">"text-sm text-blueGray-500 font-semibold py-1 text-center md:text-left"</span><span class="nt">></span>Copyright 漏 2021 Creative Tim<span class="nt"></a></div></span> <span class="nt"></div></span> <span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-full md:w-8/12 px-4"</span><span class="nt">></span> <span class="nt"><ul</span> <span class="na">class=</span><span class="s">"flex flex-wrap list-none md:justify-end justify-center"</span><span class="nt">></span> <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"https://www.creative-tim.com?ref=npr-footeradmin"</span> <span class="na">target=</span><span class="s">"_blank"</span> <span class="na">class=</span><span class="s">"text-blueGray-700 hover:text-blueGray-900 text-sm font-semibold block py-1 px-3"</span><span class="nt">></span>Creative Tim<span class="nt"></a></li></span> <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"https://www.creative-tim.com/presentation?ref=npr-footeradmin"</span> <span class="na">target=</span><span class="s">"_blank"</span> <span class="na">class=</span><span class="s">"text-blueGray-700 hover:text-blueGray-900 text-sm font-semibold block py-1 px-3"</span><span class="nt">></span>About Us<span class="nt"></a></li></span> <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"https://www.creative-tim.com/blog/?ref=npr-footeradmin"</span> <span class="na">target=</span><span class="s">"_blank"</span> <span class="na">class=</span><span class="s">"text-blueGray-700 hover:text-blueGray-900 text-sm font-semibold block py-1 px-3"</span><span class="nt">></span>Blog<span class="nt"></a></li></span> <span class="nt"><li><a</span> <span class="na">href=</span><span class="s">"https://www.creative-tim.com/license?ref=npr-footeradmin"</span> <span class="na">target=</span><span class="s">"_blank"</span> <span class="na">class=</span><span class="s">"text-blueGray-700 hover:text-blueGray-900 text-sm font-semibold block py-1 px-3"</span><span class="nt">></span>Licenses<span class="nt"></a></li></span> <span class="nt"></ul></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></footer></span> <span class="nt"></div></span> <span class="nt"></div></span> <span class="nt"></div></span></code></pre> </figure> </div> </div> </div> </div> </div> </div> </div> </div> <script src="../../assets/js/popper.js"></script> <script src="../../assets/js/plugins/chart.min.js"></script>  <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script> <script src="../../assets/js/map.js"></script> <script src="../../assets/js/notus.js"></script> </body> <footer class="relative pt-8 pb-6 mt-8"> <div class="container mx-auto px-4"> <div class="flex flex-wrap"> <div class="w-full md:w-6/12 px-4"> <h4 class="text-xl leading-normal font-bold">Let's keep in touch!</h4> <h5 class="leading-normal mt-1 mb-2 text-blueGray-500">Find us on any of these platforms, we respond within 1-2 business days.</h5> <div class="mt-6"> <a href="https://www.twitter.com/creativetim" target="_blank"> <i class="fab fa-twitter bg-white text-twitter-regular shadow-lg font-lg p-3 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 inline-block text-center"></i> </a> <a href="https://www.facebook.com/creativetim" target="_blank"> <i class="fab fa-facebook-square bg-white text-facebook-regular shadow-lg font-lg p-3 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 inline-block text-center"> </i> </a> <a href="https://www.dribbble.com/creativetim" target="_blank"> <i class="fab fa-dribbble bg-white text-dribbble-regular shadow-lg font-lg p-3 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 inline-block text-center"></i> </a> <a href="https://www.github.com/creativetimofficial" target="_blank"> <i class="fab fa-github bg-white text-github-regular shadow-lg font-lg p-3 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 inline-block text-center"></i> </a> </div> </div> <div class="w-full md:w-6/12 px-4"> <div class="flex flex-wrap items-top mb-6"> <div class="w-full md:w-6/12 xl:w-4/12 pt-6 md:pt-0 md:px-4 ml-auto"> <span class="block uppercase text-xs font-bold mb-2">Useful Links</span> <ul class="list-unstyled"> <li> <a class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm" href="https://www.creative-tim.com/presentation" target="_blank">About Us</a> </li> <li> <a class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm" href="https://creative-tim.com/blog" target="_blank">Blog</a> </li> <li> <a class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm" href="https://www.github.com/creativetimofficial/tailwind-starter-kit" target="_blank">Github</a> </li> <li> <a class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm" href="https://www.creative-tim.com/bootstrap-themes/free" target="_blank">Free Products</a> </li> </ul> </div> <div class="w-full md:w-6/12 xl:w-4/12 pt-6 md:pt-0 md:px-4 ml-auto"> <span class="block uppercase text-xs font-bold mb-2">Other Resources</span> <ul class="list-unstyled"> <li><a class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm" href="https://www.creative-tim.com/license" target="_blank">License</a></li> <li><a class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm" href="https://creative-tim.com/terms" target="_blank">Terms & Conditions</a></li> <li><a class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm" href="https://creative-tim.com/privacy" target="_blank">Privacy Policy</a></li> <li><a class="text-blueGray-500 hover:text-blueGray-700 block pb-2 text-sm" href="https://creative-tim.com/contact-us" target="_blank">Contact Us</a></li> </ul> </div> </div> </div> </div> <hr class="my-6 border-blueGray-200"> <div class="flex flex-wrap items-center md:justify-between justify-center"> <div class="w-full md:w-4/12 px-4 mx-auto text-center"> <div class="text-sm text-blueGray-500 py-1">Copyright 漏 2021 <a href="https://www.creative-tim.com" class="text-blueGray-500 hover:text-blueGray-600 font-semibold" target="_blank">Creative Tim</a> . All rights reserved. </div> </div> </div> </div> </footer> </html>

CINXE.COM

Notus Design System PRO by Creative Tim | Premium UI Kit and Admin for Tailwind CSS