step 10 : add bg active navbar desktop settings.html

This commit is contained in:
sindhu
2025-03-08 03:22:52 +07:00
parent 4342438ca8
commit 19a07dbc9c

View File

@@ -26,11 +26,23 @@
<!-- Navigasi (Desktop) -->
<nav class="hidden lg:flex items-center text-sm gap-6 ml-auto">
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">SETTING</a>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY FORMAT</a>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY CALC</a>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ONLINE</a>
<img src="../images/avatar.png" class="mr-3" />
<ul class="flex items-center gap-6 text-sm">
<li class="bg-[#E3F2FD] rounded-sm p-3">
<a href="#" class="text-[#2196F3] transition font-bold hover:text-black/87">SETTING</a>
</li>
<li>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY FORMAT</a>
</li>
<li>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY CALC</a>
</li>
<li>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ONLINE</a>
</li>
<li>
<img src="../images/avatar.png" class="mr-3" />
</li>
</ul>
</nav>
<!-- Hamburger Menu (Mobile) -->