Минималистичный футер для социальных сетей
Минималистичный компонент футера с цветовой гаммой земляных тонов для интерфейсов социальных сетей. Адаптивный с поддержкой темных тем.
HTML-код
<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>Связанные компоненты
Скевоморфный компонент нижнего колонтитула
Адаптивный футерный компонент со скевоморфным дизайном, аналогичной цветовой гаммой (зеленый, сине-зеленый) и умеренной сложностью, подходящий для бизнес-сайтов. Включает в себя ссылки, заполнитель логотипа и тонкий скевоморфный эффект, достигаемый с помощью теней и градиентов. Поддерживает светлый и темный режимы.
Компонент нижнего колонтитула
Минималистичный компонент футера с дополнительными цветами, умеренной сложностью и интеграцией с социальными сетями. Особенности адаптивного дизайна и поддержка темного режима.
Компонент нижнего колонтитула
Компонент нижнего колонтитула в стиле брутализма с отзывчивыми эффектами и поддержкой темной темы с использованием Tailwind CSS.