组件 页脚 页脚组件

页脚组件

一个简单的响应式页脚组件,具有3D设计元素和大地色调,专为支持黑暗主题的博客或内容网站设计。

预览

HTML 代码

<footer class="bg-gray-300 dark:bg-gray-800 py-8">
  <div class="container mx-auto px-4">
    <div class="flex flex-wrap justify-between items-center">
      <div class="w-full md:w-auto text-center md:text-left mb-4 md:mb-0">
        <p class="text-gray-700 dark:text-gray-300 text-sm">&copy; 2023 Your Blog Name. All rights reserved.</p>
      </div>
      <div class="w-full md:w-auto text-center md:text-right">
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white mx-2 text-sm">Privacy Policy</a>
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white mx-2 text-sm">Terms of Service</a>
      </div>
    </div>
  </div>
</footer>

相关组件

极简社交媒体页脚

一个为社交媒体界面设计的极简页脚组件,采用土色调配色方案。响应式并支持黑暗主题。

打开

Neumorphism 页脚组件

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

打开

页脚组件

用于博客/内容网站的神经拟态页脚组件,单色配色方案,支持深色模式。它是一个中等复杂度的组件。它是响应式的。

打开