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

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

Компонент футера в стиле Neumorphic для интерфейсов социальных сетей с яркими цветами и сложной версткой, поддерживающий темный режим.

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

HTML-код

<footer class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg dark:shadow-2xl">
    <div class="flex flex-col items-center">
        <div class="flex space-x-6 mb-4">
            <a href="#" class="bg-blue-500 dark:bg-blue-700 text-white p-2 rounded-full shadow-md hover:shadow-lg transition transform hover:scale-105">
                <img src="https://picsum.photos/50?random=1" alt="Facebook" class="h-8 w-8 rounded-full">
            </a>
            <a href="#" class="bg-blue-400 dark:bg-blue-600 text-white p-2 rounded-full shadow-md hover:shadow-lg transition transform hover:scale-105">
                <img src="https://picsum.photos/50?random=2" alt="Twitter" class="h-8 w-8 rounded-full">
            </a>
            <a href="#" class="bg-red-500 dark:bg-red-700 text-white p-2 rounded-full shadow-md hover:shadow-lg transition transform hover:scale-105">
                <img src="https://picsum.photos/50?random=3" alt="Instagram" class="h-8 w-8 rounded-full">
            </a>
            <a href="#" class="bg-purple-500 dark:bg-purple-700 text-white p-2 rounded-full shadow-md hover:shadow-lg transition transform hover:scale-105">
                <img src="https://picsum.photos/50?random=4" alt="LinkedIn" class="h-8 w-8 rounded-full">
            </a>
        </div>
        <p class="text-gray-700 dark:text-gray-300 text-sm mb-2">© 2023 Your Company</p>
        <p class="text-gray-500 dark:text-gray-400 text-xs">Follow us on social media!</p>
    </div>
</footer>

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

Industrial_Charity_Footer

Сложный, адаптивный компонент нижнего колонтитула для некоммерческих/благотворительных веб-сайтов, выполненный в индустриальном и сыром стиле с цветовой палитрой ретро/винтаж. Включает навигацию, контактную информацию, социальные ссылки и подписку на новостную рассылку с полной поддержкой темного режима.

Открытый

Футер ретро блога

Ретро/винтажный компонент нижнего колонтитула для блога с монохроматической цветовой схемой, простым макетом, адаптивным дизайном и поддержкой темных тем.

Открытый

Роскошный подвал SaaS

Элегантный и сложный компонент нижнего колонтитула для SaaS-приложения с несколькими разделами навигации, подпиской на новостную рассылку, ссылками на социальные сети и информацией об авторских правах. Разработан с использованием океанской/синей цветовой палитры, полной отзывчивости и поддержки темного режима.

Открытый