组件 页脚 复古博客页脚

复古博客页脚

用于博客的复古/复古页脚组件,具有单色配色方案、简单的布局、响应式设计和深色主题支持。

预览

HTML 代码

<footer class="bg-gray-200 text-gray-700 dark:bg-gray-900 dark:text-gray-300 py-8">
  <div class="container mx-auto px-4">
    <div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0">
      <div class="text-center md:text-left">
        <p class="text-sm">&copy; 2023 The Retro Blog. All rights reserved.</p>
      </div>
      <nav class="flex space-x-4">
        <a href="#" class="text-sm hover:underline">Privacy Policy</a>
        <a href="#" class="text-sm hover:underline">Terms of Service</a>
        <a href="#" class="text-sm hover:underline">Contact Us</a>
      </nav>
    </div>
  </div>
</footer>

相关组件

Neumorphism 页脚组件

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

打开

极简社交媒体页脚

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

打开

页脚组件 页脚

一个简单的页脚组件,具有微妙的 Skeuomorphism 设计,使用类似的配色方案。它包括版权声明、一些导航链接和社交媒体图标。该设计响应式并支持深色模式。

打开