Composants En-tête DarkTriadicSimpleBusinessHeader

DarkTriadicSimpleBusinessHeader

Composant d’en-tête réactif avec prise en charge du mode sombre pour les sites Web d’entreprise

Aperçu

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

Composant d’en-tête

Un composant d’en-tête simple conçu à l’aide du style Neumorphism avec des couleurs vives, parfait pour un blog/une page Web de contenu. Il prend en charge le mode sombre pour un design réactif.

Ouvrir

Composant d’en-tête

Un composant d’en-tête minimaliste et plat pour un portfolio, avec un design réactif avec prise en charge du thème sombre et plusieurs éléments interactifs.

Ouvrir

Composant d’en-tête vintage rétro

Un composant d’en-tête réactif avec un style de design rétro/vintage, avec prise en charge du mode sombre et une esthétique nostalgique inspirée des années 80 et 90.

Ouvrir