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

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

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

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

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>

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

Компонент навигации в футере - Промышленный океан

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

Открытый

Industrial_Rainbow_Footer_Navigation

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

Открытый

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

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

Открытый