PHP WebShell
Текущая директория: /var/www/bitcardoApp/backyard/components/widgets
Просмотр файла: cards.html
<!DOCTYPE html><html lang="zxx" class="js">
<!-- Mirrored from dashlite.net/demo5/components/widgets/cards.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 18 Jul 2025 16:07:46 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<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>Card Widgets | 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"><script async src="https://www.googletagmanager.com/gtag/js?id=UA-91615293-4"></script><script>window.dataLayer = window.dataLayer || [];function gtag() {dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-91615293-4');</script> </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="../elements/alerts.html" class="nk-menu-link"><span class="nk-menu-text">Alerts</span></a></li><li class="nk-menu-item"><a href="../elements/accordions.html" class="nk-menu-link"><span class="nk-menu-text">Accordions</span></a></li><li class="nk-menu-item"><a href="../elements/avatar.html" class="nk-menu-link"><span class="nk-menu-text">Avatar</span></a></li><li class="nk-menu-item"><a href="../elements/badges.html" class="nk-menu-link"><span class="nk-menu-text">Badges</span></a></li><li class="nk-menu-item"><a href="../elements/buttons.html" class="nk-menu-link"><span class="nk-menu-text">Buttons</span></a></li><li class="nk-menu-item"><a href="../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="../elements/breadcrumb.html" class="nk-menu-link"><span class="nk-menu-text">Breadcrumb</span></a></li><li class="nk-menu-item"><a href="../elements/cards.html" class="nk-menu-link"><span class="nk-menu-text">Cards</span></a></li><li class="nk-menu-item"><a href="../elements/carousel.html" class="nk-menu-link"><span class="nk-menu-text">Carousel</span></a></li><li class="nk-menu-item"><a href="../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="../elements/modals.html" class="nk-menu-link"><span class="nk-menu-text">Modals</span></a></li><li class="nk-menu-item"><a href="../elements/pagination.html" class="nk-menu-link"><span class="nk-menu-text">Pagination</span></a></li><li class="nk-menu-item"><a href="../elements/popover.html" class="nk-menu-link"><span class="nk-menu-text">Popovers</span></a></li><li class="nk-menu-item"><a href="../elements/progress.html" class="nk-menu-link"><span class="nk-menu-text">Progress</span></a></li><li class="nk-menu-item"><a href="../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="../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="../elements/spinner.html" class="nk-menu-link"><span class="nk-menu-text">Spinner</span></a></li><li class="nk-menu-item"><a href="../elements/tabs.html" class="nk-menu-link"><span class="nk-menu-text">Tabs</span></a></li><li class="nk-menu-item"><a href="../elements/toast.html" class="nk-menu-link"><span class="nk-menu-text">Toasts</span></a></li><li class="nk-menu-item"><a href="../elements/tooltip.html" class="nk-menu-link"><span class="nk-menu-text">Tooltip</span></a></li><li class="nk-menu-item"><a href="../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="../elements/util-border.html" class="nk-menu-link"><span class="nk-menu-text">Border</span></a></li><li class="nk-menu-item"><a href="../elements/util-colors.html" class="nk-menu-link"><span class="nk-menu-text">Colors</span></a></li><li class="nk-menu-item"><a href="../elements/util-display.html" class="nk-menu-link"><span class="nk-menu-text">Display</span></a></li><li class="nk-menu-item"><a href="../elements/util-embeded.html" class="nk-menu-link"><span class="nk-menu-text">Embeded</span></a></li><li class="nk-menu-item"><a href="../elements/util-flex.html" class="nk-menu-link"><span class="nk-menu-text">Flex</span></a></li><li class="nk-menu-item"><a href="../elements/util-text.html" class="nk-menu-link"><span class="nk-menu-text">Text</span></a></li><li class="nk-menu-item"><a href="../elements/util-sizing.html" class="nk-menu-link"><span class="nk-menu-text">Sizing</span></a></li><li class="nk-menu-item"><a href="../elements/util-spacing.html" class="nk-menu-link"><span class="nk-menu-text">Spacing</span></a></li><li class="nk-menu-item"><a href="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../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="../forms/nouislider.html" class="nk-menu-link"><span class="nk-menu-text">noUiSlider</span></a></li><li class="nk-menu-item"><a href="../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="../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="../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="../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="../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="../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="../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="../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="../forms/form-summernote.html" class="nk-menu-link"><span class="nk-menu-text">Summernote</span></a></li><li class="nk-menu-item"><a href="../forms/form-quill.html" class="nk-menu-link"><span class="nk-menu-text">Quill</span></a></li><li class="nk-menu-item"><a href="../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="../charts/chartjs.html" class="nk-menu-link"><span class="nk-menu-text">Chart JS</span></a></li><li class="nk-menu-item"><a href="../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="cards.html" class="nk-menu-link"><span class="nk-menu-text">Card Widgets</span></a></li><li class="nk-menu-item"><a href="charts.html" class="nk-menu-link"><span class="nk-menu-text">Chart Widgets</span></a></li><li class="nk-menu-item"><a href="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="../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="../misc/toastr.html" class="nk-menu-link"><span class="nk-menu-text">Toastr</span></a></li><li class="nk-menu-item"><a href="../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="../misc/js-tree.html" class="nk-menu-link"><span class="nk-menu-text">jsTree</span></a></li><li class="nk-menu-item"><a href="../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="../misc/dragula.html" class="nk-menu-link"><span class="nk-menu-text">Dragula</span></a></li><li class="nk-menu-item"><a href="../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="components-preview wide-md mx-auto"><div class="nk-block-head nk-block-head-lg wide-sm"><div class="nk-block-head-content"><div class="nk-block-head-sub"><a class="back-to" href="../../components.html"><em class="icon ni ni-arrow-left"></em><span>Components</span></a></div><h2 class="nk-block-title fw-normal">Card Widgets</h2></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Product card</h4><p>Cards are built with as little markup and styles as possible, but still manage to deliver a ton of control and customization</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row"><div class="col-md-5 col-sm-7"><div class="card card-bordered product-card"><div class="product-thumb"><a href="../../product-details.html"><img class="card-img-top" src="../../images/product/lg-a.jpg" alt=""></a><ul class="product-badges"><li><span class="badge badge-success">New</span></li></ul><ul class="product-actions"><li><a href="#"><em class="icon ni ni-cart"></em></a></li><li><a href="#"><em class="icon ni ni-heart"></em></a></li></ul></div><div class="card-inner text-center"><ul class="product-tags"><li><a href="#">Smart Watch</a></li></ul><h5 class="product-title"><a href="../../product-details.html">Classy Modern Smart watch</a></h5><div class="product-price text-primary h5"><small class="text-muted del fs-13px">$350</small> $324</div></div></div></div></div></div></div><div class="code-block"><h6 class="overline-title title">Code Example</h6><button class="btn btn-sm clipboard-init" title="Copy to clipboard" data-clipboard-target="#cardProduct" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="cardProduct"><div class="card card-bordered product-card"> <div class="product-thumb"> <a href="/demo5/product-details.html"> <img class="card-img-top" src="/demo5/images/product/lg-a.jpg" alt="" > </a> <ul class="product-badges"> <li><span class="badge badge-success">New</span></li> </ul> <ul class="product-actions"> <li><a href="#"><em class="icon ni ni-cart"></em></a></li> <li><a href="#"><em class="icon ni ni-heart"></em></a></li> </ul> </div> <div class="card-inner text-center"> <ul class="product-tags"> <li><a href="#">Smart Watch</a></li> </ul> <h5 class="product-title"><a href="/demo5/product-details.html">Classy Modern Smart watch</a></h5> <div class="product-price text-primary h5"><small class="text-muted del fs-13px">$350</small> $324</div> </div></div></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Image Popup</h4><p>Use <code class="">.popup-image</code> on an <code>a</code> tag then popup image in <code>[href]</code> attribute.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row"><div class="col-sm-6 col-lg-5"><div class="gallery card card-bordered"><a class="gallery-image popup-image" href="../../images/stock/a.jpg"><img class="w-100 rounded-top" src="../../images/stock/a.jpg" alt=""></a><div class="gallery-body card-inner align-center justify-between flex-wrap g-2"><div class="user-card"><div class="user-avatar"><img src="../../images/avatar/a-sm.jpg" alt=""></div><div class="user-info"><span class="lead-text">Dustin Mock</span><span class="sub-text">mock@softnio.com</span></div></div><div><button class="btn btn-p-0 btn-nofocus"><em class="icon ni ni-heart"></em><span>34</span></button></div></div></div></div></div></div></div><div class="code-block"><h6 class="overline-title title">Code Example</h6><button class="btn btn-sm clipboard-init" title="Copy to clipboard" data-clipboard-target="#cardImagePopup" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="cardImagePopup"><div class="gallery card card-bordered"> <a class="gallery-image popup-image" href="/demo5/images/stock/a.jpg"> <img class="w-100 rounded-top" src="/demo5/images/stock/a.jpg" alt=""> </a> <div class="gallery-body card-inner align-center justify-between flex-wrap g-2"> <div class="user-card"> <div class="user-avatar"> <img src="/demo5/images/avatar/a-sm.jpg" alt=""> </div> <div class="user-info"> <span class="lead-text">Dustin Mock</span> <span class="sub-text">mock@softnio.com</span> </div> </div> <div> <button class="btn btn-p-0 btn-nofocus"><em class="icon ni ni-heart"></em><span>34</span></button> </div> </div></div></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">User card</h4><p>Cards are built with as little markup and styles as possible, but still manage to deliver a ton of control and customization</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row"><div class="col-md-6 col-lg-4"><div class="card card-bordered"><div class="card-inner"><div class="team"><div class="team-status bg-danger text-white"><em class="icon ni ni-na"></em></div><div class="team-options"><div class="drodown"><a href="#" class="dropdown-toggle btn btn-sm 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-focus"></em><span>Quick View</span></a></li><li><a href="#"><em class="icon ni ni-eye"></em><span>View Details</span></a></li><li><a href="#"><em class="icon ni ni-mail"></em><span>Send Email</span></a></li><li class="divider"></li><li><a href="#"><em class="icon ni ni-shield-star"></em><span>Reset Pass</span></a></li><li><a href="#"><em class="icon ni ni-shield-off"></em><span>Reset 2FA</span></a></li><li><a href="#"><em class="icon ni ni-na"></em><span>Suspend User</span></a></li></ul></div></div></div><div class="user-card user-card-s2"><div class="user-avatar md bg-primary"><span>AB</span><div class="status dot dot-lg dot-success"></div></div><div class="user-info"><h6>Abu Bin Ishtiyak</h6><span class="sub-text">@ishtiyak</span></div></div><div class="team-details"><p>I am an UI/UX Designer and Love to be creative.</p></div><ul class="team-statistics"><li><span>213</span><span>Projects</span></li><li><span>87.5%</span><span>Performed</span></li><li><span>587</span><span>Tasks</span></li></ul><div class="team-view"><a href="#" class="btn btn-round btn-outline-light w-150px"><span>View Profile</span></a></div></div></div></div></div></div></div></div><div class="code-block"><h6 class="overline-title title">Code Example</h6><button class="btn btn-sm clipboard-init" title="Copy to clipboard" data-clipboard-target="#cardTT_1" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="cardTT_1"><div class="card card-bordered"> <div class="card-inner"> <div class="team"> <div class="team-status bg-danger text-white"><em class="icon ni ni-na"></em></div> <div class="team-options"> <div class="drodown"> <a href="#" class="dropdown-toggle btn btn-sm btn-icon btn-trigger" data-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-focus"></em><span>Quick View</span></a></li> <li><a href="#"><em class="icon ni ni-eye"></em><span>View Details</span></a></li> <li><a href="#"><em class="icon ni ni-mail"></em><span>Send Email</span></a></li> <li class="divider"></li> <li><a href="#"><em class="icon ni ni-shield-star"></em><span>Reset Pass</span></a></li> <li><a href="#"><em class="icon ni ni-shield-off"></em><span>Reset 2FA</span></a></li> <li><a href="#"><em class="icon ni ni-na"></em><span>Suspend User</span></a></li> </ul> </div> </div> </div> <div class="user-card user-card-s2"> <div class="user-avatar md bg-primary"> <span>AB</span> <div class="status dot dot-lg dot-success"></div> </div> <div class="user-info"> <h6>Abu Bin Ishtiyak</h6> <span class="sub-text">@ishtiyak</span> </div> </div> <div class="team-details"> <p>I am an UI/UX Designer and Love to be creative.</p> </div> <ul class="team-statistics"> <li><span>213</span><span>Projects</span></li> <li><span>87.5%</span><span>Performed</span></li> <li><span>587</span><span>Tasks</span></li> </ul> <div class="team-view"> <a href="#" class="btn btn-round btn-outline-light w-150px"><span>View Profile</span></a> </div> </div><!-- .team --> </div><!-- .card-inner --></div><!-- .card --></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">User card Alternet</h4><p>Cards are built with as little markup and styles as possible, but still manage to deliver a ton of control and customization</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row"><div class="col-md-6 col-lg-4"><div class="card card-bordered"><div class="card-inner"><div class="team"><div class="team-options"><div class="drodown"><a href="#" class="dropdown-toggle btn btn-sm 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-focus"></em><span>Quick View</span></a></li><li><a href="#"><em class="icon ni ni-eye"></em><span>View Details</span></a></li><li><a href="#"><em class="icon ni ni-mail"></em><span>Send Email</span></a></li><li class="divider"></li><li><a href="#"><em class="icon ni ni-shield-star"></em><span>Reset Pass</span></a></li><li><a href="#"><em class="icon ni ni-shield-off"></em><span>Reset 2FA</span></a></li><li><a href="#"><em class="icon ni ni-na"></em><span>Suspend User</span></a></li></ul></div></div></div><div class="user-card user-card-s2"><div class="user-avatar lg bg-primary"><span>AB</span><div class="status dot dot-lg dot-success"></div></div><div class="user-info"><h6>Abu Bin Ishtiyak</h6><span class="sub-text">UI/UX Designer</span></div></div><ul class="team-info"><li><span>Join Date</span><span>24 Jun 2015</span></li><li><span>Contact</span><span>+88 01713-123656</span></li><li><span>Email</span><span>info@softnio.com</span></li></ul><div class="team-view"><a href="../../user-details-regular.html" class="btn btn-block btn-dim btn-primary"><span>View Profile</span></a></div></div></div></div></div></div></div></div><div class="code-block"><h6 class="overline-title title">Code Example</h6><button class="btn btn-sm clipboard-init" title="Copy to clipboard" data-clipboard-target="#cardTT_22" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="cardTT_22"><div class="card card-bordered"> <div class="card-inner"> <div class="team"> <div class="team-options"> <div class="drodown"> <a href="#" class="dropdown-toggle btn btn-sm btn-icon btn-trigger" data-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-focus"></em><span>Quick View</span></a></li> <li><a href="#"><em class="icon ni ni-eye"></em><span>View Details</span></a></li> <li><a href="#"><em class="icon ni ni-mail"></em><span>Send Email</span></a></li> <li class="divider"></li> <li><a href="#"><em class="icon ni ni-shield-star"></em><span>Reset Pass</span></a></li> <li><a href="#"><em class="icon ni ni-shield-off"></em><span>Reset 2FA</span></a></li> <li><a href="#"><em class="icon ni ni-na"></em><span>Suspend User</span></a></li> </ul> </div> </div> </div> <div class="user-card user-card-s2"> <div class="user-avatar lg bg-primary"> <span>AB</span> <div class="status dot dot-lg dot-success"></div> </div> <div class="user-info"> <h6>Abu Bin Ishtiyak</h6> <span class="sub-text">UI/UX Designer</span> </div> </div> <ul class="team-info"> <li><span>Join Date</span><span>24 Jun 2015</span></li> <li><span>Contact</span><span>+88 01713-123656</span></li> <li><span>Email</span><span>info@softnio.com</span></li> </ul> <div class="team-view"> <a href="/demo5/user-details-regular.html" class="btn btn-block btn-dim btn-primary"><span>View Profile</span></a> </div> </div><!-- .team --> </div><!-- .card-inner --></div><!-- .card --></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Card with tabs</h4><p>With this card design, you can use multiple tabs on a card.</p><p>Card titles are used by adding <code>.card-title</code> to a <code class="code-tag"><h*></code> tag. <br> In the same way, links are added and placed next to each other by adding <code>.card-link</code> to an <code class="code-tag"><a></code> tag.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row"><div class="col-md-6"><div class="card card-bordered"><div class="card-inner"><div class="card-title-group mb-1"><div class="card-title"><h6 class="title">Investment Overview</h6><p>The investment overview of your platform. <a href="#">All Investment</a></p></div></div><ul class="nav nav-tabs nav-tabs-card nav-tabs-xs"><li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#overview">Overview</a></li><li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#thisyear">This Year</a></li><li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#alltime">All Time</a></li></ul><div class="tab-content mt-0"><div class="tab-pane active" id="overview"><div class="invest-ov gy-2"><div class="subtitle">Currently Actived Investment</div><div class="invest-ov-details"><div class="invest-ov-info"><div class="amount">49,395.395 <span class="currency currency-usd">USD</span></div><div class="title">Amount</div></div><div class="invest-ov-stats"><div><span class="amount">56</span><span class="change up text-danger"><em class="icon ni ni-arrow-long-up"></em>1.93%</span></div><div class="title">Plans</div></div></div><div class="invest-ov-details"><div class="invest-ov-info"><div class="amount">49,395.395 <span class="currency currency-usd">USD</span></div><div class="title">Paid Profit</div></div></div></div><div class="invest-ov gy-2"><div class="subtitle">Investment in this Month</div><div class="invest-ov-details"><div class="invest-ov-info"><div class="amount">49,395.395 <span class="currency currency-usd">USD</span></div><div class="title">Amount</div></div><div class="invest-ov-stats"><div><span class="amount">23</span><span class="change down text-danger"><em class="icon ni ni-arrow-long-down"></em>1.93%</span></div><div class="title">Plans</div></div></div></div></div><div class="tab-pane" id="thisyear"><div class="invest-ov gy-2"><div class="subtitle">Currently Actived Investment</div><div class="invest-ov-details"><div class="invest-ov-info"><div class="amount">89,395.395 <span class="currency currency-usd">USD</span></div><div class="title">Amount</div></div><div class="invest-ov-stats"><div><span class="amount">96</span><span class="change up text-danger"><em class="icon ni ni-arrow-long-up"></em>1.93%</span></div><div class="title">Plans</div></div></div><div class="invest-ov-details"><div class="invest-ov-info"><div class="amount">99,395.395 <span class="currency currency-usd">USD</span></div><div class="title">Paid Profit</div></div></div></div><div class="invest-ov gy-2"><div class="subtitle">Investment in this Month</div><div class="invest-ov-details"><div class="invest-ov-info"><div class="amount">149,395.395 <span class="currency currency-usd">USD</span></div><div class="title">Amount</div></div><div class="invest-ov-stats"><div><span class="amount">83</span><span class="change down text-danger"><em class="icon ni ni-arrow-long-down"></em>1.93%</span></div><div class="title">Plans</div></div></div></div></div><div class="tab-pane" id="alltime"><div class="invest-ov gy-2"><div class="subtitle">Currently Actived Investment</div><div class="invest-ov-details"><div class="invest-ov-info"><div class="amount">249,395.395 <span class="currency currency-usd">USD</span></div><div class="title">Amount</div></div><div class="invest-ov-stats"><div><span class="amount">556</span><span class="change up text-danger"><em class="icon ni ni-arrow-long-up"></em>1.93%</span></div><div class="title">Plans</div></div></div><div class="invest-ov-details"><div class="invest-ov-info"><div class="amount">149,395.395 <span class="currency currency-usd">USD</span></div><div class="title">Paid Profit</div></div></div></div><div class="invest-ov gy-2"><div class="subtitle">Investment in this Month</div><div class="invest-ov-details"><div class="invest-ov-info"><div class="amount">249,395.395 <span class="currency currency-usd">USD</span></div><div class="title">Amount</div></div><div class="invest-ov-stats"><div><span class="amount">223</span><span class="change down text-danger"><em class="icon ni ni-arrow-long-down"></em>1.93%</span></div><div class="title">Plans</div></div></div></div></div></div></div></div></div></div></div></div><div class="code-block"><h6 class="overline-title title">Code Example</h6><button class="btn btn-sm clipboard-init" title="Copy to clipboard" data-clipboard-target="#cardBasic" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="cardBasic"><div class="card card-bordered"> <div class="card-inner"> <div class="card-title-group mb-1"> <div class="card-title"> <h6 class="title">Investment Overview</h6> <p>The investment overview of your platform. <a href="#">All Investment</a></p> </div> </div> <ul class="nav nav-tabs nav-tabs-card nav-tabs-xs"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#overview">Overview</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#thisyear">This Year</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#alltime">All Time</a> </li> </ul> <div class="tab-content mt-0"> <div class="tab-pane active" id="overview"> <div class="invest-ov gy-2"> <div class="subtitle">Currently Actived Investment</div> <div class="invest-ov-details"> <div class="invest-ov-info"> <div class="amount">49,395.395 <span class="currency currency-usd">USD</span></div> <div class="title">Amount</div> </div> <div class="invest-ov-stats"> <div><span class="amount">56</span><span class="change up text-danger"><em class="icon ni ni-arrow-long-up"></em>1.93%</span></div> <div class="title">Plans</div> </div> </div> <div class="invest-ov-details"> <div class="invest-ov-info"> <div class="amount">49,395.395 <span class="currency currency-usd">USD</span></div> <div class="title">Paid Profit</div> </div> </div> </div> <div class="invest-ov gy-2"> <div class="subtitle">Investment in this Month</div> <div class="invest-ov-details"> <div class="invest-ov-info"> <div class="amount">49,395.395 <span class="currency currency-usd">USD</span></div> <div class="title">Amount</div> </div> <div class="invest-ov-stats"> <div><span class="amount">23</span><span class="change down text-danger"><em class="icon ni ni-arrow-long-down"></em>1.93%</span></div> <div class="title">Plans</div> </div> </div> </div> </div> <div class="tab-pane" id="thisyear"> <div class="invest-ov gy-2"> <div class="subtitle">Currently Actived Investment</div> <div class="invest-ov-details"> <div class="invest-ov-info"> <div class="amount">89,395.395 <span class="currency currency-usd">USD</span></div> <div class="title">Amount</div> </div> <div class="invest-ov-stats"> <div><span class="amount">96</span><span class="change up text-danger"><em class="icon ni ni-arrow-long-up"></em>1.93%</span></div> <div class="title">Plans</div> </div> </div> <div class="invest-ov-details"> <div class="invest-ov-info"> <div class="amount">99,395.395 <span class="currency currency-usd">USD</span></div> <div class="title">Paid Profit</div> </div> </div> </div> <div class="invest-ov gy-2"> <div class="subtitle">Investment in this Month</div> <div class="invest-ov-details"> <div class="invest-ov-info"> <div class="amount">149,395.395 <span class="currency currency-usd">USD</span></div> <div class="title">Amount</div> </div> <div class="invest-ov-stats"> <div><span class="amount">83</span><span class="change down text-danger"><em class="icon ni ni-arrow-long-down"></em>1.93%</span></div> <div class="title">Plans</div> </div> </div> </div> </div> <div class="tab-pane" id="alltime"> <div class="invest-ov gy-2"> <div class="subtitle">Currently Actived Investment</div> <div class="invest-ov-details"> <div class="invest-ov-info"> <div class="amount">249,395.395 <span class="currency currency-usd">USD</span></div> <div class="title">Amount</div> </div> <div class="invest-ov-stats"> <div><span class="amount">556</span><span class="change up text-danger"><em class="icon ni ni-arrow-long-up"></em>1.93%</span></div> <div class="title">Plans</div> </div> </div> <div class="invest-ov-details"> <div class="invest-ov-info"> <div class="amount">149,395.395 <span class="currency currency-usd">USD</span></div> <div class="title">Paid Profit</div> </div> </div> </div> <div class="invest-ov gy-2"> <div class="subtitle">Investment in this Month</div> <div class="invest-ov-details"> <div class="invest-ov-info"> <div class="amount">249,395.395 <span class="currency currency-usd">USD</span></div> <div class="title">Amount</div> </div> <div class="invest-ov-stats"> <div><span class="amount">223</span><span class="change down text-danger"><em class="icon ni ni-arrow-long-down"></em>1.93%</span></div> <div class="title">Plans</div> </div> </div> </div> </div> </div> </div></div></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Pricing table</h4><p>You can customize it ton of ways.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row"><div class="col-md-6 col-lg-4"><div class="card card-bordered pricing"><div class="pricing-head"><div class="pricing-title"><h4 class="card-title title">Starter</h4><p class="sub-text">Enjoy entry level of invest & earn.</p></div><div class="card-text"><div class="row"><div class="col-6"><span class="h4 fw-500">1.67%</span><span class="sub-text">Daily Interest</span></div><div class="col-6"><span class="h4 fw-500">30</span><span class="sub-text">Term Days</span></div></div></div></div><div class="pricing-body"><ul class="pricing-features"><li><span class="w-50">Min Deposit</span> - <span class="ms-auto">$250</span></li><li><span class="w-50">Max Deposit</span> - <span class="ms-auto">$1,999</span></li><li><span class="w-50">Deposit Return</span> - <span class="ms-auto">Yes</span></li><li><span class="w-50">Total Return</span> - <span class="ms-auto">125%</span></li></ul><div class="pricing-action"><button class="btn btn-outline-light">Choose this plan</button></div></div></div></div></div></div></div><div class="code-block"><h6 class="overline-title title">Code Example</h6><button class="btn btn-sm clipboard-init" title="Copy to clipboard" data-clipboard-target="#cardTT_3" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="cardTT_3"><div class="card card-bordered pricing"> <div class="pricing-head"> <div class="pricing-title"> <h4 class="card-title title">Starter</h4> <p class="sub-text">Enjoy entry level of invest &amp; earn.</p> </div> <div class="card-text"> <div class="row"> <div class="col-6"> <span class="h4 fw-500">1.67%</span> <span class="sub-text">Daily Interest</span> </div> <div class="col-6"> <span class="h4 fw-500">30</span> <span class="sub-text">Term Days</span> </div> </div> </div> </div> <div class="pricing-body"> <ul class="pricing-features"> <li><span class="w-50">Min Deposit</span> - <span class="ms-auto">$250</span></li> <li><span class="w-50">Max Deposit</span> - <span class="ms-auto">$1,999</span></li> <li><span class="w-50">Deposit Return</span> - <span class="ms-auto">Yes</span></li> <li><span class="w-50">Total Return</span> - <span class="ms-auto">125%</span></li> </ul> <div class="pricing-action"> <button class="btn btn-outline-light">Choose this plan</button> </div> </div></div></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Pricing table alt</h4></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row"><div class="col-md-6 col-lg-4"><div class="card card-bordered pricing text-center"><div class="pricing-body"><div class="pricing-media"><img src="../../images/icons/plan-s1.svg" alt=""></div><div class="pricing-title w-220px mx-auto"><h5 class="title">Starter</h5><span class="sub-text">If you are a small business amn please select this plan</span></div><div class="pricing-amount"><div class="amount">$99 <span>/yr</span></div><span class="bill">1 User, Billed Yearly</span></div><div class="pricing-action"><a href="#" class="btn btn-primary">Select Plan</a></div></div></div></div></div></div></div><div class="code-block"><h6 class="overline-title title">Code Example</h6><button class="btn btn-sm clipboard-init" title="Copy to clipboard" data-clipboard-target="#cardTT_4" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="cardTT_4"><div class="card card-bordered pricing text-center"> <div class="pricing-body"> <div class="pricing-media"> <img src="/demo5/images/icons/plan-s1.svg" alt=""> </div> <div class="pricing-title w-220px mx-auto"> <h5 class="title">Starter</h5> <span class="sub-text">If you are a small business amn please select this plan</span> </div> <div class="pricing-amount"> <div class="amount">$99 <span>/yr</span></div> <span class="bill">1 User, Billed Yearly</span> </div> <div class="pricing-action"> <a href="#" class="btn btn-primary">Select Plan</a> </div> </div></div></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Project card</h4></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row"><div class="col-md-6 col-lg-5"><div class="card card-bordered"><div class="card-inner"><div class="project"><div class="project-head"><a href="#" class="project-title"><div class="user-avatar sq bg-purple"><span>DD</span></div><div class="project-info"><h6 class="title">Dashlite Development</h6><span class="sub-text">Softnio</span></div></a><div class="drodown"><a href="#" class="dropdown-toggle btn btn-sm btn-icon btn-trigger mt-n1 me-n1" 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-eye"></em><span>View Project</span></a></li><li><a href="#"><em class="icon ni ni-edit"></em><span>Edit Project</span></a></li><li><a href="#"><em class="icon ni ni-check-round-cut"></em><span>Mark As Done</span></a></li></ul></div></div></div><div class="project-details"><p>Design and develop the DashLite template for Envato Marketplace.</p></div><div class="project-progress"><div class="project-progress-details"><div class="project-progress-task"><em class="icon ni ni-check-round-cut"></em><span>3 Tasks</span></div><div class="project-progress-percent">93.5%</div></div><div class="progress progress-pill progress-md bg-light"><div class="progress-bar" data-progress="93.5"></div></div></div><div class="project-meta"><ul class="project-users g-1"><li><div class="user-avatar sm bg-primary"><span>A</span></div></li><li><div class="user-avatar sm bg-blue"><img src="../../images/avatar/b-sm.jpg" alt=""></div></li><li><div class="user-avatar bg-light sm"><span>+12</span></div></li></ul><span class="badge badge-dim badge-warning"><em class="icon ni ni-clock"></em><span>5 Days Left</span></span></div></div></div></div></div></div></div></div><div class="code-block"><h6 class="overline-title title">Code Example</h6><button class="btn btn-sm clipboard-init" title="Copy to clipboard" data-clipboard-target="#cardTT_5" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="cardTT_5"><div class="card card-bordered"> <div class="card-inner"> <div class="project"> <div class="project-head"> <a href="#" class="project-title"> <div class="user-avatar sq bg-purple"><span>DD</span></div> <div class="project-info"> <h6 class="title">Dashlite Development</h6> <span class="sub-text">Softnio</span> </div> </a> <div class="drodown"> <a href="#" class="dropdown-toggle btn btn-sm btn-icon btn-trigger mt-n1 me-n1" data-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-eye"></em><span>View Project</span></a></li> <li><a href="#"><em class="icon ni ni-edit"></em><span>Edit Project</span></a></li> <li><a href="#"><em class="icon ni ni-check-round-cut"></em><span>Mark As Done</span></a></li> </ul> </div> </div> </div> <div class="project-details"> <p>Design and develop the DashLite template for Envato Marketplace.</p> </div> <div class="project-progress"> <div class="project-progress-details"> <div class="project-progress-task"><em class="icon ni ni-check-round-cut"></em><span>3 Tasks</span></div> <div class="project-progress-percent">93.5%</div> </div> <div class="progress progress-pill progress-md bg-light"> <div class="progress-bar" data-progress="93.5"></div> </div> </div> <div class="project-meta"> <ul class="project-users g-1"> <li> <div class="user-avatar sm bg-primary"><span>A</span></div> </li> <li> <div class="user-avatar sm bg-blue"><img src="/demo5/images/avatar/b-sm.jpg" alt=""></div> </li> <li> <div class="user-avatar bg-light sm"><span>+12</span></div> </li> </ul> <span class="badge badge-dim badge-warning"><em class="icon ni ni-clock"></em><span>5 Days Left</span></span> </div> </div> </div></div></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Kanban Card</h4></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row"><div class="col-md-6 col-lg-5"><div class="card"><div class="kanban-item"><div class="kanban-item-title"><h6 class="title">Techyspec Keyword Research</h6><div class="drodown"><a href="#" class="dropdown-toggle" data-bs-toggle="dropdown"><div class="user-avatar-group"><div class="user-avatar xs bg-danger"><span>V</span></div></div></a><div class="dropdown-menu dropdown-menu-end"><ul class="link-list-opt no-bdr p-3 g-2"><li><div class="user-card"><div class="user-avatar sm bg-danger"><span>VL</span></div><div class="user-name"><span class="tb-lead">Victoria Lynch</span></div></div></li></ul></div></div></div><div class="kanban-item-text"><p>Keyword recarch for @techyspec business profile and there other websites, to improve ranking.</p></div><ul class="kanban-item-tags"><li><span class="badge badge-dark">Techyspec</span></li><li><span class="badge badge-success">SEO</span></li></ul><div class="kanban-item-meta"><ul class="kanban-item-meta-list"><li><em class="icon ni ni-calendar"></em><span>02 Jan 2021</span></li><li><em class="icon ni ni-notes"></em><span>Recharch</span></li></ul><ul class="kanban-item-meta-list"><li><em class="icon ni ni-clip"></em><span>31</span></li><li><em class="icon ni ni-comments"></em><span>21</span></li></ul></div></div></div></div></div></div></div><div class="code-block"><h6 class="overline-title title">Code Example</h6><button class="btn btn-sm clipboard-init" title="Copy to clipboard" data-clipboard-target="#cardTT_6" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="cardTT_6"><div class="card"> <div class="kanban-item"> <div class="kanban-item-title"> <h6 class="title">Techyspec Keyword Research</h6> <div class="drodown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <div class="user-avatar-group"> <div class="user-avatar xs bg-danger"><span>V</span></div> </div> </a> <div class="dropdown-menu dropdown-menu-end"> <ul class="link-list-opt no-bdr p-3 g-2"> <li> <div class="user-card"> <div class="user-avatar sm bg-danger"> <span>VL</span> </div> <div class="user-name"> <span class="tb-lead">Victoria Lynch</span> </div> </div> </li> </ul> </div> </div> </div> <div class="kanban-item-text"> <p>Keyword recarch for @techyspec business profile and there other websites, to improve ranking.</p> </div> <ul class="kanban-item-tags"> <li><span class="badge badge-dark">Techyspec</span></li> <li><span class="badge badge-success">SEO</span></li> </ul> <div class="kanban-item-meta"> <ul class="kanban-item-meta-list"> <li><em class="icon ni ni-calendar"></em><span>02 Jan 2021</span></li> <li><em class="icon ni ni-notes"></em><span>Recharch</span></li> </ul> <ul class="kanban-item-meta-list"> <li><em class="icon ni ni-clip"></em><span>31</span></li> <li><em class="icon ni ni-comments"></em><span>21</span></li> </ul> </div> </div></div></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">User list card</h4><p>The following card can be use for <strong class="text-primary">User list, customer list</strong> related filed.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row"><div class="col-lg-6"><div class="card card-bordered card-full"><div class="card-inner-group"><div class="card-inner"><div class="card-title-group"><div class="card-title"><h6 class="title">New Users</h6></div><div class="card-tools"><a href="../../user-list-regular.html" class="link">View All</a></div></div></div><div class="card-inner card-inner-md"><div class="user-card"><div class="user-avatar bg-primary-dim"><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 class="user-action"><div class="drodown"><a href="#" class="dropdown-toggle btn btn-icon btn-trigger me-n1" data-bs-toggle="dropdown" aria-expanded="false"><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 card-inner-md"><div class="user-card"><div class="user-avatar bg-pink-dim"><span>SW</span></div><div class="user-info"><span class="lead-text">Sharon Walker</span><span class="sub-text">sharon-90@example.com</span></div><div class="user-action"><div class="drodown"><a href="#" class="dropdown-toggle btn btn-icon btn-trigger me-n1" data-bs-toggle="dropdown" aria-expanded="false"><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 card-inner-md"><div class="user-card"><div class="user-avatar bg-warning-dim"><span>GO</span></div><div class="user-info"><span class="lead-text">Gloria Oliver</span><span class="sub-text">gloria_72@example.com</span></div><div class="user-action"><div class="drodown"><a href="#" class="dropdown-toggle btn btn-icon btn-trigger me-n1" data-bs-toggle="dropdown" aria-expanded="false"><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 card-inner-md"><div class="user-card"><div class="user-avatar bg-success-dim"><span>PS</span></div><div class="user-info"><span class="lead-text">Phillip Sullivan</span><span class="sub-text">phillip-85@example.com</span></div><div class="user-action"><div class="drodown"><a href="#" class="dropdown-toggle btn btn-icon btn-trigger me-n1" data-bs-toggle="dropdown" aria-expanded="false"><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 card-inner-md"><div class="user-card"><div class="user-avatar bg-danger-dim"><span>TB</span></div><div class="user-info"><span class="lead-text">Thomas Barry</span><span class="sub-text">thomas-85@example.com</span></div><div class="user-action"><div class="drodown"><a href="#" class="dropdown-toggle btn btn-icon btn-trigger me-n1" data-bs-toggle="dropdown" aria-expanded="false"><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></div></div></div></div></div><div class="code-block"><h6 class="overline-title title">Code Example</h6><button class="btn btn-sm clipboard-init" title="Copy to clipboard" data-clipboard-target="#cardTT_7" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="cardTT_7"><div class="card card-bordered card-full"> <div class="card-inner-group"> <div class="card-inner"> <div class="card-title-group"> <div class="card-title"> <h6 class="title">New Users</h6> </div> <div class="card-tools"> <a href="/demo5/user-list-regular.html" class="link">View All</a> </div> </div> </div> <div class="card-inner card-inner-md"> <div class="user-card"> <div class="user-avatar bg-primary-dim"> <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 class="user-action"> <div class="drodown"> <a href="#" class="dropdown-toggle btn btn-icon btn-trigger me-n1" data-toggle="dropdown" aria-expanded="false"><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 card-inner-md"> <div class="user-card"> <div class="user-avatar bg-pink-dim"> <span>SW</span> </div> <div class="user-info"> <span class="lead-text">Sharon Walker</span> <span class="sub-text">sharon-90@example.com</span> </div> <div class="user-action"> <div class="drodown"> <a href="#" class="dropdown-toggle btn btn-icon btn-trigger me-n1" data-toggle="dropdown" aria-expanded="false"><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 card-inner-md"> <div class="user-card"> <div class="user-avatar bg-warning-dim"> <span>GO</span> </div> <div class="user-info"> <span class="lead-text">Gloria Oliver</span> <span class="sub-text">gloria_72@example.com</span> </div> <div class="user-action"> <div class="drodown"> <a href="#" class="dropdown-toggle btn btn-icon btn-trigger me-n1" data-toggle="dropdown" aria-expanded="false"><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 card-inner-md"> <div class="user-card"> <div class="user-avatar bg-success-dim"> <span>PS</span> </div> <div class="user-info"> <span class="lead-text">Phillip Sullivan</span> <span class="sub-text">phillip-85@example.com</span> </div> <div class="user-action"> <div class="drodown"> <a href="#" class="dropdown-toggle btn btn-icon btn-trigger me-n1" data-toggle="dropdown" aria-expanded="false"><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 card-inner-md"> <div class="user-card"> <div class="user-avatar bg-danger-dim"> <span>TB</span> </div> <div class="user-info"> <span class="lead-text">Thomas Barry</span> <span class="sub-text">thomas-85@example.com</span> </div> <div class="user-action"> <div class="drodown"> <a href="#" class="dropdown-toggle btn btn-icon btn-trigger me-n1" data-toggle="dropdown" aria-expanded="false"><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></div><!-- .card --></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Activities card with tabs.</h4><p>The following card can be use for <strong class="text-primary">Activities</strong> or related filed.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row"><div class="col-lg-6"><div class="card card-bordered card-full"><div class="card-inner border-bottom"><div class="card-title-group"><div class="card-title"><h6 class="title">Recent Activities</h6></div><div class="card-tools"><ul class="card-tools-nav"><li><a href="#"><span>Cancel</span></a></li><li class="active"><a href="#"><span>All</span></a></li></ul></div></div></div><ul class="nk-activity"><li class="nk-activity-item"><div class="nk-activity-media user-avatar bg-success"><img src="../../images/avatar/c-sm.jpg" alt=""></div><div class="nk-activity-data"><div class="label">Keith Jensen requested to Widthdrawl.</div><span class="time">2 hours ago</span></div></li><li class="nk-activity-item"><div class="nk-activity-media user-avatar bg-warning">HS</div><div class="nk-activity-data"><div class="label">Harry Simpson placed a Order.</div><span class="time">2 hours ago</span></div></li><li class="nk-activity-item"><div class="nk-activity-media user-avatar bg-azure">SM</div><div class="nk-activity-data"><div class="label">Stephanie Marshall got a huge bonus.</div><span class="time">2 hours ago</span></div></li><li class="nk-activity-item"><div class="nk-activity-media user-avatar bg-purple"><img src="../../images/avatar/d-sm.jpg" alt=""></div><div class="nk-activity-data"><div class="label">Nicholas Carr deposited funds.</div><span class="time">2 hours ago</span></div></li><li class="nk-activity-item"><div class="nk-activity-media user-avatar bg-pink">TM</div><div class="nk-activity-data"><div class="label">Timothy Moreno placed a Order.</div><span class="time">2 hours ago</span></div></li></ul></div></div></div></div></div><div class="code-block"><h6 class="overline-title title">Code Example</h6><button class="btn btn-sm clipboard-init" title="Copy to clipboard" data-clipboard-target="#cardTT_8" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="cardTT_8"><div class="card card-bordered card-full"> <div class="card-inner border-bottom"> <div class="card-title-group"> <div class="card-title"> <h6 class="title">Recent Activities</h6> </div> <div class="card-tools"> <ul class="card-tools-nav"> <li><a href="#"><span>Cancel</span></a></li> <li class="active"><a href="#"><span>All</span></a></li> </ul> </div> </div> </div> <ul class="nk-activity"> <li class="nk-activity-item"> <div class="nk-activity-media user-avatar bg-success"><img src="/demo5/images/avatar/c-sm.jpg" alt=""></div> <div class="nk-activity-data"> <div class="label">Keith Jensen requested to Widthdrawl.</div> <span class="time">2 hours ago</span> </div> </li> <li class="nk-activity-item"> <div class="nk-activity-media user-avatar bg-warning">HS</div> <div class="nk-activity-data"> <div class="label">Harry Simpson placed a Order.</div> <span class="time">2 hours ago</span> </div> </li> <li class="nk-activity-item"> <div class="nk-activity-media user-avatar bg-azure">SM</div> <div class="nk-activity-data"> <div class="label">Stephanie Marshall got a huge bonus.</div> <span class="time">2 hours ago</span> </div> </li> <li class="nk-activity-item"> <div class="nk-activity-media user-avatar bg-purple"><img src="/demo5/images/avatar/d-sm.jpg" alt=""></div> <div class="nk-activity-data"> <div class="label">Nicholas Carr deposited funds.</div> <span class="time">2 hours ago</span> </div> </li> <li class="nk-activity-item"> <div class="nk-activity-media user-avatar bg-pink">TM</div> <div class="nk-activity-data"> <div class="label">Timothy Moreno placed a Order.</div> <span class="time">2 hours ago</span> </div> </li> </ul></div><!-- .card --></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Support Requests</h4><p>The following card can be use for <strong class="text-primary">Support Requests</strong> related filed.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row"><div class="col-lg-6"><div class="card card-bordered"><div class="card-inner border-bottom"><div class="card-title-group"><div class="card-title"><h6 class="title">Support Requests</h6></div><div class="card-tools"><a href="#" class="link">All Tickets</a></div></div></div><ul class="nk-support"><li class="nk-support-item"><div class="user-avatar"><img src="../../images/avatar/a-sm.jpg" alt=""></div><div class="nk-support-content"><div class="title"><span>Vincent Lopez</span><span class="badge badge-dot badge-dot-xs bg-warning ms-1">Pending</span></div><p>Thanks for contact us with your issues...</p><span class="time">6 min ago</span></div></li><li class="nk-support-item"><div class="user-avatar bg-purple-dim"><span>DM</span></div><div class="nk-support-content"><div class="title"><span>Daniel Moore</span><span class="badge badge-dot badge-dot-xs bg-info ms-1">Open</span></div><p>Thanks for contact us with your issues...</p><span class="time">2 Hours ago</span></div></li><li class="nk-support-item"><div class="user-avatar"><img src="../../images/avatar/b-sm.jpg" alt=""></div><div class="nk-support-content"><div class="title"><span>Larry Henry</span><span class="badge badge-dot badge-dot-xs bg-success ms-1">Solved</span></div><p>Thanks for contact us with your issues...</p><span class="time">3 Hours ago</span></div></li></ul></div></div></div></div></div><div class="code-block"><h6 class="overline-title title">Code Example</h6><button class="btn btn-sm clipboard-init" title="Copy to clipboard" data-clipboard-target="#cardTT_9" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="cardTT_9"><div class="card card-bordered"> <div class="card-inner border-bottom"> <div class="card-title-group"> <div class="card-title"> <h6 class="title">Support Requests</h6> </div> <div class="card-tools"> <a href="#" class="link">All Tickets</a> </div> </div>2 </div> <ul class="nk-support"> <li class="nk-support-item"> <div class="user-avatar"> <img src="/demo5/images/avatar/a-sm.jpg" alt=""> </div> <div class="nk-support-content"> <div class="title"> <span>Vincent Lopez</span><span class="badge badge-dot badge-dot-xs bg-warning ms-1">Pending</span> </div> <p>Thanks for contact us with your issues...</p> <span class="time">6 min ago</span> </div> </li> <li class="nk-support-item"> <div class="user-avatar bg-purple-dim"> <span>DM</span> </div> <div class="nk-support-content"> <div class="title"> <span>Daniel Moore</span><span class="badge badge-dot badge-dot-xs bg-info ms-1">Open</span> </div> <p>Thanks for contact us with your issues...</p> <span class="time">2 Hours ago</span> </div> </li> <li class="nk-support-item"> <div class="user-avatar"> <img src="/demo5/images/avatar/b-sm.jpg" alt=""> </div> <div class="nk-support-content"> <div class="title"> <span>Larry Henry</span><span class="badge badge-dot badge-dot-xs bg-success ms-1">Solved</span> </div> <p>Thanks for contact us with your issues...</p> <span class="time">3 Hours ago</span> </div> </li> </ul></div><!-- .card --></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Notification Card</h4><p>The following card can be use for <strong class="text-primary">Notifications</strong> related filed.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row"><div class="col-lg-6"><div class="card card-bordered"><div class="card-inner border-bottom"><div class="card-title-group"><div class="card-title"><h6 class="title">Notifications</h6></div><div class="card-tools"><a href="#" class="link">View All</a></div></div></div><div class="card-inner"><div class="timeline"><h6 class="timeline-head">November, 2019</h6><ul class="timeline-list"><li class="timeline-item"><div class="timeline-status bg-primary is-outline"></div><div class="timeline-date">13 Nov <em class="icon ni ni-alarm-alt"></em></div><div class="timeline-data"><h6 class="timeline-title">Submitted KYC Application</h6><div class="timeline-des"><p>Re-submitted KYC Application form.</p><span class="time">09:30am</span></div></div></li><li class="timeline-item"><div class="timeline-status bg-primary"></div><div class="timeline-date">13 Nov <em class="icon ni ni-alarm-alt"></em></div><div class="timeline-data"><h6 class="timeline-title">Submitted KYC Application</h6><div class="timeline-des"><p>Re-submitted KYC Application form.</p><span class="time">09:30am</span></div></div></li><li class="timeline-item"><div class="timeline-status bg-primary"></div><div class="timeline-date">13 Nov <em class="icon ni ni-alarm-alt"></em></div><div class="timeline-data"><h6 class="timeline-title">Submitted KYC Application</h6><div class="timeline-des"><p>Re-submitted KYC Application form.</p><span class="time">09:30am</span></div></div></li><li class="timeline-item"><div class="timeline-status bg-pink"></div><div class="timeline-date">13 Nov <em class="icon ni ni-alarm-alt"></em></div><div class="timeline-data"><h6 class="timeline-title">Submitted KYC Application</h6><div class="timeline-des"><p>Re-submitted KYC Application form.</p><span class="time">09:30am</span></div></div></li></ul></div></div></div></div></div></div></div><div class="code-block"><h6 class="overline-title title">Code Example</h6><button class="btn btn-sm clipboard-init" title="Copy to clipboard" data-clipboard-target="#cardTT_10" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="cardTT_10"><div class="card card-bordered"> <div class="card-inner border-bottom"> <div class="card-title-group"> <div class="card-title"> <h6 class="title">Notifications</h6> </div> <div class="card-tools"> <a href="#" class="link">View All</a> </div> </div> </div> <div class="card-inner"> <div class="timeline"> <h6 class="timeline-head">November, 2019</h6> <ul class="timeline-list"> <li class="timeline-item"> <div class="timeline-status bg-primary is-outline"></div> <div class="timeline-date">13 Nov <em class="icon ni ni-alarm-alt"></em></div> <div class="timeline-data"> <h6 class="timeline-title">Submitted KYC Application</h6> <div class="timeline-des"> <p>Re-submitted KYC Application form.</p> <span class="time">09:30am</span> </div> </div> </li> <li class="timeline-item"> <div class="timeline-status bg-primary"></div> <div class="timeline-date">13 Nov <em class="icon ni ni-alarm-alt"></em></div> <div class="timeline-data"> <h6 class="timeline-title">Submitted KYC Application</h6> <div class="timeline-des"> <p>Re-submitted KYC Application form.</p> <span class="time">09:30am</span> </div> </div> </li> <li class="timeline-item"> <div class="timeline-status bg-primary"></div> <div class="timeline-date">13 Nov <em class="icon ni ni-alarm-alt"></em></div> <div class="timeline-data"> <h6 class="timeline-title">Submitted KYC Application</h6> <div class="timeline-des"> <p>Re-submitted KYC Application form.</p> <span class="time">09:30am</span> </div> </div> </li> <li class="timeline-item"> <div class="timeline-status bg-pink"></div> <div class="timeline-date">13 Nov <em class="icon ni ni-alarm-alt"></em></div> <div class="timeline-data"> <h6 class="timeline-title">Submitted KYC Application</h6> <div class="timeline-des"> <p>Re-submitted KYC Application form.</p> <span class="time">09:30am</span> </div> </div> </li> </ul> </div> </div></div><!-- .card --></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">User Count</h4><p>The following card can be use for <strong class="text-primary">User Count, View Count</strong> related filed.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row"><div class="col-md-6"><div class="card card-bordered"><div class="card-inner mb-n2"><div class="card-title-group"><div class="card-title card-title-sm"><h6 class="title">Pages View by Users</h6></div><div class="card-tools"><div class="drodown"><a href="#" class="dropdown-toggle dropdown-indicator btn btn-sm btn-outline-light btn-white" data-bs-toggle="dropdown">30 Days</a><div class="dropdown-menu dropdown-menu-end dropdown-menu-xs"><ul class="link-list-opt no-bdr"><li><a href="#"><span>7 Days</span></a></li><li><a href="#"><span>15 Days</span></a></li><li><a href="#"><span>30 Days</span></a></li></ul></div></div></div></div></div><div class="nk-tb-list is-compact"><div class="nk-tb-item nk-tb-head"><div class="nk-tb-col"><span>Page</span></div><div class="nk-tb-col text-end"><span>Page Views</span></div></div><div class="nk-tb-item"><div class="nk-tb-col"><span class="tb-sub"><span>/</span></span></div><div class="nk-tb-col text-end"><span class="tb-sub tb-amount"><span>2,879</span></span></div></div><div class="nk-tb-item"><div class="nk-tb-col"><span class="tb-sub"><span>/subscription/index.html</span></span></div><div class="nk-tb-col text-end"><span class="tb-sub tb-amount"><span>2,094</span></span></div></div><div class="nk-tb-item"><div class="nk-tb-col"><span class="tb-sub"><span>/general/index.html</span></span></div><div class="nk-tb-col text-end"><span class="tb-sub tb-amount"><span>1,634</span></span></div></div><div class="nk-tb-item"><div class="nk-tb-col"><span class="tb-sub"><span>/crypto/index.html</span></span></div><div class="nk-tb-col text-end"><span class="tb-sub tb-amount"><span>1,497</span></span></div></div><div class="nk-tb-item"><div class="nk-tb-col"><span class="tb-sub"><span>/invest/index.html</span></span></div><div class="nk-tb-col text-end"><span class="tb-sub tb-amount"><span>1,349</span></span></div></div><div class="nk-tb-item"><div class="nk-tb-col"><span class="tb-sub"><span>/subscription/profile.html</span></span></div><div class="nk-tb-col text-end"><span class="tb-sub tb-amount"><span>984</span></span></div></div><div class="nk-tb-item"><div class="nk-tb-col"><span class="tb-sub"><span>/general/index-crypto.html</span></span></div><div class="nk-tb-col text-end"><span class="tb-sub tb-amount"><span>879</span></span></div></div><div class="nk-tb-item"><div class="nk-tb-col"><span class="tb-sub"><span>/apps/messages/index.html</span></span></div><div class="nk-tb-col text-end"><span class="tb-sub tb-amount"><span>598</span></span></div></div></div></div></div></div></div></div><div class="code-block"><h6 class="overline-title title">Code Example</h6><button class="btn btn-sm clipboard-init" title="Copy to clipboard" data-clipboard-target="#cardTT_11" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="cardTT_11"><div class="card card-bordered"> <div class="card-inner mb-n2"> <div class="card-title-group"> <div class="card-title card-title-sm"> <h6 class="title">Pages View by Users</h6> </div> <div class="card-tools"> <div class="drodown"> <a href="#" class="dropdown-toggle dropdown-indicator btn btn-sm btn-outline-light btn-white" data-toggle="dropdown">30 Days</a> <div class="dropdown-menu dropdown-menu-end dropdown-menu-xs"> <ul class="link-list-opt no-bdr"> <li><a href="#"><span>7 Days</span></a></li> <li><a href="#"><span>15 Days</span></a></li> <li><a href="#"><span>30 Days</span></a></li> </ul> </div> </div> </div> </div> </div> <div class="nk-tb-list is-compact"> <div class="nk-tb-item nk-tb-head"> <div class="nk-tb-col"><span>Page</span></div> <div class="nk-tb-col text-end"><span>Page Views</span></div> </div><!-- .nk-tb-head --> <div class="nk-tb-item"> <div class="nk-tb-col"> <span class="tb-sub"><span>/</span></span> </div> <div class="nk-tb-col text-end"> <span class="tb-sub tb-amount"><span>2,879</span></span> </div> </div><!-- .nk-tb-item --> <div class="nk-tb-item"> <div class="nk-tb-col"> <span class="tb-sub"><span>/subscription/index.html</span></span> </div> <div class="nk-tb-col text-end"> <span class="tb-sub tb-amount"><span>2,094</span></span> </div> </div><!-- .nk-tb-item --> <div class="nk-tb-item"> <div class="nk-tb-col"> <span class="tb-sub"><span>/general/index.html</span></span> </div> <div class="nk-tb-col text-end"> <span class="tb-sub tb-amount"><span>1,634</span></span> </div> </div><!-- .nk-tb-item --> <div class="nk-tb-item"> <div class="nk-tb-col"> <span class="tb-sub"><span>/crypto/index.html</span></span> </div> <div class="nk-tb-col text-end"> <span class="tb-sub tb-amount"><span>1,497</span></span> </div> </div><!-- .nk-tb-item --> <div class="nk-tb-item"> <div class="nk-tb-col"> <span class="tb-sub"><span>/invest/index.html</span></span> </div> <div class="nk-tb-col text-end"> <span class="tb-sub tb-amount"><span>1,349</span></span> </div> </div><!-- .nk-tb-item --> <div class="nk-tb-item"> <div class="nk-tb-col"> <span class="tb-sub"><span>/subscription/profile.html</span></span> </div> <div class="nk-tb-col text-end"> <span class="tb-sub tb-amount"><span>984</span></span> </div> </div><!-- .nk-tb-item --> <div class="nk-tb-item"> <div class="nk-tb-col"> <span class="tb-sub"><span>/general/index-crypto.html</span></span> </div> <div class="nk-tb-col text-end"> <span class="tb-sub tb-amount"><span>879</span></span> </div> </div><!-- .nk-tb-item --> <div class="nk-tb-item"> <div class="nk-tb-col"> <span class="tb-sub"><span>/apps/messages/index.html</span></span> </div> <div class="nk-tb-col text-end"> <span class="tb-sub tb-amount"><span>598</span></span> </div> </div><!-- .nk-tb-item --> </div><!-- .nk-tb-list --></div><!-- .card --></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Action Center</h4><p>The following card can be use for <strong class="text-primary">Action Center, Settings</strong> related filed.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row"><div class="col-md-6"><div class="card card-bordered"><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 & take necessary action.</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>Here is <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></div></div><div class="code-block"><h6 class="overline-title title">Code Example</h6><button class="btn btn-sm clipboard-init" title="Copy to clipboard" data-clipboard-target="#cardTT_12" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="cardTT_12"><div class="card card-bordered"> <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-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><!-- .card-inner --> <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 & take necessary action.</p> </div> <a href="#" class="btn btn-icon btn-trigger me-n2"><em class="icon ni ni-forward-ios"></em></a> </div> </div><!-- .card-inner --> <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><!-- .card-inner --> <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>Here is <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><!-- .card-inner --> </div><!-- .card-inner-group --></div><!-- .card --></pre></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></body>
<!-- Mirrored from dashlite.net/demo5/components/widgets/cards.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 18 Jul 2025 16:07:46 GMT -->
</html>Выполнить команду
Для локальной разработки. Не используйте в интернете!