28 lines
1.6 KiB
Plaintext
28 lines
1.6 KiB
Plaintext
@using InfiniLore.Lucide
|
|
@addTagHelper *, InfiniLore.Lucide
|
|
|
|
<div id="mega-menu-4" class="hidden absolute left-0 w-full bg-white shadow-lg border-t border-gray-200 transition-all duration-300 z-40">
|
|
<div class="max-w-6xl mx-auto px-4 py-6 grid grid-cols-1 md:grid-cols-3 gap-4">
|
|
<a href="#" class="flex items-start gap-3 p-2 rounded-lg hover:bg-orange-50 transition">
|
|
<div class="bg-orange-100 rounded-full p-2"><i class="w-5 h-5 text-orange-600" data-lucide="file-check"></i></div>
|
|
<div>
|
|
<div class="font-medium text-gray-900 hover:text-orange-700">AMDAL</div>
|
|
<p class="text-sm text-gray-500">Analisis Dampak Lingkungan.</p>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="flex items-start gap-3 p-2 rounded-lg hover:bg-orange-50 transition">
|
|
<div class="bg-orange-100 rounded-full p-2"><i class="w-5 h-5 text-orange-600" data-lucide="banknote"></i></div>
|
|
<div>
|
|
<div class="font-medium text-gray-900 hover:text-orange-700">PPID</div>
|
|
<p class="text-sm text-gray-500">Pejabat Pengelola Informasi dan Dokumentasi.</p>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="flex items-start gap-3 p-2 rounded-lg hover:bg-orange-50 transition">
|
|
<div class="bg-orange-100 rounded-full p-2"><i class="w-5 h-5 text-orange-600" data-lucide="truck"></i></div>
|
|
<div>
|
|
<div class="font-medium text-gray-900 hover:text-orange-700">Bulky Waste</div>
|
|
<p class="text-sm text-gray-500">Penjemputan sampah besar.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div> |