49 lines
2.7 KiB
PHP
49 lines
2.7 KiB
PHP
<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>
|