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
SkeuoHeaderComponent
Un componente de encabezado responsivo con diseño de Skeuomorphism, compatibilidad con temas oscuros y una barra de 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.
Componente de encabezado de comercio electrónico
Un componente de encabezado de comercio electrónico receptivo creado con Tailwind CSS con principios de Material Design. Cuenta con un esquema de color monocromático (tonos de azul), funcionalidad de búsqueda, menú de navegación, carrito de compras y perfil de usuario. El encabezado incluye efectos de profundidad como sombras y admite el modo oscuro. El componente es totalmente responsivo con un menú de hamburguesas móvil.