PHP WebShell
Текущая директория: /var/www/bitcardoApp/backyard/components/elements
Просмотр файла: tabs.html
<!DOCTYPE html><html lang="zxx" class="js">
<!-- Mirrored from dashlite.net/demo5/components/elements/tabs.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 18 Jul 2025 16:07:24 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>Tabs Nav | 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="alerts.html" class="nk-menu-link"><span class="nk-menu-text">Alerts</span></a></li><li class="nk-menu-item"><a href="accordions.html" class="nk-menu-link"><span class="nk-menu-text">Accordions</span></a></li><li class="nk-menu-item"><a href="avatar.html" class="nk-menu-link"><span class="nk-menu-text">Avatar</span></a></li><li class="nk-menu-item"><a href="badges.html" class="nk-menu-link"><span class="nk-menu-text">Badges</span></a></li><li class="nk-menu-item"><a href="buttons.html" class="nk-menu-link"><span class="nk-menu-text">Buttons</span></a></li><li class="nk-menu-item"><a href="buttons-group.html" class="nk-menu-link"><span class="nk-menu-text">Button Group</span></a></li><li class="nk-menu-item"><a href="breadcrumb.html" class="nk-menu-link"><span class="nk-menu-text">Breadcrumb</span></a></li><li class="nk-menu-item"><a href="cards.html" class="nk-menu-link"><span class="nk-menu-text">Cards</span></a></li><li class="nk-menu-item"><a href="carousel.html" class="nk-menu-link"><span class="nk-menu-text">Carousel</span></a></li><li class="nk-menu-item"><a href="list-dropdown.html" class="nk-menu-link"><span class="nk-menu-text">List Dropdown</span></a></li><li class="nk-menu-item"><a href="modals.html" class="nk-menu-link"><span class="nk-menu-text">Modals</span></a></li><li class="nk-menu-item"><a href="pagination.html" class="nk-menu-link"><span class="nk-menu-text">Pagination</span></a></li><li class="nk-menu-item"><a href="popover.html" class="nk-menu-link"><span class="nk-menu-text">Popovers</span></a></li><li class="nk-menu-item"><a href="progress.html" class="nk-menu-link"><span class="nk-menu-text">Progress</span></a></li><li class="nk-menu-item"><a href="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="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="spinner.html" class="nk-menu-link"><span class="nk-menu-text">Spinner</span></a></li><li class="nk-menu-item"><a href="tabs.html" class="nk-menu-link"><span class="nk-menu-text">Tabs</span></a></li><li class="nk-menu-item"><a href="toast.html" class="nk-menu-link"><span class="nk-menu-text">Toasts</span></a></li><li class="nk-menu-item"><a href="tooltip.html" class="nk-menu-link"><span class="nk-menu-text">Tooltip</span></a></li><li class="nk-menu-item"><a href="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="util-border.html" class="nk-menu-link"><span class="nk-menu-text">Border</span></a></li><li class="nk-menu-item"><a href="util-colors.html" class="nk-menu-link"><span class="nk-menu-text">Colors</span></a></li><li class="nk-menu-item"><a href="util-display.html" class="nk-menu-link"><span class="nk-menu-text">Display</span></a></li><li class="nk-menu-item"><a href="util-embeded.html" class="nk-menu-link"><span class="nk-menu-text">Embeded</span></a></li><li class="nk-menu-item"><a href="util-flex.html" class="nk-menu-link"><span class="nk-menu-text">Flex</span></a></li><li class="nk-menu-item"><a href="util-text.html" class="nk-menu-link"><span class="nk-menu-text">Text</span></a></li><li class="nk-menu-item"><a href="util-sizing.html" class="nk-menu-link"><span class="nk-menu-text">Sizing</span></a></li><li class="nk-menu-item"><a href="util-spacing.html" class="nk-menu-link"><span class="nk-menu-text">Spacing</span></a></li><li class="nk-menu-item"><a href="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="../widgets/cards.html" class="nk-menu-link"><span class="nk-menu-text">Card Widgets</span></a></li><li class="nk-menu-item"><a href="../widgets/charts.html" class="nk-menu-link"><span class="nk-menu-text">Chart Widgets</span></a></li><li class="nk-menu-item"><a href="../widgets/ratings.html" class="nk-menu-link"><span class="nk-menu-text">Ratings Widgets</span></a></li></ul></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-block-over"></em></span><span class="nk-menu-text">Miscellaneous</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../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">Tabs Nav</h2><div class="nk-block-des"><p class="lead">Use the Bootstrap tab javascript plugin to extend navigational tabs and pills to create tabbable panes of local content, even via dropdown menus.</p></div></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">Basis Examples</h4><div class="nk-block-des"><p>You can simply activate a tab or pill navigation without writing any JavaScript by simply specifying <code>data-bs-toggle="tab"</code> or <code>data-bs-toggle="pill"</code> on an element. Here is some basic tab component that you can use.</p></div></div></div><div class="card card-bordered card-preview"><div class="card-inner"><ul class="nav nav-tabs mt-n3"><li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#tabItem1">Personal</a></li><li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabItem2">Security</a></li><li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabItem3">Notifications</a></li><li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabItem4">Connect</a></li></ul><div class="tab-content"><div class="tab-pane active" id="tabItem1"><p>Cillum ad ut irure tempor velit nostrud occaecat ullamco aliqua anim Lorem sint. Veniam sint duis incididunt do esse magna mollit excepteur laborum qui. Id id reprehenderit sit est eu aliqua occaecat quis et velit excepteur laborum mollit dolore eiusmod. Ipsum dolor in occaecat commodo et voluptate minim reprehenderit mollit pariatur. Deserunt non laborum enim et cillum eu deserunt excepteur ea incid.</p></div><div class="tab-pane" id="tabItem2"><p>Culpa dolor voluptate do laboris laboris irure reprehenderit id incididunt duis pariatur mollit aute magna pariatur consectetur. Eu veniam duis non ut dolor deserunt commodo et minim in quis laboris ipsum velit id veniam. Quis ut consectetur adipisicing officia excepteur non sit. Ut et elit aliquip labore Lorem enim eu. Ullamco mollit occaecat dolore ipsum id officia mollit qui esse anim eiusmod do sint minim consectetur qui.</p></div><div class="tab-pane" id="tabItem3"><p>Fugiat id quis dolor culpa eiusmod anim velit excepteur proident dolor aute qui magna. Ad proident laboris ullamco esse anim Lorem Lorem veniam quis Lorem irure occaecat velit nostrud magna nulla. Velit et et proident Lorem do ea tempor officia dolor. Reprehenderit Lorem aliquip labore est magna commodo est ea veniam consectetur.</p></div><div class="tab-pane" id="tabItem4"><p>Eu dolore ea ullamco dolore Lorem id cupidatat excepteur reprehenderit consectetur elit id dolor proident in cupidatat officia. Voluptate excepteur commodo labore nisi cillum duis aliqua do. Aliqua amet qui mollit consectetur nulla mollit velit aliqua veniam nisi id do Lorem deserunt amet. Culpa ullamco sit adipisicing labore officia magna elit nisi in aute tempor commodo eiusmod.</p></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="#Tab1" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="Tab1"><ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link active" data-bs-toggle="tab" href="#tabItem1">nav</a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tabItem2">nav</a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tabItem3">nav</a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tabItem4">nav</a> </li></ul><div class="tab-content"> <div class="tab-pane active" id="tabItem1"> <p>content</p> </div> <div class="tab-pane" id="tabItem2"> <p>content</p> </div> <div class="tab-pane" id="tabItem3"> <p>contnet</p> </div> <div class="tab-pane" id="tabItem4"> <p>contnet</p> </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">With Icon</h4><div class="nk-block-des"><p>You can simply activate a tab or pill navigation without writing any JavaScript by simply specifying <code>data-bs-toggle="tab"</code> or <code>data-bs-toggle="pill"</code> on an element. Here is some basic tab component that you can use.</p></div></div></div><div class="card card-bordered card-preview"><div class="card-inner"><ul class="nav nav-tabs mt-n3"><li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#tabItem5"><em class="icon ni ni-user"></em><span>Personal</span></a></li><li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabItem6"><em class="icon ni ni-lock-alt"></em><span>Security</span></a></li><li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabItem7"><em class="icon ni ni-bell"></em><span>Notifications</span></a></li><li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabItem8"><em class="icon ni ni-link"></em><span>Connect</span></a></li></ul><div class="tab-content"><div class="tab-pane active" id="tabItem5"><p>Cillum ad ut irure tempor velit nostrud occaecat ullamco aliqua anim Lorem sint. Veniam sint duis incididunt do esse magna mollit excepteur laborum qui. Id id reprehenderit sit est eu aliqua occaecat quis et velit excepteur laborum mollit dolore eiusmod. Ipsum dolor in occaecat commodo et voluptate minim reprehenderit mollit pariatur. Deserunt non laborum enim et cillum eu deserunt excepteur ea incid.</p></div><div class="tab-pane" id="tabItem6"><p>Culpa dolor voluptate do laboris laboris irure reprehenderit id incididunt duis pariatur mollit aute magna pariatur consectetur. Eu veniam duis non ut dolor deserunt commodo et minim in quis laboris ipsum velit id veniam. Quis ut consectetur adipisicing officia excepteur non sit. Ut et elit aliquip labore Lorem enim eu. Ullamco mollit occaecat dolore ipsum id officia mollit qui esse anim eiusmod do sint minim consectetur qui.</p></div><div class="tab-pane" id="tabItem7"><p>Fugiat id quis dolor culpa eiusmod anim velit excepteur proident dolor aute qui magna. Ad proident laboris ullamco esse anim Lorem Lorem veniam quis Lorem irure occaecat velit nostrud magna nulla. Velit et et proident Lorem do ea tempor officia dolor. Reprehenderit Lorem aliquip labore est magna commodo est ea veniam consectetur.</p></div><div class="tab-pane" id="tabItem8"><p>Eu dolore ea ullamco dolore Lorem id cupidatat excepteur reprehenderit consectetur elit id dolor proident in cupidatat officia. Voluptate excepteur commodo labore nisi cillum duis aliqua do. Aliqua amet qui mollit consectetur nulla mollit velit aliqua veniam nisi id do Lorem deserunt amet. Culpa ullamco sit adipisicing labore officia magna elit nisi in aute tempor commodo eiusmod.</p></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="#Tab2" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="Tab2"><ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link active" data-bs-toggle="tab" href="#tabItem5"><em class="icon ni ni-user"></em><span>nav</span></a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tabItem6"><em class="icon ni ni-lock-alt"></em><span>nav</span></a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tabItem7"><em class="icon ni ni-bell"></em><span>nav</span></a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tabItem8"><em class="icon ni ni-link"></em><span>nav</span></a> </li></ul><div class="tab-content"> <div class="tab-pane active" id="tabItem5"> <p>content</p> </div> <div class="tab-pane" id="tabItem6"> <p>content</p> </div> <div class="tab-pane" id="tabItem7"> <p>contnet</p> </div> <div class="tab-pane" id="tabItem8"> <p>contnet</p> </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">Alternet Tab style</h4><div class="nk-block-des"><p>You can simply activate add <code>.nav-tabs-s2</code> with <code>.nav-tabs</code> class to make an alternet styled tab.</p></div></div></div><div class="card card-bordered card-preview"><div class="card-inner"><ul class="nav nav-tabs nav-tabs-s2 mt-n2"><li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#tabItem9">Personal</a></li><li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabItem10">Security</a></li><li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabItem11">Notifications</a></li><li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabItem12">Connect</a></li></ul><div class="tab-content text-center"><div class="tab-pane active" id="tabItem9"><p>Cillum ad ut irure tempor velit nostrud occaecat ullamco aliqua anim Lorem sint. Veniam sint duis incididunt do esse magna mollit excepteur laborum qui. Id id reprehenderit sit est eu aliqua occaecat quis et velit excepteur laborum mollit dolore eiusmod. Ipsum dolor in occaecat commodo et voluptate minim reprehenderit mollit pariatur. Deserunt non laborum enim et cillum eu deserunt excepteur ea incid.</p></div><div class="tab-pane" id="tabItem10"><p>Culpa dolor voluptate do laboris laboris irure reprehenderit id incididunt duis pariatur mollit aute magna pariatur consectetur. Eu veniam duis non ut dolor deserunt commodo et minim in quis laboris ipsum velit id veniam. Quis ut consectetur adipisicing officia excepteur non sit. Ut et elit aliquip labore Lorem enim eu. Ullamco mollit occaecat dolore ipsum id officia mollit qui esse anim eiusmod do sint minim consectetur qui.</p></div><div class="tab-pane" id="tabItem11"><p>Fugiat id quis dolor culpa eiusmod anim velit excepteur proident dolor aute qui magna. Ad proident laboris ullamco esse anim Lorem Lorem veniam quis Lorem irure occaecat velit nostrud magna nulla. Velit et et proident Lorem do ea tempor officia dolor. Reprehenderit Lorem aliquip labore est magna commodo est ea veniam consectetur.</p></div><div class="tab-pane" id="tabItem12"><p>Eu dolore ea ullamco dolore Lorem id cupidatat excepteur reprehenderit consectetur elit id dolor proident in cupidatat officia. Voluptate excepteur commodo labore nisi cillum duis aliqua do. Aliqua amet qui mollit consectetur nulla mollit velit aliqua veniam nisi id do Lorem deserunt amet. Culpa ullamco sit adipisicing labore officia magna elit nisi in aute tempor commodo eiusmod.</p></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="#Tab3" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="Tab3"><ul class="nav nav-tabs nav-tabs-s2"> <li class="nav-item"> <a class="nav-link active" data-bs-toggle="tab" href="#tabItem9">nav</a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tabItem10">nav</a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tabItem11">nav</a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tabItem12">nav</a> </li></ul><div class="tab-content"> <div class="tab-pane active" id="tabItem9"> <p>content</p> </div> <div class="tab-pane" id="tabItem10"> <p>content</p> </div> <div class="tab-pane" id="tabItem11"> <p>contnet</p> </div> <div class="tab-pane" id="tabItem12"> <p>contnet</p> </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">Vertical Tab style</h4><div class="nk-block-des"><p>You can simply activate add <code>.link-list-menu</code> and some utility class with <code>.nav</code> class to make a Vertical tab. please check those code given below</p></div></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row g-gs"><div class="col-md-4"><ul class="nav link-list-menu border border-light round m-0"><li><a class="active" data-bs-toggle="tab" href="#tabItem13">Personal</a></li><li><a data-bs-toggle="tab" href="#tabItem14">Security</a></li><li><a data-bs-toggle="tab" href="#tabItem15">Notifications</a></li><li><a data-bs-toggle="tab" href="#tabItem16">Connect</a></li></ul></div><div class="col-md-8"><div class="tab-content"><div class="tab-pane active" id="tabItem13"><p>Cillum ad ut irure tempor velit nostrud occaecat ullamco aliqua anim Lorem sint. Veniam sint duis incididunt do esse magna mollit excepteur laborum qui. Id id reprehenderit sit est eu aliqua occaecat quis et velit excepteur laborum mollit dolore eiusmod. Ipsum dolor in occaecat commodo et voluptate minim reprehenderit mollit pariatur. Deserunt non laborum enim et cillum eu deserunt excepteur ea incid.</p><p>Culpa dolor voluptate do laboris laboris irure reprehenderit id incididunt duis pariatur mollit aute magna pariatur consectetur. Eu veniam duis non ut dolor deserunt commodo et minim in quis laboris ipsum velit id veniam. Quis ut consectetur adipisicing officia excepteur non sit. Ut et elit aliquip labore Lorem enim eu. Ullamco mollit occaecat dolore ipsum id officia mollit.</p></div><div class="tab-pane" id="tabItem14"><p>Culpa dolor voluptate do laboris laboris irure reprehenderit id incididunt duis pariatur mollit aute magna pariatur consectetur. Eu veniam duis non ut dolor deserunt commodo et minim in quis laboris ipsum velit id veniam. Quis ut consectetur adipisicing officia excepteur non sit. Ut et elit aliquip labore Lorem enim eu. Ullamco mollit occaecat dolore ipsum id officia mollit qui esse anim eiusmod do sint minim consectetur qui.</p><p>Cillum ad ut irure tempor velit nostrud occaecat ullamco aliqua anim Lorem sint. Veniam sint duis incididunt do esse magna mollit excepteur laborum qui. Id id reprehenderit sit est eu aliqua occaecat quis et velit excepteur laborum mollit dolore eiusmod. Ipsum dolor in occaecat commodo et voluptate minim reprehenderit mollit pariatur.</p></div><div class="tab-pane" id="tabItem15"><p>Fugiat id quis dolor culpa eiusmod anim velit excepteur proident dolor aute qui magna. Ad proident laboris ullamco esse anim Lorem Lorem veniam quis Lorem irure occaecat velit nostrud magna nulla. Velit et et proident Lorem do ea tempor officia dolor. Reprehenderit Lorem aliquip labore est magna commodo est ea veniam consectetur.</p><p>Eu dolore ea ullamco dolore Lorem id cupidatat excepteur reprehenderit consectetur elit id dolor proident in cupidatat officia. Voluptate excepteur commodo labore nisi cillum duis aliqua do. Aliqua amet qui mollit consectetur nulla mollit velit aliqua veniam nisi id do Lorem deserunt amet. Culpa ullamco sit adipisicing labore officia magna elit nisi in aute tempor commodo eiusmod.</p></div><div class="tab-pane" id="tabItem16"><p>Eu dolore ea ullamco dolore Lorem id cupidatat excepteur reprehenderit consectetur elit id dolor proident in cupidatat officia. Voluptate excepteur commodo labore nisi cillum duis aliqua do. Aliqua amet qui mollit consectetur nulla mollit velit aliqua veniam nisi id do Lorem deserunt amet. Culpa ullamco sit adipisicing labore officia magna elit nisi in aute tempor commodo eiusmod.</p><p>Fugiat id quis dolor culpa eiusmod anim velit excepteur proident dolor aute qui magna. Ad proident laboris ullamco esse anim Lorem Lorem veniam quis Lorem irure occaecat velit nostrud magna nulla. Velit et et proident Lorem do ea tempor officia dolor. Reprehenderit Lorem aliquip labore est magna commodo est ea veniam consectetur.</p></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="#Tab4" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="Tab4"><div class="row g-gs"> <div class="col-md-4"> <ul class="nav link-list-menu border border-light round m-0"> <li> <a class="active" data-bs-toggle="tab" href="#tabItem13">nav</a> </li> <li> <a data-bs-toggle="tab" href="#tabItem14">nav</a> </li> <li> <a data-bs-toggle="tab" href="#tabItem15">nav</a> </li> <li> <a data-bs-toggle="tab" href="#tabItem16">nav</a> </li> </ul> </div> <div class="col-md-8"> <div class="tab-content"> <div class="tab-pane active" id="tabItem13"> <p>contnet</p> </div> <div class="tab-pane" id="tabItem14"> <p>contnet</p> </div> <div class="tab-pane" id="tabItem15"> <p>contnet</p> </div> <div class="tab-pane" id="tabItem16"> <p>contnet</p> </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">Vertical Tab style - With Icon</h4><div class="nk-block-des"><p>You can simply activate add <code>.link-list-menu</code> and some utility class with <code>.nav</code> class to make a Vertical tab. please check those code given below</p></div></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row g-gs"><div class="col-md-4"><ul class="nav link-list-menu border border-light round m-0"><li><a class="active" data-bs-toggle="tab" href="#tabItem17"><em class="icon ni ni-user"></em><span>Personal</span></a></li><li><a data-bs-toggle="tab" href="#tabItem18"><em class="icon ni ni-lock-alt"></em><span>Security</span></a></li><li><a data-bs-toggle="tab" href="#tabItem19"><em class="icon ni ni-bell"></em><span>Notifications</span></a></li><li><a data-bs-toggle="tab" href="#tabItem20"><em class="icon ni ni-link"></em><span>Connect</span></a></li></ul></div><div class="col-md-8"><div class="tab-content"><div class="tab-pane active" id="tabItem17"><p>Cillum ad ut irure tempor velit nostrud occaecat ullamco aliqua anim Lorem sint. Veniam sint duis incididunt do esse magna mollit excepteur laborum qui. Id id reprehenderit sit est eu aliqua occaecat quis et velit excepteur laborum mollit dolore eiusmod. Ipsum dolor in occaecat commodo et voluptate minim reprehenderit mollit pariatur. Deserunt non laborum enim et cillum eu deserunt excepteur ea incid.</p><p>Culpa dolor voluptate do laboris laboris irure reprehenderit id incididunt duis pariatur mollit aute magna pariatur consectetur. Eu veniam duis non ut dolor deserunt commodo et minim in quis laboris ipsum velit id veniam. Quis ut consectetur adipisicing officia excepteur non sit. Ut et elit aliquip labore Lorem enim eu. Ullamco mollit occaecat dolore ipsum id officia mollit.</p></div><div class="tab-pane" id="tabItem18"><p>Culpa dolor voluptate do laboris laboris irure reprehenderit id incididunt duis pariatur mollit aute magna pariatur consectetur. Eu veniam duis non ut dolor deserunt commodo et minim in quis laboris ipsum velit id veniam. Quis ut consectetur adipisicing officia excepteur non sit. Ut et elit aliquip labore Lorem enim eu. Ullamco mollit occaecat dolore ipsum id officia mollit qui esse anim eiusmod do sint minim consectetur qui.</p><p>Cillum ad ut irure tempor velit nostrud occaecat ullamco aliqua anim Lorem sint. Veniam sint duis incididunt do esse magna mollit excepteur laborum qui. Id id reprehenderit sit est eu aliqua occaecat quis et velit excepteur laborum mollit dolore eiusmod. Ipsum dolor in occaecat commodo et voluptate minim reprehenderit mollit pariatur.</p></div><div class="tab-pane" id="tabItem19"><p>Fugiat id quis dolor culpa eiusmod anim velit excepteur proident dolor aute qui magna. Ad proident laboris ullamco esse anim Lorem Lorem veniam quis Lorem irure occaecat velit nostrud magna nulla. Velit et et proident Lorem do ea tempor officia dolor. Reprehenderit Lorem aliquip labore est magna commodo est ea veniam consectetur.</p><p>Eu dolore ea ullamco dolore Lorem id cupidatat excepteur reprehenderit consectetur elit id dolor proident in cupidatat officia. Voluptate excepteur commodo labore nisi cillum duis aliqua do. Aliqua amet qui mollit consectetur nulla mollit velit aliqua veniam nisi id do Lorem deserunt amet. Culpa ullamco sit adipisicing labore officia magna elit nisi in aute tempor commodo eiusmod.</p></div><div class="tab-pane" id="tabItem20"><p>Eu dolore ea ullamco dolore Lorem id cupidatat excepteur reprehenderit consectetur elit id dolor proident in cupidatat officia. Voluptate excepteur commodo labore nisi cillum duis aliqua do. Aliqua amet qui mollit consectetur nulla mollit velit aliqua veniam nisi id do Lorem deserunt amet. Culpa ullamco sit adipisicing labore officia magna elit nisi in aute tempor commodo eiusmod.</p><p>Fugiat id quis dolor culpa eiusmod anim velit excepteur proident dolor aute qui magna. Ad proident laboris ullamco esse anim Lorem Lorem veniam quis Lorem irure occaecat velit nostrud magna nulla. Velit et et proident Lorem do ea tempor officia dolor. Reprehenderit Lorem aliquip labore est magna commodo est ea veniam consectetur.</p></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="#Tab5" data-clip-success="Copied" data-clip-text="Copy"><span class="clipboard-text">Copy</span></button><pre class="prettyprint lang-html" id="Tab5"><div class="row g-gs"> <div class="col-md-4"> <ul class="nav link-list-menu border border-light round m-0"> <li class="nav-item"> <a class="nav-link active" data-bs-toggle="tab" href="#tabItem17"><em class="icon ni ni-user"></em><span>nav</span></a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tabItem18"><em class="icon ni ni-lock-alt"></em><span>nav</span></a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tabItem19"><em class="icon ni ni-bell"></em><span>nav</span></a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tabItem20"><em class="icon ni ni-link"></em><span>nav</span></a> </li> </ul> </div> <div class="col-md-8"> <div class="tab-content"> <div class="tab-pane active" id="tabItem17"> <p>contnet</p> </div> <div class="tab-pane" id="tabItem18"> <p>contnet</p> </div> <div class="tab-pane" id="tabItem19"> <p>contnet</p> </div> <div class="tab-pane" id="tabItem20"> <p>contnet</p> </div> </div> </div></div></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/elements/tabs.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 18 Jul 2025 16:07:24 GMT -->
</html>Выполнить команду
Для локальной разработки. Не используйте в интернете!