CCHub Logo CCHub Tailwind Collection
Komponenten Navigationsleiste Blog-Navigationsleiste

Blog-Navigationsleiste

Responsive Navigationsleiste mit Unterstützung des Dunkelmodus für Blog-/Content-Websites. Verfügt über ein minimalistisches/flaches Design mit einem pastellfarbenen Farbschema.

Vorschau

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>

Verwandte Komponenten

Skeuomorphe Social-Media-Navigationsleiste

Skeuomorphe Social-Media-Navigationsleiste mit triadischem Farbschema und mäßiger Komplexität.

Offen

Artsy_Neon_Crypto_Navbar

Eine komplexe, reaktionsschnelle Navigationsleiste für Kryptowährungs-/Blockchain-Anwendungen mit einem künstlerischen, von Aquarellen inspirierten Design und einem hellen, neonfarbenen Farbschema. Enthält Unterstützung für den Dunkelmodus und interaktive Elemente.

Offen

Farbverlauf/Farbübergänge Navigationsleiste des Graustufen-Dashboards

Eine komplexe, reaktionsschnelle Navigationsleiste für ein Dashboard mit Verlaufsübergängen in einem Graustufen-Farbschema. Enthält mehrere interaktive Elemente und vollständige Unterstützung des Dunkelmodus.

Offen