Componentes Navegación de pie de página Componente de navegación de pie de página

Componente de navegación de pie de página

Un componente de navegación de pie de página receptivo con un estilo de diseño retro / vintage, que utiliza colores vibrantes y se adapta a las interfaces de las redes sociales.

Vista previa

Código HTML

<footer class="bg-gradient-to-b from-purple-500 to-pink-600 dark:from-purple-900 dark:to-pink-800 py-8">
  <div class="container mx-auto px-4">
    <div class="flex flex-col md:flex-row justify-between items-center">
      <div class="text-white text-center mb-4 md:mb-0">
        <h2 class="text-2xl font-bold">Stay Connected</h2>
        <p class="text-sm">Follow us on our social channels</p>
      </div>
      <div class="flex space-x-4">
        <a href="https://facebook.com" class="text-white hover:underline">
          <img src="https://picsum.photos/30/30?random=1" alt="Facebook" class="inline-block">
        </a>
        <a href="https://twitter.com" class="text-white hover:underline">
          <img src="https://picsum.photos/30/30?random=2" alt="Twitter" class="inline-block">
        </a>
        <a href="https://instagram.com" class="text-white hover:underline">
          <img src="https://picsum.photos/30/30?random=3" alt="Instagram" class="inline-block">
        </a>
        <a href="https://linkedin.com" class="text-white hover:underline">
          <img src="https://picsum.photos/30/30?random=4" alt="LinkedIn" class="inline-block">
        </a>
      </div>
    </div>
  </div>
  <div class="text-center text-white text-sm mt-4">
    <p>&copy; 2023 Your Company. All rights reserved.</p>
  </div>
</footer>

Componentes relacionados

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.

Abrir

Glassmorphism Escala de grises Healthcare Pie de página

Un componente de navegación de pie de página con capacidad de respuesta y estilo glassmorphism para aplicaciones médicas/de atención médica, que utiliza un esquema de color en escala de grises con soporte para modo oscuro. Cuenta con elementos translúcidos similares al vidrio esmerilado y enlaces interactivos.

Abrir

Componente de navegación de pie de página

Un componente de navegación de pie de página receptivo para paneles con soporte de temas oscuros, con microinteracciones en los desplazamientos de enlaces con colores triádicos y elementos complejos. Sin JavaScript, solo HTML con Tailwind CSS.

Abrir