Minimalist Social Media Footer
A minimalist footer component with earth tones color scheme for social media interfaces. Responsive with dark theme support.
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">© 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
Footer Component
A Footer component designed in a skeuomorphic style with a triadic color scheme and moderate complexity, suitable for a Blog/Content layout.
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.
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.