Footer Component

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

Preview

HTML Code

<footer class="bg-gray-800 text-white py-4">
    <div class="container mx-auto flex flex-col items-center">
        <div class="flex space-x-4 mb-3">
            <a href="#" class="text-gray-400 hover:text-gray-200">About</a>
            <a href="#" class="text-gray-400 hover:text-gray-200">Contact</a>
            <a href="#" class="text-gray-400 hover:text-gray-200">Privacy Policy</a>
        </div>
        <div class="flex space-x-4 mb-3">
            <a href="#" class="text-gray-400 hover:text-gray-200">
                <img src="https://picsum.photos/30/30" alt="Facebook" class="inline-block">
            </a>
            <a href="#" class="text-gray-400 hover:text-gray-200">
                <img src="https://picsum.photos/30/30" alt="Twitter" class="inline-block">
            </a>
            <a href="#" class="text-gray-400 hover:text-gray-200">
                <img src="https://picsum.photos/30/30" alt="Instagram" class="inline-block">
            </a>
        </div>
        <div class="text-center">
            <p class="text-gray-400">© 2023 Your Company. All rights reserved.</p>
        </div>
    </div>
</footer>

Related Components

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.

Open

Footer Component

A responsive retro/vintage footer component for a blog with triadic color scheme and dark theme support.

Open

Neumorphic Footer Component

A Neumorphic styled footer component for social media interfaces with vibrant colors and a complex layout, supporting dark mode.

Open