CCHub Logo CCHub Tailwind Collection
Komponenten Fußzeilen-Navigation Komponente "Fußzeilennavigation"

Komponente "Fußzeilennavigation"

Eine reaktionsschnelle Fußzeilennavigationskomponente mit einem Retro-/Vintage-Designstil, mit leuchtenden Farben und maßgeschneidert für Social-Media-Schnittstellen.

Vorschau

HTML-Code 

<footer class="bg-gradient-to-b from-purple-500 to-pink-600 dark:from-purple-900 dark:to-pink-800 py-8">
  <div class="container mx-auto px-4">
    <div class="flex flex-col md:flex-row justify-between items-center">
      <div class="text-white text-center mb-4 md:mb-0">
        <h2 class="text-2xl font-bold">Stay Connected</h2>
        <p class="text-sm">Follow us on our social channels</p>
      </div>
      <div class="flex space-x-4">
        <a href="https://facebook.com" class="text-white hover:underline">
          <img src="https://picsum.photos/30/30?random=1" alt="Facebook" class="inline-block">
        </a>
        <a href="https://twitter.com" class="text-white hover:underline">
          <img src="https://picsum.photos/30/30?random=2" alt="Twitter" class="inline-block">
        </a>
        <a href="https://instagram.com" class="text-white hover:underline">
          <img src="https://picsum.photos/30/30?random=3" alt="Instagram" class="inline-block">
        </a>
        <a href="https://linkedin.com" class="text-white hover:underline">
          <img src="https://picsum.photos/30/30?random=4" alt="LinkedIn" class="inline-block">
        </a>
      </div>
    </div>
  </div>
  <div class="text-center text-white text-sm mt-4">
    <p>&copy; 2023 Your Company. All rights reserved.</p>
  </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"

Eine komplexe, reaktionsschnelle Fußzeilennavigationskomponente, die für einen Marktplatz entwickelt wurde, mit einer Benutzeroberfläche im Dunkelmodus mit einem Schwarz-Weiß-Farbschema und einer hellen Akzentfarbe (Indigo). Enthält mehrere Abschnitte für Navigation, Unternehmensinformationen, rechtliche Links und soziale Medien mit vollständiger Unterstützung des Dunkelmodus.

Offen

NeonGlowFooterNavigation

Eine reaktionsschnelle Fußzeilennavigationskomponente mit Neon-/Leuchteffekten, die für Musik-/Audioplattformen entwickelt wurde. Verfügt über ein Schwarz-Weiß-Farbschema mit einer lebendigen Akzentfarbe, Unterstützung für den Dunkelmodus und semantisches HTML.

Offen