Componenti Navigazione a piè di pagina Componente di navigazione del piè di pagina

Componente di navigazione del piè di pagina

Un componente di navigazione a piè di pagina reattivo con uno stile di design retrò/vintage, che utilizza colori vivaci e su misura per le interfacce dei social media.

Anteprima

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

Componenti correlati

Industrial_Rainbow_Footer_Navigation

Un componente di navigazione a piè di pagina semplice e reattivo con un'estetica industriale, elementi esposti e uno sfondo sfumato arcobaleno multicolore, su misura per le interfacce finanziarie/bancarie. Include il supporto per la modalità oscura.

Aperto

Componente di navigazione del piè di pagina

Un componente di navigazione a piè di pagina reattivo per dashboard con supporto per temi scuri, con microinterazioni sui passaggi del mouse sui collegamenti utilizzando colori triadici ed elementi complessi. Niente JavaScript, solo HTML con Tailwind CSS.

Aperto

Componente di navigazione a piè di pagina - Industrial Ocean

Un componente di navigazione a piè di pagina complesso e reattivo in stile industriale con combinazione di colori oceano/blu, adatto per siti Web di eventi/conferenze. Include collegamenti a più colonne, icone dei social media, copyright e supporto per la modalità oscura.

Aperto