<ul id="js-nav-menu" class="nav-menu">

    <li class="nav-title"><span>Insights</span></li>

    <li class="nav-item">
        <a href="#" title="Dashboards" data-filter-tags>
            <svg class="sa-icon">
                <use href="/public/icons/sprite.svg#trello"></use>
            </svg>
            <span class="nav-link-text" data-i18n>Dashboards</span>
            <span class="badge bg-danger-700 badge-end">New</span>
        </a>

        <ul>
            <li>
                <a href="dashboard-control-center.php">
                    <span class="nav-link-text" data-i18n>Control Center</span>
                </a>
            </li>
            <li>
                <a href="dashboard-subscription.php">
                    <span class="nav-link-text" data-i18n>Subscription & Billing</span>
                </a>
            </li>
            <li>
                <a href="dashboard-marketing.php">
                    <span class="nav-link-text" data-i18n>Marketing & Sales</span>
                </a>
            </li>
            <li>
                <a href="dashboard-project-management.php">
                    <span class="nav-link-text" data-i18n>Project Management</span>
                </a>
            </li>
        </ul>
    </li>

    <li class="nav-title"><span>Config</span></li>

    <li>
        <a href="appintel.php">
            <svg class="sa-icon">
                <use href="/public/icons/sprite.svg#cpu"></use>
            </svg>
            <span class="nav-link-text">Application Intel</span>
        </a>
    </li>

    <li class="nav-title"><span>Layouts</span></li>

    <li class="nav-item">
        <a href="#" title="Access Control" data-filter-tags>
            <svg class="sa-icon">
                <use href="/public/icons/sprite.svg#slash"></use>
            </svg>
            <span class="nav-link-text" data-i18n>Access Control</span>
        </a>

        <ul>
            <li class="nav-item">
                <a href="#" title="Authentication" data-filter-tags>
                    <span class="nav-link-text" data-i18n>Authentication Pages</span>
                </a>

                <ul>
                    <li>
                        <a href="auth-login.php">
                            <span class="nav-link-text" data-i18n>Login</span>
                        </a>
                    </li>
                    <li>
                        <a href="auth-register.php">
                            <span class="nav-link-text" data-i18n>Register</span>
                        </a>
                    </li>
                    <li>
                        <a href="auth-forgetpassword.php">
                            <span class="nav-link-text" data-i18n>Forget Password</span>
                        </a>
                    </li>
                    <li>
                        <a href="auth-twofactor.php">
                            <span class="nav-link-text" data-i18n>2FA</span>
                        </a>
                    </li>
                    <li>
                        <a href="auth-lockscreen.php">
                            <span class="nav-link-text" data-i18n>Lock Screen</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="emaildesign.php">
                    <span class="nav-link-text" data-i18n>Email Templates</span>
                </a>
            </li>
            <li class="nav-item">
                <a href="#" title="Error Pages" data-filter-tags>
                    <span class="nav-link-text" data-i18n>Error Pages</span>
                </a>

                <ul>
                    <li>
                        <a href="error-404.php">
                            <span class="nav-link-text" data-i18n>404 Not Found</span>
                        </a>
                    </li>
                    <li>
                        <a href="error-404-2.php">
                            <span class="nav-link-text" data-i18n>404 Not Found 2</span>
                        </a>
                    </li>
                    <li>
                        <a href="error-500.php">
                            <span class="nav-link-text" data-i18n>500 Internal Server</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="profile.php">
                    <span class="nav-link-text" data-i18n>User Profile</span>
                </a>
            </li>
        </ul>
    </li>

    <li class="nav-item">
        <a href="#" title="Communication" data-filter-tags>
            <svg class="sa-icon">
                <use href="/public/icons/sprite.svg#message-square"></use>
            </svg>
            <span class="nav-link-text" data-i18n>Communication</span>
        </a>

        <ul>
            <li>
                <a href="messenger.php">
                    <span class="nav-link-text" data-i18n>Messenger & Chat</span>
                </a>
            </li>
            <li class="nav-item">
                <a href="#" title="Email" data-filter-tags>
                    <span class="nav-link-text" data-i18n>Email</span>
                </a>

                <ul>
                    <li>
                        <a href="systemmail.php">
                            <span class="nav-link-text" data-i18n>System Mail</span>
                        </a>
                    </li>
                    <li>
                        <a href="systemmail-read.php">
                            <span class="nav-link-text" data-i18n>Mail Read</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="usercontact.php">
                    <span class="nav-link-text" data-i18n>User Contact</span>
                </a>
            </li>
        </ul>
    </li>

    <li class="nav-item">
        <a href="#" title="Miscellaneous" data-filter-tags>
            <svg class="sa-icon">
                <use href="/public/icons/sprite.svg#archive"></use>
            </svg>
            <span class="nav-link-text" data-i18n>Miscellaneous</span>
        </a>

        <ul>
            <li>
                <a href="forum.php">
                    <span class="nav-link-text" data-i18n>Forum General</span>
                </a>
            </li>
            <li>
                <a href="forum-threads.php">
                    <span class="nav-link-text" data-i18n>Forum Threads</span>
                </a>
            </li>
            <li>
                <a href="forum-discussion.php">
                    <span class="nav-link-text" data-i18n>Forum Discussions</span>
                </a>
            </li>
            <li>
                <a href="search.php">
                    <span class="nav-link-text" data-i18n>Search</span>
                </a>
            </li>
        </ul>
    </li>

    <li>
        <a href="landing.php" target="_blank">
            <svg class="sa-icon">
                <use href="/public/icons/sprite.svg#zap"></use>
            </svg>
            <span class="nav-link-text">Landing</span>
        </a>
    </li>

    <li class="nav-title"><span>Design</span></li>

    <li class="nav-item">
        <a href="#" title="UI Components" data-filter-tags>
            <svg class="sa-icon">
                <use href="/public/icons/sprite.svg#layers"></use>
            </svg>
            <span class="nav-link-text" data-i18n>UI Components</span>
        </a>

        <ul>
            <li>
                <a href="ui-alerts.php">
                    <span class="nav-link-text" data-i18n>Alerts</span>
                </a>
            </li>
            <li>
                <a href="ui-accordions.php">
                    <span class="nav-link-text" data-i18n>Accordions</span>
                </a>
            </li>
            <li>
                <a href="ui-badges.php">
                    <span class="nav-link-text" data-i18n>Badges</span>
                </a>
            </li>
            <li>
                <a href="ui-buttons.php">
                    <span class="nav-link-text" data-i18n>Buttons</span>
                </a>
            </li>
            <li>
                <a href="ui-buttongroup.php">
                    <span class="nav-link-text" data-i18n>Button Group</span>
                </a>
            </li>
            <li>
                <a href="ui-cards.php">
                    <span class="nav-link-text" data-i18n>Cards</span>
                </a>
            </li>
            <li>
                <a href="ui-breadcrumbs.php">
                    <span class="nav-link-text" data-i18n>Breadcrumbs</span>
                </a>
            </li>
            <li>
                <a href="ui-dropdowns.php">
                    <span class="nav-link-text" data-i18n>Dropdowns</span>
                </a>
            </li>
            <li>
                <a href="ui-navbars.php">
                    <span class="nav-link-text" data-i18n>Navbars</span>
                </a>
            </li>
            <li>
                <a href="ui-pagination.php">
                    <span class="nav-link-text" data-i18n>Pagination</span>
                </a>
            </li>
            <li>
                <a href="ui-scrollspy.php">
                    <span class="nav-link-text" data-i18n>ScrollSpy</span>
                </a>
            </li>
            <li>
                <a href="ui-collapse.php">
                    <span class="nav-link-text" data-i18n>Collapse</span>
                </a>
            </li>
            <li>
                <a href="ui-modal.php">
                    <span class="nav-link-text" data-i18n>Modal</span>
                </a>
            </li>
            <li>
                <a href="ui-tabs-pills.php">
                    <span class="nav-link-text" data-i18n>Tabs & Pills</span>
                </a>
            </li>
            <li>
                <a href="ui-tooltips.php">
                    <span class="nav-link-text" data-i18n>Tooltips</span>
                </a>
            </li>
            <li>
                <a href="ui-popovers.php">
                    <span class="nav-link-text" data-i18n>Popovers</span>
                </a>
            </li>
            <li>
                <a href="ui-toasts.php">
                    <span class="nav-link-text" data-i18n>Toasts</span>
                </a>
            </li>
            <li>
                <a href="ui-progressbars.php">
                    <span class="nav-link-text" data-i18n>Progress Bars</span>
                </a>
            </li>
            <li>
                <a href="ui-spinners.php">
                    <span class="nav-link-text" data-i18n>Spinners</span>
                </a>
            </li>
            <li>
                <a href="ui-carousels.php">
                    <span class="nav-link-text" data-i18n>Carousels</span>
                </a>
            </li>
            <li>
                <a href="ui-panels.php">
                    <span class="nav-link-text" data-i18n>Panels</span>
                </a>
            </li>
            <li>
                <a href="ui-list-filter.php">
                    <span class="nav-link-text" data-i18n>List Filter</span>
                </a>
            </li>
            <li>
                <a href="ui-sidepanels.php">
                    <span class="nav-link-text" data-i18n>Side Panels</span>
                </a>
            </li>
        </ul>
    </li>

    <li class="nav-item">
        <a href="#" title="System Utilities" data-filter-tags>
            <svg class="sa-icon">
                <use href="/public/icons/sprite.svg#package"></use>
            </svg>
            <span class="nav-link-text" data-i18n>System Utilities</span>
        </a>

        <ul>
            <li>
                <a href="utilities-borders.php">
                    <span class="nav-link-text" data-i18n>Borders</span>
                </a>
            </li>
            <li>
                <a href="utilities-display-property.php">
                    <span class="nav-link-text" data-i18n>Display Property</span>
                </a>
            </li>
            <li>
                <a href="utilities-responsivegrid.php">
                    <span class="nav-link-text" data-i18n>Responsive Grid</span>
                </a>
            </li>
            <li>
                <a href="utilities-position.php">
                    <span class="nav-link-text" data-i18n>Position</span>
                </a>
            </li>
            <li>
                <a href="utilities-colorpalette.php">
                    <span class="nav-link-text" data-i18n>Color Palette</span>
                </a>
            </li>
            <li>
                <a href="utilities-typography.php">
                    <span class="nav-link-text" data-i18n>Typography</span>
                </a>
            </li>
            <li>
                <a href="utilities-sizing.php">
                    <span class="nav-link-text" data-i18n>Sizing</span>
                </a>
            </li>
            <li>
                <a href="utilities-spacing.php">
                    <span class="nav-link-text" data-i18n>Spacing</span>
                </a>
            </li>
            <li>
                <a href="utilities-flexbox.php">
                    <span class="nav-link-text" data-i18n>Flexbox</span>
                </a>
            </li>
            <li>
                <a href="utilities-helpers.php">
                    <span class="nav-link-text" data-i18n>Helpers</span>
                </a>
            </li>
            <li>
                <a href="utilities-visibility-generator.php">
                    <span class="nav-link-text" data-i18n>Visibility Generator</span>
                </a>
            </li>
        </ul>
    </li>

    <li class="nav-item">
        <a href="#" title="Iconography" data-filter-tags>
            <svg class="sa-icon">
                <use href="/public/icons/sprite.svg#heart"></use>
            </svg>
            <span class="nav-link-text" data-i18n>Iconography</span>
        </a>

        <ul>
            <li>
                <a href="icons-system.php">
                    <span class="nav-link-text" data-i18n>System Icons</span>
                </a>
            </li>
            <li>
                <a href="icons-fontawesome.php">
                    <span class="nav-link-text" data-i18n>FontAwesome 5.3</span>
                </a>
            </li>
            <li>
                <a href="icons-smartadmin.php">
                    <span class="nav-link-text" data-i18n>SmartAdmin Icons 1.0</span>
                </a>
            </li>
            <li>
                <a href="icons-stackgenerator.php">
                    <span class="nav-link-text" data-i18n>Stack Generator</span>
                </a>
            </li>
            <li>
                <a href="icons-stacklibrary.php">
                    <span class="nav-link-text" data-i18n>Stack Library</span>
                </a>
            </li>
        </ul>
    </li>

    <li class="nav-item">
        <a href="#" title="Tables" data-filter-tags>
            <svg class="sa-icon">
                <use href="/public/icons/sprite.svg#table"></use>
            </svg>
            <span class="nav-link-text" data-i18n>Tables</span>
        </a>

        <ul>
            <li>
                <a href="tables-basic.php">
                    <span class="nav-link-text" data-i18n>Basic Tables</span>
                </a>
            </li>
            <li>
                <a href="tables-style-generator.php">
                    <span class="nav-link-text" data-i18n>Tables Style Generator</span>
                </a>
            </li>
        </ul>
    </li>

    <li class="nav-item">
        <a href="#" title="Forms" data-filter-tags>
            <svg class="sa-icon">
                <use href="/public/icons/sprite.svg#edit"></use>
            </svg>
            <span class="nav-link-text" data-i18n>Forms</span>
        </a>

        <ul>
            <li>
                <a href="forms-inputs.php">
                    <span class="nav-link-text" data-i18n>Inputs</span>
                </a>
            </li>
            <li>
                <a href="forms-checkbox-radio.php">
                    <span class="nav-link-text" data-i18n>Checkbox & Radio</span>
                </a>
            </li>
            <li>
                <a href="forms-groups.php">
                    <span class="nav-link-text" data-i18n>Groups</span>
                </a>
            </li>
            <li>
                <a href="forms-validation.php">
                    <span class="nav-link-text" data-i18n>Validation</span>
                </a>
            </li>
        </ul>
    </li>

    <li class="nav-title"><span>Data Visualization</span></li>

    <li class="nav-item">
        <a href="#" title="Smart Tables" data-filter-tags>
            <svg class="sa-icon">
                <use href="/public/icons/sprite.svg#database"></use>
            </svg>
            <span class="nav-link-text" data-i18n>Smart Tables</span>
            <span class="badge bg-primary-500 badge-end">1.2.7</span>
        </a>

        <ul>
            <li>
                <a href="smarttables-minimal.php">
                    <span class="nav-link-text" data-i18n>Minimal Settings</span>
                </a>
            </li>
            <li>
                <a href="smarttables-responsive.php">
                    <span class="nav-link-text" data-i18n>Responsive Settings</span>
                </a>
            </li>
            <li>
                <a href="smarttables-importexport-data.php">
                    <span class="nav-link-text" data-i18n>Import & Export Data</span>
                </a>
            </li>
            <li>
                <a href="smarttables-json-source.php">
                    <span class="nav-link-text" data-i18n>JSON Data Source</span>
                </a>
            </li>
            <li>
                <a href="smarttables-manage-records.php">
                    <span class="nav-link-text" data-i18n>Manage Records</span>
                    <span class="badge bg-warning text-dark badge-end">New</span>
                </a>
            </li>
            <li>
                <a href="smarttables-fuzzy-matching.php">
                    <span class="nav-link-text" data-i18n>Fuzzy Matching</span>
                </a>
            </li>
            <li>
                <a href="smarttables-server-side.php">
                    <span class="nav-link-text" data-i18n>Server-Side Mode</span>
                </a>
            </li>
        </ul>
    </li>

    <li class="nav-item">
        <a href="#" title="Apex Charts" data-filter-tags>
            <svg class="sa-icon">
                <use href="/public/icons/sprite.svg#pie-chart"></use>
            </svg>
            <span class="nav-link-text" data-i18n>Apex Charts</span>
        </a>

        <ul>
            <li>
                <a href="apex-area.php">
                    <span class="nav-link-text" data-i18n>Area Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-bar.php">
                    <span class="nav-link-text" data-i18n>Bar Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-box-whisker.php">
                    <span class="nav-link-text" data-i18n>Box & Whisker Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-bubble.php">
                    <span class="nav-link-text" data-i18n>Bubble Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-candlestick.php">
                    <span class="nav-link-text" data-i18n>Candlestick Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-column.php">
                    <span class="nav-link-text" data-i18n>Column Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-funnel.php">
                    <span class="nav-link-text" data-i18n>Funnel Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-heatmap.php">
                    <span class="nav-link-text" data-i18n>Heatmap Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-line.php">
                    <span class="nav-link-text" data-i18n>Line Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-mixed-combo.php">
                    <span class="nav-link-text" data-i18n>Mixed/Combo Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-pie-donut.php">
                    <span class="nav-link-text" data-i18n>Pie/Donuts</span>
                </a>
            </li>
            <li>
                <a href="apex-polar-area.php">
                    <span class="nav-link-text" data-i18n>Polar Area Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-radar.php">
                    <span class="nav-link-text" data-i18n>Radar Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-radialbars-circle.php">
                    <span class="nav-link-text" data-i18n>RadialBars/Circle Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-range-area.php">
                    <span class="nav-link-text" data-i18n>Range Area Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-scatter.php">
                    <span class="nav-link-text" data-i18n>Scatter Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-slope.php">
                    <span class="nav-link-text" data-i18n>Slope Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-sparkline.php">
                    <span class="nav-link-text" data-i18n>Sparklines</span>
                </a>
            </li>
            <li>
                <a href="apex-timeline.php">
                    <span class="nav-link-text" data-i18n>Timeline Charts</span>
                </a>
            </li>
            <li>
                <a href="apex-treemap.php">
                    <span class="nav-link-text" data-i18n>Treemap Charts</span>
                </a>
            </li>
        </ul>
    </li>

    <li class="nav-item">
        <a href="#" title="Data Bites" data-filter-tags>
            <svg class="sa-icon">
                <use href="/public/icons/sprite.svg#grid"></use>
            </svg>
            <span class="nav-link-text" data-i18n>Data Bites</span>
        </a>

        <ul>
            <li>
                <a href="peity-charts.php">
                    <span class="nav-link-text" data-i18n>Peity Charts</span>
                </a>
            </li>
            <li>
                <a href="streamline.php">
                    <span class="nav-link-text" data-i18n>Streamline</span>
                </a>
            </li>
            <li>
                <a href="easy-pie-chart.php">
                    <span class="nav-link-text" data-i18n>Easy Pie Chart</span>
                </a>
            </li>
        </ul>
    </li>

    <li>
        <a href="fullcalendar.php">
            <svg class="sa-icon">
                <use href="/public/icons/sprite.svg#calendar"></use>
            </svg>
            <span class="nav-link-text">Full Calendar</span>
        </a>
    </li>
</ul>