Components Footer Navigation Minimalist Footer Navigation

Minimalist Footer Navigation

A minimalist footer navigation component for blogs with responsive design and dark mode support.

Preview

HTML Code

<footer class="bg-gray-100 dark:bg-gray-900 text-gray-700 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">
      <div class="mb-4 md:mb-0">
        <p class="text-sm">&copy; 2023 Your Blog Name. All rights reserved.</p>
      </div>
      <nav>
        <ul class="flex space-x-4">
          <li><a href="#" class="text-sm hover:text-gray-900 dark:hover:text-white">Home</a></li>
          <li><a href="#" class="text-sm hover:text-gray-900 dark:hover:text-white">About</a></li>
          <li><a href="#" class="text-sm hover:text-gray-900 dark:hover:text-white">Contact</a></li>
        </ul>
      </nav>
    </div>
  </div>
</footer>

Related Components

Footer Navigation Component - Monospace/Developer Style

A complex, responsive footer navigation component designed for agriculture/farming websites, featuring a monospace/developer aesthetic with a gradient rainbow color scheme and dark mode support.

Open

Footer Navigation Component

A responsive footer navigation component with a dark theme, suitable for a portfolio website. It features a monochromatic color scheme with different shades of a single color, medium complexity with some interactive features, and uses Tailwind CSS for styling, including dark mode support with the dark: prefix.

Open

Footer Navigation Component - Industrial Ocean

A complex, responsive footer navigation component in an industrial style with ocean/blue color scheme, suitable for event/conference websites. Includes multi-column links, social media icons, copyright, and dark mode support.

Open