CCHub Logo CCHub Tailwind Collection
Komponenten Fußzeilen-Navigation Retro/Vintage E-Commerce Fußzeile

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.

Vorschau

HTML-Code 

<footer class="bg-stone-100 text-amber-900 dark:bg-stone-900 dark:text-amber-100 py-8">
  <div class="container mx-auto px-4">
    <div class="flex flex-wrap justify-between items-center">
      <div class="w-full md:w-1/4 mb-4 md:mb-0">
        <h3 class="text-lg font-bold mb-2">E-commerce Store</h3>
        <p class="text-sm">© 2023 All rights reserved.</p>
      </div>
      <div class="w-full md:w-1/4 mb-4 md:mb-0">
        <h4 class="text-md font-semibold mb-2">Quick Links</h4>
        <ul class="text-sm">
          <li class="mb-1"><a href="#" class="hover:underline">Home</a></li>
          <li class="mb-1"><a href="#" class="hover:underline">Shop</a></li>
          <li class="mb-1"><a href="#" class="hover:underline">About Us</a></li>
          <li class="mb-1"><a href="#" class="hover:underline">Contact</a></li>
        </ul>
      </div>
      <div class="w-full md:w-1/4 mb-4 md:mb-0">
        <h4 class="text-md font-semibold mb-2">Follow Us</h4>
        <div class="flex space-x-4">
          <a href="#" class="hover:text-amber-700 dark:hover:text-amber-300"><i class="fab fa-facebook-f"></i></a>
          <a href="#" class="hover:text-amber-700 dark:hover:text-amber-300"><i class="fab fa-twitter"></i></a>
          <a href="#" class="hover:text-amber-700 dark:hover:text-amber-300"><i class="fab fa-instagram"></i></a>
        </div>
      </div>
      <div class="w-full md:w-1/4 mb-4 md:mb-0">
        <h4 class="text-md font-semibold mb-2">Contact Us</h4>
        <p class="text-sm">123 Retro Lane</p>
        <p class="text-sm">Vintage City, VC 45678</p>
        <p class="text-sm">[email protected]</p>
        <p class="text-sm">+(123) 456-7890</p>
      </div>
    </div>
  </div>
</footer>

Verwandte Komponenten

Fußzeilennavigation, Komponente 38

Eine reaktionsschnelle Fußzeilennavigationskomponente, die mit einem skeuomorphen Stil entwickelt wurde, um reale Elemente nachzuahmen, mit Unterstützung für dunkle Themen und unter Verwendung von Tailwind CSS. Diese Komponente enthält Links, Platzhalterbilder und Avatare.

Offen

Komponente "Fußzeilennavigation"

Eine reaktionsschnelle Fußzeilennavigationskomponente, die für ein Dashboard entwickelt wurde und einen Skeuomorphen Stil mit leuchtenden Farben aufweist. Es enthält Navigationslinks, ein Logo und Social-Media-Symbole mit vollständiger Unterstützung des Dunkelmodus mit Tailwind CSS. Das Design zielt auf eine moderate Komplexität mit interaktiven Hover-Effekten ab.

Offen

Komponente "Fußzeilennavigation"

Fußzeilennavigationskomponente mit Dunkelmodus und responsiven Effekten

Offen