Composant Composants d’amélioration de la navigation
Un composant de navigation réactif avec prise en charge du mode sombre pour les sites Web de commerce électronique. Il présente une palette de couleurs triadique avec un fond sombre pour réduire la fatigue oculaire.
HTML Code
<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>Composants associés
Industrial_Monochromatic_Navigation
Il s’agit d’un composant de navigation complexe, axé sur le mode sombre, pour les entreprises industrielles et manufacturières, doté d’un design monochrome et de plusieurs éléments interactifs adaptés aux tableaux de bord et aux interfaces opérationnelles.
Navigation multimédia en mode sombre
Un composant de navigation complexe et réactif pour les plates-formes de divertissement/médias, doté d’une interface utilisateur en mode sombre avec une palette de couleurs forêt/vert. Comprend un logo, une barre de recherche, des liens de navigation, un profil d’utilisateur et une cloche de notification.
Composants d’amélioration de la navigation
Un composant de navigation de style rétro/vintage conçu pour la consommation de blogs et de contenu avec prise en charge du thème sombre.