CCHub Logo CCHub Tailwind Collection
Komponenten Fußzeile Glassmorphism Monochromatische Fußzeile

Glassmorphism Monochromatische Fußzeile

Eine einfache, monochromatische Glassmorphism-Fußzeilenkomponente für einen Blog mit responsivem Design und Unterstützung für den Dunkelmodus.

Vorschau

HTML-Code 


<footer class="backdrop-blur-md bg-white/30 dark:bg-gray-800/30 text-gray-800 dark:text-gray-200 p-6">
  <div class="container mx-auto flex flex-col items-center justify-between md:flex-row">
    <div class="mb-4 md:mb-0 text-center md:text-left">
      <p>&copy; 2023 Blog Name. All rights reserved.</p>
    </div>
    <div class="flex space-x-4">
      <a href="#" class="hover:text-gray-600 dark:hover:text-gray-400 transition-colors duration-200">Privacy Policy</a>
      <a href="#" class="hover:text-gray-600 dark:hover:text-gray-400 transition-colors duration-200">Terms of Service</a>
      <a href="#" class="hover:text-gray-600 dark:hover:text-gray-400 transition-colors duration-200">Contact</a>
    </div>
  </div>
</footer>

Verwandte Komponenten

Neumorphe Fußzeilenkomponente

Eine Fußzeilenkomponente im Neumorphic-Stil für Social-Media-Schnittstellen mit lebendigen Farben und einem komplexen Layout, die den Dunkelmodus unterstützt.

Offen

Luxus-SaaS-Fußzeile

Eine elegante und ausgefeilte Fußzeilenkomponente für eine SaaS-Anwendung mit mehreren Navigationsbereichen, einer Newsletter-Anmeldung, Social-Media-Links und Copyright-Informationen. Entworfen mit einer ozeanblauen/blauen Farbpalette, voller Reaktionsfähigkeit und Unterstützung des Dunkelmodus.

Offen

Cyberpunk Footer-Komponente

Eine einfache, reaktionsschnelle Fußzeilenkomponente mit einer futuristischen Cyberpunk-Ästhetik in Lila-/Violetttönen, die für Technologie-/SaaS-Anwendungen geeignet ist. Inklusive Unterstützung für den Dunkelmodus.

Offen