shihaam/karudhaas
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

updated nav

Browse Source
This commit is contained in:
Mohamed jinas
2021-05-07 07:48:35 +05:00
parent 5e1f371ff3
commit 68a4d13bf0
1 changed files with 49 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
resources/views/partials/header.blade.php
View File

@@ -1,45 +1,54 @@
<!-- 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">
<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>
<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 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>
<div class="mt-12 container mx-auto xl:px-0">
-->
<!-- Nav ends here -->
<ul class="hidden text-lg sm:flex items-center flex-row-reverse">
<a href="/"
class="-mb-px pb-5 mr-20 MvTyper font-bold {{ request()->is('/') ? 'border-b-2 border-gray-800 text-gray-800 ' : 'text-gray-600' }}">ބަނޑޭރި</a>
<a href="/namespaces/business"
class="-mb-px cursor-pointer pb-5 mr-20 MvTyper font-bold {{ request()->is('namespaces/business') ? 'border-b-2 border-gray-800 text-gray-800 ' : 'text-gray-600' }}">ވިޔަފާރި</a>
<a href="/namespaces/sports"
class="-mb-px cursor-pointer pb-5 mr-20 MvTyper font-bold {{ request()->is('namespaces/sports') ? 'border-b-2 border-gray-800 text-gray-800 ' : 'text-gray-600' }}">ކުޅިވަރު</a>
<a href="/namespaces/world"
class="-mb-px cursor-pointer pb-5 mr-20 MvTyper font-bold {{ request()->is('namespaces/world') ? 'border-b-2 border-gray-800 text-gray-800 ' : 'text-gray-600' }}">ދުނިޔެ</a>
</ul>
<hr class="hidden sm:block border-t-2 border-gray-300" />
</div>
<!-- Nav ends here -->