<!-- Horizontal Menu Start -->
<header class="topnav">
    <nav class="navbar navbar-expand-lg">
        <nav class="container-fluid">
            <div class="collapse navbar-collapse" id="topnav-menu-content">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="index.php">
                            <span class="menu-icon"><i data-lucide="layout-dashboard"></i></span>
                            <span class="menu-text">Dashboard</span>
                        </a>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle drop-arrow-none" href="#" id="topnav-drop" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <span class="menu-icon"><i data-lucide="chevrons-down-up"></i></span>
                            <span class="menu-text">Dropdown</span>
                            <div class="menu-arrow"></div>
                        </a>
                        <div class="dropdown-menu" aria-labelledby="topnav-drop">
                            <a href="#!" class="dropdown-item">Drop Item 1</a>
                            <a href="#!" class="dropdown-item">Drop Item 2</a>
                            <a href="#!" class="dropdown-item disabled">Drop Item Disabled <span class="badge text-bg-light opacity-50">soon</span></a>
                        </div>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle drop-arrow-none" href="#" id="topnav-menu-levels" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="menu-icon"><i data-lucide="list-tree"></i></span>
                            <span class="menu-text">Menu Levels</span>
                            <div class="menu-arrow"></div>
                        </a>
                        <div class="dropdown-menu" aria-labelledby="topnav-menu-levels">
                            <a href="#!" class="dropdown-item"><i data-lucide="ice-cream-cone"></i> Single Item</a>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-ecommerce" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i data-lucide="workflow"></i> Second Level <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-ecommerce">
                                    <a href="#!" class="dropdown-item">Third Level 1</a>
                                    <a href="#!" class="dropdown-item">Third Level 2</a>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle drop-arrow-none" href="#" id="topnav-layouts" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="menu-icon"><i data-lucide="panels-top-left"></i></span>
                            <span class="menu-text">Layouts</span>
                            <div class="menu-arrow"></div>
                        </a>
                        <div class="dropdown-menu" aria-labelledby="topnav-layouts">
                            <a href="index.php" class="dropdown-item">Vertical</a>
                            <a href="layouts-horizontal.php" class="dropdown-item">Horizontal</a>
                        </div>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link disabled" href="#!">
                            <span class="menu-icon"><i data-lucide="shield-alert"></i></span>
                            <span class="menu-text">Disabled</span>
                        </a>
                    </li>
                </ul>

            </div>
        </nav>
    </nav>
</header>
<!-- Horizontal Menu End -->