<!DOCTYPE html>
<html lang="zxx" class="js">
<head>
<meta charset="utf-8" />
<meta name="author" content="Softnio" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="A powerful and conceptual apps base dashboard template that especially build for developers and programmers." />
<link rel="shortcut icon" href="images/favicon.png" />
<title>Crypto Dashboard | DashLite Admin Template</title>
<link rel="stylesheet" href="assets/css/dashlite9b70.css?ver=3.3.0" />
<link id="skin-default" rel="stylesheet" href="assets/css/theme9b70.css?ver=3.3.0" />
</head>
<body class="nk-body bg-white has-sidebar">
<div class="nk-app-root">
<div class="nk-main">
<div class="nk-sidebar nk-sidebar-fixed" data-content="sidebarMenu">
<div class="nk-sidebar-element nk-sidebar-head">
<div class="nk-sidebar-brand">
<a href="index.html" class="logo-link nk-sidebar-logo">
<img class="logo-light logo-img" src="images/logo.png" srcset="/demo5/images/logo2x.png 2x" alt="logo" />
<img class="logo-dark logo-img" src="images/logo-dark.png" srcset="/demo5/images/logo-dark2x.png 2x" alt="logo-dark" />
</a>
</div>
<div class="nk-menu-trigger me-n2">
<a href="#" class="nk-nav-toggle nk-quick-nav-icon d-xl-none" data-target="sidebarMenu"><em class="icon ni ni-arrow-left"></em></a>
</div>
</div>
<div class="nk-sidebar-element">
<div class="nk-sidebar-body" data-simplebar>
<div class="nk-sidebar-content">
<div class="nk-sidebar-menu">
<ul class="nk-menu">
<li class="nk-menu-heading">
<h6 class="overline-title text-primary-alt">
Use-Case Preview
</h6>
</li>
<li class="nk-menu-item">
<a href="loan/index.html" class="nk-menu-link" target="_blank">
<span class="nk-menu-icon"><em class="icon ni ni-cc-new"></em></span><span class="nk-menu-text">Loan Management Panel</span><span class="nk-menu-badge">HOT</span>
</a>
</li>
<li class="nk-menu-item">
<a href="crypto/index.html" class="nk-menu-link" target="_blank">
<span class="nk-menu-icon"><em class="icon ni ni-sign-btc-alt"></em></span><span class="nk-menu-text">Crypto - Buy Sell Panel</span>
</a>
</li>
<li class="nk-menu-heading">
<h6 class="overline-title text-primary-alt">
Dashboards
</h6>
</li>
<li class="nk-menu-item">
<a href="index.html" class="nk-menu-link">
<span class="nk-menu-icon"><em class="icon ni ni-bitcoin-cash"></em></span><span class="nk-menu-text">Default Dashboard</span>
</a>
</li>
<li class="nk-menu-item">
<a href="index-invest.html" class="nk-menu-link">
<span class="nk-menu-icon"><em class="icon ni ni-coins"></em></span><span class="nk-menu-text">Invest Dashboard</span>
</a>
</li>
<li class="nk-menu-item">
<a href="index-sales.html" class="nk-menu-link">
<span class="nk-menu-icon"><em class="icon ni ni-cc-alt2"></em></span><span class="nk-menu-text">Sales Dashboard</span>
</a>
</li>
<li class="nk-menu-item">
<a href="index-analytics.html" class="nk-menu-link">
<span class="nk-menu-icon"><em class="icon ni ni-growth"></em></span><span class="nk-menu-text">Analytics Dashboard</span>
</a>
</li>
<li class="nk-menu-heading">
<h6 class="overline-title text-primary-alt">
Applications
</h6>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-tile-thumb"></em></span><span class="nk-menu-text">Projects</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="project-card.html" class="nk-menu-link"><span class="nk-menu-text">Project Cards</span></a>
</li>
<li class="nk-menu-item">
<a href="project-list.html" class="nk-menu-link"><span class="nk-menu-text">Project List</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-users"></em></span><span class="nk-menu-text">User Manage</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="user-list-regular.html" class="nk-menu-link"><span class="nk-menu-text">User List - Regular</span></a>
</li>
<li class="nk-menu-item">
<a href="user-list-compact.html" class="nk-menu-link"><span class="nk-menu-text">User List - Compact</span></a>
</li>
<li class="nk-menu-item">
<a href="user-details-regular.html" class="nk-menu-link"><span class="nk-menu-text">User Details - Regular</span></a>
</li>
<li class="nk-menu-item">
<a href="user-profile-regular.html" class="nk-menu-link"><span class="nk-menu-text">User Profile - Regular</span></a>
</li>
<li class="nk-menu-item">
<a href="user-card.html" class="nk-menu-link"><span class="nk-menu-text">User Contact - Card</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-user-list"></em></span><span class="nk-menu-text">Customers</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="customer-list.html" class="nk-menu-link"><span class="nk-menu-text">Customer List</span></a>
</li>
<li class="nk-menu-item">
<a href="customer-details.html" class="nk-menu-link"><span class="nk-menu-text">Customer Details</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-file-docs"></em></span><span class="nk-menu-text">AML / KYCs</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="kyc-list-regular.html" class="nk-menu-link"><span class="nk-menu-text">KYC List - Regular</span></a>
</li>
<li class="nk-menu-item">
<a href="kyc-details-regular.html" class="nk-menu-link"><span class="nk-menu-text">KYC Details - Regular</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-tranx"></em></span><span class="nk-menu-text">Transactions</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="transaction-basic.html" class="nk-menu-link"><span class="nk-menu-text">Tranx List - Basic</span></a>
</li>
<li class="nk-menu-item">
<a href="transaction-crypto.html" class="nk-menu-link"><span class="nk-menu-text">Tranx List - Crypto</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-grid-alt"></em></span><span class="nk-menu-text">Applications</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="apps-messages.html" class="nk-menu-link"><span class="nk-menu-text">Messages</span></a>
</li>
<li class="nk-menu-item">
<a href="apps-inbox.html" class="nk-menu-link"><span class="nk-menu-text">Inbox / Mail</span></a>
</li>
<li class="nk-menu-item">
<a href="apps-file-manager.html" class="nk-menu-link"><span class="nk-menu-text">File Manager</span></a>
</li>
<li class="nk-menu-item">
<a href="apps-chats.html" class="nk-menu-link"><span class="nk-menu-text">Chats / Messenger</span></a>
</li>
<li class="nk-menu-item">
<a href="apps-calendar.html" class="nk-menu-link"><span class="nk-menu-text">Calendar</span></a>
</li>
<li class="nk-menu-item">
<a href="apps-kanban.html" class="nk-menu-link"><span class="nk-menu-text">Kanban Board</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-file-docs"></em></span><span class="nk-menu-text">Invoice</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="invoice-list.html" class="nk-menu-link"><span class="nk-menu-text">Invoice List</span></a>
</li>
<li class="nk-menu-item">
<a href="invoice-details.html" class="nk-menu-link"><span class="nk-menu-text">Invoice Details</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-card-view"></em></span><span class="nk-menu-text">Products</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="product-list.html" class="nk-menu-link"><span class="nk-menu-text">Product List</span></a>
</li>
<li class="nk-menu-item">
<a href="product-card.html" class="nk-menu-link"><span class="nk-menu-text">Product Card</span></a>
</li>
<li class="nk-menu-item">
<a href="product-details.html" class="nk-menu-link"><span class="nk-menu-text">Product Details</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item">
<a href="pricing-table.html" class="nk-menu-link">
<span class="nk-menu-icon"><em class="icon ni ni-view-col"></em></span><span class="nk-menu-text">Pricing Table</span>
</a>
</li>
<li class="nk-menu-item">
<a href="gallery.html" class="nk-menu-link">
<span class="nk-menu-icon"><em class="icon ni ni-img"></em></span><span class="nk-menu-text">Image Gallery</span>
</a>
</li>
<li class="nk-menu-heading">
<h6 class="overline-title text-primary-alt">
Misc Pages
</h6>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-signin"></em></span><span class="nk-menu-text">Auth Pages</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="pages/auths/auth-login.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Login / Signin</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/auths/auth-register.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Register / Signup</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/auths/auth-reset.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Forgot Password</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/auths/auth-success.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Success / Confirm</span></a>
</li>
<li class="nk-menu-item">
<a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-text">Classic Version - v2</span></a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="pages/auths/auth-login-v2.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Login / Signin</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/auths/auth-register-v2.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Register / Signup</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/auths/auth-reset-v2.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Forgot Password</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/auths/auth-success-v2.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Success / Confirm</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item">
<a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-text">No Slider Version - v3</span></a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="pages/auths/auth-login-v3.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Login / Signin</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/auths/auth-register-v3.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Register / Signup</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/auths/auth-reset-v3.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Forgot Password</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/auths/auth-success-v3.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Success / Confirm</span></a>
</li>
</ul>
</li>
</ul>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-files"></em></span><span class="nk-menu-text">Error Pages</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="pages/errors/404-classic.html" target="_blank" class="nk-menu-link"><span class="nk-menu-text">404 Classic</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/errors/504-classic.html" target="_blank" class="nk-menu-link"><span class="nk-menu-text">504 Classic</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/errors/404-s1.html" target="_blank" class="nk-menu-link"><span class="nk-menu-text">404 Modern</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/errors/504-s1.html" target="_blank" class="nk-menu-link"><span class="nk-menu-text">504 Modern</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-files"></em></span><span class="nk-menu-text">Other Pages</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="_blank.html" class="nk-menu-link"><span class="nk-menu-text">Blank / Startup</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/faqs.html" class="nk-menu-link"><span class="nk-menu-text">Faqs / Help</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/terms-policy.html" class="nk-menu-link"><span class="nk-menu-text">Terms / Policy</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/regular-v1.html" class="nk-menu-link"><span class="nk-menu-text">Regular Page - v1</span></a>
</li>
<li class="nk-menu-item">
<a href="pages/regular-v2.html" class="nk-menu-link"><span class="nk-menu-text">Regular Page - v2</span></a>
</li>
</ul>
</li>
<li class="nk-menu-heading">
<h6 class="overline-title text-primary-alt">
Components
</h6>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-layers"></em></span><span class="nk-menu-text">Ui Elements</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="components/elements/alerts.html" class="nk-menu-link"><span class="nk-menu-text">Alerts</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/accordions.html" class="nk-menu-link"><span class="nk-menu-text">Accordions</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/avatar.html" class="nk-menu-link"><span class="nk-menu-text">Avatar</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/badges.html" class="nk-menu-link"><span class="nk-menu-text">Badges</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/buttons.html" class="nk-menu-link"><span class="nk-menu-text">Buttons</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/buttons-group.html" class="nk-menu-link"><span class="nk-menu-text">Button Group</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/breadcrumb.html" class="nk-menu-link"><span class="nk-menu-text">Breadcrumb</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/cards.html" class="nk-menu-link"><span class="nk-menu-text">Cards</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/carousel.html" class="nk-menu-link"><span class="nk-menu-text">Carousel</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/list-dropdown.html" class="nk-menu-link"><span class="nk-menu-text">List Dropdown</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/modals.html" class="nk-menu-link"><span class="nk-menu-text">Modals</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/pagination.html" class="nk-menu-link"><span class="nk-menu-text">Pagination</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/popover.html" class="nk-menu-link"><span class="nk-menu-text">Popovers</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/progress.html" class="nk-menu-link"><span class="nk-menu-text">Progress</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/preloader.html" class="nk-menu-link"><span class="nk-menu-text">Preloader</span> <span class="nk-menu-badge">New</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/placeholders.html" class="nk-menu-link"><span class="nk-menu-text">Placeholders</span> <span class="nk-menu-badge">New</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/spinner.html" class="nk-menu-link"><span class="nk-menu-text">Spinner</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/tabs.html" class="nk-menu-link"><span class="nk-menu-text">Tabs</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/toast.html" class="nk-menu-link"><span class="nk-menu-text">Toasts</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/tooltip.html" class="nk-menu-link"><span class="nk-menu-text">Tooltip</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/typography.html" class="nk-menu-link"><span class="nk-menu-text">Typography</span></a>
</li>
<li class="nk-menu-item">
<a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-text">Utilities</span></a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="components/elements/util-border.html" class="nk-menu-link"><span class="nk-menu-text">Border</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/util-colors.html" class="nk-menu-link"><span class="nk-menu-text">Colors</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/util-display.html" class="nk-menu-link"><span class="nk-menu-text">Display</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/util-embeded.html" class="nk-menu-link"><span class="nk-menu-text">Embeded</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/util-flex.html" class="nk-menu-link"><span class="nk-menu-text">Flex</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/util-text.html" class="nk-menu-link"><span class="nk-menu-text">Text</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/util-sizing.html" class="nk-menu-link"><span class="nk-menu-text">Sizing</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/util-spacing.html" class="nk-menu-link"><span class="nk-menu-text">Spacing</span></a>
</li>
<li class="nk-menu-item">
<a href="components/elements/util-others.html" class="nk-menu-link"><span class="nk-menu-text">Others</span></a>
</li>
</ul>
</li>
</ul>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-dot-box"></em></span><span class="nk-menu-text">Crafted Icons</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="components/misc/svg-icons.html" class="nk-menu-link"><span class="nk-menu-text">SVG Icon - Exclusive</span></a>
</li>
<li class="nk-menu-item">
<a href="components/misc/nioicon.html" class="nk-menu-link"><span class="nk-menu-text">Nioicon - HandCrafted</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item">
<a href="components/misc/icons.html" class="nk-menu-link">
<span class="nk-menu-icon"><em class="icon ni ni-menu-circled"></em></span><span class="nk-menu-text">Icon Libraries</span>
</a>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-table-view"></em></span><span class="nk-menu-text">Tables</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="components/tables/table-basic.html" class="nk-menu-link"><span class="nk-menu-text">Basic Tables</span></a>
</li>
<li class="nk-menu-item">
<a href="components/tables/table-special.html" class="nk-menu-link"><span class="nk-menu-text">Special Tables</span></a>
</li>
<li class="nk-menu-item">
<a href="components/tables/table-datatable.html" class="nk-menu-link"><span class="nk-menu-text">DataTables</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-card-view"></em></span><span class="nk-menu-text">Forms</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="components/forms/form-elements.html" class="nk-menu-link"><span class="nk-menu-text">Form Elements</span></a>
</li>
<li class="nk-menu-item">
<a href="components/forms/checkbox-radio.html" class="nk-menu-link"><span class="nk-menu-text">Checkbox Radio</span></a>
</li>
<li class="nk-menu-item">
<a href="components/forms/advanced-controls.html" class="nk-menu-link"><span class="nk-menu-text">Advanced Controls</span></a>
</li>
<li class="nk-menu-item">
<a href="components/forms/input-group.html" class="nk-menu-link"><span class="nk-menu-text">Input Group</span></a>
</li>
<li class="nk-menu-item">
<a href="components/forms/form-upload.html" class="nk-menu-link"><span class="nk-menu-text">Form Upload</span></a>
</li>
<li class="nk-menu-item">
<a href="components/forms/datetime-picker.html" class="nk-menu-link"><span class="nk-menu-text">Date & Time Picker</span></a>
</li>
<li class="nk-menu-item">
<a href="components/forms/number-spinner.html" class="nk-menu-link"><span class="nk-menu-text">Number Spinner</span></a>
</li>
<li class="nk-menu-item">
<a href="components/forms/nouislider.html" class="nk-menu-link"><span class="nk-menu-text">noUiSlider</span></a>
</li>
<li class="nk-menu-item">
<a href="components/forms/form-layouts.html" class="nk-menu-link"><span class="nk-menu-text">Form Layouts</span></a>
</li>
<li class="nk-menu-item">
<a href="components/forms/form-validation.html" class="nk-menu-link"><span class="nk-menu-text">Form Validation</span></a>
</li>
<li class="nk-menu-item">
<a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-text">Wizard</span></a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="components/forms/form-wizard.html" class="nk-menu-link"><span class="nk-menu-text">Basic Demo</span></a>
</li>
<li class="nk-menu-item">
<a href="components/forms/wizard/create-project.html" class="nk-menu-link"><span class="nk-menu-text">Create Project</span></a>
</li>
<li class="nk-menu-item">
<a href="components/forms/wizard/create-profile.html" class="nk-menu-link"><span class="nk-menu-text">Create Profile</span></a>
</li>
<li class="nk-menu-item">
<a href="components/forms/wizard/two-factor-auth.html" class="nk-menu-link"><span class="nk-menu-text">Two Factor Auth</span></a>
</li>
<li class="nk-menu-item">
<a target="_blank" href="components/forms/wizard/survey-v1.html" class="nk-menu-link"><span class="nk-menu-text">Survey</span></a>
</li>
<li class="nk-menu-item">
<a target="_blank" href="components/forms/wizard/survey-v2.html" class="nk-menu-link"><span class="nk-menu-text">Survey v2</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item">
<a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-text">Rich Editor</span></a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="components/forms/form-summernote.html" class="nk-menu-link"><span class="nk-menu-text">Summernote</span></a>
</li>
<li class="nk-menu-item">
<a href="components/forms/form-quill.html" class="nk-menu-link"><span class="nk-menu-text">Quill</span></a>
</li>
<li class="nk-menu-item">
<a href="components/forms/form-tinymce.html" class="nk-menu-link"><span class="nk-menu-text">Tinymce</span></a>
</li>
</ul>
</li>
</ul>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-pie"></em></span><span class="nk-menu-text">Charts</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="components/charts/chartjs.html" class="nk-menu-link"><span class="nk-menu-text">Chart JS</span></a>
</li>
<li class="nk-menu-item">
<a href="components/charts/knob.html" class="nk-menu-link"><span class="nk-menu-text">Knob JS</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-puzzle"></em></span><span class="nk-menu-text">Widgets</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="components/widgets/cards.html" class="nk-menu-link"><span class="nk-menu-text">Card Widgets</span></a>
</li>
<li class="nk-menu-item">
<a href="components/widgets/charts.html" class="nk-menu-link"><span class="nk-menu-text">Chart Widgets</span></a>
</li>
<li class="nk-menu-item">
<a href="components/widgets/ratings.html" class="nk-menu-link"><span class="nk-menu-text">Ratings Widgets</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item has-sub">
<a href="#" class="nk-menu-link nk-menu-toggle">
<span class="nk-menu-icon"><em class="icon ni ni-block-over"></em></span><span class="nk-menu-text">Miscellaneous</span>
</a>
<ul class="nk-menu-sub">
<li class="nk-menu-item">
<a href="components/misc/slick-sliders.html" class="nk-menu-link"><span class="nk-menu-text">Slick Slider</span></a>
</li>
<li class="nk-menu-item">
<a href="components/misc/toastr.html" class="nk-menu-link"><span class="nk-menu-text">Toastr</span></a>
</li>
<li class="nk-menu-item">
<a href="components/misc/sweet-alert.html" class="nk-menu-link"><span class="nk-menu-text">Sweet Alert</span></a>
</li>
<li class="nk-menu-item">
<a href="components/misc/js-tree.html" class="nk-menu-link"><span class="nk-menu-text">jsTree</span></a>
</li>
<li class="nk-menu-item">
<a href="components/misc/dual-listbox.html" class="nk-menu-link"><span class="nk-menu-text">Dual Listbox</span></a>
</li>
<li class="nk-menu-item">
<a href="components/misc/dragula.html" class="nk-menu-link"><span class="nk-menu-text">Dragula</span></a>
</li>
<li class="nk-menu-item">
<a href="components/misc/map.html" class="nk-menu-link"><span class="nk-menu-text">Google Map</span></a>
</li>
</ul>
</li>
<li class="nk-menu-item">
<a href="email-templates.html" class="nk-menu-link">
<span class="nk-menu-icon"><em class="icon ni ni-text-rich"></em></span><span class="nk-menu-text">Email Template</span>
</a>
</li>
</ul>
</div>
<div class="nk-sidebar-footer">
<ul class="nk-menu nk-menu-footer">
<li class="nk-menu-item">
<a href="#" class="nk-menu-link">
<span class="nk-menu-icon"><em class="icon ni ni-help-alt"></em></span><span class="nk-menu-text">Support</span>
</a>
</li>
<li class="nk-menu-item ms-auto">
<div class="dropup">
<a href="#" class="nk-menu-link dropdown-indicator has-indicator" data-bs-toggle="dropdown" data-offset="0,10">
<span class="nk-menu-icon"><em class="icon ni ni-globe"></em></span><span class="nk-menu-text">English</span>
</a>
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-end">
<ul class="language-list">
<li>
<a href="#" class="language-item"><img src="images/flags/english.png" alt="" class="language-flag" /><span class="language-name">English</span></a>
</li>
<li>
<a href="#" class="language-item"><img src="images/flags/spanish.png" alt="" class="language-flag" /><span class="language-name">Español</span></a>
</li>
<li>
<a href="#" class="language-item"><img src="images/flags/french.png" alt="" class="language-flag" /><span class="language-name">Français</span></a>
</li>
<li>
<a href="#" class="language-item"><img src="images/flags/turkey.png" alt="" class="language-flag" /><span class="language-name">Türkçe</span></a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="nk-wrap">
<div class="nk-header nk-header-fixed is-light">
<div class="container-fluid">
<div class="nk-header-wrap">
<div class="nk-menu-trigger d-xl-none ms-n1">
<a href="#" class="nk-nav-toggle nk-quick-nav-icon" data-target="sidebarMenu"><em class="icon ni ni-menu"></em></a>
</div>
<div class="nk-header-brand d-xl-none">
<a href="index.html" class="logo-link">
<img class="logo-light logo-img" src="images/logo.png" srcset="/demo5/images/logo2x.png 2x" alt="logo" />
<img class="logo-dark logo-img" src="images/logo-dark.png" srcset="/demo5/images/logo-dark2x.png 2x" alt="logo-dark" />
</a>
</div>
<div class="nk-header-news d-none d-xl-block">
<div class="nk-news-list">
<a class="nk-news-item" href="#">
<div class="nk-news-icon">
<em class="icon ni ni-card-view"></em>
</div>
<div class="nk-news-text">
<p>
Do you know the latest update of 2022?
<span> A overview of our is now available on YouTube</span>
</p>
<em class="icon ni ni-external"></em>
</div>
</a>
</div>
</div>
<div class="nk-header-tools">
<ul class="nk-quick-nav">
<li class="dropdown language-dropdown d-none d-sm-block me-n1">
<a href="#" class="dropdown-toggle nk-quick-nav-icon" data-bs-toggle="dropdown">
<div class="quick-icon border border-light">
<img class="icon" src="images/flags/english-sq.png" alt="" />
</div>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-s1">
<ul class="language-list">
<li>
<a href="#" class="language-item"><img src="images/flags/english.png" alt="" class="language-flag" /><span class="language-name">English</span></a>
</li>
<li>
<a href="#" class="language-item"><img src="images/flags/spanish.png" alt="" class="language-flag" /><span class="language-name">Español</span></a>
</li>
<li>
<a href="#" class="language-item"><img src="images/flags/french.png" alt="" class="language-flag" /><span class="language-name">Français</span></a>
</li>
<li>
<a href="#" class="language-item"><img src="images/flags/turkey.png" alt="" class="language-flag" /><span class="language-name">Türkçe</span></a>
</li>
</ul>
</div>
</li>
<li class="dropdown user-dropdown">
<a href="#" class="dropdown-toggle" data-bs-toggle="dropdown">
<div class="user-toggle">
<div class="user-avatar sm">
<em class="icon ni ni-user-alt"></em>
</div>
<div class="user-info d-none d-md-block">
<div class="user-status">
Administrator
</div>
<div class="user-name dropdown-indicator">
Abu Bin Ishityak
</div>
</div>
</div>
</a>
<div class="dropdown-menu dropdown-menu-md dropdown-menu-end dropdown-menu-s1">
<div class="dropdown-inner user-card-wrap bg-lighter d-none d-md-block">
<div class="user-card">
<div class="user-avatar">
<span>AB</span>
</div>
<div class="user-info"><span class="lead-text">Abu Bin Ishtiyak</span><span class="sub-text">info@softnio.com</span></div>
</div>
</div>
<div class="dropdown-inner">
<ul class="link-list">
<li>
<a href="user-profile-regular.html"><em class="icon ni ni-user-alt"></em><span>View Profile</span></a>
</li>
<li>
<a href="user-profile-setting.html"><em class="icon ni ni-setting-alt"></em><span>Account Setting</span></a>
</li>
<li>
<a href="user-profile-activity.html"><em class="icon ni ni-activity-alt"></em><span>Login Activity</span></a>
</li>
</ul>
</div>
<div class="dropdown-inner">
<ul class="link-list">
<li>
<a href="#"><em class="icon ni ni-signout"></em><span>Sign out</span></a>
</li>
</ul>
</div>
</div>
</li>
<li class="dropdown notification-dropdown me-n1">
<a href="#" class="dropdown-toggle nk-quick-nav-icon" data-bs-toggle="dropdown">
<div class="icon-status icon-status-info">
<em class="icon ni ni-bell"></em>
</div>
</a>
<div class="dropdown-menu dropdown-menu-xl dropdown-menu-end dropdown-menu-s1">
<div class="dropdown-head"><span class="sub-title nk-dropdown-title">Notifications</span><a href="#">Mark All as Read</a></div>
<div class="dropdown-body">
<div class="nk-notification">
<div class="nk-notification-item dropdown-inner">
<div class="nk-notification-icon">
<em class="icon icon-circle bg-warning-dim ni ni-curve-down-right"></em>
</div>
<div class="nk-notification-content">
<div class="nk-notification-text">
You have requested to
<span>Widthdrawl</span>
</div>
<div class="nk-notification-time">
2 hrs ago
</div>
</div>
</div>
<div class="nk-notification-item dropdown-inner">
<div class="nk-notification-icon">
<em class="icon icon-circle bg-success-dim ni ni-curve-down-left"></em>
</div>
<div class="nk-notification-content">
<div class="nk-notification-text">
Your
<span>Deposit Order</span> is placed
</div>
<div class="nk-notification-time">
2 hrs ago
</div>
</div>
</div>
<div class="nk-notification-item dropdown-inner">
<div class="nk-notification-icon">
<em class="icon icon-circle bg-warning-dim ni ni-curve-down-right"></em>
</div>
<div class="nk-notification-content">
<div class="nk-notification-text">
You have requested to
<span>Widthdrawl</span>
</div>
<div class="nk-notification-time">
2 hrs ago
</div>
</div>
</div>
<div class="nk-notification-item dropdown-inner">
<div class="nk-notification-icon">
<em class="icon icon-circle bg-success-dim ni ni-curve-down-left"></em>
</div>
<div class="nk-notification-content">
<div class="nk-notification-text">
Your
<span>Deposit Order</span> is placed
</div>
<div class="nk-notification-time">
2 hrs ago
</div>
</div>
</div>
<div class="nk-notification-item dropdown-inner">
<div class="nk-notification-icon">
<em class="icon icon-circle bg-warning-dim ni ni-curve-down-right"></em>
</div>
<div class="nk-notification-content">
<div class="nk-notification-text">
You have requested to
<span>Widthdrawl</span>
</div>
<div class="nk-notification-time">
2 hrs ago
</div>
</div>
</div>
<div class="nk-notification-item dropdown-inner">
<div class="nk-notification-icon">
<em class="icon icon-circle bg-success-dim ni ni-curve-down-left"></em>
</div>
<div class="nk-notification-content">
<div class="nk-notification-text">
Your
<span>Deposit Order</span> is placed
</div>
<div class="nk-notification-time">
2 hrs ago
</div>
</div>
</div>
</div>
</div>
<div class="dropdown-foot center">
<a href="#">View All</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="nk-content nk-content-fluid">
<div class="container-xl wide-lg">
<div class="nk-content-body">
<div class="nk-block-head nk-block-head-sm">
<div class="nk-block-between">
<div class="nk-block-head-content">
<h3 class="nk-block-title page-title">
Crypto Dashboard
</h3>
<div class="nk-block-des text-soft">
<p>
Welcome to DashLite Dashboard Template.
</p>
</div>
</div>
<div class="nk-block-head-content">
<div class="toggle-wrap nk-block-tools-toggle">
<a href="#" class="btn btn-icon btn-trigger toggle-expand me-n1" data-target="pageMenu"><em class="icon ni ni-more-v"></em></a>
<div class="toggle-expand-content" data-content="pageMenu">
<ul class="nk-block-tools g-3">
<li>
<a href="#" class="btn btn-white btn-dim btn-outline-primary"><em class="icon ni ni-download-cloud"></em><span>Export</span></a>
</li>
<li>
<a href="#" class="btn btn-white btn-dim btn-outline-primary"><em class="icon ni ni-reports"></em><span>Reports</span></a>
</li>
<li class="nk-block-tools-opt">
<div class="drodown">
<a href="#" class="dropdown-toggle btn btn-icon btn-primary" data-bs-toggle="dropdown"><em class="icon ni ni-plus"></em></a>
<div class="dropdown-menu dropdown-menu-end">
<ul class="link-list-opt no-bdr">
<li>
<a href="#"><em class="icon ni ni-user-add-fill"></em><span>Add User</span></a>
</li>
<li>
<a href="#"><em class="icon ni ni-coin-alt-fill"></em><span>Add Order</span></a>
</li>
<li>
<a href="#"><em class="icon ni ni-note-add-fill-c"></em><span>Add Page</span></a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="nk-block">
<div class="row g-gs">
<div class="col-lg-8">
<div class="card card-bordered h-100">
<div class="card-inner">
<div class="card-title-group align-start mb-3">
<div class="card-title">
<h6 class="title">
Orders Overview
</h6>
<p>
In last 10 days buy and sells overview.
<a href="#" class="link link-sm">Detailed Stats</a>
</p>
</div>
<div class="card-tools mt-n1 me-n1">
<div class="drodown">
<a href="#" class="dropdown-toggle btn btn-icon btn-trigger" data-bs-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-end">
<ul class="link-list-opt no-bdr">
<li>
<a href="#" class="active"><span>15 Days</span></a>
</li>
<li>
<a href="#"><span>30 Days</span></a>
</li>
<li>
<a href="#"><span>3 Months</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="nk-order-ovwg">
<div class="row g-4 align-end">
<div class="col-xxl-8">
<div class="nk-order-ovwg-ck">
<canvas class="order-overview-chart" id="orderOverview"></canvas>
</div>
</div>
<div class="col-xxl-4">
<div class="row g-4">
<div class="col-sm-6 col-xxl-12">
<div class="nk-order-ovwg-data buy">
<div class="amount">
12,954.63
<small class="currenct currency-usd">USD</small>
</div>
<div class="info">
Last month
<strong>39,485 <span class="currenct currency-usd">USD</span></strong>
</div>
<div class="title">
<em class="icon ni ni-arrow-down-left"></em>
Buy Orders
</div>
</div>
</div>
<div class="col-sm-6 col-xxl-12">
<div class="nk-order-ovwg-data sell">
<div class="amount">
12,954.63
<small class="currenct currency-usd">USD</small>
</div>
<div class="info">
Last month
<strong>39,485 <span class="currenct currency-usd">USD</span></strong>
</div>
<div class="title">
<em class="icon ni ni-arrow-up-left"></em>
Sell Orders
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card card-bordered h-100">
<div class="card-inner-group">
<div class="card-inner card-inner-md">
<div class="card-title-group">
<div class="card-title">
<h6 class="title">
Action Center
</h6>
</div>
<div class="card-tools me-n1">
<div class="drodown">
<a href="#" class="dropdown-toggle btn btn-icon btn-trigger" data-bs-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
<div class="dropdown-menu dropdown-menu-end">
<ul class="link-list-opt no-bdr">
<li>
<a href="#"><em class="icon ni ni-setting"></em><span>Action Settings</span></a>
</li>
<li>
<a href="#"><em class="icon ni ni-notify"></em><span>Push Notification</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="card-inner">
<div class="nk-wg-action">
<div class="nk-wg-action-content">
<em class="icon ni ni-cc-alt-fill"></em>
<div class="title">
Pending Buy/Sell Orders
</div>
<p>
We have still
<strong>40 buy orders</strong>
and
<strong>12 sell orders</strong>, thats need to review.
</p>
</div>
<a href="#" class="btn btn-icon btn-trigger me-n2"><em class="icon ni ni-forward-ios"></em></a>
</div>
</div>
<div class="card-inner">
<div class="nk-wg-action">
<div class="nk-wg-action-content">
<em class="icon ni ni-help-fill"></em>
<div class="title">
Support Messages
</div>
<p>
Here is
<strong>18 new</strong>
support message.
</p>
</div>
<a href="#" class="btn btn-icon btn-trigger me-n2"><em class="icon ni ni-forward-ios"></em></a>
</div>
</div>
<div class="card-inner">
<div class="nk-wg-action">
<div class="nk-wg-action-content">
<em class="icon ni ni-wallet-fill"></em>
<div class="title">
Upcoming Deposit
</div>
<p>
<strong>7 upcoming</strong>
deposit need to review.
</p>
</div>
<a href="#" class="btn btn-icon btn-trigger me-n2"><em class="icon ni ni-forward-ios"></em></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-7 col-xxl-8">
<div class="card card-bordered card-full">
<div class="card-inner">
<div class="card-title-group">
<div class="card-title">
<h6 class="title">
<span class="me-2">Orders Activities</span>
<a href="#" class="link d-none d-sm-inline">See History</a>
</h6>
</div>
<div class="card-tools">
<ul class="card-tools-nav">
<li>
<a href="#"><span>Buy</span></a>
</li>
<li>
<a href="#"><span>Sell</span></a>
</li>
<li class="active">
<a href="#"><span>All</span></a>
</li>
</ul>
</div>
</div>
</div>
<div class="card-inner p-0 border-top">
<div class="nk-tb-list nk-tb-orders">
<div class="nk-tb-item nk-tb-head">
<div class="nk-tb-col nk-tb-orders-type">
<span>Type</span>
</div>
<div class="nk-tb-col">
<span>Desc</span>
</div>
<div class="nk-tb-col tb-col-sm">
<span>Date</span>
</div>
<div class="nk-tb-col tb-col-xxl">
<span>Time</span>
</div>
<div class="nk-tb-col tb-col-xxl">
<span>Ref</span>
</div>
<div class="nk-tb-col tb-col-sm text-end">
<span>USD Amount</span>
</div>
<div class="nk-tb-col text-end">
<span>Amount</span>
</div>
</div>
<div class="nk-tb-item">
<div class="nk-tb-col nk-tb-orders-type">
<ul class="icon-overlap">
<li>
<em class="bg-btc-dim icon-circle icon ni ni-sign-btc"></em>
</li>
<li>
<em class="bg-success-dim icon-circle icon ni ni-arrow-down-left"></em>
</li>
</ul>
</div>
<div class="nk-tb-col">
<span class="tb-lead">Buy Bitcoin</span>
</div>
<div class="nk-tb-col tb-col-sm">
<span class="tb-sub">02/10/2020</span>
</div>
<div class="nk-tb-col tb-col-xxl">
<span class="tb-sub">11:37 PM</span>
</div>
<div class="nk-tb-col tb-col-xxl">
<span class="tb-sub text-primary">RE2309232</span>
</div>
<div class="nk-tb-col tb-col-sm text-end">
<span class="tb-sub tb-amount">4,565.75 <span>USD</span></span>
</div>
<div class="nk-tb-col text-end">
<span class="tb-sub tb-amount">+ 0.2040 <span>BTC</span></span>
</div>
</div>
<div class="nk-tb-item">
<div class="nk-tb-col nk-tb-orders-type">
<ul class="icon-overlap">
<li>
<em class="bg-eth-dim icon-circle icon ni ni-sign-eth"></em>
</li>
<li>
<em class="bg-success-dim icon-circle icon ni ni-arrow-down-left"></em>
</li>
</ul>
</div>
<div class="nk-tb-col">
<span class="tb-lead">Buy Ethereum</span>
</div>
<div class="nk-tb-col tb-col-sm">
<span class="tb-sub">02/10/2020</span>
</div>
<div class="nk-tb-col tb-col-xxl">
<span class="tb-sub">10:37 PM</span>
</div>
<div class="nk-tb-col tb-col-xxl">
<span class="tb-sub text-primary">RE2309232</span>
</div>
<div class="nk-tb-col tb-col-sm text-end">
<span class="tb-sub tb-amount">2,039.39 <span>USD</span></span>
</div>
<div class="nk-tb-col text-end">
<span class="tb-sub tb-amount">+ 0.12600 <span>BTC</span></span>
</div>
</div>
<div class="nk-tb-item">
<div class="nk-tb-col nk-tb-orders-type">
<ul class="icon-overlap">
<li>
<em class="bg-btc-dim icon-circle icon ni ni-sign-btc"></em>
</li>
<li>
<em class="bg-purple-dim icon-circle icon ni ni-arrow-up-right"></em>
</li>
</ul>
</div>
<div class="nk-tb-col">
<span class="tb-lead">Sell Bitcoin</span>
</div>
<div class="nk-tb-col tb-col-sm">
<span class="tb-sub">02/10/2020</span>
</div>
<div class="nk-tb-col tb-col-xxl">
<span class="tb-sub">10:45 PM</span>
</div>
<div class="nk-tb-col tb-col-xxl">
<span class="tb-sub text-primary">RE2309232</span>
</div>
<div class="nk-tb-col tb-col-sm text-end">
<span class="tb-sub tb-amount">9,285.71 <span>USD</span></span>
</div>
<div class="nk-tb-col text-end">
<span class="tb-sub tb-amount">+ 0.94750 <span>BTC</span></span>
</div>
</div>
<div class="nk-tb-item">
<div class="nk-tb-col nk-tb-orders-type">
<ul class="icon-overlap">
<li>
<em class="bg-eth-dim icon-circle icon ni ni-sign-eth"></em>
</li>
<li>
<em class="bg-purple-dim icon-circle icon ni ni-arrow-up-right"></em>
</li>
</ul>
</div>
<div class="nk-tb-col">
<span class="tb-lead">Sell Etherum</span>
</div>
<div class="nk-tb-col tb-col-sm">
<span class="tb-sub">02/11/2020</span>
</div>
<div class="nk-tb-col tb-col-xxl">
<span class="tb-sub">10:25 PM</span>
</div>
<div class="nk-tb-col tb-col-xxl">
<span class="tb-sub text-primary">RE2309232</span>
</div>
<div class="nk-tb-col tb-col-sm text-end">
<span class="tb-sub tb-amount">12,596.75 <span>USD</span></span>
</div>
<div class="nk-tb-col text-end">
<span class="tb-sub tb-amount">+ 1.02050 <span>BTC</span></span>
</div>
</div>
<div class="nk-tb-item">
<div class="nk-tb-col nk-tb-orders-type">
<ul class="icon-overlap">
<li>
<em class="bg-btc-dim icon-circle icon ni ni-sign-btc"></em>
</li>
<li>
<em class="bg-success-dim icon-circle icon ni ni-arrow-down-left"></em>
</li>
</ul>
</div>
<div class="nk-tb-col">
<span class="tb-lead">Buy Bitcoin</span>
</div>
<div class="nk-tb-col tb-col-sm">
<span class="tb-sub">02/10/2020</span>
</div>
<div class="nk-tb-col tb-col-xxl">
<span class="tb-sub">10:12 PM</span>
</div>
<div class="nk-tb-col tb-col-xxl">
<span class="tb-sub text-primary">RE2309232</span>
</div>
<div class="nk-tb-col tb-col-sm text-end">
<span class="tb-sub tb-amount">400.00 <span>USD</span></span>
</div>
<div class="nk-tb-col text-end">
<span class="tb-sub tb-amount">+ 0.00056 <span>BTC</span></span>
</div>
</div>
<div class="nk-tb-item">
<div class="nk-tb-col nk-tb-orders-type">
<ul class="icon-overlap">
<li>
<em class="bg-eth-dim icon-circle icon ni ni-sign-eth"></em>
</li>
<li>
<em class="bg-purple-dim icon-circle icon ni ni-arrow-up-right"></em>
</li>
</ul>
</div>
<div class="nk-tb-col">
<span class="tb-lead">Sell Etherum</span>
</div>
<div class="nk-tb-col tb-col-sm">
<span class="tb-sub">02/09/2020</span>
</div>
<div class="nk-tb-col tb-col-xxl">
<span class="tb-sub">05:15 PM</span>
</div>
<div class="nk-tb-col tb-col-xxl">
<span class="tb-sub text-primary">RE2309232</span>
</div>
<div class="nk-tb-col tb-col-sm text-end">
<span class="tb-sub tb-amount">6,246.50 <span>USD</span></span>
</div>
<div class="nk-tb-col text-end">
<span class="tb-sub tb-amount">+ 0.02575 <span>BTC</span></span>
</div>
</div>
</div>
</div>
<div class="card-inner-sm border-top text-center d-sm-none">
<a href="#" class="btn btn-link btn-block">See History</a>
</div>
</div>
</div>
<div class="col-xl-5 col-xxl-4">
<div class="row g-gs">
<div class="col-md-6 col-lg-12">
<div class="card card-bordered card-full">
<div class="card-inner">
<div class="card-title-group align-start mb-2">
<div class="card-title">
<h6 class="title">
Top Coin in Orders
</h6>
<p>
In last 15 days buy and sells overview.
</p>
</div>
<div class="card-tools mt-n1 me-n1">
<div class="drodown">
<a href="#" class="dropdown-toggle btn btn-icon btn-trigger" data-bs-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-end">
<ul class="link-list-opt no-bdr">
<li>
<a href="#" class="active"><span>15 Days</span></a>
</li>
<li>
<a href="#"><span>30 Days</span></a>
</li>
<li>
<a href="#"><span>3 Months</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="nk-coin-ovwg">
<div class="nk-coin-ovwg-ck">
<canvas class="coin-overview-chart" id="coinOverview"></canvas>
</div>
<ul class="nk-coin-ovwg-legends">
<li><span class="dot dot-lg sq" data-bg="#f98c45"></span><span>Bitcoin</span></li>
<li><span class="dot dot-lg sq" data-bg="#9cabff"></span><span>Ethereum</span></li>
<li><span class="dot dot-lg sq" data-bg="#8feac5"></span><span>NioCoin</span></li>
<li><span class="dot dot-lg sq" data-bg="#6b79c8"></span><span>Litecoin</span></li>
<li><span class="dot dot-lg sq" data-bg="#79f1dc"></span><span>Bitcoin Cash</span></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-12">
<div class="card card-bordered card-full">
<div class="card-inner">
<div class="card-title-group align-start mb-3">
<div class="card-title">
<h6 class="title">
User Activities
</h6>
<p>
In last 30 days
<em class="icon ni ni-info" data-bs-toggle="tooltip" data-bs-placement="right" title="Referral Informations"></em>
</p>
</div>
<div class="card-tools mt-n1 me-n1">
<div class="drodown">
<a href="#" class="dropdown-toggle btn btn-icon btn-trigger" data-bs-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-end">
<ul class="link-list-opt no-bdr">
<li>
<a href="#"><span>15 Days</span></a>
</li>
<li>
<a href="#" class="active"><span>30 Days</span></a>
</li>
<li>
<a href="#"><span>3 Months</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="user-activity-group g-4">
<div class="user-activity">
<em class="icon ni ni-users"></em>
<div class="info"><span class="amount">345</span><span class="title">Direct Join</span></div>
</div>
<div class="user-activity">
<em class="icon ni ni-users"></em>
<div class="info"><span class="amount">49</span><span class="title">Referral Join</span></div>
</div>
</div>
</div>
<div class="user-activity-ck">
<canvas class="usera-activity-chart" id="userActivity"></canvas>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="nk-footer">
<div class="container-fluid">
<div class="nk-footer-wrap">
<div class="nk-footer-copyright">
© 2024 DashLite. Template by
<a href="https://softnio.com/" target="_blank">Softnio</a>
</div>
<div class="nk-footer-links">
<ul class="nav nav-sm">
<li class="nav-item dropup">
<a herf="" class="dropdown-toggle dropdown-indicator has-indicator nav-link text-base" data-bs-toggle="dropdown" data-offset="0,10"><span>English</span></a>
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-end">
<ul class="language-list">
<li>
<a href="#" class="language-item"><span class="language-name">English</span></a>
</li>
<li>
<a href="#" class="language-item"><span class="language-name">Español</span></a>
</li>
<li>
<a href="#" class="language-item"><span class="language-name">Français</span></a>
</li>
<li>
<a href="#" class="language-item"><span class="language-name">Türkçe</span></a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a data-bs-toggle="modal" href="#region" class="nav-link"><em class="icon ni ni-globe"></em><span class="ms-1">Select Region</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" tabindex="-1" role="dialog" id="region">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
<div class="modal-body modal-body-md">
<h5 class="title mb-4">Select Your Countryy</h5>
<div class="nk-country-region">
<ul class="country-list text-center gy-2">
<li>
<a href="#" class="country-item"><img src="images/flags/arg.png" alt="" class="country-flag" /><span class="country-name">Argentina</span></a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/aus.png" alt="" class="country-flag" /><span class="country-name">Australia</span></a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/bangladesh.png" alt="" class="country-flag" /><span class="country-name">Bangladesh</span></a>
</li>
<li>
<a href="#" class="country-item">
<img src="images/flags/canada.png" alt="" class="country-flag" /><span class="country-name">Canada <small>(English)</small></span>
</a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/china.png" alt="" class="country-flag" /><span class="country-name">Centrafricaine</span></a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/china.png" alt="" class="country-flag" /><span class="country-name">China</span></a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/french.png" alt="" class="country-flag" /><span class="country-name">France</span></a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/germany.png" alt="" class="country-flag" /><span class="country-name">Germany</span></a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/iran.png" alt="" class="country-flag" /><span class="country-name">Iran</span></a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/italy.png" alt="" class="country-flag" /><span class="country-name">Italy</span></a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/mexico.png" alt="" class="country-flag" /><span class="country-name">México</span></a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/philipine.png" alt="" class="country-flag" /><span class="country-name">Philippines</span></a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/portugal.png" alt="" class="country-flag" /><span class="country-name">Portugal</span></a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/s-africa.png" alt="" class="country-flag" /><span class="country-name">South Africa</span></a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/spanish.png" alt="" class="country-flag" /><span class="country-name">Spain</span></a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/switzerland.png" alt="" class="country-flag" /><span class="country-name">Switzerland</span></a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/uk.png" alt="" class="country-flag" /><span class="country-name">United Kingdom</span></a>
</li>
<li>
<a href="#" class="country-item"><img src="images/flags/english.png" alt="" class="country-flag" /><span class="country-name">United State</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<ul class="nk-sticky-toolbar">
<li class="demo-layout">
<a class="toggle tipinfo" data-target="demoML" href="#" title="Main Demo Preview"><em class="icon ni ni-dashlite"></em></a>
</li>
<li class="demo-thumb">
<a class="toggle tipinfo" data-target="demoUC" href="#" title="Use Case Concept"><em class="icon ni ni-menu-squared"></em></a>
</li>
<li class="demo-settings">
<a class="toggle tipinfo" data-target="settingPanel" href="#" title="Demo Settings"><em class="icon ni ni-setting-alt"></em></a>
</li>
<li class="demo-purchase">
<a class="tipinfo" target="_blank" href="https://1.envato.market/e0y3g" title="Purchase"><em class="icon ni ni-cart"></em></a>
</li>
</ul>
<div class="nk-demo-panel nk-demo-panel-2x toggle-slide toggle-slide-right" data-content="demoML" data-toggle-overlay="true" data-toggle-body="true" data-toggle-screen="any">
<div class="nk-demo-head">
<h6 class="mb-0">Switch Demo Layout</h6>
<a class="nk-demo-close toggle btn btn-icon btn-trigger revarse mr-n2" data-target="demoML" href="#"><em class="icon ni ni-cross"></em></a>
</div>
<div class="nk-demo-list" data-simplebar>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo1/index.html">
<div class="nk-demo-image bg-blue">
<img class="bg-purple" src="../images/landing/layout-1d.jpg" srcset="https://dashlite.net/images/landing/layout-1d2x.jpg 2x" alt="Demo Layout 1" />
</div>
<span class="nk-demo-title"><strong>Demo Layout 1</strong></span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo2/index.html">
<div class="nk-demo-image bg-purple">
<img src="../images/landing/layout-2d.jpg" srcset="https://dashlite.net/images/landing/layout-2d2x.jpg 2x" alt="Demo Layout 2" />
</div>
<span class="nk-demo-title"><strong>Demo Layout 2</strong></span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo3/index.html">
<div class="nk-demo-image bg-success">
<img src="../images/landing/layout-3d.jpg" srcset="https://dashlite.net/images/landing/layout-3d2x.jpg 2x" alt="Demo Layout 3" />
</div>
<span class="nk-demo-title"><strong>Demo Layout 3</strong></span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo4/index.html">
<div class="nk-demo-image bg-indigo">
<img src="../images/landing/layout-4d.jpg" srcset="https://dashlite.net/images/landing/layout-4d2x.jpg 2x" alt="Demo Layout 4" />
</div>
<span class="nk-demo-title"><strong>Demo Layout 4</strong></span>
</a>
</div>
<div class="nk-demo-item">
<a href="index.html">
<div class="nk-demo-image bg-orange">
<img src="../images/landing/layout-5d.jpg" srcset="https://dashlite.net/images/landing/layout-5d2x.jpg 2x" alt="Demo Layout 5" />
</div>
<span class="nk-demo-title"><strong>Demo Layout 5</strong></span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo6/index.html">
<div class="nk-demo-image bg-purple">
<img src="../images/landing/layout-6d.jpg" srcset="https://dashlite.net/images/landing/layout-6d2x.jpg 2x" alt="Demo Layout 6" />
</div>
<span class="nk-demo-title"><strong>Demo Layout 6</strong></span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo7/index.html">
<div class="nk-demo-image bg-teal">
<img src="../images/landing/layout-7d.jpg" srcset="https://dashlite.net/images/landing/layout-7d2x.jpg 2x" alt="Demo Layout 7" />
</div>
<span class="nk-demo-title"><strong>Demo Layout 7</strong></span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo8/index.html">
<div class="nk-demo-image bg-azure">
<img src="../images/landing/layout-8d.jpg" srcset="https://dashlite.net/images/landing/layout-8d2x.jpg 2x" alt="Demo Layout 8" />
</div>
<span class="nk-demo-title"><strong>Demo Layout 8</strong></span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo9/index.html">
<div class="nk-demo-image bg-pink">
<img src="../images/landing/layout-9d.jpg" srcset="https://dashlite.net/images/landing/layout-9d2x.jpg 2x" alt="Demo Layout 9" />
</div>
<span class="nk-demo-title"><strong>Demo Layout 9</strong></span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/landing/index.html">
<div class="nk-demo-image bg-red">
<img src="../images/landing/main-landing.jpg" srcset="https://dashlite.net/images/landing/main-landing2x.jpg 2x" alt="Landing Page" />
</div>
<span class="nk-demo-title"><strong>Landing Page</strong> <span class="badge badge-danger ml-1">Free</span></span>
</a>
</div>
</div>
</div>
<div class="nk-demo-panel nk-demo-panel-2x toggle-slide toggle-slide-right" data-content="demoUC" data-toggle-overlay="true" data-toggle-body="true" data-toggle-screen="any">
<div class="nk-demo-head">
<h6 class="mb-0">Use Case Concept</h6>
<a class="nk-demo-close toggle btn btn-icon btn-trigger revarse mr-n2" data-target="demoUC" href="#"><em class="icon ni ni-cross"></em></a>
</div>
<div class="nk-demo-list" data-simplebar>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo9/copywriter/index.html">
<div class="nk-demo-image bg-indigo">
<img src="../images/landing/demo-ai-copywriter.jpg" srcset="https://dashlite.net/images/landing/demo-ai-copywriter2x.jpg 2x" alt="ai-copywriter" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo9</em><br />
<strong>Ai Copywriter Panel</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo7/pharmacy/index.html">
<div class="nk-demo-image bg-warning">
<img src="../images/landing/demo-pharmacy.jpg" srcset="https://dashlite.net/images/landing/demo-pharmacy2x.jpg 2x" alt="pharmacy" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo7</em><br />
<strong>Pharmacy Management Panel</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="loan/index.html">
<div class="nk-demo-image bg-purple">
<img src="../images/landing/demo-loan.jpg" srcset="https://dashlite.net/images/landing/demo-loan2x.jpg 2x" alt="loan" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo5</em><br />
<strong>Loan Management Panel</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo2/ecommerce/index.html">
<div class="nk-demo-image bg-dark">
<img src="../images/landing/demo-ecommerce.jpg" srcset="https://dashlite.net/images/landing/demo-ecommerce2x.jpg 2x" alt="Ecommerce" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo2</em><br />
<strong>E-Commerce Panel</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo2/lms/index.html">
<div class="nk-demo-image bg-danger">
<img src="../images/landing/demo-lms.jpg" srcset="https://dashlite.net/images/landing/demo-lms2x.jpg 2x" alt="LMS" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo2</em><br />
<strong>LMS / Learning Management System</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo1/crm/index.html">
<div class="nk-demo-image bg-info">
<img src="../images/landing/demo-crm.jpg" srcset="https://dashlite.net/images/landing/demo-crm2x.jpg 2x" alt="CRM / Customer Relationship" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo1</em><br />
<strong>CRM / Customer Relationship Management</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo7/hospital/index.html">
<div class="nk-demo-image bg-indigo">
<img src="../images/landing/demo-hospital.jpg" srcset="https://dashlite.net/images/landing/demo-hospital2x.jpg 2x" alt="Hospital Managemen" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo7</em><br />
<strong>Hospital Management</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo1/hotel/index.html">
<div class="nk-demo-image bg-pink">
<img src="../images/landing/demo-hotel.jpg" srcset="https://dashlite.net/images/landing/demo-hotel2x.jpg 2x" alt="Hotel Managemen" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo1</em><br />
<strong>Hotel Management</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo3/cms/index.html">
<div class="nk-demo-image bg-dark">
<img src="../images/landing/demo-cms.jpg" srcset="https://dashlite.net/images/landing/demo-cms2x.jpg 2x" alt="cms" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo3</em><br />
<strong>CMS Panel</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="crypto/index.html">
<div class="nk-demo-image bg-warning">
<img src="../images/landing/demo-buysell.jpg" srcset="https://dashlite.net/images/landing/demo-buysell2x.jpg 2x" alt="Crypto BuySell / Wallet" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo5</em><br />
<strong>Crypto BuySell Panel</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo6/invest/index.html">
<div class="nk-demo-image bg-indigo">
<img src="../images/landing/demo-invest.jpg" srcset="https://dashlite.net/images/landing/demo-invest2x.jpg 2x" alt="HYIP / Investment" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo6</em><br />
<strong>HYIP / Investment Panel</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo3/apps/file-manager.html">
<div class="nk-demo-image bg-purple">
<img src="../images/landing/demo-file-manager.jpg" srcset="https://dashlite.net/images/landing/demo-file-manager2x.jpg 2x" alt="File Manager" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo3</em><br />
<strong>Apps - File Manager</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo4/subscription/index.html">
<div class="nk-demo-image bg-primary">
<img src="../images/landing/demo-subscription.jpg" srcset="https://dashlite.net/images/landing/demo-subscription2x.jpg 2x" alt="SAAS / Subscription" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo4</em><br />
<strong>SAAS / Subscription Panel</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/covid/index.html">
<div class="nk-demo-image bg-danger">
<img src="../images/landing/demo-covid19.jpg" srcset="https://dashlite.net/images/landing/demo-covid192x.jpg 2x" alt="Covid Situation" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Covid</em><br />
<strong>Coronavirus Situation</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo3/apps/messages.html">
<div class="nk-demo-image bg-success">
<img src="../images/landing/demo-messages.jpg" srcset="https://dashlite.net/images/landing/demo-messages2x.jpg 2x" alt="Messages" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo3</em><br />
<strong>Apps - Messages</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo3/apps/mailbox.html">
<div class="nk-demo-image bg-purple">
<img src="../images/landing/demo-inbox.jpg" srcset="https://dashlite.net/images/landing/demo-inbox2x.jpg 2x" alt="Inbox" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo3</em><br />
<strong>Apps - Mailbox</strong>
</span>
</a>
</div>
<div class="nk-demo-item">
<a href="https://dashlite.net/demo3/apps/chats.html">
<div class="nk-demo-image bg-purple">
<img src="../images/landing/demo-chats.jpg" srcset="https://dashlite.net/images/landing/demo-chats2x.jpg 2x" alt="Chats / Messenger" />
</div>
<span class="nk-demo-title">
<em class="text-primary">Demo3</em><br />
<strong>Apps - Chats</strong>
</span>
</a>
</div>
</div>
</div>
<div class="nk-demo-panel toggle-slide toggle-slide-right" data-content="settingPanel" data-toggle-overlay="true" data-toggle-body="true" data-toggle-screen="any">
<div class="nk-demo-head">
<h6 class="mb-0">Preview Settings</h6>
<a class="nk-demo-close toggle btn btn-icon btn-trigger revarse mr-n2" data-target="settingPanel" href="#"><em class="icon ni ni-cross"></em></a>
</div>
<div class="nk-opt-panel" data-simplebar>
<div class="nk-opt-set">
<div class="nk-opt-set-title">Direction Change</div>
<div class="nk-opt-list col-2x">
<div class="nk-opt-item only-text active" data-key="dir" data-update="ltr">
<span class="nk-opt-item-bg"><span class="nk-opt-item-name">LTR Mode</span></span>
</div>
<div class="nk-opt-item only-text" data-key="dir" data-update="rtl">
<span class="nk-opt-item-bg"><span class="nk-opt-item-name">RTL Mode</span></span>
</div>
</div>
</div>
<div class="nk-opt-set">
<div class="nk-opt-set-title">Main UI Style</div>
<div class="nk-opt-list col-2x">
<div class="nk-opt-item only-text active" data-key="style" data-update="ui-default">
<span class="nk-opt-item-bg"><span class="nk-opt-item-name">Default</span></span>
</div>
<div class="nk-opt-item only-text" data-key="style" data-update="ui-shady">
<span class="nk-opt-item-bg"><span class="nk-opt-item-name">Shady</span></span>
</div>
</div>
</div>
<div class="nk-opt-set nk-opt-set-aside">
<div class="nk-opt-set-title">Sidebar Style</div>
<div class="nk-opt-list col-4x">
<div class="nk-opt-item" data-key="aside" data-update="is-light">
<span class="nk-opt-item-bg is-light"><span class="bg-lighter"></span></span><span class="nk-opt-item-name">White</span>
</div>
<div class="nk-opt-item" data-key="aside" data-update="is-default">
<span class="nk-opt-item-bg is-light"><span class="bg-light"></span></span><span class="nk-opt-item-name">Light</span>
</div>
<div class="nk-opt-item active" data-key="aside" data-update="is-dark">
<span class="nk-opt-item-bg"><span class="bg-dark"></span></span><span class="nk-opt-item-name">Dark</span>
</div>
<div class="nk-opt-item" data-key="aside" data-update="is-theme">
<span class="nk-opt-item-bg"><span class="bg-theme"></span></span><span class="nk-opt-item-name">Theme</span>
</div>
</div>
</div>
<div class="nk-opt-set nk-opt-set-header">
<div class="nk-opt-set-title">Header Style</div>
<div class="nk-opt-list col-4x">
<div class="nk-opt-item active" data-key="header" data-update="is-light">
<span class="nk-opt-item-bg is-light"><span class="bg-lighter"></span></span><span class="nk-opt-item-name">White</span>
</div>
<div class="nk-opt-item" data-key="header" data-update="is-default">
<span class="nk-opt-item-bg is-light"><span class="bg-light"></span></span><span class="nk-opt-item-name">Light</span>
</div>
<div class="nk-opt-item" data-key="header" data-update="is-dark">
<span class="nk-opt-item-bg"><span class="bg-dark"></span></span><span class="nk-opt-item-name">Dark</span>
</div>
<div class="nk-opt-item" data-key="header" data-update="is-theme">
<span class="nk-opt-item-bg"><span class="bg-theme"></span></span><span class="nk-opt-item-name">Theme</span>
</div>
</div>
</div>
<div class="nk-opt-set nk-opt-set-skin">
<div class="nk-opt-set-title">Primary Skin</div>
<div class="nk-opt-list">
<div class="nk-opt-item active" data-key="skin" data-update="default">
<span class="nk-opt-item-bg"><span class="skin-default"></span></span><span class="nk-opt-item-name">Default</span>
</div>
<div class="nk-opt-item" data-key="skin" data-update="bluelite">
<span class="nk-opt-item-bg"><span class="skin-bluelite"></span></span><span class="nk-opt-item-name">Blue Light</span>
</div>
<div class="nk-opt-item" data-key="skin" data-update="egyptian">
<span class="nk-opt-item-bg"><span class="skin-egyptian"></span></span><span class="nk-opt-item-name">Egyptian</span>
</div>
<div class="nk-opt-item" data-key="skin" data-update="purple">
<span class="nk-opt-item-bg"><span class="skin-purple"></span></span><span class="nk-opt-item-name">Purple</span>
</div>
<div class="nk-opt-item" data-key="skin" data-update="green">
<span class="nk-opt-item-bg"><span class="skin-green"></span></span><span class="nk-opt-item-name">Green</span>
</div>
<div class="nk-opt-item" data-key="skin" data-update="red">
<span class="nk-opt-item-bg"><span class="skin-red"></span></span><span class="nk-opt-item-name">Red</span>
</div>
</div>
</div>
<div class="nk-opt-set">
<div class="nk-opt-set-title">Skin Mode</div>
<div class="nk-opt-list col-2x">
<div class="nk-opt-item active" data-key="mode" data-update="light-mode">
<span class="nk-opt-item-bg is-light"><span class="theme-light"></span></span><span class="nk-opt-item-name">Light Skin</span>
</div>
<div class="nk-opt-item" data-key="mode" data-update="dark-mode">
<span class="nk-opt-item-bg"><span class="theme-dark"></span></span><span class="nk-opt-item-name">Dark Skin</span>
</div>
</div>
</div>
<div class="nk-opt-reset">
<a href="#" class="reset-opt-setting">Reset Setting</a>
</div>
</div>
</div>
<div class="pmo-lv pmo-dark">
<a class="pmo-close" href="#"><em class="ni ni-cross"></em></a>
<a class="pmo-wrap" target="_blank" href="https://softnio.com/get-early-access/">
<div class="pmo-text text-white">
Looking for functional script for Investment Platform? Check out
<em class="ni ni-arrow-long-right"></em>
</div>
</a>
</div>
<a class="pmo-st pmo-dark" target="_blank" href="https://softnio.com/get-early-access/">
<div class="pmo-st-img">
<img src="../images/landing/promo-investorm.png" alt="Investorm" />
</div>
<div class="pmo-st-text">
Looking for Advanced <br />
Investment Platform?
</div>
</a>
<script src="assets/js/bundle9b70.js?ver=3.3.0"></script>
<script src="assets/js/scripts9b70.js?ver=3.3.0"></script>
<script src="assets/js/demo-settings9b70.js?ver=3.3.0"></script>
<script src="assets/js/charts/gd-default9b70.js?ver=3.3.0"></script>
</body>
<!-- Mirrored from dashlite.net/demo5/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 18 Jul 2025 16:06:10 GMT -->
</html>