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

Footer Component

A Footer component designed in a Neumorphism style, supporting responsive effects and dark themes using Tailwind CSS.

Open

Footer Component

Responsive Footer Component with Skeuomorphism style, Earth tones color scheme, and dark theme support, designed for Social Media."

Open

Footer Component

A simple dark mode footer component for social media with complementary color scheme.

Open