Barra de navegación del blog
Barra de navegación responsiva con soporte de modo oscuro para sitios web de blogs/contenido. Presenta un diseño minimalista / plano con una combinación de colores pastel.
Código HTML
<nav class="bg-pink-100 dark:bg-purple-900 p-4">
<div class="container mx-auto flex justify-between items-center">
<a href="#" class="text-lg font-semibold text-gray-800 dark:text-white">My Blog</a>
<div class="flex space-x-4">
<a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Home</a>
<a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Blog</a>
<a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">About</a>
<a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Contact</a>
</div>
</div>
</nav>Componentes relacionados
3D_Corporate_Blues_Food_Restaurant_Nav
Una compleja barra de navegación inspirada en 3D para sitios web de alimentos y restaurantes, con azules corporativos y capacidad de respuesta total con soporte para modo oscuro. Incorpora elementos como un logotipo, enlaces de navegación, barra de búsqueda, avatar de usuario y carrito.
Componente de la barra de navegación 47
Una barra de navegación receptiva con un estilo de diseño 3D, que incorpora profundidad y compromiso, que admite el tema oscuro.
Componente de la barra de navegación
Un componente de barra de navegación receptivo diseñado en estilo Material Design con un esquema de color triádico, adecuado para interfaces de redes sociales e incluye soporte para temas oscuros.