Components Footer Retro Blog Footer

Retro Blog Footer

A retro/vintage footer component for a blog with monochromatic color scheme, simple layout, responsive design, and dark theme support.

Preview

HTML Code

<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>

Related Components

Social Media Footer Component

A responsive footer component for social networking interfaces, designed with Material Design principles using a monochromatic blue color scheme. It features grid-based layouts, depth effects (shadows), hover and transition animations for interactive elements, a newsletter subscription form, social icons, user avatars, and dark mode support via Tailwind's dark: modifier.

Open

Neumorphic Vibrant Footer

A simple, responsive footer component styled with neumorphic design principles and vibrant colors. It features a soft, extruded appearance with subtle shadows while maintaining high-saturation accent colors. The footer includes basic sections for site navigation, social links, and copyright information with full dark mode support.

Open

Footer Component

A minimalist footer component with complementary colors, moderate complexity, and social media integration. Features responsive design and dark mode support.

Open