Componente Componenti di miglioramento della navigazione
Un componente di navigazione reattivo con supporto della modalità oscura per i siti Web di e-commerce. Presenta una combinazione di colori triadica con uno sfondo scuro per ridurre l'affaticamento degli occhi.
Codice HTML
<nav class="bg-gray-900 dark:bg-purple-900 p-4">
<div class="container mx-auto flex items-center justify-between">
<a href="#" class="text-white text-lg font-semibold">E-Shop</a>
<ul class="flex space-x-4">
<li><a href="#" class="text-gray-300 hover:text-white">Home</a></li>
<li><a href="#" class="text-gray-300 hover:text-white">Products</a></li>
<li><a href="#" class="text-gray-300 hover:text-white">Categories</a></li>
<li><a href="#" class="text-gray-300 hover:text-white">Contact</a></li>
</ul>
<div class="flex items-center space-x-4">
<input type="text" placeholder="Search..." class="bg-gray-800 text-white px-3 py-1 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
<button class="bg-blue-600 dark:bg-green-600 text-white px-4 py-1 rounded-md">Cart</button>
</div>
</div>
</nav>Componenti correlati
Luxury_Vibrant_Travel_Navigation
Un componente di navigazione complesso, lussuoso e vivace progettato per i siti Web di viaggi e turismo, caratterizzato da una tipografia sofisticata, colori ad alta saturazione e reattività completa con supporto della modalità scura.
Navigazione governativa ispirata alla carta/stampa
Un componente di navigazione complesso, ispirato alla carta/alla stampa, per siti Web governativi/pubblici, con toni seppia/marrone, reattività e supporto per la modalità scura. Include la navigazione principale, la ricerca e una sezione "collegamenti rapidi" o "servizi".
Agricoltura News Card Navigation
Un semplice componente di navigazione ispirato alla carta/alla stampa con una scheda di notizie per siti Web di agricoltura e allevamento, utilizzando una combinazione di colori analoga. È completamente reattivo con il supporto della modalità oscura.