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

Industrial_Rainbow_Footer_Navigation

A simple, responsive footer navigation component with an industrial aesthetic, exposed elements, and a multi-color rainbow gradient background, tailored for finance/banking interfaces. Includes dark mode support.

Open

Retro_Jewel_Tone_Dashboard_Footer_Navigation

A responsive footer navigation component for a dashboard, inspired by retro/vintage aesthetics with jewel tone colors (emerald, sapphire, ruby) and dark mode support. It includes navigation links, social media icons, and copyright information.

Open

Footer Navigation Component

A simple footer navigation component styled with Material Design principles and an analogous color scheme for business/corporate websites. It supports dark mode and is responsive.

Open