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

Footer-Navigationskomponente - Industrieller Ozean

Eine komplexe, reaktionsschnelle Fußzeilennavigationskomponente im industriellen Stil mit Ozean-/Blau-Farbschema, geeignet für Event-/Konferenz-Websites. Enthält mehrspaltige Links, Social-Media-Symbole, Urheberrecht und Unterstützung für den Dunkelmodus.

Offen

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

Komponente "Fußzeilennavigation"

Eine einfache, reaktionsschnelle Fußzeilennavigationskomponente mit einem warmen, vom Sonnenuntergang inspirierten Farbschema, das für Mode- und Beauty-Marken entwickelt wurde. Verfügt über subtile Hover-Effekte und Unterstützung für den Dunkelmodus.

Offen