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

3D Analoge Einfache Blog-Fußzeile

Responsive Footer-Komponente mit Unterstützung für dunkles Theme unter Verwendung von Tailwind CSS. Die Fußzeile hat ein einfaches 3D-Design mit analogen Farben. Es ist für Blog-/Content-Websites optimiert.

Offen

Footer-Komponente - Swiss Pastel Consulting

Eine saubere, minimalistische und reaktionsschnelle Fußzeilenkomponente mit Schweizer Designeinflüssen mit Pastellfarben und klarer Typografie, die sich für Beratungs-/Dienstleistungswebsites eignet. Enthält Unterstützung für den Dunkelmodus.

Offen

Glassmorphism Fußzeile

Eine reaktionsschnelle Fußzeilenkomponente im Glassmorphism-Stil, mit mattglasähnlichen Effekten und Unterstützung für dunkle Designs mit Tailwind CSS.

Offen