Piè di pagina monocromatico Glassmorphism
Un semplice componente monocromatico del piè di pagina glassmorphism per un blog, con design reattivo e supporto per la modalità scura.
Codice HTML
<footer class="backdrop-blur-md bg-white/30 dark:bg-gray-800/30 text-gray-800 dark:text-gray-200 p-6">
<div class="container mx-auto flex flex-col items-center justify-between md:flex-row">
<div class="mb-4 md:mb-0 text-center md:text-left">
<p>© 2023 Blog Name. All rights reserved.</p>
</div>
<div class="flex space-x-4">
<a href="#" class="hover:text-gray-600 dark:hover:text-gray-400 transition-colors duration-200">Privacy Policy</a>
<a href="#" class="hover:text-gray-600 dark:hover:text-gray-400 transition-colors duration-200">Terms of Service</a>
<a href="#" class="hover:text-gray-600 dark:hover:text-gray-400 transition-colors duration-200">Contact</a>
</div>
</div>
</footer>
Componenti correlati
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.
Componente piè di pagina
Un componente minimalista del piè di pagina con colori complementari, complessità moderata e integrazione con i social media. Presenta un design reattivo e il supporto per la modalità oscura.
Portfolio-Minimalista-Triadico-Complesso-Piè di pagina
Un piè di pagina complesso e in stile minimalista per un sito web di portfolio, che utilizza una combinazione di colori triadica. Include link di navigazione, icone dei social media, copyright e un invito all'azione per il contatto, con reattività completa e supporto per la modalità scura.