Created
February 9, 2024 16:58
-
-
Save bouchtaoui-dev/90b55ee81396134d2f357a9f9de94c6f to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<nav class="border-gray-200 dark:bg-gray-900"> | |
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4"> | |
<a href="#" class="flex items-center space-x-3 rtl:space-x-reverse"> | |
<img src="images/robomask.png" class="h-8" alt="Flowbite Logo"/> | |
<span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">App name</span> | |
</a> | |
<button data-collapse-toggle="navbar-default" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-default" aria-expanded="false"> | |
<span class="sr-only">Open main menu</span> | |
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 17 14"> | |
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/> | |
</svg> | |
</button> | |
<div class="hidden w-full md:block md:w-auto" id="navbar-default"> | |
<ul class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700"> | |
<li> | |
<a href="#" class="font-bold block py-2 px-3 text-white bg-purple-700 rounded md:bg-transparent md:text-violet-700 md:p-0 dark:text-white md:dark:text-purple-500" aria-current="page">Home</a> | |
</li> | |
<li> | |
<a href="#" class="font-bold block py-2 px-3 text-indigo-700 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 hover:text-indigo-300 md:p-0 dark:text-white md:dark:hover:text-purple-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">About</a> | |
</li> | |
<li> | |
<a href="#" class="font-bold block py-2 px-3 text-indigo-700 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 hover:text-indigo-300 md:p-0 dark:text-white md:dark:hover:text-purple-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Services</a> | |
</li> | |
<li> | |
<a href="#" class="font-bold block py-2 px-3 text-indigo-700 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 hover:text-indigo-300 md:p-0 dark:text-white md:dark:hover:text-purple-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Pricing</a> | |
</li> | |
<li> | |
<a href="#" class="font-bold block py-2 px-3 text-indigo-700 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 hover:text-indigo-300 md:p-0 dark:text-white md:dark:hover:text-purple-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Contact</a> | |
</li> | |
</ul> | |
</div> | |
</div> | |
</nav> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment