.sidebar.sidebar-dark.sidebar-fixed.border-end#sidebar
.sidebar-header.border-bottom
.sidebar-brand
svg.sidebar-brand-full(width="88" height="32" alt="CoreUI Logo")
use(xlink:href="assets/brand/coreui.svg#full")
|
svg.sidebar-brand-narrow(width="32" height="32" alt="CoreUI Logo")
use(xlink:href="assets/brand/coreui.svg#signet")
button.btn-close.d-lg-none(type='button' data-coreui-theme="dark" aria-label='Close' onclick='coreui.Sidebar.getInstance(document.querySelector("#sidebar")).toggle()')
ul.sidebar-nav(data-coreui="navigation" data-simplebar)
li.nav-item
a.nav-link(href='index.html')
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-speedometer")
| Dashboard
span.badge.badge-sm.bg-info.ms-auto NEW
li.nav-title
| Theme
li.nav-item
a.nav-link(href='colors.html')
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-drop")
| Colors
li.nav-item
a.nav-link(href='typography.html')
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-pencil")
| Typography
li.nav-title
| Components
li.nav-group
a.nav-link.nav-group-toggle(href='#')
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-puzzle")
| Base
ul.nav-group-items.compact
li.nav-item
a.nav-link(href='base/accordion.html')
span.nav-icon
span.nav-icon-bullet
| Accordion
li.nav-item
a.nav-link(href='base/breadcrumb.html')
span.nav-icon
span.nav-icon-bullet
| Breadcrumb
li.nav-item
a.nav-link(href='https://coreui.io/bootstrap/docs/components/calendar/' target='_blank')
span.nav-icon
span.nav-icon-bullet
| Calendar
svg.icon.icon-sm.ms-2
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-external-link")
span.badge.badge-sm.bg-danger.ms-auto PRO
li.nav-item
a.nav-link(href='base/cards.html')
span.nav-icon
span.nav-icon-bullet
| Cards
li.nav-item
a.nav-link(href='base/carousel.html')
span.nav-icon
span.nav-icon-bullet
| Carousel
li.nav-item
a.nav-link(href='base/collapse.html')
span.nav-icon
span.nav-icon-bullet
| Collapse
li.nav-item
a.nav-link(href='base/list-group.html')
span.nav-icon
span.nav-icon-bullet
| List group
li.nav-item
a.nav-link(href='base/navs-tabs.html')
span.nav-icon
span.nav-icon-bullet
| Navs & Tabs
li.nav-item
a.nav-link(href='base/pagination.html')
span.nav-icon
span.nav-icon-bullet
| Pagination
li.nav-item
a.nav-link(href='base/placeholders.html')
span.nav-icon
span.nav-icon-bullet
| Placeholders
li.nav-item
a.nav-link(href='base/popovers.html')
span.nav-icon
span.nav-icon-bullet
| Popovers
li.nav-item
a.nav-link(href='base/progress.html')
span.nav-icon
span.nav-icon-bullet
| Progress
li.nav-item
a.nav-link(href='base/spinners.html')
span.nav-icon
span.nav-icon-bullet
| Spinners
li.nav-item
a.nav-link(href='base/tables.html')
span.nav-icon
span.nav-icon-bullet
| Tables
li.nav-item
a.nav-link(href='base/tooltips.html')
span.nav-icon
span.nav-icon-bullet
| Tooltips
li.nav-group
a.nav-link.nav-group-toggle(href='#')
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-cursor")
| Buttons
ul.nav-group-items.compact
li.nav-item
a.nav-link(href='buttons/buttons.html')
span.nav-icon
span.nav-icon-bullet
| Buttons
li.nav-item
a.nav-link(href='buttons/button-group.html')
span.nav-icon
span.nav-icon-bullet
| Buttons Group
li.nav-item
a.nav-link(href='buttons/dropdowns.html')
span.nav-icon
span.nav-icon-bullet
| Dropdowns
li.nav-item
a.nav-link(href='https://coreui.io/bootstrap/docs/components/loading-buttons/' target='_blank')
span.nav-icon
span.nav-icon-bullet
| Loading Buttons
svg.icon.icon-sm.ms-2
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-external-link")
span.badge.badge-sm.bg-danger.ms-auto PRO
li.nav-item
a.nav-link(href='charts.html')
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-chart-pie")
| Charts
li.nav-group
a.nav-link.nav-group-toggle(href='#')
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-notes")
| Forms
ul.nav-group-items.compact
li.nav-item
a.nav-link(href='forms/form-control.html')
span.nav-icon
span.nav-icon-bullet
| Form Control
li.nav-item
a.nav-link(href='forms/select.html')
span.nav-icon
span.nav-icon-bullet
| Select
li.nav-item
a.nav-link(href='https://coreui.io/bootstrap/docs/forms/multi-select/' target='_blank')
span.nav-icon
span.nav-icon-bullet
| Multi Select
svg.icon.icon-sm.ms-2
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-external-link")
span.badge.badge-sm.bg-danger.ms-auto PRO
li.nav-item
a.nav-link(href='forms/checks-radios.html')
span.nav-icon
span.nav-icon-bullet
| Checks and radios
li.nav-item
a.nav-link(href='forms/range.html')
span.nav-icon
span.nav-icon-bullet
| Range
li.nav-item
a.nav-link(href='https://coreui.io/bootstrap/docs/forms/range-slider/' target='_blank')
span.nav-icon
span.nav-icon-bullet
| Range Slider
svg.icon.icon-sm.ms-2
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-external-link")
span.badge.badge-sm.bg-danger.ms-auto PRO
li.nav-item
a.nav-link(href='forms/input-group.html')
span.nav-icon
span.nav-icon-bullet
| Input group
li.nav-item
a.nav-link(href='forms/floating-labels.html')
span.nav-icon
span.nav-icon-bullet
| Floating labels
li.nav-item
a.nav-link(href='https://coreui.io/bootstrap/docs/forms/date-picker/' target='_blank')
span.nav-icon
span.nav-icon-bullet
| Date Picker
svg.icon.icon-sm.ms-2
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-external-link")
span.badge.badge-sm.bg-danger.ms-auto PRO
li.nav-item
a.nav-link(href='https://coreui.io/bootstrap/docs/forms/date-range-picker/' target='_blank')
span.nav-icon
span.nav-icon-bullet
| Date Range Picker
span.badge.badge-sm.bg-danger.ms-auto PRO
li.nav-item
a.nav-link(href='https://coreui.io/bootstrap/docs/forms/rating/' target='_blank')
span.nav-icon
span.nav-icon-bullet
| Rating
svg.icon.icon-sm.ms-2
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-external-link")
span.badge.badge-sm.bg-danger.ms-auto PRO
li.nav-item
a.nav-link(href='https://coreui.io/bootstrap/docs/forms/time-picker/' target='_blank')
span.nav-icon
span.nav-icon-bullet
| Time Picker
svg.icon.icon-sm.ms-2
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-external-link")
span.badge.badge-sm.bg-danger.ms-auto PRO
li.nav-item
a.nav-link(href='forms/layout.html')
span.nav-icon
span.nav-icon-bullet
| Layout
li.nav-item
a.nav-link(href='forms/validation.html')
span.nav-icon
span.nav-icon-bullet
| Validation
li.nav-group
a.nav-link.nav-group-toggle(href='#')
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-star")
| Icons
ul.nav-group-items.compact
li.nav-item
a.nav-link(href='icons/coreui-icons-free.html')
span.nav-icon
span.nav-icon-bullet
| CoreUI Icons
span.badge.badge-sm.bg-success.ms-auto Free
li.nav-item
a.nav-link(href='icons/coreui-icons-brand.html')
span.nav-icon
span.nav-icon-bullet
| CoreUI Icons - Brand
li.nav-item
a.nav-link(href='icons/coreui-icons-flag.html')
span.nav-icon
span.nav-icon-bullet
| CoreUI Icons - Flag
li.nav-group
a.nav-link.nav-group-toggle(href='#')
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-bell")
| Notifications
ul.nav-group-items.compact
li.nav-item
a.nav-link(href='notifications/alerts.html')
span.nav-icon
span.nav-icon-bullet
| Alerts
li.nav-item
a.nav-link(href='notifications/badge.html')
span.nav-icon
span.nav-icon-bullet
| Badge
li.nav-item
a.nav-link(href='notifications/modals.html')
span.nav-icon
span.nav-icon-bullet
| Modals
li.nav-item
a.nav-link(href='notifications/toasts.html')
span.nav-icon
span.nav-icon-bullet
| Toasts
li.nav-item
a.nav-link(href='widgets.html')
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-calculator")
| Widgets
span.badge.badge-sm.bg-info.ms-auto NEW
li.nav-divider
li.nav-title
| Extras
li.nav-group
a.nav-link.nav-group-toggle(href='#')
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-star")
| Pages
ul.nav-group-items.compact
li.nav-item
a.nav-link(href='login.html' target="_top")
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-account-logout")
| Login
li.nav-item
a.nav-link(href='register.html' target="_top")
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-account-logout")
| Register
li.nav-item
a.nav-link(href='404.html' target="_top")
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-bug")
| Error 404
li.nav-item
a.nav-link(href='500.html' target="_top")
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-bug")
| Error 500
li.nav-item.mt-auto
a.nav-link(href='https://coreui.io/docs/templates/installation/' target='_blank')
svg.nav-icon
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-description")
| Docs
li.nav-item
a.nav-link.text-primary.fw-semibold(href="https://coreui.io/product/bootstrap-dashboard-template/" target="_top")
svg.nav-icon.text-primary
use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-layers")
| Try CoreUI PRO
.sidebar-footer.border-top.d-none.d-md-flex
button.sidebar-toggler(type="button" data-coreui-toggle="unfoldable")
