PHP WebShell
Текущая директория: /var/www/bitcardoApp/backyard/components/widgets
Просмотр файла: ratings.html
<!DOCTYPE html><html lang="zxx" class="js">
<!-- Mirrored from dashlite.net/demo5/components/widgets/ratings.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>Rating 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 Style for Ratings</h2><div class="nk-block-des"><p class="lead">Use ratings card with variant for an invaluable source of feedback.</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">Rating Card</h4></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row g-gs"><div class="col-md-5"><div class="card card-bordered h-100"><div class="card-inner"><div class="team"><div class="user-card user-card-s2"><div class="user-avatar md bg-info"><span>JL</span><div class="status dot dot-lg dot-success"></div></div><div class="user-info"><h6>Joe Larson</h6><span class="sub-text">@larson</span></div><ul class="rating mt-1"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-half-fill"></em></li><li><em class="icon ni ni-star"></em></li></ul></div><div class="team-details pt-0"><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 class="col-md-5"><div class="card card-bordered h-100"><div class="card-inner"><div class="rating-card d-flex align-center flex-column"><div class="user-info mb-2"><h6>Design Quality</h6></div><div class="user-avatar md bg-teal m-2"><span>4.5</span><div class="status dot dot-lg dot-success"></div></div><ul class="rating mt-1"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-half-fill"></em></li></ul></div><div class="text-center mt-1"><p>108 Ratings</p></div><div class="gy-3 pt-4"><div class="progress-rating"><div class="progress-rating-title">5 star</div><div class="progress progress-md progress-alt"><div class="progress-bar bg-teal" data-progress="72"></div></div><div class="progress-rating-percent">72%</div></div><div class="progress-rating"><div class="progress-rating-title">4 star</div><div class="progress progress-md progress-alt"><div class="progress-bar bg-success" data-progress="58"></div></div><div class="progress-rating-percent">58%</div></div><div class="progress-rating"><div class="progress-rating-title">3 star</div><div class="progress progress-md progress-alt"><div class="progress-bar bg-info" data-progress="34"></div></div><div class="progress-rating-percent">34%</div></div><div class="progress-rating"><div class="progress-rating-title">2 star</div><div class="progress progress-md progress-alt"><div class="progress-bar bg-warning" data-progress="18"></div></div><div class="progress-rating-percent">18%</div></div><div class="progress-rating"><div class="progress-rating-title">1 star</div><div class="progress progress-md progress-alt"><div class="progress-bar bg-danger" data-progress="55"></div></div><div class="progress-rating-percent">55%</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="#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"> <div class="card-inner"> <div class="team"> <div class="user-card user-card-s2"> <div class="user-avatar md bg-info"> <span>JL</span> <div class="status dot dot-lg dot-success"></div> </div> <div class="user-info"> <h6>Joe Larson</h6> <span class="sub-text">@larson</span> </div> <ul class="rating mt-1"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-half-fill"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> </div> <div class="team-details pt-0"> <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 --> <div class="card card-bordered"> <div class="card-inner"> <div class="rating-card d-flex align-center flex-column"> <div class="user-info mb-2"> <h6>Design Quality</h6> </div> <div class="user-avatar md bg-teal m-2"> <span>4.5</span> <div class="status dot dot-lg dot-success"></div> </div> <ul class="rating mt-1"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-half-fill"></em></li> </ul> </div> <div class="text-center mt-1"> <p>108 Ratings</p> </div> <div class="gy-3 pt-4"> <div class="progress-rating"> <div class="progress-rating-title">5 star</div> <div class="progress progress-md progress-alt"> <div class="progress-bar bg-teal" data-progress="72"></div> </div> <div class="progress-rating-percent">72%</div> </div> <div class="progress-rating"> <div class="progress-rating-title">4 star</div> <div class="progress progress-md progress-alt"> <div class="progress-bar bg-success" data-progress="58"></div> </div> <div class="progress-rating-percent">58%</div> </div> <div class="progress-rating"> <div class="progress-rating-title">3 star</div> <div class="progress progress-md progress-alt"> <div class="progress-bar bg-info" data-progress="34"></div> </div> <div class="progress-rating-percent">34%</div> </div> <div class="progress-rating"> <div class="progress-rating-title">2 star</div> <div class="progress progress-md progress-alt"> <div class="progress-bar bg-warning" data-progress="18"></div> </div> <div class="progress-rating-percent">18%</div> </div> <div class="progress-rating"> <div class="progress-rating-title">1 star</div> <div class="progress progress-md progress-alt"> <div class="progress-bar bg-danger" data-progress="55"></div> </div> <div class="progress-rating-percent">55%</div> </div> </div> </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">Customer Review</h4></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row g-gs"><div class="col-md-6 col-xl-4"><div class="card card-bordered"><div class="card-inner"><div class="rating-card text-center mb-1"><h6 class="title">Customer Review</h6><div class="rating-wrap bg-light rating-pill my-1"><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-half-fill"></em></li><li><em class="icon ni ni-star"></em></li></ul><span class="amount">3.5 out of 5</span></div><span class="sub-text mt-1">40 customers ratings</span></div><div class="pt-3 gy-3"><div class="progress-rating"><div class="progress-rating-title">5 star</div><div class="progress progress-md progress-alt"><div class="progress-bar" data-progress="62"></div></div><div class="progress-rating-percent">62%</div></div><div class="progress-rating"><div class="progress-rating-title">4 star</div><div class="progress progress-md progress-alt"><div class="progress-bar" data-progress="47"></div></div><div class="progress-rating-percent">47%</div></div><div class="progress-rating"><div class="progress-rating-title">3 star</div><div class="progress progress-md progress-alt"><div class="progress-bar" data-progress="24"></div></div><div class="progress-rating-percent">24%</div></div><div class="progress-rating"><div class="progress-rating-title">2 star</div><div class="progress progress-md progress-alt"><div class="progress-bar" data-progress="30"></div></div><div class="progress-rating-percent">30%</div></div><div class="progress-rating"><div class="progress-rating-title">1 star</div><div class="progress progress-md progress-alt"><div class="progress-bar" data-progress="40"></div></div><div class="progress-rating-percent">40%</div></div></div></div></div></div><div class="col-md-6"><div class="card card-bordered"><div class="card-inner"><div class="d-flex align-center gy-3"><div class="progress-amount me-4"><h1 class="title">4.4</h1><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-half-fill"></em></li><li><em class="icon ni ni-star"></em></li></ul><span class="sub-text mt-1"><em class="icon ni ni-users-fill"></em> 47,860 Total</span></div><div class="rating-progress-bar gy-1 w-100"><div class="progress-rating"><div class="progress-rating me-2">5</div><div class="progress progress-lg progress-alt bg-transparent"><div class="progress-bar bg-teal" data-progress="70"></div></div></div><div class="progress-rating"><div class="progress-rating me-2">4</div><div class="progress progress-lg progress-alt bg-transparent"><div class="progress-bar bg-success" data-progress="55"></div></div></div><div class="progress-rating"><div class="progress-rating me-2">3</div><div class="progress progress-lg progress-alt bg-transparent"><div class="progress-bar bg-info" data-progress="38"></div></div></div><div class="progress-rating"><div class="progress-rating me-2">2</div><div class="progress progress-lg progress-alt bg-transparent"><div class="progress-bar bg-warning" data-progress="15"></div></div></div><div class="progress-rating"><div class="progress-rating me-2">1</div><div class="progress progress-lg progress-alt bg-transparent"><div class="progress-bar bg-danger" data-progress="30"></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="#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"> <div class="card-inner"> <div class="rating-card text-center mb-1"> <h6 class="title">Customer Review</h6> <div class="rating-wrap bg-light rating-pill my-1"> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-half-fill"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> <span class="amount">3.5 out of 5</span> </div> <span class="sub-text mt-1">40 customers ratings</span> </div> <div class="pt-3 gy-3"> <div class="progress-rating"> <div class="progress-rating-title">5 star</div> <div class="progress progress-md progress-alt"> <div class="progress-bar" data-progress="62"></div> </div> <div class="progress-rating-percent">62%</div> </div> <div class="progress-rating"> <div class="progress-rating-title">4 star</div> <div class="progress progress-md progress-alt"> <div class="progress-bar" data-progress="47"></div> </div> <div class="progress-rating-percent">47%</div> </div> <div class="progress-rating"> <div class="progress-rating-title">3 star</div> <div class="progress progress-md progress-alt"> <div class="progress-bar" data-progress="24"></div> </div> <div class="progress-rating-percent">24%</div> </div> <div class="progress-rating"> <div class="progress-rating-title">2 star</div> <div class="progress progress-md progress-alt"> <div class="progress-bar" data-progress="30"></div> </div> <div class="progress-rating-percent">30%</div> </div> <div class="progress-rating"> <div class="progress-rating-title">1 star</div> <div class="progress progress-md progress-alt"> <div class="progress-bar" data-progress="40"></div> </div> <div class="progress-rating-percent">40%</div> </div> </div> </div><!-- .card-inner --> </div><!-- .card --> <div class="card card-bordered"> <div class="card-inner"> <div class="rating-card text-center mb-1"> <h6 class="title">Customer Review</h6> <div class="rating-wrap bg-light rating-pill my-1"> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-half-fill"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> <span class="amount">3.5 out of 5</span> </div> <span class="sub-text mt-1">40 customers ratings</span> </div> <div class="pt-3 gy-3"> <div class="progress-rating"> <div class="progress-rating-title">5 star</div> <div class="progress progress-md progress-alt"> <div class="progress-bar" data-progress="62"></div> </div> <div class="progress-rating-percent">62%</div> </div> <div class="progress-rating"> <div class="progress-rating-title">4 star</div> <div class="progress progress-md progress-alt"> <div class="progress-bar" data-progress="47"></div> </div> <div class="progress-rating-percent">47%</div> </div> <div class="progress-rating"> <div class="progress-rating-title">3 star</div> <div class="progress progress-md progress-alt"> <div class="progress-bar" data-progress="24"></div> </div> <div class="progress-rating-percent">24%</div> </div> <div class="progress-rating"> <div class="progress-rating-title">2 star</div> <div class="progress progress-md progress-alt"> <div class="progress-bar" data-progress="30"></div> </div> <div class="progress-rating-percent">30%</div> </div> <div class="progress-rating"> <div class="progress-rating-title">1 star</div> <div class="progress progress-md progress-alt"> <div class="progress-bar" data-progress="40"></div> </div> <div class="progress-rating-percent">40%</div> </div> </div> </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 Profile</h4></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row g-gs"><div class="col-md-6"><div class="card card-bordered"><div class="card-inner"><h4 class="card-title mb-1">UI/UX Designer at Google</h4><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-half-fill"></em></li><li><em class="icon ni ni-star"></em></li></ul><div class="d-flex justify-content-between align-items-end"><ul class="pt-2 gy-1"><li><em class="icon ni ni-map-pin"></em><span>60311 Frankfurt am Main, Italy</span></li><li><em class="icon ni ni-calender-date"></em><span>28th Sept, 2021</span></li><li><em class="icon ni ni-briefcase"></em><span>Fulltime</span></li></ul><span class="badge badge-dim badge-sm badge-pill bg-outline-info">$1550.00</span></div><div class="collapse" id="collapseDes1"><div class="divider"></div><div class="rating-card-description"><h5 class="card-title">Description</h5><p class="text-muted">Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title bulk.</p><ul class="pt-2 gy-1"><li><em class="icon ni ni-check-circle"></em><span>30 days off</span></li><li><em class="icon ni ni-check-circle"></em><span>Free drinks</span></li><li><em class="icon ni ni-check-circle"></em><span>Paid leave</span></li><li><em class="icon ni ni-check-circle"></em><span>Healthcare</span></li></ul></div></div></div><div class="card-footer rating-card-footer bg-light border-top d-flex align-center justify-content-between"><a class="switch-text collapsed" data-bs-toggle="collapse" href="#collapseDes1"><div class="link link-gray switch-text-normal"><span>Less Info</span><em class="icon ni ni-upword-ios"></em></div><div class="link link-gray switch-text-collapsed"><span>More Info</span><em class="icon ni ni-downward-ios"></em></div></a><a href="#" class="btn btn-primary">Apply</a></div></div></div><div class="col-md-6"><div class="card card-bordered"><div class="card-inner"><h4 class="card-title mb-1">Developer at Softnio</h4><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-half-fill"></em></li><li><em class="icon ni ni-star"></em></li></ul><div class="d-flex justify-content-between align-items-end"><ul class="pt-2 gy-1"><li><em class="icon ni ni-map-pin"></em><span>60311 Frankfurt am Main, Italy</span></li><li><em class="icon ni ni-calender-date"></em><span>28th Sept, 2021</span></li><li><em class="icon ni ni-briefcase"></em><span>Fulltime</span></li></ul><span class="badge badge-dim badge-sm rounded-pill bg-outline-info">$1550.00</span></div><div class="collapse show" id="collapseDes2"><div class="divider"></div><div class="rating-card-description"><h5 class="card-title">Description</h5><p class="text-muted">Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title bulk.</p><ul class="pt-2 gy-1"><li><em class="icon ni ni-check-circle"></em><span>30 days off</span></li><li><em class="icon ni ni-check-circle"></em><span>Free drinks</span></li><li><em class="icon ni ni-check-circle"></em><span>Paid leave</span></li><li><em class="icon ni ni-check-circle"></em><span>Healthcare</span></li></ul></div></div></div><div class="card-footer rating-card-footer bg-light border-top d-flex align-center justify-content-between"><a class="switch-text" data-bs-toggle="collapse" href="#collapseDes2"><div class="link link-gray switch-text-normal"><span>Less Info</span><em class="icon ni ni-upword-ios"></em></div><div class="link link-gray switch-text-collapsed"><span>More Info</span><em class="icon ni ni-downward-ios"></em></div></a><a href="#" class="btn btn-primary">Apply</a></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"> <div class="card-inner"> <h4 class="card-title mb-1">UI/UX Designer at Google</h4> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-half-fill"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> <div class="d-flex justify-content-between align-items-end"> <ul class="pt-2 gy-1"> <li><em class="icon ni ni-map-pin"></em><span>60311 Frankfurt am Main, Italy</span></li> <li><em class="icon ni ni-calender-date"></em><span>28th Sept, 2021</span></li> <li><em class="icon ni ni-briefcase"></em><span>Fulltime</span></li> </ul> <span class="badge badge-dim badge-sm rounded-pill bg-outline-info">$1550.00</span> </div> <div class="collapse" id="collapseDes1"> <div class="divider"></div> <div class="rating-card-description"> <h5 class="card-title">Description</h5> <p class="text-muted">Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title bulk.</p> <ul class="pt-2 gy-1"> <li><em class="icon ni ni-check-circle"></em><span>30 days off</span></li> <li><em class="icon ni ni-check-circle"></em><span>Free drinks</span></li> <li><em class="icon ni ni-check-circle"></em><span>Paid leave</span></li> <li><em class="icon ni ni-check-circle"></em><span>Healthcare</span></li> </ul> </div> </div> </div> <div class="card-footer rating-card-footer bg-light border-top d-flex align-center justify-content-between"> <a class="switch-text collapsed" data-toggle="collapse" href="#collapseDes1"> <div class="link link-gray switch-text-normal"> <span>Less Info</span><em class="icon ni ni-upword-ios"></em> </div> <div class="link link-gray switch-text-collapsed"> <span>More Info</span><em class="icon ni ni-downward-ios"></em> </div> </a> <a href="#" class="btn btn-primary">Apply</a> </div> </div> <div class="card card-bordered"> <div class="card-inner"> <h4 class="card-title mb-1">Developer at Softnio</h4> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-half-fill"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> <div class="d-flex justify-content-between align-items-end"> <ul class="pt-2 gy-1"> <li><em class="icon ni ni-map-pin"></em><span>60311 Frankfurt am Main, Italy</span></li> <li><em class="icon ni ni-calender-date"></em><span>28th Sept, 2021</span></li> <li><em class="icon ni ni-briefcase"></em><span>Fulltime</span></li> </ul> <span class="badge badge-dim badge-sm rounded-pill bg-outline-info">$1550.00</span> </div> <div class="collapse show" id="collapseDes2"> <div class="divider"></div> <div class="rating-card-description"> <h5 class="card-title">Description</h5> <p class="text-muted">Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title bulk.</p> <ul class="pt-2 gy-1"> <li><em class="icon ni ni-check-circle"></em><span>30 days off</span></li> <li><em class="icon ni ni-check-circle"></em><span>Free drinks</span></li> <li><em class="icon ni ni-check-circle"></em><span>Paid leave</span></li> <li><em class="icon ni ni-check-circle"></em><span>Healthcare</span></li> </ul> </div> </div> </div> <div class="card-footer rating-card-footer bg-light border-top d-flex align-center justify-content-between"> <a class="switch-text" data-toggle="collapse" href="#collapseDes2"> <div class="link link-gray switch-text-normal"> <span>Less Info</span><em class="icon ni ni-upword-ios"></em> </div> <div class="link link-gray switch-text-collapsed"> <span>More Info</span><em class="icon ni ni-downward-ios"></em> </div> </a> <a href="#" class="btn btn-primary">Apply</a> </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">Institute Profile</h4></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row g-gs"><div class="col-md-6"><div class="card card-bordered"><div class="card-inner"><h4 class="card-title mb-1">Softnio</h4><div class="rating-wrap my-1"><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-half-fill"></em></li><li><em class="icon ni ni-star"></em></li></ul><span class="amount ms-2">4.4 (78)</span></div><h5 class="card-title mt-4">Criteria on Softnio</h5><div class="rating-card"><div class="d-flex align-center justify-content-between py-1"><span class="text-muted">Productivity</span><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li></ul></div><div class="d-flex align-center justify-content-between py-1"><span class="text-muted">Competitive Position</span><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star"></em></li></ul></div><div class="d-flex align-center justify-content-between py-1"><span class="text-muted">Brand Value</span><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li></ul></div><div class="d-flex align-center justify-content-between py-1"><span class="text-muted">Environment</span><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star"></em></li></ul></div></div><div class="collapse" id="collapseDes3"><div class="divider"></div><div class="rating-card-description"><h5 class="card-title">Description</h5><p class="text-muted">Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title bulk.</p><ul class="pt-2 gy-1"><li><em class="icon ni ni-check-circle"></em><span>30 days off</span></li><li><em class="icon ni ni-check-circle"></em><span>Free drinks</span></li><li><em class="icon ni ni-check-circle"></em><span>Paid leave</span></li><li><em class="icon ni ni-check-circle"></em><span>Healthcare</span></li></ul></div></div></div><div class="card-footer rating-card-footer bg-light border-top d-flex align-center justify-content-between"><a class="switch-text collapsed" data-bs-toggle="collapse" href="#collapseDes3"><div class="link link-gray switch-text-normal"><span>Less Info</span><em class="icon ni ni-upword-ios"></em></div><div class="link link-gray switch-text-collapsed"><span>More Info</span><em class="icon ni ni-downward-ios"></em></div></a><a href="#" class="btn btn-primary">Apply</a></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"> <div class="card-inner"> <h4 class="card-title mb-1">Softnio</h4> <div class="rating-wrap my-1"> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-half-fill"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> <span class="amount ms-2">4.4 (78)</span> </div> <h5 class="card-title mt-4">Criteria on Softnio</h5> <div class="rating-card"> <div class="d-flex align-center justify-content-between py-1"> <span class="text-muted">Productivity</span> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> </ul> </div> <div class="d-flex align-center justify-content-between py-1"> <span class="text-muted">Competitive Position</span> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> </div> <div class="d-flex align-center justify-content-between py-1"> <span class="text-muted">Brand Value</span> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> </ul> </div> <div class="d-flex align-center justify-content-between py-1"> <span class="text-muted">Environment</span> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> </div> </div> <div class="collapse" id="collapseDes3"> <div class="divider"></div> <div class="rating-card-description"> <h5 class="card-title">Description</h5> <p class="text-muted">Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title bulk.</p> <ul class="pt-2 gy-1"> <li><em class="icon ni ni-check-circle"></em><span>30 days off</span></li> <li><em class="icon ni ni-check-circle"></em><span>Free drinks</span></li> <li><em class="icon ni ni-check-circle"></em><span>Paid leave</span></li> <li><em class="icon ni ni-check-circle"></em><span>Healthcare</span></li> </ul> </div> </div> </div> <div class="card-footer rating-card-footer bg-light border-top d-flex align-center justify-content-between"> <a class="switch-text collapsed" data-toggle="collapse" href="#collapseDes3"> <div class="link link-gray switch-text-normal"> <span>Less Info</span><em class="icon ni ni-upword-ios"></em> </div> <div class="link link-gray switch-text-collapsed"> <span>More Info</span><em class="icon ni ni-downward-ios"></em> </div> </a> <a href="#" class="btn btn-primary">Apply</a> </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">Review form</h4></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row g-gs"><div class="col-md-6"><div class="card card-bordered"><div class="card-inner"><h4 class="card-title mb-1">Softnio</h4><div class="rating-wrap my-1"><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-half-fill"></em></li><li><em class="icon ni ni-star"></em></li></ul><span class="amount ms-2">4.4 (78)</span></div><form action="#" class="mt-2"><div class="form-group"><label class="form-label" for="title">Title</label><div class="form-control-wrap"><input type="text" class="form-control" id="title" value="You only miss it when it gone!" required></div></div><div class="form-group"><label class="form-label" for="job-title">Job Title</label><div class="form-control-wrap"><input type="text" class="form-control" id="job-title" value="Sr. Frontend Developer" required></div></div><div class="form-group"><label class="form-label" for="review">How was your experience?</label><div class="form-control-wrap"><textarea class="form-control no-resize" id="review">I've been using Dashlite for months now and with every update, it's just becoming better. Thank you for such a great design touch. Really love it</textarea></div></div></form><h5 class="card-title mt-5">Criteria on Softnio</h5><div class="rating-card"><div class="d-flex align-center justify-content-between py-1"><span class="text-muted">Productivity</span><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li></ul></div><div class="d-flex align-center justify-content-between py-1"><span class="text-muted">Competitive Position</span><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star"></em></li></ul></div><div class="d-flex align-center justify-content-between py-1"><span class="text-muted">Brand Value</span><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li></ul></div><div class="d-flex align-center justify-content-between py-1"><span class="text-muted">Environment</span><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star"></em></li></ul></div></div></div><div class="card-footer bg-light border-top d-flex align-center justify-content-end py-3"><a href="#" class="btn btn-primary">Published Review</a></div></div></div><div class="col-md-6"><div class="card card-bordered"><div class="card-inner"><h4 class="card-title mb-1">Softnio</h4><div class="rating-wrap my-1"><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-half-fill"></em></li><li><em class="icon ni ni-star"></em></li></ul><span class="amount ms-2">4.4 (78)</span></div><form action="#" class="mt-2"><div class="form-group"><label class="form-label" for="rt-title">Title</label><div class="form-control-wrap"><input type="text" class="form-control" id="rt-title" placeholder="Title" required></div></div><div class="form-group"><label class="form-label" for="rt-job-title">Job Title</label><div class="form-control-wrap"><input type="text" class="form-control" id="rt-job-title" placeholder="Job Title" required></div></div><div class="form-group"><label class="form-label" for="rt-review">How was your experience?</label><div class="form-control-wrap"><textarea class="form-control no-resize" id="rt-review" placeholder="Describe your experience at Softnio"></textarea></div></div></form><h5 class="card-title mt-5">Criteria on Softnio</h5><div class="rating-card"><div class="d-flex align-center justify-content-between py-1"><span class="text-muted">Productivity</span><ul class="rating"><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li></ul></div><div class="d-flex align-center justify-content-between py-1"><span class="text-muted">Competitive Position</span><ul class="rating"><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li></ul></div><div class="d-flex align-center justify-content-between py-1"><span class="text-muted">Brand Value</span><ul class="rating"><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li></ul></div><div class="d-flex align-center justify-content-between py-1"><span class="text-muted">Environment</span><ul class="rating"><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li><li><em class="icon ni ni-star"></em></li></ul></div></div></div><div class="card-footer bg-light border-top d-flex align-center justify-content-end py-3"><a href="#" class="btn btn-primary">Publish Review</a></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"> <div class="card-inner"> <h4 class="card-title mb-1">Softnio</h4> <div class="rating-wrap my-1"> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-half-fill"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> <span class="amount ms-2">4.4 (78)</span> </div> <form action="#" class="mt-2"> <div class="form-group"> <label class="form-label" for="title">Title</label> <div class="form-control-wrap"> <input type="text" class="form-control" id="title" value="You only miss it when it gone!" required> </div> </div> <div class="form-group"> <label class="form-label" for="job-title">Job Title</label> <div class="form-control-wrap"> <input type="text" class="form-control" id="job-title" value="Sr. Frontend Developer" required> </div> </div> <div class="form-group"> <label class="form-label" for="review">How was your experience?</label> <div class="form-control-wrap"> <textarea class="form-control no-resize" id="review">I've been using Dashlite for months now and with every update, it's just becoming better. Thank you for such a great design touch. Really love it</textarea> </div> </div> </form> <h5 class="card-title mt-5">Criteria on Softnio</h5> <div class="rating-card"> <div class="d-flex align-center justify-content-between py-1"> <span class="text-muted">Productivity</span> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> </ul> </div> <div class="d-flex align-center justify-content-between py-1"> <span class="text-muted">Competitive Position</span> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> </div> <div class="d-flex align-center justify-content-between py-1"> <span class="text-muted">Brand Value</span> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> </ul> </div> <div class="d-flex align-center justify-content-between py-1"> <span class="text-muted">Environment</span> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> </div> </div> </div> <div class="card-footer bg-light border-top d-flex align-center justify-content-end py-3"> <a href="#" class="btn btn-primary">Publish Review</a> </div> </div> <div class="card card-bordered"> <div class="card-inner"> <h4 class="card-title mb-1">Softnio</h4> <div class="rating-wrap my-1"> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-half-fill"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> <span class="amount ms-2">4.4 (78)</span> </div> <form action="#" class="mt-2"> <div class="form-group"> <label class="form-label" for="rt-title">Title</label> <div class="form-control-wrap"> <input type="text" class="form-control" id="rt-title" placeholder="Title" required> </div> </div> <div class="form-group"> <label class="form-label" for="rt-job-title">Job Title</label> <div class="form-control-wrap"> <input type="text" class="form-control" id="rt-job-title" placeholder="Job Title" required> </div> </div> <div class="form-group"> <label class="form-label" for="rt-review">How was your experience?</label> <div class="form-control-wrap"> <textarea class="form-control no-resize" id="rt-review" placeholder="Describe your experience at Softnio"></textarea> </div> </div> </form> <h5 class="card-title mt-5">Criteria on Softnio</h5> <div class="rating-card"> <div class="d-flex align-center justify-content-between py-1"> <span class="text-muted">Productivity</span> <ul class="rating"> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> </div> <div class="d-flex align-center justify-content-between py-1"> <span class="text-muted">Competitive Position</span> <ul class="rating"> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> </div> <div class="d-flex align-center justify-content-between py-1"> <span class="text-muted">Brand Value</span> <ul class="rating"> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> </div> <div class="d-flex align-center justify-content-between py-1"> <span class="text-muted">Environment</span> <ul class="rating"> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> <li><em class="icon ni ni-star"></em></li> </ul> </div> </div> </div> <div class="card-footer bg-light border-top d-flex align-center justify-content-end py-3"> <a href="#" class="btn btn-primary">Publish Review</a> </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">Customers Ratings</h4></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="row g-gs"><div class="col-md-9"><div class="card card-bordered"><div class="card-inner py-3"><div class="d-sm-flex align-items-sm-center justify-content-sm-between"><div class="pb-1 pb-sm-0"><h5 class="title">Design Quality</h5><div class="d-flex"><p class="m-0 pe-2">by <a href="https://softnio.com/" target="_blank">Softnio</a></p><span>13 days ago</span></div></div><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-half-fill"></em></li><li><em class="icon ni ni-star"></em></li></ul></div></div></div></div><div class="col-md-9"><div class="card card-bordered"><div class="card-inner border-bottom bg-lighter py-3"><div class="d-sm-flex align-items-sm-center justify-content-sm-between"><div class="pb-1 pb-sm-0"><h5 class="title">Feature Quality</h5><div class="d-sm-flex"><span class="m-0 pe-2">by <a href="https://softnio.com/" target="_blank">Softnio</a></span><span>6 days ago</span></div></div><ul class="rating"><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-fill"></em></li><li><em class="icon ni ni-star-half-fill"></em></li><li><em class="icon ni ni-star"></em></li></ul></div></div><div class="card-inner"><p class="text-soft">I've been using Dashlite for months now and with every update, update it's just becoming more and more better it's just becoming better. Thank you for such a great design touch. Further I definitely cooperate with your product . Highly appriciate it. Really love it</p></div><div class="card-inner border-top"><div class="d-flex"><div class="user-avatar bg-purple me-3"><span>AB</span></div><div class="fake-class"><h6 class="mt-0 d-flex align-center"><span>Abu Bin Ishiyak</span><span class="badge badge-dim bg-outline-info ms-2">Author</span></h6><p class="text-soft">Time zone depend on your server time as we use that by default. So you need to change that from your server. For data display issues, you may send your website url so we can check what actually wrong.</p></div></div></div><div class="card-inner border-top"><div class="d-flex"><div class="user-avatar bg-info me-3"><span>IB</span></div><div class="fake-class"><h6 class="mt-0 d-flex align-center"><span>Ifrat Binte</span></h6><p class="text-soft">Thanks for the help. Really great support.</p></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="#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"> <div class="card-inner py-3"> <div class="d-flex align-center justify-content-between"> <div> <h5 class="title">Design Quality</h5> <div class="d-sm-flex"> <p class="m-0 pe-2">by <a href="#">softnio</a></p> <span>13 days ago</span> </div> </div> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-half-fill"></em></li> <li><em class="icon ni ni-star"></em></li> </ul><!-- .rating --> </div> </div> </div><!-- .card --> <div class="card card-bordered"> <div class="card-inner border-bottom bg-lighter py-3"> <div class="d-flex align-center justify-content-between"> <div> <h5 class="title">Feature Quality</h5> <div class="d-sm-flex"> <p class="m-0 pe-2">by <a href="#">softnio</a></p> <span>6 days ago</span> </div> </div> <ul class="rating"> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-fill"></em></li> <li><em class="icon ni ni-star-half-fill"></em></li> <li><em class="icon ni ni-star"></em></li> </ul><!-- .rating --> </div> </div> <div class="card-inner"> <p>I've been using Dashlite for months now and with every update, update it's just becoming more and more better it's just becoming better. Thank you for such a great design touch. Further I definitely cooperate with your product . Highly appriciate it. Really love it</p> </div> <div class="card-inner border-top"> <div class="d-flex"> <div class="user-avatar md bg-purple me-3"> <span>AB</span> </div> <div> <h5 class="mt-0">Abu Bin Ishiyak <span class="badge badge-dim bg-outline-info ms-1">Author</span></h5> <p>Thank you for your valuable feedback.</p> <p>Time zone depend on your server time as we use that by default. So you need to change that from your server. For data display issues, you may send your website url so we can check what actually wrong.</p> </div> </div> </div> <div class="card-inner border-top"> <div class="d-flex"> <div class="user-avatar md bg-info me-3"> <span>IB</span> </div> <div> <h5 class="mt-0">Ifrat Binte<span class="badge badge-dim bg-outline-success ms-1">Purchased</span></h5> <p>Thanks for the help. Really great support.</p> </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">Customization</h4><p>You can use customize rating icon for customizing the component.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="card card-bordered"><div class="card-inner"><ul class="rating text-danger"><li><em class="icon ni ni-heart-fill"></em></li><li><em class="icon ni ni-heart-fill"></em></li><li><em class="icon ni ni-heart-fill"></em></li><li><em class="icon ni ni-heart-fill"></em></li><li><em class="icon ni ni-heart"></em></li></ul></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"> <ul class="rating text-danger"> <li><em class="icon ni ni-heart-fill"></em></li> <li><em class="icon ni ni-heart-fill"></em></li> <li><em class="icon ni ni-heart-fill"></em></li> <li><em class="icon ni ni-heart-fill"></em></li> <li><em class="icon ni ni-heart"></em></li> </ul> </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/ratings.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 18 Jul 2025 16:07:46 GMT -->
</html>Выполнить команду
Для локальной разработки. Не используйте в интернете!