    <a href="#" class="items-center flex flex-col leading-none ">
        <span
            class="text-sm md:text-lg top-0.5 md:top-1.5 relative  whitespace-nowrap text-black poppins-bold font-bold">Adminduk</span>
        <span
            class="text-md md:text-xl bottom-0.5 md:bottom-1.5 text-[#06275A] relative  whitespace-nowrap poppins-bold font-bold">PUGER</span>
    </a>

    <div class="flex md:order-2 space-x-3 md:space-x-0">
        <a href="/login"
            class="poppins-bold text-bold text-white bg-gradient-to-br from-[#5482B4] to-[#021124]  hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-full text-sm px-8 py-2 text-center">
            Login
        </a>
        <button data-collapse-toggle="navbar-sticky" type="button"
            class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200"
            aria-controls="navbar-sticky" aria-expanded="false">
            <span class="sr-only">Open main menu</span>
            <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
                viewBox="0 0 17 14">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                    d="M1 1h15M1 7h15M1 13h15" />
            </svg>
        </button>
    </div>
    <div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-sticky">
        <ul
            class="poppins-reguler text-md lg:text-lg flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-200 md:space-x-8 md:flex-row md:mt-0 md:border-0 md:bg-white">
            <li>
                <a href="#beranda"
                    class="block py-2 px-3 rounded-sm md:bg-transparent text-[#06275A] md:p-0"
                    aria-current="page">Beranda</a>
            </li>
            <li>
                <a href="#visi-misi"
                    class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0">
                    Visi Misi</a>
            </li>
            <li>
                <a href="#tentang"
                    class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0">
                    Tentang</a>
            </li>
            <li>
                <a href="#contact"
                    class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0">
                    Contact</a>
            </li>
        </ul>
    </div>
