47 lines
2.6 KiB
Plaintext
47 lines
2.6 KiB
Plaintext
<header class="w-full h-20 px-4 lg:px-28 bg-white flex flex-col justify-center items-center shadow-sm">
|
|
<div class="self-stretch flex justify-center items-center gap-8">
|
|
<!-- Logo -->
|
|
<div class="flex-1 flex justify-start items-center gap-2">
|
|
<img class="w-10 h-10" src="/images/logo.png" alt="Logo" />
|
|
</div>
|
|
|
|
<!-- Navigation Menu - Desktop -->
|
|
<div class="hidden lg:flex justify-start items-center gap-8">
|
|
<a href="#" class="rounded-full flex justify-center items-center gap-2 hover:bg-gray-100 px-4 py-2 transition-colors">
|
|
<div class="text-green-800 text-base font-semibold font-jakarta leading-normal">Beranda</div>
|
|
</a>
|
|
<a href="#" class="rounded-full flex justify-center items-center gap-2 hover:bg-gray-100 px-4 py-2 transition-colors">
|
|
<div class="text-slate-600 text-base font-semibold font-jakarta leading-normal">Tentang</div>
|
|
</a>
|
|
<a href="#" class="rounded-full flex justify-center items-center gap-2 hover:bg-gray-100 px-4 py-2 transition-colors">
|
|
<div class="text-slate-600 text-base font-semibold font-jakarta leading-normal">Regulasi</div>
|
|
</a>
|
|
<a href="#" class="rounded-full flex justify-center items-center gap-2 hover:bg-gray-100 px-4 py-2 transition-colors">
|
|
<div class="text-slate-600 text-base font-semibold font-jakarta leading-normal">Edukasi</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Login Button -->
|
|
<div class="flex flex-1 items-center justify-end gap-4">
|
|
<a asp-controller="Dashboard" asp-action="Index" class="btn btn-success rounded-full border-0 bg-bpsrw-500 shadow-none">
|
|
<span class="font-jakarta text-base leading-normal font-semibold text-white">Login</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Mobile Menu Button -->
|
|
<div class="dropdown dropdown-bottom dropdown-end lg:hidden">
|
|
<div tabindex="0" role="button" class="btn btn-ghost">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" />
|
|
</svg>
|
|
</div>
|
|
<ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
|
|
<li><a href="#">Beranda</a></li>
|
|
<li><a href="#">Tentang</a></li>
|
|
<li><a href="#">Regulasi</a></li>
|
|
<li><a href="#">Edukasi</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|