组件 页脚 包豪斯单色医疗保健页脚

包豪斯单色医疗保健页脚

用于医疗保健应用的简单、实用的页脚组件,灵感来自包豪斯设计原则。具有单色配色方案、响应式布局和深色模式支持。

预览

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>

相关组件

企业预订页脚

一个复杂的响应式企业页脚组件,专为预订/预订系统设计,具有暖色中性色和深色模式支持,使用语义 HTML 和 Tailwind CSS。

打开

页脚组件 - 预订/预订 - 深色模式糖果

一个复杂的响应式页脚组件,专为预订/预订系统而设计。具有深色模式 UI,具有明亮的糖果/甜蜜颜色、多个导航链接、社交媒体图标和新闻通讯订阅。完全响应并支持深色模式。

打开

Neumorphism 页脚组件

支持深色主题的响应式 Neumorphism Footer Component

打开