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

Komponente "Fußzeilennavigation"

Eine responsive Footer-Navigationskomponente mit einem dunklen Thema, die für eine Portfolio-Website geeignet ist. Es verfügt über ein monochromatisches Farbschema mit verschiedenen Schattierungen einer einzigen Farbe, mittlere Komplexität mit einigen interaktiven Funktionen und verwendet Tailwind CSS für das Styling, einschließlich der Unterstützung des Dunkelmodus mit dem Präfix dark:.

Offen

3D_Music_Footer_Navigation

Eine komplexe, von 3D inspirierte Fußzeilennavigationskomponente für Musik-/Audioplattformen mit warmen Neutraltönen und voller Reaktionsfähigkeit mit Unterstützung des Dunkelmodus.

Offen

Brutalistischer E-Commerce Footer Navigation

Brutalistische E-Commerce-Fußzeilennavigation mit analogen Farben, komplex, reaktionsschnell, Unterstützung des Dunkelmodus, kein JS

Offen