Intestazione aziendale di Material Design
Material Design ha ispirato un semplice componente di intestazione con una combinazione di colori complementari per siti Web aziendali. Design reattivo con supporto per temi scuri.
Codice HTML
<header class="bg-blue-500 text-white py-4 shadow-md dark:bg-gray-800">
<div class="container mx-auto flex justify-between items-center">
<div class="text-xl font-bold">Business Name</div>
<nav>
<ul class="flex space-x-4">
<li><a href="#" class="hover:text-blue-200 dark:hover:text-gray-400">Home</a></li>
<li><a href="#" class="hover:text-blue-200 dark:hover:text-gray-400">About</a></li>
<li><a href="#" class="hover:text-blue-200 dark:hover:text-gray-400">Services</a></li>
<li><a href="#" class="hover:text-blue-200 dark:hover:text-gray-400">Contact</a></li>
</ul>
</nav>
</div>
</header>Componenti correlati
Componente intestazione
Un componente di intestazione reattivo con microinterazioni e supporto per il tema scuro.
Componente intestazione
Un componente di intestazione complesso e reattivo per un marketplace multi-vendor, ispirato all'estetica della carta/stampa con una combinazione di colori in tono gioiello. Include ricerca, navigazione, profilo utente e carrello.
Componente intestazione
Un componente di intestazione dal design minimalista e piatto per un portfolio, caratterizzato da un design reattivo con supporto per temi scuri e più elementi interattivi.