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.
Natura-Inspired_Entertainment_Navigation
Un componente di navigazione complesso e ispirato alla natura per piattaforme di intrattenimento/multimediali, con linee fluide e combinazioni di colori caramelle/dolci. Completamente reattivo con supporto per la modalità scura.
Componenti di miglioramento della navigazione
Una barra di navigazione retrò/vintage con un design complesso per siti Web professionali, con combinazione di colori triadica e supporto per temi scuri reattivi.