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
Barra de navegación Skeuomorphic
Un componente de barra de navegación de cartera diseñado con estilos skeuomórficos y una combinación de colores pastel, incluida la compatibilidad con el modo oscuro. Cuenta con elementos interactivos como enlaces y un menú desplegable.
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.
Barra de navegación de redes sociales
Componente de barra de navegación de redes sociales simple en escala de grises