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

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

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

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

HTML-код

<footer class="bg-gray-800 dark:bg-gray-900 text-white py-4">
    <div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
        <div class="flex flex-col md:flex-row items-center">
            <img src="https://picsum.photos/50/50" alt="Avatar" class="rounded-full mb-2 md:mb-0 md:mr-4">
            <ul class="flex space-x-4">
                <li><a href="#" class="hover:text-blue-400 dark:hover:text-blue-300">Home</a></li>
                <li><a href="#" class="hover:text-red-400 dark:hover:text-red-300">About</a></li>
                <li><a href="#" class="hover:text-green-400 dark:hover:text-green-300">Contact</a></li>
            </ul>
        </div>
        <div class="flex space-x-4 mt-4 md:mt-0">
            <a href="#" class="hover:text-blue-400 dark:hover:text-blue-300">Facebook</a>
            <a href="#" class="hover:text-red-400 dark:hover:text-red-300">Twitter</a>
            <a href="#" class="hover:text-green-400 dark:hover:text-green-300">Instagram</a>
        </div>
    </div>
</footer>

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

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

Адаптивный компонент навигации по нижнему колонтитулу, разработанный для приборной панели, выполнен в скевоморфном стиле с яркими цветами. Он включает в себя навигационные ссылки, логотип и значки социальных сетей, а также полную поддержку темного режима с использованием Tailwind CSS. Дизайн нацелен на умеренную сложность с интерактивными эффектами наведения.

Открытый

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

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

Открытый

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

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

Открытый