Componentes Encabezado Encabezado de negocio de diseño de materiales

Encabezado de negocio de diseño de materiales

Material Design inspiró un componente de encabezado simple con un esquema de color complementario para sitios web comerciales. Diseño responsivo con soporte para temas oscuros.

Vista previa

Código 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>

Componentes relacionados

Componente de encabezado

Componente de encabezado con microinteracciones, combinación de colores complementaria, complejidad compleja, para fines de tablero, utilizando Tailwind CSS.

Abrir

Componente de encabezado

Un componente de encabezado de diseño minimalista y plano para un portafolio, con un diseño responsivo con soporte para temas oscuros y múltiples elementos interactivos.

Abrir

Skeuomorphism Triadic Simple Portfolio Header Component

Abrir