Chaabi Music Header - Copy this Html, Tailwind Component to your project

<header-class="bg-gray-800-py-4">-<div-class="container-mx-auto-text-center">-<h1-class="text-2xl-font-bold-text-white">Chaabi-Music</h1>-<nav-class="mt-2">-<ul-class="space-x-4">-<li-class="inline-block"><a-href="index.php?table=Artistes"-class="hover:underline-text-white">Artistes</a></li>-<li-class="inline-block"><a-href="index.php?table=Chansons"-class="hover:underline-text-white">Chansons</a></li>-<li-class="inline-block"><a-href="index.php?table=Emissions"-class="hover:underline-text-white">Émissions</a></li>-<li-class="inline-block"><a-href="index.php?table=Interviews"-class="hover:underline-text-white">Interviews</a></li>-<li-class="inline-block"><a-href="admin/index.php"-class="hover:underline-text-white">Admin</a></li>-</ul>-</nav>-</div>-</header>