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

Neumorphismus Erde Fußzeile

Responsive Footer-Komponente mit Unterstützung für Neumorphism, Erdtöne und dunkles Theme

Offen

Organic_Nature_Inspired_Real_Estate_Footer

Eine komplexe, von der Natur inspirierte und komplementär farbige Fußzeilenkomponente für Immobilienplattformen mit fließenden Linien, natürlichen Formen, mehreren interaktiven Elementen und vollständiger Reaktionsfähigkeit mit Unterstützung des Dunkelmodus.

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