DarkTriadicSimpleBusinessHeader
Composant d’en-tête réactif avec prise en charge du mode sombre pour les sites Web d’entreprise
HTML Code
<header class="bg-gray-900 text-gray-300 dark:bg-gray-dark dark:text-gray-light shadow-md">
<div class="container mx-auto px-6 py-4">
<div class="flex items-center justify-between">
<div class="text-xl font-bold text-white dark:text-white">Business Name</div>
<nav class="space-x-4">
<a href="#" class="hover:text-white dark:hover:text-white">Home</a>
<a href="#" class="hover:text-white dark:hover:text-white">About</a>
<a href="#" class="hover:text-white dark:hover:text-white">Services</a>
<a href="#" class="hover:text-white dark:hover:text-white">Contact</a>
</nav>
</div>
</div>
</header>Composants associés
En-tête SocialMediaScreen
Un composant d’en-tête réactif pour les interfaces de médias sociaux, conçu avec une interface utilisateur en mode sombre utilisant un schéma de couleurs triadique et des éléments minimaux. Il comprend un titre de site, une barre de recherche et un lien vers le profil de l’utilisateur, avec des styles adaptés au mode sombre à l’aide de Tailwind CSS.
Composant d’en-tête de réseau social
Un composant d’en-tête complexe, réactif en mode sombre, au design minimaliste et aux couleurs complémentaires, conçu pour les interfaces de médias sociaux.
Composant d’en-tête météo rétro 3D
Un composant d’en-tête complexe à thème rétro pour une application météo/climat, avec des éléments de conception 3D, une palette de couleurs sourdes et une réactivité totale avec prise en charge du mode sombre. Il affiche les informations météorologiques actuelles, l’emplacement, la date et la navigation.