22 lines
1.1 KiB
PHP
22 lines
1.1 KiB
PHP
<div class="hidden md:flex space-x-10 text-white font-medium">
|
|
<a href="#" class="hover:text-yellow-300 transition">Home 2</a>
|
|
<a href="#" class="hover:text-yellow-300 transition">Gallery</a>
|
|
<a href="#" class="hover:text-yellow-300 transition">Products</a>
|
|
<a href="#" class="hover:text-yellow-300 transition">About</a>
|
|
<a href="#" class="hover:text-yellow-300 transition">Contact</a>
|
|
</div>
|
|
<div class="md:hidden" x-data="{ open: false }">
|
|
<button @click="open = !open" class="text-white focus:outline-none">
|
|
<i class="fa fa-bars text-2xl"></i>
|
|
</button>
|
|
<div x-show="open" @click.away="open = false" class="absolute top-20 right-6 bg-white shadow-lg rounded-lg p-6 w-48">
|
|
<div class="flex flex-col space-y-4">
|
|
<a href="#" class="hover:text-yellow-500 transition">Home 2</a>
|
|
<a href="#" class="hover:text-yellow-500 transition">Gallery</a>
|
|
<a href="#" class="hover:text-yellow-500 transition">Products</a>
|
|
<a href="#" class="hover:text-yellow-500 transition">About</a>
|
|
<a href="#" class="hover:text-yellow-500 transition">Contact</a>
|
|
</div>
|
|
</div>
|
|
</div>
|