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

Komponente "Fußzeilennavigation"

Eine reaktionsschnelle Fußzeilennavigationskomponente für Dashboards mit Unterstützung für dunkle Themen, die Mikrointeraktionen beim Schweben von Links mit triadischen Farben und komplexen Elementen bietet. Kein JavaScript, nur HTML mit Tailwind CSS.

Vorschau

HTML-Code 

<footer class="bg-blue-100 dark:bg-blue-900">
  <div class="container mx-auto px-6 py-8">
    <div class="flex flex-col items-center text-center">
      <div class="flex flex-wrap justify-center -mx-4">
        <a href="#" class="mx-4 text-sm text-blue-800 dark:text-blue-200 hover:text-blue-600 dark:hover:text-blue-400 transition duration-300 ease-in-out transform hover:scale-110">About</a>
        <a href="#" class="mx-4 text-sm text-red-800 dark:text-red-200 hover:text-red-600 dark:hover:text-red-400 transition duration-300 ease-in-out transform hover:scale-110">Blog</a>
        <a href="#" class="mx-4 text-sm text-yellow-800 dark:text-yellow-200 hover:text-yellow-600 dark:hover:text-yellow-400 transition duration-300 ease-in-out transform hover:scale-110">Careers</a>
        <a href="#" class="mx-4 text-sm text-blue-800 dark:text-blue-200 hover:text-blue-600 dark:hover:text-blue-400 transition duration-300 ease-in-out transform hover:scale-110">Contact Us</a>
      </div>
      <p class="mt-4 text-sm text-blue-800 dark:text-blue-200">&copy; 2023 Dashboard Inc. All rights reserved.</p>
    </div>
  </div>
</footer>

Verwandte Komponenten

Retro/Vintage E-Commerce Fußzeile

Retro / Vintage Footer Navigation Component mit Erdtönen, einfachem Layout, responsivem Design und Unterstützung für dunkle Themen für den E-Commerce.

Offen

Komponente "Fußzeilennavigation"

Eine reaktionsschnelle Fußzeilennavigationskomponente, die in einem skeuomorphen Stil gestaltet ist und interaktive Elemente enthält, die für den E-Commerce geeignet sind. Es folgt einem triadischen Farbschema und unterstützt den Dunkelmodus.

Offen

Glassmorphism Graustufen Gesundheitswesen Fußzeile

Eine reaktionsschnelle Fußzeilennavigationskomponente im Glassmorphism-Stil für Anwendungen im Gesundheitswesen/Medizin, die ein Graustufen-Farbschema mit Unterstützung für den Dunkelmodus verwendet. Es verfügt über glasfaserähnliche, durchscheinende Elemente und interaktive Links.

Offen