Header Bar

<nav class="bg-secondary-200 w-full min-h-20 items-center"><div class="h-full flex flex-wrap items-center justify-between p-2"><a href="/" class="flex items-center space-x-3"><img src="/static/LogoRedPure-d35d31d7876c33672b83c4a70fe9175e.svg" class="h-8" alt=""/><button class="relative inline-flex text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-bold rounded-sm text-2xl px-5 py-2.5 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"><p>EDD
<div class="absolute inline-flex items-center justify-center w-6 h-6 text-xs font-bold text-white bg-primary rounded-full -top-2 -end-2 dark:border-gray-900">8</div></p></button><span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Easy.DesignDemo</span></a>
<div class="flex flex-col"><ul class="font-medium flex flex-row space-x-3 p-4 md:p-0"><li><button class="relative inline-flex items-center justify-center text-white bg-purple-500 hover:bg-purple-600 font-bold rounded-sm text-2xl px-4 py-2"><p>SA</p></button></li>
<li><button class="relative inline-flex items-center justify-center text-white bg-blue-500 hover:bg-blue-600 font-bold rounded-sm text-2xl px-4 py-2"><p>SL
<div class="absolute inline-flex items-center justify-center w-5 h-5 text-xs font-bold text-white bg-primary rounded-full -top-1 -right-1">1</div></p></button></li>
<li><button class="relative inline-flex items-center justify-center text-white bg-gray-700 hover:bg-gray-800 font-bold rounded-sm text-2xl px-4 py-2"><p>D</p></button></li>
<li><button class="relative inline-flex items-center justify-center text-white bg-green-600 hover:bg-green-700 font-bold rounded-sm text-2xl px-4 py-2"><p>B</p></button></li>
<li><button class="relative inline-flex items-center justify-center text-white bg-orange-500 hover:bg-orange-600 font-bold rounded-sm text-2xl px-4 py-2"><p>A</p></button></li>
<li><a href="#" class="block text-lg font-medium text-thunder hover:text-primary mt-3">Dashboard</a></li>
<li><button data-collapse-toggle="navbar-dropdown" type="button" class="flex items-center text-lg font-medium text-thunder hover:text-primary mt-3" aria-expanded="false"><p>Language</p><svg class="w-2.5 h-2.5 ms-2.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"></path></svg></button></li>
<li><button data-collapse-toggle="navbar-dropdown" type="button" class="flex items-center text-lg font-medium text-thunder hover:text-primary mt-3" aria-expanded="false"><p>John Doe</p><svg class="w-2.5 h-2.5 ms-2.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"></path></svg></button></li></ul></div></div></nav>