D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home3
/
encodto1
/
guruglobalpreschool.com
/
admin
/
OLD-admin
/
Filename :
icons-dripicons.html
back
Copy
<!doctype html> <html lang="en"> <!-- Mirrored from themesbrand.com/minia/layouts/icons-dripicons.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 05 Jul 2021 10:26:42 GMT --> <head> <meta charset="utf-8" /> <title>Dripicons | Minia - Minimal Admin & Dashboard Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" /> <meta content="Themesbrand" name="author" /> <!-- App favicon --> <link rel="shortcut icon" href="assets/images/favicon.ico"> <!-- preloader css --> <link rel="stylesheet" href="assets/css/preloader.min.css" type="text/css" /> <!-- Bootstrap Css --> <link href="assets/css/bootstrap.min.css" id="bootstrap-style" rel="stylesheet" type="text/css" /> <!-- Icons Css --> <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" /> <!-- App Css--> <link href="assets/css/app.min.css" id="app-style" rel="stylesheet" type="text/css" /> </head> <body> <!-- <body data-layout="horizontal"> --> <!-- Begin page --> <div id="layout-wrapper"> <header id="page-topbar"> <div class="navbar-header"> <div class="d-flex"> <!-- LOGO --> <div class="navbar-brand-box"> <a href="index.html" class="logo logo-dark"> <span class="logo-sm"> <img src="assets/images/logo-sm.svg" alt="" height="24"> </span> <span class="logo-lg"> <img src="assets/images/logo-sm.svg" alt="" height="24"> <span class="logo-txt">Minia</span> </span> </a> <a href="index.html" class="logo logo-light"> <span class="logo-sm"> <img src="assets/images/logo-sm.svg" alt="" height="24"> </span> <span class="logo-lg"> <img src="assets/images/logo-sm.svg" alt="" height="24"> <span class="logo-txt">Minia</span> </span> </a> </div> <button type="button" class="btn btn-sm px-3 font-size-16 header-item" id="vertical-menu-btn"> <i class="fa fa-fw fa-bars"></i> </button> <!-- App Search--> <form class="app-search d-none d-lg-block"> <div class="position-relative"> <input type="text" class="form-control" placeholder="Search..."> <button class="btn btn-primary" type="button"><i class="bx bx-search-alt align-middle"></i></button> </div> </form> </div> <div class="d-flex"> <div class="dropdown d-inline-block d-lg-none ms-2"> <button type="button" class="btn header-item" id="page-header-search-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i data-feather="search" class="icon-lg"></i> </button> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0" aria-labelledby="page-header-search-dropdown"> <form class="p-3"> <div class="form-group m-0"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search ..." aria-label="Search Result"> <button class="btn btn-primary" type="submit"><i class="mdi mdi-magnify"></i></button> </div> </div> </form> </div> </div> <div class="dropdown d-none d-sm-inline-block"> <button type="button" class="btn header-item" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img id="header-lang-img" src="assets/images/flags/us.jpg" alt="Header Language" height="16"> </button> <div class="dropdown-menu dropdown-menu-end"> <!-- item--> <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="en"> <img src="assets/images/flags/us.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">English</span> </a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="sp"> <img src="assets/images/flags/spain.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">Spanish</span> </a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="gr"> <img src="assets/images/flags/germany.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">German</span> </a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="it"> <img src="assets/images/flags/italy.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">Italian</span> </a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="ru"> <img src="assets/images/flags/russia.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">Russian</span> </a> </div> </div> <div class="dropdown d-none d-sm-inline-block"> <button type="button" class="btn header-item" id="mode-setting-btn"> <i data-feather="moon" class="icon-lg layout-mode-dark"></i> <i data-feather="sun" class="icon-lg layout-mode-light"></i> </button> </div> <div class="dropdown d-none d-lg-inline-block ms-1"> <button type="button" class="btn header-item" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i data-feather="grid" class="icon-lg"></i> </button> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <div class="p-2"> <div class="row g-0"> <div class="col"> <a class="dropdown-icon-item" href="#"> <img src="assets/images/brands/github.png" alt="Github"> <span>GitHub</span> </a> </div> <div class="col"> <a class="dropdown-icon-item" href="#"> <img src="assets/images/brands/bitbucket.png" alt="bitbucket"> <span>Bitbucket</span> </a> </div> <div class="col"> <a class="dropdown-icon-item" href="#"> <img src="assets/images/brands/dribbble.png" alt="dribbble"> <span>Dribbble</span> </a> </div> </div> <div class="row g-0"> <div class="col"> <a class="dropdown-icon-item" href="#"> <img src="assets/images/brands/dropbox.png" alt="dropbox"> <span>Dropbox</span> </a> </div> <div class="col"> <a class="dropdown-icon-item" href="#"> <img src="assets/images/brands/mail_chimp.png" alt="mail_chimp"> <span>Mail Chimp</span> </a> </div> <div class="col"> <a class="dropdown-icon-item" href="#"> <img src="assets/images/brands/slack.png" alt="slack"> <span>Slack</span> </a> </div> </div> </div> </div> </div> <div class="dropdown d-inline-block"> <button type="button" class="btn header-item noti-icon position-relative" id="page-header-notifications-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i data-feather="bell" class="icon-lg"></i> <span class="badge bg-danger rounded-pill">5</span> </button> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0" aria-labelledby="page-header-notifications-dropdown"> <div class="p-3"> <div class="row align-items-center"> <div class="col"> <h6 class="m-0"> Notifications </h6> </div> <div class="col-auto"> <a href="#!" class="small text-reset text-decoration-underline"> Unread (3)</a> </div> </div> </div> <div data-simplebar style="max-height: 230px;"> <a href="#!" class="text-reset notification-item"> <div class="d-flex"> <div class="flex-shrink-0 me-3"> <img src="assets/images/users/avatar-3.jpg" class="rounded-circle avatar-sm" alt="user-pic"> </div> <div class="flex-grow-1"> <h6 class="mb-1">James Lemire</h6> <div class="font-size-13 text-muted"> <p class="mb-1">It will seem like simplified English.</p> <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>1 hours ago</span></p> </div> </div> </div> </a> <a href="#!" class="text-reset notification-item"> <div class="d-flex"> <div class="flex-shrink-0 avatar-sm me-3"> <span class="avatar-title bg-primary rounded-circle font-size-16"> <i class="bx bx-cart"></i> </span> </div> <div class="flex-grow-1"> <h6 class="mb-1">Your order is placed</h6> <div class="font-size-13 text-muted"> <p class="mb-1">If several languages coalesce the grammar</p> <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>3 min ago</span></p> </div> </div> </div> </a> <a href="#!" class="text-reset notification-item"> <div class="d-flex"> <div class="flex-shrink-0 avatar-sm me-3"> <span class="avatar-title bg-success rounded-circle font-size-16"> <i class="bx bx-badge-check"></i> </span> </div> <div class="flex-grow-1"> <h6 class="mb-1">Your item is shipped</h6> <div class="font-size-13 text-muted"> <p class="mb-1">If several languages coalesce the grammar</p> <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>3 min ago</span></p> </div> </div> </div> </a> <a href="#!" class="text-reset notification-item"> <div class="d-flex"> <div class="flex-shrink-0 me-3"> <img src="assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic"> </div> <div class="flex-grow-1"> <h6 class="mb-1">Salena Layfield</h6> <div class="font-size-13 text-muted"> <p class="mb-1">As a skeptical Cambridge friend of mine occidental.</p> <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>1 hours ago</span></p> </div> </div> </div> </a> </div> <div class="p-2 border-top d-grid"> <a class="btn btn-sm btn-link font-size-14 text-center" href="javascript:void(0)"> <i class="mdi mdi-arrow-right-circle me-1"></i> <span>View More..</span> </a> </div> </div> </div> <div class="dropdown d-inline-block"> <button type="button" class="btn header-item right-bar-toggle me-2"> <i data-feather="settings" class="icon-lg"></i> </button> </div> <div class="dropdown d-inline-block"> <button type="button" class="btn header-item bg-soft-light border-start border-end" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img class="rounded-circle header-profile-user" src="assets/images/users/avatar-1.jpg" alt="Header Avatar"> <span class="d-none d-xl-inline-block ms-1 fw-medium">Shawn L.</span> <i class="mdi mdi-chevron-down d-none d-xl-inline-block"></i> </button> <div class="dropdown-menu dropdown-menu-end"> <!-- item--> <a class="dropdown-item" href="apps-contacts-profile.html"><i class="mdi mdi-face-profile font-size-16 align-middle me-1"></i> Profile</a> <a class="dropdown-item" href="auth-lock-screen.html"><i class="mdi mdi-lock font-size-16 align-middle me-1"></i> Lock screen</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="auth-logout.html"><i class="mdi mdi-logout font-size-16 align-middle me-1"></i> Logout</a> </div> </div> </div> </div> </header> <!-- ========== Left Sidebar Start ========== --> <div class="vertical-menu"> <div data-simplebar class="h-100"> <!--- Sidemenu --> <div id="sidebar-menu"> <!-- Left Menu Start --> <ul class="metismenu list-unstyled" id="side-menu"> <li class="menu-title" data-key="t-menu">Menu</li> <li> <a href="index.html"> <i data-feather="home"></i> <span data-key="t-dashboard">Dashboard</span> </a> </li> <li> <a href="javascript: void(0);" class="has-arrow"> <i data-feather="grid"></i> <span data-key="t-apps">Apps</span> </a> <ul class="sub-menu" aria-expanded="false"> <li> <a href="apps-calendar.html"> <span data-key="t-calendar">Calendar</span> </a> </li> <li> <a href="apps-chat.html"> <span data-key="t-chat">Chat</span> </a> </li> <li> <a href="javascript: void(0);" class="has-arrow"> <span data-key="t-email">Email</span> </a> <ul class="sub-menu" aria-expanded="false"> <li><a href="apps-email-inbox.html" data-key="t-inbox">Inbox</a></li> <li><a href="apps-email-read.html" data-key="t-read-email">Read Email</a></li> </ul> </li> <li> <a href="javascript: void(0);" class="has-arrow"> <span data-key="t-invoices">Invoices</span> </a> <ul class="sub-menu" aria-expanded="false"> <li><a href="apps-invoices-list.html" data-key="t-invoice-list">Invoice List</a></li> <li><a href="apps-invoices-detail.html" data-key="t-invoice-detail">Invoice Detail</a></li> </ul> </li> <li> <a href="javascript: void(0);" class="has-arrow"> <span data-key="t-contacts">Contacts</span> </a> <ul class="sub-menu" aria-expanded="false"> <li><a href="apps-contacts-grid.html" data-key="t-user-grid">User Grid</a></li> <li><a href="apps-contacts-list.html" data-key="t-user-list">User List</a></li> <li><a href="apps-contacts-profile.html" data-key="t-profile">Profile</a></li> </ul> </li> </ul> </li> <li> <a href="javascript: void(0);" class="has-arrow"> <i data-feather="users"></i> <span data-key="t-authentication">Authentication</span> </a> <ul class="sub-menu" aria-expanded="false"> <li><a href="auth-login.html" data-key="t-login">Login</a></li> <li><a href="auth-register.html" data-key="t-register">Register</a></li> <li><a href="auth-recoverpw.html" data-key="t-recover-password">Recover Password</a></li> <li><a href="auth-lock-screen.html" data-key="t-lock-screen">Lock Screen</a></li> <li><a href="auth-logout.html" data-key="t-logout">Log Out</a></li> <li><a href="auth-confirm-mail.html" data-key="t-confirm-mail">Confirm Mail</a></li> <li><a href="auth-email-verification.html" data-key="t-email-verification">Email Verification</a></li> <li><a href="auth-two-step-verification.html" data-key="t-two-step-verification">Two Step Verification</a></li> </ul> </li> <li> <a href="javascript: void(0);" class="has-arrow"> <i data-feather="file-text"></i> <span data-key="t-pages">Pages</span> </a> <ul class="sub-menu" aria-expanded="false"> <li><a href="pages-starter.html" data-key="t-starter-page">Starter Page</a></li> <li><a href="pages-maintenance.html" data-key="t-maintenance">Maintenance</a></li> <li><a href="pages-comingsoon.html" data-key="t-coming-soon">Coming Soon</a></li> <li><a href="pages-timeline.html" data-key="t-timeline">Timeline</a></li> <li><a href="pages-faqs.html" data-key="t-faqs">FAQs</a></li> <li><a href="pages-pricing.html" data-key="t-pricing">Pricing</a></li> <li><a href="pages-404.html" data-key="t-error-404">Error 404</a></li> <li><a href="pages-500.html" data-key="t-error-500">Error 500</a></li> </ul> </li> <li> <a href="layouts-horizontal.html"> <i data-feather="layout"></i> <span data-key="t-horizontal">Horizontal</span> </a> </li> <li class="menu-title mt-2" data-key="t-components">Elements</li> <li> <a href="javascript: void(0);" class="has-arrow"> <i data-feather="briefcase"></i> <span data-key="t-components">Components</span> </a> <ul class="sub-menu" aria-expanded="false"> <li><a href="ui-alerts.html" data-key="t-alerts">Alerts</a></li> <li><a href="ui-buttons.html" data-key="t-buttons">Buttons</a></li> <li><a href="ui-cards.html" data-key="t-cards">Cards</a></li> <li><a href="ui-carousel.html" data-key="t-carousel">Carousel</a></li> <li><a href="ui-dropdowns.html" data-key="t-dropdowns">Dropdowns</a></li> <li><a href="ui-grid.html" data-key="t-grid">Grid</a></li> <li><a href="ui-images.html" data-key="t-images">Images</a></li> <li><a href="ui-modals.html" data-key="t-modals">Modals</a></li> <li><a href="ui-offcanvas.html" data-key="t-offcanvas">Offcanvas</a></li> <li><a href="ui-progressbars.html" data-key="t-progress-bars">Progress Bars</a></li> <li><a href="ui-tabs-accordions.html" data-key="t-tabs-accordions">Tabs & Accordions</a></li> <li><a href="ui-typography.html" data-key="t-typography">Typography</a></li> <li><a href="ui-video.html" data-key="t-video">Video</a></li> <li><a href="ui-general.html" data-key="t-general">General</a></li> <li><a href="ui-colors.html" data-key="t-colors">Colors</a></li> </ul> </li> <li> <a href="javascript: void(0);" class="has-arrow"> <i data-feather="gift"></i> <span data-key="t-ui-elements">Extended</span> </a> <ul class="sub-menu" aria-expanded="false"> <li><a href="extended-lightbox.html" data-key="t-lightbox">Lightbox</a></li> <li><a href="extended-rangeslider.html" data-key="t-range-slider">Range Slider</a></li> <li><a href="extended-sweet-alert.html" data-key="t-sweet-alert">SweetAlert 2</a></li> <li><a href="extended-session-timeout.html" data-key="t-session-timeout">Session Timeout</a></li> <li><a href="extended-rating.html" data-key="t-rating">Rating</a></li> <li><a href="extended-notifications.html" data-key="t-notifications">Notifications</a></li> </ul> </li> <li> <a href="javascript: void(0);"> <i data-feather="box"></i> <span class="badge rounded-pill bg-soft-danger text-danger float-end">7</span> <span data-key="t-forms">Forms</span> </a> <ul class="sub-menu" aria-expanded="false"> <li><a href="form-elements.html" data-key="t-form-elements">Basic Elements</a></li> <li><a href="form-validation.html" data-key="t-form-validation">Validation</a></li> <li><a href="form-advanced.html" data-key="t-form-advanced">Advanced Plugins</a></li> <li><a href="form-editors.html" data-key="t-form-editors">Editors</a></li> <li><a href="form-uploads.html" data-key="t-form-upload">File Upload</a></li> <li><a href="form-wizard.html" data-key="t-form-wizard">Wizard</a></li> <li><a href="form-mask.html" data-key="t-form-mask">Mask</a></li> </ul> </li> <li> <a href="javascript: void(0);" class="has-arrow"> <i data-feather="sliders"></i> <span data-key="t-tables">Tables</span> </a> <ul class="sub-menu" aria-expanded="false"> <li><a href="tables-basic.html" data-key="t-basic-tables">Bootstrap Basic</a></li> <li><a href="tables-datatable.html" data-key="t-data-tables">DataTables</a></li> <li><a href="tables-responsive.html" data-key="t-responsive-table">Responsive</a></li> <li><a href="tables-editable.html" data-key="t-editable-table">Editable</a></li> </ul> </li> <li> <a href="javascript: void(0);" class="has-arrow"> <i data-feather="pie-chart"></i> <span data-key="t-charts">Charts</span> </a> <ul class="sub-menu" aria-expanded="false"> <li><a href="charts-apex.html" data-key="t-apex-charts">Apexcharts</a></li> <li><a href="charts-echart.html" data-key="t-e-charts">Echarts</a></li> <li><a href="charts-chartjs.html" data-key="t-chartjs-charts">Chartjs</a></li> <li><a href="charts-knob.html" data-key="t-knob-charts">Jquery Knob</a></li> <li><a href="charts-sparkline.html" data-key="t-sparkline-charts">Sparkline</a></li> </ul> </li> <li> <a href="javascript: void(0);" class="has-arrow"> <i data-feather="cpu"></i> <span data-key="t-icons">Icons</span> </a> <ul class="sub-menu" aria-expanded="false"> <li><a href="icons-boxicons.html" data-key="t-boxicons">Boxicons</a></li> <li><a href="icons-materialdesign.html" data-key="t-material-design">Material Design</a></li> <li><a href="icons-dripicons.html" data-key="t-dripicons">Dripicons</a></li> <li><a href="icons-fontawesome.html" data-key="t-font-awesome">Font Awesome 5</a></li> </ul> </li> <li> <a href="javascript: void(0);" class="has-arrow"> <i data-feather="map"></i> <span data-key="t-maps">Maps</span> </a> <ul class="sub-menu" aria-expanded="false"> <li><a href="maps-google.html" data-key="t-g-maps">Google</a></li> <li><a href="maps-vector.html" data-key="t-v-maps">Vector</a></li> <li><a href="maps-leaflet.html" data-key="t-l-maps">Leaflet</a></li> </ul> </li> <li> <a href="javascript: void(0);" class="has-arrow"> <i data-feather="share-2"></i> <span data-key="t-multi-level">Multi Level</span> </a> <ul class="sub-menu" aria-expanded="true"> <li><a href="javascript: void(0);" data-key="t-level-1-1">Level 1.1</a></li> <li> <a href="javascript: void(0);" class="has-arrow" data-key="t-level-1-2">Level 1.2</a> <ul class="sub-menu" aria-expanded="true"> <li><a href="javascript: void(0);" data-key="t-level-2-1">Level 2.1</a></li> <li><a href="javascript: void(0);" data-key="t-level-2-2">Level 2.2</a></li> </ul> </li> </ul> </li> </ul> <div class="card sidebar-alert border-0 text-center mx-4 mb-0 mt-5"> <div class="card-body"> <img src="assets/images/giftbox.png" alt=""> <div class="mt-4"> <h5 class="alertcard-title font-size-16">Unlimited Access</h5> <p class="font-size-13">Upgrade your plan from a Free trial, to select ‘Business Plan’.</p> <a href="#!" class="btn btn-primary mt-2">Upgrade Now</a> </div> </div> </div> </div> <!-- Sidebar --> </div> </div> <!-- Left Sidebar End --> <!-- ============================================================== --> <!-- Start right Content here --> <!-- ============================================================== --> <div class="main-content"> <div class="page-content"> <div class="container-fluid"> <!-- start page title --> <div class="row"> <div class="col-12"> <div class="page-title-box d-sm-flex align-items-center justify-content-between"> <h4 class="mb-sm-0 font-size-18">Dripicons</h4> <div class="page-title-right"> <ol class="breadcrumb m-0"> <li class="breadcrumb-item"><a href="javascript: void(0);">Icons</a></li> <li class="breadcrumb-item active">Dripicons</li> </ol> </div> </div> </div> </div> <!-- end page title --> <div class="row"> <div class="col-12"> <div class="card"> <div class="card-header"> <h4 class="card-title">Examples</h4> <p class="card-title-desc mb-2">Use <code><i class="dripicons-alarm"></i></code>. </p> </div> <div class="card-body"> <div class="row icon-demo-content"> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-alarm"></i> dripicons-alarm </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-align-center"></i> dripicons-align-center </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-align-justify"></i> dripicons-align-justify </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-align-left"></i> dripicons-align-left </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-align-right"></i> dripicons-align-right </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-anchor"></i> dripicons-anchor </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-archive"></i> dripicons-archive </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-arrow-down"></i> dripicons-arrow-down </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-arrow-left"></i> dripicons-arrow-left </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-arrow-right"></i> dripicons-arrow-right </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-arrow-thin-down"></i> dripicons-arrow-thin-down </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-arrow-thin-left"></i> dripicons-arrow-thin-left </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-arrow-thin-right"></i> dripicons-arrow-thin-right </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-arrow-thin-up"></i> dripicons-arrow-thin-up </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-arrow-up"></i> dripicons-arrow-up </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class=" dripicons-article"></i> dripicons-article </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-backspace"></i> dripicons-backspace </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-basket"></i> dripicons-basket </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-basketball"></i> dripicons-basketball </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-battery-empty"></i> dripicons-battery-empty </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-battery-full"></i> dripicons-battery-full </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-battery-low"></i> dripicons-battery-low </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-battery-medium"></i> dripicons-battery-medium </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-bell"></i> dripicons-bell </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-blog"></i> dripicons-blog </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-bluetooth"></i> dripicons-bluetooth </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-bold"></i> dripicons-bold </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-bookmark"></i> dripicons-bookmark </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-bookmarks"></i> dripicons-bookmarks </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-box"></i> dripicons-box </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-briefcase"></i> dripicons-briefcase </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-brightness-low"></i> dripicons-brightness-low </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-brightness-max"></i> dripicons-brightness-max </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-brightness-medium"></i> dripicons-brightness-medium </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-broadcast"></i> dripicons-broadcast </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-browser"></i> dripicons-browser </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-browser-upload"></i> dripicons-browser-upload </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-brush"></i> dripicons-brush </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-calendar"></i> dripicons-calendar </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-camcorder"></i> dripicons-camcorder </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-camera"></i> dripicons-camera </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-card"></i> dripicons-card </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-cart"></i> dripicons-cart </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-checklist"></i> dripicons-checklist </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-checkmark"></i> dripicons-checkmark </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-chevron-down"></i> dripicons-chevron-down </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-chevron-left"></i> dripicons-chevron-left </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-chevron-right"></i> dripicons-chevron-right </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-chevron-up"></i> dripicons-chevron-up </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-clipboard"></i> dripicons-clipboard </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-clock"></i> dripicons-clock </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-clockwise"></i> dripicons-clockwise </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-cloud"></i> dripicons-cloud </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-cloud-download"></i> dripicons-cloud-download </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-cloud-upload"></i> dripicons-cloud-upload </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-code"></i> dripicons-code </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-contract"></i> dripicons-contract </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-contract-2"></i> dripicons-contract-2 </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-conversation"></i> dripicons-conversation </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-copy"></i> dripicons-copy </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-crop"></i> dripicons-crop </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-cross"></i> dripicons-cross </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-crosshair"></i> dripicons-crosshair </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-cutlery"></i> dripicons-cutlery </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-device-desktop"></i> dripicons-device-desktop </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-device-mobile"></i> dripicons-device-mobile </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-device-tablet"></i> dripicons-device-tablet </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-direction"></i> dripicons-direction </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-disc"></i> dripicons-disc </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-document"></i> dripicons-document </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-document-delete"></i> dripicons-document-delete </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-document-edit"></i> dripicons-document-edit </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-document-new"></i> dripicons-document-new </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-document-remove"></i> dripicons-document-remove </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-dot"></i> dripicons-dot </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-dots-2"></i> dripicons-dots-2 </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-dots-3"></i> dripicons-dots-3 </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-download"></i> dripicons-download </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-duplicate"></i> dripicons-duplicate </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-enter"></i> dripicons-enter </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-exit"></i> dripicons-exit </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-expand"></i> dripicons-expand </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-expand-2"></i> dripicons-expand-2 </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-experiment"></i> dripicons-experiment </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-export"></i> dripicons-export </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-feed"></i> dripicons-feed </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-flag"></i> dripicons-flag </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-flashlight"></i> dripicons-flashlight </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-folder"></i> dripicons-folder </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-folder-open"></i> dripicons-folder-open </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-forward"></i> dripicons-forward </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-gaming"></i> dripicons-gaming </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-gear"></i> dripicons-gear </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-graduation"></i> dripicons-graduation </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-graph-bar"></i> dripicons-graph-bar </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-graph-line"></i> dripicons-graph-line </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-graph-pie"></i> dripicons-graph-pie </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-headset"></i> dripicons-headset </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-heart"></i> dripicons-heart </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-help"></i> dripicons-help </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-home"></i> dripicons-home </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-hourglass"></i> dripicons-hourglass </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-inbox"></i> dripicons-inbox </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-information"></i> dripicons-information </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-italic"></i> dripicons-italic </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-jewel"></i> dripicons-jewel </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-lifting"></i> dripicons-lifting </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-lightbulb"></i> dripicons-lightbulb </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-link"></i> dripicons-link </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-link-broken"></i> dripicons-link-broken </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-list"></i> dripicons-list </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-loading"></i> dripicons-loading </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-location"></i> dripicons-location </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-lock"></i> dripicons-lock </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-lock-open"></i> dripicons-lock-open </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-mail"></i> dripicons-mail </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-map"></i> dripicons-map </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-media-loop"></i> dripicons-media-loop </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-media-next"></i> dripicons-media-next </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-media-pause"></i> dripicons-media-pause </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-media-play"></i> dripicons-media-play </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-media-previous"></i> dripicons-media-previous </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-media-record"></i> dripicons-media-record </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-media-shuffle"></i> dripicons-media-shuffle </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-media-stop"></i> dripicons-media-stop </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-medical"></i> dripicons-medical </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-menu"></i> dripicons-menu </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-message"></i> dripicons-message </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-meter"></i> dripicons-meter </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-microphone"></i> dripicons-microphone </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-minus"></i> dripicons-minus </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-monitor"></i> dripicons-monitor </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-move"></i> dripicons-move </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-music"></i> dripicons-music </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-network-1"></i> dripicons-network-1 </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-network-2"></i> dripicons-network-2 </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-network-3"></i> dripicons-network-3 </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-network-4"></i> dripicons-network-4 </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-network-5"></i> dripicons-network-5 </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-pamphlet"></i> dripicons-pamphlet </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-paperclip"></i> dripicons-paperclip </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-pencil"></i> dripicons-pencil </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-phone"></i> dripicons-phone </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-photo"></i> dripicons-photo </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-photo-group"></i> dripicons-photo-group </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-pill"></i> dripicons-pill </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-pin"></i> dripicons-pin </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-plus"></i> dripicons-plus </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-power"></i> dripicons-power </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-preview"></i> dripicons-preview </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-print"></i> dripicons-print </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-pulse"></i> dripicons-pulse </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-question"></i> dripicons-question </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-reply"></i> dripicons-reply </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-reply-all"></i> dripicons-reply-all </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-return"></i> dripicons-return </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-retweet"></i> dripicons-retweet </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-rocket"></i> dripicons-rocket </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-scale"></i> dripicons-scale </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-search"></i> dripicons-search </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-shopping-bag"></i> dripicons-shopping-bag </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-skip"></i> dripicons-skip </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-stack"></i> dripicons-stack </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-star"></i> dripicons-star </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-stopwatch"></i> dripicons-stopwatch </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-store"></i> dripicons-store </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-suitcase"></i> dripicons-suitcase </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-swap"></i> dripicons-swap </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-tag"></i> dripicons-tag </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-tag-delete"></i> dripicons-tag-delete </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-tags"></i> dripicons-tags </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-thumbs-down"></i> dripicons-thumbs-down </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-thumbs-up"></i> dripicons-thumbs-up </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-ticket"></i> dripicons-ticket </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-time-reverse"></i> dripicons-time-reverse </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-to-do"></i> dripicons-to-do </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-toggles"></i> dripicons-toggles </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-trash"></i> dripicons-trash </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-trophy"></i> dripicons-trophy </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-upload"></i> dripicons-upload </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-user"></i> dripicons-user </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-user-group"></i> dripicons-user-group </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-user-id"></i> dripicons-user-id </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-vibrate"></i> dripicons-vibrate </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-view-apps"></i> dripicons-view-apps </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-view-list"></i> dripicons-view-list </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-view-list-large"></i> dripicons-view-list-large </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-view-thumb"></i> dripicons-view-thumb </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-volume-full"></i> dripicons-volume-full </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-volume-low"></i> dripicons-volume-low </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-volume-medium"></i> dripicons-volume-medium </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-volume-off"></i> dripicons-volume-off </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-wallet"></i> dripicons-wallet </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-warning"></i> dripicons-warning </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-web"></i> dripicons-web </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-weight"></i> dripicons-weight </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-wifi"></i> dripicons-wifi </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-wrong"></i> dripicons-wrong </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-zoom-in"></i> dripicons-zoom-in </div> <div class="col-xl-3 col-lg-4 col-sm-6"> <i class="dripicons-zoom-out"></i> dripicons-zoom-out </div> </div> </div> <!-- end card nody --> </div> <!-- end card --> </div> <!-- end col --> </div> <!-- end row --> </div> <!-- container-fluid --> </div> <!-- End Page-content --> <footer class="footer"> <div class="container-fluid"> <div class="row"> <div class="col-sm-6"> <script>document.write(new Date().getFullYear())</script> © Minia. </div> <div class="col-sm-6"> <div class="text-sm-end d-none d-sm-block"> Design & Develop by <a href="#!" class="text-decoration-underline">Themesbrand</a> </div> </div> </div> </div> </footer> </div> <!-- end main content--> </div> <!-- END layout-wrapper --> <!-- Right Sidebar --> <div class="right-bar"> <div data-simplebar class="h-100"> <div class="rightbar-title d-flex align-items-center bg-dark p-3"> <h5 class="m-0 me-2 text-white">Theme Customizer</h5> <a href="javascript:void(0);" class="right-bar-toggle ms-auto"> <i class="mdi mdi-close noti-icon"></i> </a> </div> <!-- Settings --> <hr class="m-0" /> <div class="p-4"> <h6 class="mb-3">Layout</h6> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout" id="layout-vertical" value="vertical"> <label class="form-check-label" for="layout-vertical">Vertical</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout" id="layout-horizontal" value="horizontal"> <label class="form-check-label" for="layout-horizontal">Horizontal</label> </div> <h6 class="mt-4 mb-3 pt-2">Layout Mode</h6> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-mode" id="layout-mode-light" value="light"> <label class="form-check-label" for="layout-mode-light">Light</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-mode" id="layout-mode-dark" value="dark"> <label class="form-check-label" for="layout-mode-dark">Dark</label> </div> <h6 class="mt-4 mb-3 pt-2">Layout Width</h6> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-width" id="layout-width-fuild" value="fuild" onchange="document.body.setAttribute('data-layout-size', 'fluid')"> <label class="form-check-label" for="layout-width-fuild">Fluid</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-width" id="layout-width-boxed" value="boxed" onchange="document.body.setAttribute('data-layout-size', 'boxed')"> <label class="form-check-label" for="layout-width-boxed">Boxed</label> </div> <h6 class="mt-4 mb-3 pt-2">Layout Position</h6> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-position" id="layout-position-fixed" value="fixed" onchange="document.body.setAttribute('data-layout-scrollable', 'false')"> <label class="form-check-label" for="layout-position-fixed">Fixed</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-position" id="layout-position-scrollable" value="scrollable" onchange="document.body.setAttribute('data-layout-scrollable', 'true')"> <label class="form-check-label" for="layout-position-scrollable">Scrollable</label> </div> <h6 class="mt-4 mb-3 pt-2">Topbar Color</h6> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="topbar-color" id="topbar-color-light" value="light" onchange="document.body.setAttribute('data-topbar', 'light')"> <label class="form-check-label" for="topbar-color-light">Light</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="topbar-color" id="topbar-color-dark" value="dark" onchange="document.body.setAttribute('data-topbar', 'dark')"> <label class="form-check-label" for="topbar-color-dark">Dark</label> </div> <h6 class="mt-4 mb-3 pt-2 sidebar-setting">Sidebar Size</h6> <div class="form-check sidebar-setting"> <input class="form-check-input" type="radio" name="sidebar-size" id="sidebar-size-default" value="default" onchange="document.body.setAttribute('data-sidebar-size', 'lg')"> <label class="form-check-label" for="sidebar-size-default">Default</label> </div> <div class="form-check sidebar-setting"> <input class="form-check-input" type="radio" name="sidebar-size" id="sidebar-size-compact" value="compact" onchange="document.body.setAttribute('data-sidebar-size', 'md')"> <label class="form-check-label" for="sidebar-size-compact">Compact</label> </div> <div class="form-check sidebar-setting"> <input class="form-check-input" type="radio" name="sidebar-size" id="sidebar-size-small" value="small" onchange="document.body.setAttribute('data-sidebar-size', 'sm')"> <label class="form-check-label" for="sidebar-size-small">Small (Icon View)</label> </div> <h6 class="mt-4 mb-3 pt-2 sidebar-setting">Sidebar Color</h6> <div class="form-check sidebar-setting"> <input class="form-check-input" type="radio" name="sidebar-color" id="sidebar-color-light" value="light" onchange="document.body.setAttribute('data-sidebar', 'light')"> <label class="form-check-label" for="sidebar-color-light">Light</label> </div> <div class="form-check sidebar-setting"> <input class="form-check-input" type="radio" name="sidebar-color" id="sidebar-color-dark" value="dark" onchange="document.body.setAttribute('data-sidebar', 'dark')"> <label class="form-check-label" for="sidebar-color-dark">Dark</label> </div> <div class="form-check sidebar-setting"> <input class="form-check-input" type="radio" name="sidebar-color" id="sidebar-color-brand" value="brand" onchange="document.body.setAttribute('data-sidebar', 'brand')"> <label class="form-check-label" for="sidebar-color-brand">Brand</label> </div> <h6 class="mt-4 mb-3 pt-2">Direction</h6> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-direction" id="layout-direction-ltr" value="ltr"> <label class="form-check-label" for="layout-direction-ltr">LTR</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-direction" id="layout-direction-rtl" value="rtl"> <label class="form-check-label" for="layout-direction-rtl">RTL</label> </div> </div> </div> <!-- end slimscroll-menu--> </div> <!-- /Right-bar --> <!-- Right bar overlay--> <div class="rightbar-overlay"></div> <!-- JAVASCRIPT --> <script src="assets/libs/jquery/jquery.min.js"></script> <script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/libs/metismenu/metisMenu.min.js"></script> <script src="assets/libs/simplebar/simplebar.min.js"></script> <script src="assets/libs/node-waves/waves.min.js"></script> <script src="assets/libs/feather-icons/feather.min.js"></script> <!-- pace js --> <script src="assets/libs/pace-js/pace.min.js"></script> <script src="assets/js/app.js"></script> </body> <!-- Mirrored from themesbrand.com/minia/layouts/icons-dripicons.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 05 Jul 2021 10:26:42 GMT --> </html>