Bauhaus Monochromatic Healthcare Footer
A simple, functional footer component for healthcare applications, inspired by Bauhaus design principles. Features a monochromatic color scheme, responsive layout, and dark mode support.
HTML Code
<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>Related Components
Industrial_Candy_Footer_Component
A responsive footer component for a forum/community platform, featuring an 'industrial' aesthetic with 'candy/sweet' color accents. Includes navigation links, social media icons, copyright, and a newsletter signup, with full dark mode support.
Footer Component
Simple, clean, and trustworthy footer component suitable for corporate/professional booking and reservation systems, featuring a subtle rainbow gradient border and full responsiveness with dark mode support.
Glassmorphism Footer Component
A responsive footer component with a glassmorphism style featuring frosted glass-like translucent elements with blur effects, and supports a dark theme.