CCHub Logo CCHub Tailwind Collection
Komponenten Fußzeilen-Navigation Brutalismus E-Commerce Footer Navigation

Brutalismus E-Commerce Footer Navigation

Eine einfache, brutalistische Fußzeilennavigationskomponente für den E-Commerce mit Pastellfarben und Unterstützung des Dunkelmodus.

Vorschau

HTML-Code 

<footer class="bg-pink-100 text-purple-900 p-4 dark:bg-purple-900 dark:text-pink-100">
  <div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
    <div class="mb-4 md:mb-0">
      <h2 class="text-2xl font-bold uppercase tracking-wider">ShopNow</h2>
    </div>
    <nav class="flex space-x-6">
      <a href="#" class="text-lg uppercase hover:underline">Products</a>
      <a href="#" class="text-lg uppercase hover:underline">About</a>
      <a href="#" class="text-lg uppercase hover:underline">Contact</a>
      <a href="#" class="text-lg uppercase hover:underline">Privacy</a>
    </nav>
  </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"

Fußzeilennavigationskomponente mit Dunkelmodus und responsiven Effekten

Offen

Bauhaus_Retro_News_Footer

Komplexe, reaktionsschnelle Fußzeilennavigationskomponente für Nachrichten-/Journalismus-Websites mit einem vom Bauhaus inspirierten Design mit geometrischen Formen und einer Retro-/Vintage-Farbpalette, einschließlich Unterstützung des Dunkelmodus.

Offen