Componenti Intestazione Intestazione aziendale di Material Design

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.

Anteprima

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.

Aperto

Componente intestazione

Un componente di intestazione reattivo con un design retrò/vintage, con supporto per temi scuri ed estetica nostalgica degli anni '80/'90.

Aperto

Componente intestazione vintage retrò

Un componente di intestazione reattivo con uno stile retrò/vintage su misura per una dashboard con supporto per temi scuri.

Aperto