Components Footer Bauhaus Monochromatic Healthcare Footer

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.

Preview

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">&copy; 2023 MediCare. All rights reserved.</p>
  </div>
</footer>

Related Components

Footer Component

A responsive retro/vintage footer component for a blog with triadic color scheme and dark theme support.

Open

Footer Component - Swiss Pastel Consulting

A clean, minimalist, and responsive footer component with a Swiss design influence, featuring pastel colors and clear typography, suitable for consulting/services websites. Includes dark mode support.

Open

Glassmorphism Monochromatic Footer

A simple, monochromatic glassmorphism footer component for a blog, with responsive design and dark mode support.

Open