Barre de navigation du blog
Barre de navigation réactive avec prise en charge du mode sombre pour les sites Web de blog/contenu. Dispose d’un design minimaliste / plat avec une palette de couleurs pastel.
HTML Code
<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>Composants associés
Barre de navigation en mode sombre
Composant de la barre de navigation avec effets réactifs et prise en charge du thème sombre.
Barre de navigation minimaliste
Un composant de barre de navigation réactif conçu dans un style minimaliste, prenant en charge le thème sombre et utilisant Tailwind CSS.
Composant de la barre de navigation
Un composant de barre de navigation réactif conçu dans le style Material Design avec une palette de couleurs triadique, adapté aux interfaces de médias sociaux et incluant la prise en charge du thème sombre.