Componentes Navegación de pie de página Pie de página de comercio electrónico retro/vintage

Pie de página de comercio electrónico retro/vintage

Componente de navegación de pie de página retro / vintage con tonos tierra, diseño simple, diseño receptivo y soporte de tema oscuro, para comercio electrónico.

Vista previa

Código HTML

<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>

Componentes relacionados

Componente de navegación de pie de página: monoespaciado/estilo de desarrollador

Un componente de navegación de pie de página complejo y receptivo diseñado para sitios web de agricultura / agricultura, con una estética monoespaciada / de desarrollador con un esquema de color de arco iris degradado y soporte para modo oscuro.

Abrir

Componente de navegación de pie de página

Un componente de navegación de pie de página simple y receptivo con una combinación de colores cálidos inspirados en la puesta de sol, diseñado para marcas de moda / belleza. Cuenta con sutiles efectos de desplazamiento y compatibilidad con el modo oscuro.

Abrir

Bauhaus_Retro_News_Footer

Componente de navegación de pie de página complejo y receptivo para sitios web de noticias/periodismo, con un diseño inspirado en la Bauhaus con formas geométricas y una paleta de colores retro/vintage, incluida la compatibilidad con el modo oscuro.

Abrir