CCHub Logo CCHub Tailwind Collection
Komponenten Fußzeile Footer-Komponente

Footer-Komponente

Eine einfache, reaktionsschnelle Fußzeilenkomponente mit 3D-Designelementen und Erdtönen, die für einen Blog oder eine Content-Site mit Unterstützung für dunkle Themen entwickelt wurde.

Vorschau

HTML-Code 

<footer class="bg-gray-300 dark:bg-gray-800 py-8">
  <div class="container mx-auto px-4">
    <div class="flex flex-wrap justify-between items-center">
      <div class="w-full md:w-auto text-center md:text-left mb-4 md:mb-0">
        <p class="text-gray-700 dark:text-gray-300 text-sm">&copy; 2023 Your Blog Name. All rights reserved.</p>
      </div>
      <div class="w-full md:w-auto text-center md:text-right">
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white mx-2 text-sm">Privacy Policy</a>
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white mx-2 text-sm">Terms of Service</a>
      </div>
    </div>
  </div>
</footer>

Verwandte Komponenten

Footer-Komponente

Eine Fußzeilenkomponente, die in einem skeuomorphen Stil mit einem triadischen Farbschema und moderater Komplexität entworfen wurde und für ein Blog-/Content-Layout geeignet ist.

Offen

Skeuomorphe Fußzeilenkomponente

Responsive Footer-Komponente mit skeuomorphem Design, analogem Farbschema (Grün, Blau-Grün) und moderater Komplexität, geeignet für Unternehmenswebsites. Enthält Links, einen Logo-Platzhalter und einen subtilen Skeuomorphie-Effekt, der mit Schatten und Farbverläufen erzielt wird. Unterstützt den Hell- und Dunkelmodus.

Offen

Minimalistische Social-Media-Fußzeile

Eine minimalistische Fußzeilenkomponente mit Erdtönen für Social-Media-Schnittstellen. Reaktionsschnell mit Unterstützung für dunkle Themen.

Offen