Components Footer Minimalist Social Media Footer

Minimalist Social Media Footer

A minimalist footer component with earth tones color scheme for social media interfaces. Responsive with dark theme support.

Preview

HTML Code

<footer class="bg-gray-200 dark:bg-gray-800 py-6">
  <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-gray-700 dark:text-gray-300 text-sm">&copy; 2023 SocialMedia. All rights reserved.</p>
      </div>
      <div class="flex space-x-4">
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
          <i class="fab fa-facebook-f"></i>
        </a>
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
          <i class="fab fa-twitter"></i>
        </a>
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
          <i class="fab fa-instagram"></i>
        </a>
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
          <i class="fab fa-linkedin-in"></i>
        </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

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

Bauhaus Monochromatic Healthcare Footer

A simple, functional footer component for healthcare applications, inspired by Bauhaus design principles. Features a monochromatic color scheme, responsive layout, and dark mode support.

Open