DarkTriadicSimpleBusinessHeader
Componente de encabezado responsivo con soporte de modo oscuro para sitios web comerciales
Código HTML
<header class="bg-gray-900 text-gray-300 dark:bg-gray-dark dark:text-gray-light shadow-md">
<div class="container mx-auto px-6 py-4">
<div class="flex items-center justify-between">
<div class="text-xl font-bold text-white dark:text-white">Business Name</div>
<nav class="space-x-4">
<a href="#" class="hover:text-white dark:hover:text-white">Home</a>
<a href="#" class="hover:text-white dark:hover:text-white">About</a>
<a href="#" class="hover:text-white dark:hover:text-white">Services</a>
<a href="#" class="hover:text-white dark:hover:text-white">Contact</a>
</nav>
</div>
</div>
</header>Componentes relacionados
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.
Componente de encabezado de clima retro 3D
Un componente de encabezado complejo de temática retro para una aplicación meteorológica/climática, con elementos de diseño 3D, una paleta de colores apagados y una capacidad de respuesta total con soporte para modo oscuro. Muestra la información meteorológica actual, la ubicación, la fecha y la navegación.
Componente de encabezado
Un componente de encabezado responsivo diseñado en un estilo brutalista con un esquema de color pastel para un blog o sitio de contenido, que incorpora soporte para temas oscuros.