Componente piè di pagina
Un componente piè di pagina semplice e reattivo con elementi di progettazione 3D e toni della terra, progettato per un blog o un sito di contenuti con supporto per temi scuri.
Codice HTML
<footer class="bg-gray-300 dark:bg-gray-800 py-8">
<div class="container mx-auto px-4">
<div class="flex flex-wrap justify-between items-center">
<div class="w-full md:w-auto text-center md:text-left mb-4 md:mb-0">
<p class="text-gray-700 dark:text-gray-300 text-sm">© 2023 Your Blog Name. All rights reserved.</p>
</div>
<div class="w-full md:w-auto text-center md:text-right">
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white mx-2 text-sm">Privacy Policy</a>
<a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white mx-2 text-sm">Terms of Service</a>
</div>
</div>
</div>
</footer>
Componenti correlati
Piè di pagina del blog retrò
Un componente piè di pagina retrò/vintage per un blog con combinazione di colori monocromatici, layout semplice, design reattivo e supporto per temi scuri.
Piè di pagina del blog semplice analogo 3D
Componente piè di pagina reattivo con supporto per temi scuri utilizzando Tailwind CSS. Il piè di pagina ha un semplice design 3D con colori analoghi. È ottimizzato per blog/siti Web di contenuti.
Componente piè di pagina dei social media
Un componente piè di pagina reattivo per le interfacce di social networking, progettato con i principi del Material Design utilizzando una combinazione di colori blu monocromatica. Presenta layout basati su griglia, effetti di profondità (ombre), animazioni al passaggio del mouse e di transizione per elementi interattivi, un modulo di iscrizione alla newsletter, icone social, avatar utente e supporto per la modalità oscura tramite il modificatore dark: di Tailwind.