Компоненты Нижний колонтитул Компонент нижнего колонтитула

Компонент нижнего колонтитула

Простой компонент нижнего колонтитула в темном режиме для социальных сетей с дополнительной цветовой схемой.

Предварительный просмотр

HTML-код

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

Связанные компоненты

3D аналог простого нижнего колонтитула блога

Адаптивный компонент нижнего колонтитула с поддержкой темной темы с использованием Tailwind CSS. Футер имеет простой 3D-дизайн с аналогичными цветами. Он оптимизирован для блогов/контентных сайтов.

Открытый

Компонент нижнего колонтитула

Компонент Footer, выполненный в стиле Neumorphism, поддерживающий адаптивные эффекты и темные темы с использованием Tailwind CSS.

Открытый

Минималистичный футер для социальных сетей

Минималистичный компонент футера с цветовой гаммой земляных тонов для интерфейсов социальных сетей. Адаптивный с поддержкой темных тем.

Открытый