Piè di pagina monocromatico Bauhaus per l'assistenza sanitaria
Un componente piè di pagina semplice e funzionale per applicazioni sanitarie, ispirato ai principi di progettazione Bauhaus. Presenta una combinazione di colori monocromatica, un layout reattivo e il supporto per la modalità oscura.
Codice HTML
<footer class="bg-gray-100 py-6 dark:bg-gray-900 border-t border-gray-200 dark:border-gray-800">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col items-center text-center">
<div class="mb-4">
<a href="#" class="text-gray-800 dark:text-gray-200 text-2xl font-bold tracking-tight">MediCare</a>
</div>
<nav class="flex flex-wrap justify-center space-x-4 sm:space-x-6 mb-4">
<a href="#" class="text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100 transition-colors duration-200 text-sm">Privacy Policy</a>
<a href="#" class="text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100 transition-colors duration-200 text-sm">Terms of Service</a>
<a href="#" class="text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100 transition-colors duration-200 text-sm">Contact Us</a>
</nav>
<p class="text-gray-500 dark:text-gray-500 text-xs sm:text-sm">© 2023 MediCare. All rights reserved.</p>
</div>
</footer>Componenti correlati
Piè di pagina di Glassmorphism
Un componente del piè di pagina reattivo progettato con lo stile glassmorphism, con effetti simili al vetro smerigliato e supporto per temi scuri utilizzando Tailwind CSS.
Componente piè di pagina del neumorfismo
Componente del piè di pagina del neumorfismo resposivo con supporto per il tema scuro
Componente piè di pagina
Componente piè di pagina semplice, pulito e affidabile, adatto a sistemi di prenotazione e prenotazione aziendali/professionali, caratterizzato da un sottile bordo sfumato arcobaleno e piena reattività con supporto per la modalità scura.