Компоненты Нижний колонтитул Баухаус Монохроматический нижний колонтитул для здравоохранения

Баухаус Монохроматический нижний колонтитул для здравоохранения

Простой, функциональный компонент нижнего колонтитула для медицинских учреждений, вдохновленный принципами дизайна Баухауз. Отличается монохроматической цветовой схемой, адаптивным макетом и поддержкой темного режима.

Предварительный просмотр

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

Связанные компоненты

Компонент нижнего колонтитула

Компонент Neumorphic Footer для блога/контентного сайта, монохроматическая цветовая схема, с поддержкой темного режима. Это умеренно сложный компонент. Он отзывчивый.

Открытый

Компонент неоморфного нижнего колонтитула

Компонент футера в стиле Neumorphic для интерфейсов социальных сетей с яркими цветами и сложной версткой, поддерживающий темный режим.

Открытый

Нижний колонтитул корпоративного бронирования

Сложный, адаптивный корпоративный компонент нижнего колонтитула, разработанный для систем бронирования/бронирования, с поддержкой теплых нейтральных и темных режимов, с использованием семантического HTML и CSS Tailwind.

Открытый