32 lines
1.6 KiB
PHP
32 lines
1.6 KiB
PHP
<header class="mt-7 mb-24">
|
|
<nav class="flex justify-between items-center w-full mx-auto py-3 relative">
|
|
<div class="flex-1 flex justify-start">
|
|
<a href="#" class="text-title1 text-white font-bold">Gumukmas Multifarm</a>
|
|
</div>
|
|
<input type="checkbox" id="menu-btn" class="hidden">
|
|
<label for="menu-btn" class="lg:hidden cursor-pointer">
|
|
<svg class="w-6 h-6 text-dgreen" fill="none" stroke="currentColor" viewBox="0 0 24 24"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
|
|
</svg>
|
|
</label>
|
|
<div id="menu"
|
|
class="hidden lg:flex lg:flex-row lg:items-center lg:gap-[4vw] flex-col items-center absolute lg:static top-16 left-0 w-full bg-lwhite/75 px-4 py-4 rounded-xl lg:bg-transparent z-10 lg:w-auto lg:flex-grow">
|
|
<ul class="flex lg:flex-row flex-col lg:items-center gap-8 lg:flex-grow lg:justify-end">
|
|
<li>
|
|
<a class="text-title2 text-white hover:font-bold" href="#hero">Beranda</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-title2 text-white hover:font-bold" href="#about">Tentang</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-title2 text-white hover:font-bold" href="#service">Layanan</a>
|
|
</li>
|
|
<li>
|
|
<a class="text-title2 text-white hover:font-bold" href="#">Blog</a>
|
|
</li>
|
|
|
|
</div>
|
|
|
|
</header>
|