Componente di navigazione
Un componente di navigazione semplice e reattivo per un sito web portfolio, dotato di un'interfaccia utente in modalità scura. Il design utilizza colori complementari e garantisce leggibilità e appeal estetico su schermi di varie dimensioni.
Codice HTML
<nav class="bg-gray-900 p-4 text-white">
<div class="container mx-auto flex justify-between items-center">
<a href="#" class="text-lg font-bold text-teal-400">MyPortfolio</a>
<ul class="flex space-x-4">
<li><a href="#about" class="hover:text-teal-400">About</a></li>
<li><a href="#projects" class="hover:text-teal-400">Projects</a></li>
<li><a href="#contact" class="hover:text-teal-400">Contact</a></li>
</ul>
</div>
</nav>Componenti correlati
Componente di navigazione retrò
Un componente di navigazione in stile retrò con un'estetica vintage degli anni '80/'90, caratterizzato da un design reattivo e supporto per temi scuri utilizzando Tailwind CSS.
E-commerce Material Design Navigazione
Un componente di navigazione per l'e-commerce complesso, reattivo e monocromatico ispirato al Material Design, con ricerca, carrello, profilo utente e collegamenti di categoria con supporto per la modalità scura.
Barra di navigazione sfumata vetrosa
Questa barra di navigazione presenta un moderno design vetroso, che combina colori sfumati e un effetto vetro smerigliato per mantenere un effetto traslucido durante lo scorrimento.