45 lines
2.6 KiB
PHP
45 lines
2.6 KiB
PHP
<!-- Nav starts here -->
|
|
<div class="py-4 md:py-10">
|
|
<header class="mx-auto container px-4 xl:px-0">
|
|
<div class="flex items-center justify-end">
|
|
<a href="/">
|
|
<img class="w-40" src="/images/karudhaas.png" alt="logo"/>
|
|
</a>
|
|
<div>
|
|
|
|
<div id="menu" class="md:block lg:block hidden">
|
|
<div onclick="toggleMenu(false)" class="block md:hidden lg:hidden text-gray-500 hover:text-gray-700 focus:text-gray-700 fixed focus:outline-none z-30 top-0 pt-4">
|
|
<svg aria-haspopup="true" aria-label="Main Menu" xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
<path stroke="none" d="M0 0h24v24H0z" />
|
|
<line x1="18" y1="6" x2="6" y2="18" />
|
|
<line x1="6" y1="6" x2="18" y2="18" />
|
|
</svg>
|
|
</div>
|
|
<ul class="flex md:flex text-3xl md:text-base bg-white lg:text-base lg:flex flex-col md:flex-row lg:flex-row justify-center items-center fixed md:relative lg:relative top-0 bottom-0 left-0 right-0 z-20">
|
|
<li class="md:hidden md:mr-8 lg:mr-10 flex items-center">
|
|
<a class="hover:text-gray-800 text-gray-600 font-semibold pt-10 md:pt-0" href="./about.html">About</a>
|
|
</li>
|
|
<li class="md:hidden md:mr-8 lg:mr-10 flex items-center">
|
|
<a class="hover:text-gray-800 text-gray-600 font-semibold pt-10 md:pt-0" href="./blog.html">Blog</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
<!--
|
|
<div class="mt-12 container mx-auto xl:px-0">
|
|
|
|
<ul class="hidden text-lg sm:flex items-center flex-row-reverse">
|
|
<li onclick="toggleContent(this,1)" class="-mb-px border-b-2 border-gray-800 pb-5 text-gray-800 mr-20 MvTyper font-bold">ބަނޑޭރި</li>
|
|
<li onclick="toggleContent(this,2)" class="-mb-px cursor-pointer pb-5 text-gray-600 mr-20 MvTyper font-bold">ވިޔަފާރި</li>
|
|
<li onclick="toggleContent(this,3)" class="-mb-px cursor-pointer pb-5 text-gray-600 mr-20 MvTyper font-bold">ކުޅިވަރު</li>
|
|
<li onclick="toggleContent(this,4)" class="-mb-px cursor-pointer pb-5 text-gray-600 mr-20 MvTyper font-bold">ދުނިޔެ</li>
|
|
</ul>
|
|
<hr class="hidden sm:block border-t-2 border-gray-300" />
|
|
|
|
</div>
|
|
|
|
-->
|
|
<!-- Nav ends here --> |