Components Footer Footer Component

Footer Component

A simple, responsive footer component with 3D design elements and earth tones, designed for a blog or content site with dark theme support.

Preview

HTML Code

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

Related Components

Glassmorphism_Footer_Component

A responsive, glassmorphism-style footer component designed for booking/reservation systems, featuring a complementary color scheme, interactive elements, and full dark mode support.

Open

Footer Component

A Brutalism-styled footer component with responsive effects and dark theme support using Tailwind CSS.

Open

Footer Component

Simple, clean, and trustworthy footer component suitable for corporate/professional booking and reservation systems, featuring a subtle rainbow gradient border and full responsiveness with dark mode support.

Open