CCHub Logo CCHub Tailwind Collection
Komponenten Fußzeilen-Navigation Minimalistische Footer-Navigation

Minimalistische Footer-Navigation

Eine minimalistische Fußzeilennavigationskomponente für Blogs mit responsivem Design und Unterstützung für den Dunkelmodus.

Vorschau

HTML-Code 

<footer class="bg-gray-100 dark:bg-gray-900 text-gray-700 dark:text-gray-300 py-8">
  <div class="container mx-auto px-4">
    <div class="flex flex-col md:flex-row justify-between items-center">
      <div class="mb-4 md:mb-0">
        <p class="text-sm">&copy; 2023 Your Blog Name. All rights reserved.</p>
      </div>
      <nav>
        <ul class="flex space-x-4">
          <li><a href="#" class="text-sm hover:text-gray-900 dark:hover:text-white">Home</a></li>
          <li><a href="#" class="text-sm hover:text-gray-900 dark:hover:text-white">About</a></li>
          <li><a href="#" class="text-sm hover:text-gray-900 dark:hover:text-white">Contact</a></li>
        </ul>
      </nav>
    </div>
  </div>
</footer>

Verwandte Komponenten

Komponente "Fußzeilennavigation"

Eine einfache Fußzeilennavigationskomponente, die nach Material Design-Prinzipien und einem analogen Farbschema für Geschäfts-/Unternehmenswebsites gestaltet ist. Es unterstützt den Dunkelmodus und ist reaktionsschnell.

Offen

Komponente "Fußzeilennavigation"

Eine reaktionsschnelle Fußzeilennavigationskomponente für Dashboards mit Unterstützung für dunkle Themen, die Mikrointeraktionen beim Schweben von Links mit triadischen Farben und komplexen Elementen bietet. Kein JavaScript, nur HTML mit Tailwind CSS.

Offen

Brutalismus E-Commerce Footer Navigation

Eine einfache, brutalistische Fußzeilennavigationskomponente für den E-Commerce mit Pastellfarben und Unterstützung des Dunkelmodus.

Offen