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 vintage retrò
Un componente di intestazione reattivo con uno stile retrò/vintage su misura per una dashboard con supporto per temi scuri.
Componente intestazione skeuomorfa
Un componente di intestazione semplice e reattivo progettato per siti Web di e-commerce con uno stile scheumorfico, utilizzando una combinazione di colori in scala di grigi e supportando la modalità scura.
Componente intestazione
Un componente di intestazione in stile neumorfismo per un portfolio con un tema scuro, un design reattivo e contiene più elementi interattivi.