Barra di navigazione del blog
Barra di navigazione reattiva con supporto della modalità oscura per siti Web di blog/contenuti. Presenta un design minimalista/piatto con una combinazione di colori pastello.
Codice 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>Componenti correlati
Artsy_Neon_Crypto_Navbar
Una barra di navigazione complessa e reattiva per applicazioni di criptovaluta/blockchain con un design artistico ispirato all'acquerello e una combinazione di colori al neon brillante. Include il supporto per la modalità oscura ed elementi interattivi.
Barra di navigazione Componente 47
Una barra di navigazione reattiva con uno stile di design 3D, che incorpora profondità e coinvolgimento, supportando il tema scuro.
Transizioni gradiente/colore Barra di navigazione del cruscotto in scala di grigi
Una barra di navigazione complessa e reattiva per una dashboard, con transizioni sfumate in una combinazione di colori in scala di grigi. Include più elementi interattivi e il supporto completo della modalità scura.