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"

Footer Navigation Component for E-Commerce with Material Design - eine einfache Komponente mit Unterstützung für Responsive und Dark Mode mit einem komplementären Farbschema.

Offen

Fußzeilennavigation, Komponente 38

Eine reaktionsschnelle Fußzeilennavigationskomponente, die mit einem skeuomorphen Stil entwickelt wurde, um reale Elemente nachzuahmen, mit Unterstützung für dunkle Themen und unter Verwendung von Tailwind CSS. Diese Komponente enthält Links, Platzhalterbilder und Avatare.

Offen

Komponente "Fußzeilennavigation"

Eine reaktionsschnelle Fußzeilennavigationskomponente, die für ein Dashboard entwickelt wurde und einen Skeuomorphen Stil mit leuchtenden Farben aufweist. Es enthält Navigationslinks, ein Logo und Social-Media-Symbole mit vollständiger Unterstützung des Dunkelmodus mit Tailwind CSS. Das Design zielt auf eine moderate Komplexität mit interaktiven Hover-Effekten ab.

Offen