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

    <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="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 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>

</ul>