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

包豪斯单色医疗保健页脚

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

预览

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>

相关组件

Luxury_Pastel_Government_Footer

适用于政府或公共服务网站的优雅响应式页脚组件,采用奢华的设计、柔和的配色方案和深色模式支持。包括导航链接、联系信息、社交媒体和版权。

打开

Finance 页脚组件

适用于金融和银行界面的响应式页脚组件,具有互补的配色方案、Material Design 原则和完整的深色模式支持。包括导航链接、社交媒体图标和版权声明。

打开

拟物化页脚组件

响应式页脚组件,具有拟物化设计、相似配色方案(绿色、蓝绿色)和中等复杂性,适用于商业网站。包括链接、徽标占位符以及通过阴影和渐变实现的微妙拟物化效果。支持浅色和深色模式。

打开