MINI Sh3ll
<div id="layoutSidenav_nav">
<nav class="sidenav shadow-right sidenav-light">
<div class="sidenav-menu">
<div class="nav accordion" id="accordionSidenav">
<!-- Sidenav Menu Heading (Account)-->
<!-- * * Note: * * Visible only on and above the sm breakpoint-->
<div class="sidenav-menu-heading d-sm-none">Account</div>
<!-- Sidenav Link (Alerts)-->
<!-- * * Note: * * Visible only on and above the sm breakpoint-->
<a class="nav-link d-sm-none" href="#!">
<div class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg></div>
Alerts
<span class="badge badge-warning-soft text-warning ml-auto">4 New!</span>
</a>
<!-- Sidenav Link (Messages)-->
<!-- * * Note: * * Visible only on and above the sm breakpoint-->
<a class="nav-link d-sm-none" href="#!">
<div class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg></div>
Messages
<span class="badge badge-success-soft text-success ml-auto">2 New!</span>
</a>
<!-- Sidenav Menu Heading (Core)-->
<div class="sidenav-menu-heading">Core</div>
<!-- Sidenav Accordion (Dashboard)-->
<a class="nav-link collapsed" href="javascript:void(0);" data-toggle="collapse" data-target="#collapseDashboards" aria-expanded="false" aria-controls="collapseDashboards">
<div class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-activity"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg></div>
Dashboards
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse" id="collapseDashboards" data-parent="#accordionSidenav">
<nav class="sidenav-menu-nested nav accordion" id="accordionSidenavPages">
<a class="nav-link" href="index.html">
Default
<span class="badge badge-primary-soft text-primary ml-auto">Updated</span>
</a>
<a class="nav-link" href="dashboard-2.html">Multipurpose</a>
<a class="nav-link" href="dashboard-3.html">Affiliate</a>
</nav>
</div>
<!-- Sidenav Heading (App Views)-->
<div class="sidenav-menu-heading">App Views</div>
<!-- Sidenav Accordion (Pages)-->
<a class="nav-link collapsed" href="javascript:void(0);" data-toggle="collapse" data-target="#collapsePages" aria-expanded="false" aria-controls="collapsePages">
<div class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg></div>
Pages
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse" id="collapsePages" data-parent="#accordionSidenav">
<nav class="sidenav-menu-nested nav accordion" id="accordionSidenavPagesMenu">
<!-- Nested Sidenav Accordion (Pages -> Account)-->
<a class="nav-link collapsed" href="javascript:void(0);" data-toggle="collapse" data-target="#pagesCollapseAccount" aria-expanded="false" aria-controls="pagesCollapseAccount">
Account
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse" id="pagesCollapseAccount" data-parent="#accordionSidenavPagesMenu">
<nav class="sidenav-menu-nested nav">
<a class="nav-link" href="account-profile.html">Profile</a>
<a class="nav-link" href="account-billing.html">Billing</a>
<a class="nav-link" href="account-security.html">Security</a>
<a class="nav-link" href="account-notifications.html">Notifications</a>
</nav>
</div>
<!-- Nested Sidenav Accordion (Pages -> Authentication)-->
<a class="nav-link collapsed" href="javascript:void(0);" data-toggle="collapse" data-target="#pagesCollapseAuth" aria-expanded="false" aria-controls="pagesCollapseAuth">
Authentication
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse" id="pagesCollapseAuth" data-parent="#accordionSidenavPagesMenu">
<nav class="sidenav-menu-nested nav accordion" id="accordionSidenavPagesAuth">
<!-- Nested Sidenav Accordion (Pages -> Authentication -> Basic)-->
<a class="nav-link collapsed" href="javascript:void(0);" data-toggle="collapse" data-target="#pagesCollapseAuthBasic" aria-expanded="false" aria-controls="pagesCollapseAuthBasic">
Basic
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse" id="pagesCollapseAuthBasic" data-parent="#accordionSidenavPagesAuth">
<nav class="sidenav-menu-nested nav">
<a class="nav-link" href="auth-login-basic.html">Login</a>
<a class="nav-link" href="auth-register-basic.html">Register</a>
<a class="nav-link" href="auth-password-basic.html">Forgot Password</a>
</nav>
</div>
<!-- Nested Sidenav Accordion (Pages -> Authentication -> Social)-->
<a class="nav-link collapsed" href="javascript:void(0);" data-toggle="collapse" data-target="#pagesCollapseAuthSocial" aria-expanded="false" aria-controls="pagesCollapseAuthSocial">
Social
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse" id="pagesCollapseAuthSocial" data-parent="#accordionSidenavPagesAuth">
<nav class="sidenav-menu-nested nav">
<a class="nav-link" href="auth-login-social.html">Login</a>
<a class="nav-link" href="auth-register-social.html">Register</a>
<a class="nav-link" href="auth-password-social.html">Forgot Password</a>
</nav>
</div>
</nav>
</div>
<!-- Nested Sidenav Accordion (Pages -> Error)-->
<a class="nav-link collapsed" href="javascript:void(0);" data-toggle="collapse" data-target="#pagesCollapseError" aria-expanded="false" aria-controls="pagesCollapseError">
Error
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse" id="pagesCollapseError" data-parent="#accordionSidenavPagesMenu">
<nav class="sidenav-menu-nested nav">
<a class="nav-link" href="error-400.html">400 Error</a>
<a class="nav-link" href="error-401.html">401 Error</a>
<a class="nav-link" href="error-403.html">403 Error</a>
<a class="nav-link" href="error-404-1.html">404 Error 1</a>
<a class="nav-link" href="error-404-2.html">404 Error 2</a>
<a class="nav-link" href="error-500.html">500 Error</a>
<a class="nav-link" href="error-503.html">503 Error</a>
<a class="nav-link" href="error-504.html">504 Error</a>
</nav>
</div>
<!-- Nested Sidenav Accordion (Pages -> Knowledge Base)-->
<a class="nav-link collapsed" href="javascript:void(0);" data-toggle="collapse" data-target="#pagesCollapseKnowledgeBase" aria-expanded="false" aria-controls="pagesCollapseKnowledgeBase">
Knowledge Base
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse" id="pagesCollapseKnowledgeBase" data-parent="#accordionSidenavPagesMenu">
<nav class="sidenav-menu-nested nav">
<a class="nav-link" href="knowledge-base-home-1.html">Home 1</a>
<a class="nav-link" href="knowledge-base-home-2.html">Home 2</a>
<a class="nav-link" href="knowledge-base-category.html">Category</a>
<a class="nav-link" href="knowledge-base-article.html">Article</a>
</nav>
</div>
<a class="nav-link" href="pricing.html">Pricing</a>
<a class="nav-link" href="invoice.html">Invoice</a>
</nav>
</div>
<!-- Sidenav Accordion (Flows)-->
<a class="nav-link collapsed" href="javascript:void(0);" data-toggle="collapse" data-target="#collapseFlows" aria-expanded="false" aria-controls="collapseFlows">
<div class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg></div>
Flows
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse" id="collapseFlows" data-parent="#accordionSidenav">
<nav class="sidenav-menu-nested nav">
<a class="nav-link" href="multi-tenant-select.html">Multi-Tenant Registration</a>
<a class="nav-link" href="wizard.html">Wizard</a>
</nav>
</div>
<!-- Sidenav Heading (UI Toolkit)-->
<div class="sidenav-menu-heading">UI Toolkit</div>
<!-- Sidenav Accordion (Layout)-->
<a class="nav-link" href="javascript:void(0);" data-toggle="collapse" data-target="#collapseLayouts" aria-expanded="false" aria-controls="collapseLayouts">
<div class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layout"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg></div>
Layout
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse show" id="collapseLayouts" data-parent="#accordionSidenav">
<nav class="sidenav-menu-nested nav accordion" id="accordionSidenavLayout">
<!-- Nested Sidenav Accordion (Layout -> Navigation)-->
<a class="nav-link collapsed" href="javascript:void(0);" data-toggle="collapse" data-target="#collapseLayoutSidenavVariations" aria-expanded="false" aria-controls="collapseLayoutSidenavVariations">
Navigation
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse" id="collapseLayoutSidenavVariations" data-parent="#accordionSidenavLayout">
<nav class="sidenav-menu-nested nav">
<a class="nav-link" href="layout-static.html">Static Sidenav</a>
<a class="nav-link" href="layout-dark.html">Dark Sidenav</a>
<a class="nav-link" href="layout-rtl.html">RTL Layout</a>
</nav>
</div>
<!-- Nested Sidenav Accordion (Layout -> Container Options)-->
<a class="nav-link collapsed" href="javascript:void(0);" data-toggle="collapse" data-target="#collapseLayoutContainers" aria-expanded="false" aria-controls="collapseLayoutContainers">
Container Options
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse" id="collapseLayoutContainers" data-parent="#accordionSidenavLayout">
<nav class="sidenav-menu-nested nav">
<a class="nav-link" href="layout-boxed.html">Boxed Layout</a>
<a class="nav-link" href="layout-fluid.html">Fluid Layout</a>
</nav>
</div>
<!-- Nested Sidenav Accordion (Layout -> Page Headers)-->
<a class="nav-link" href="javascript:void(0);" data-toggle="collapse" data-target="#collapseLayoutsPageHeaders" aria-expanded="false" aria-controls="collapseLayoutsPageHeaders">
Page Headers
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse show" id="collapseLayoutsPageHeaders" data-parent="#accordionSidenavLayout">
<nav class="sidenav-menu-nested nav">
<a class="nav-link" href="header-simplified.html">Simplified</a>
<a class="nav-link" href="header-compact.html">Compact</a>
<a class="nav-link active" href="header-overlap.html">Content Overlap</a>
<a class="nav-link" href="header-breadcrumbs.html">Breadcrumbs</a>
<a class="nav-link" href="header-light.html">Light</a>
</nav>
</div>
<!-- Nested Sidenav Accordion (Layout -> Starter Layouts)-->
<a class="nav-link collapsed" href="javascript:void(0);" data-toggle="collapse" data-target="#collapseLayoutsStarterTemplates" aria-expanded="false" aria-controls="collapseLayoutsStarterTemplates">
Starter Layouts
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse" id="collapseLayoutsStarterTemplates" data-parent="#accordionSidenavLayout">
<nav class="sidenav-menu-nested nav">
<a class="nav-link" href="starter-default.html">Default</a>
<a class="nav-link" href="starter-minimal.html">Minimal</a>
</nav>
</div>
</nav>
</div>
<!-- Sidenav Accordion (Components)-->
<a class="nav-link collapsed" href="javascript:void(0);" data-toggle="collapse" data-target="#collapseComponents" aria-expanded="false" aria-controls="collapseComponents">
<div class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-package"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg></div>
Components
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse" id="collapseComponents" data-parent="#accordionSidenav">
<nav class="sidenav-menu-nested nav">
<a class="nav-link" href="alerts.html">Alerts</a>
<a class="nav-link" href="avatars.html">Avatars</a>
<a class="nav-link" href="badges.html">Badges</a>
<a class="nav-link" href="buttons.html">Buttons</a>
<a class="nav-link" href="cards.html">
Cards
<span class="badge badge-primary-soft text-primary ml-auto">Updated</span>
</a>
<a class="nav-link" href="dropdowns.html">Dropdowns</a>
<a class="nav-link" href="forms.html">
Forms
<span class="badge badge-primary-soft text-primary ml-auto">Updated</span>
</a>
<a class="nav-link" href="modals.html">Modals</a>
<a class="nav-link" href="navigation.html">Navigation</a>
<a class="nav-link" href="progress.html">Progress</a>
<a class="nav-link" href="step.html">Step</a>
<a class="nav-link" href="timeline.html">Timeline</a>
<a class="nav-link" href="toasts.html">Toasts</a>
<a class="nav-link" href="tooltips.html">Tooltips</a>
</nav>
</div>
<!-- Sidenav Accordion (Utilities)-->
<a class="nav-link collapsed" href="javascript:void(0);" data-toggle="collapse" data-target="#collapseUtilities" aria-expanded="false" aria-controls="collapseUtilities">
<div class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tool"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></div>
Utilities
<div class="sidenav-collapse-arrow"><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --></div>
</a>
<div class="collapse" id="collapseUtilities" data-parent="#accordionSidenav">
<nav class="sidenav-menu-nested nav">
<a class="nav-link" href="animations.html">Animations</a>
<a class="nav-link" href="background.html">Background</a>
<a class="nav-link" href="borders.html">Borders</a>
<a class="nav-link" href="lift.html">Lift</a>
<a class="nav-link" href="shadows.html">Shadows</a>
<a class="nav-link" href="typography.html">Typography</a>
</nav>
</div>
<!-- Sidenav Heading (Addons)-->
<div class="sidenav-menu-heading">Plugins</div>
<!-- Sidenav Link (Charts)-->
<a class="nav-link" href="charts.html">
<div class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart"><line x1="12" y1="20" x2="12" y2="10"></line><line x1="18" y1="20" x2="18" y2="4"></line><line x1="6" y1="20" x2="6" y2="16"></line></svg></div>
Charts
</a>
<!-- Sidenav Link (Tables)-->
<a class="nav-link" href="tables.html">
<div class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-filter"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg></div>
Tables
</a>
</div>
</div>
<!-- Sidenav Footer-->
<div class="sidenav-footer">
<div class="sidenav-footer-content">
<div class="sidenav-footer-subtitle">Logged in as:</div>
<div class="sidenav-footer-title">Valerie Luna</div>
</div>
</div>
</nav>
</div>
OHA YOOOO