CCHub Logo CCHub Tailwind Collection
Komponenten Kopfball DarkTriadicSimpleBusinessHeader

DarkTriadicSimpleBusinessHeader

Responsive Header-Komponente mit Unterstützung des Dunkelmodus für Unternehmenswebsites

Vorschau

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>

Verwandte Komponenten

Header-Komponente

Eine einfache, reaktionsschnelle Header-Komponente für soziale Medien mit Unterstützung für den Dunkelmodus. Es verfügt über ein Logo, eine Suchleiste und einen Benutzer-Avatar. Verwendet ein Graustufen-Farbschema.

Offen

RetroHeaderComponent

Retro/Vintage-Header-Komponente mit responsiven Effekten und Unterstützung für dunkle Themen.

Offen

Header-Komponente

Eine responsive Header-Komponente, die im Brutalismus-Stil mit einem pastellfarbenen Farbschema für einen Blog oder eine Content-Site gestaltet wurde und Unterstützung für dunkle Themen bietet.

Offen