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

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

Компонент навигации по нижнему колонтитулу, выполненный в стиле ретро/винтаж, вдохновленный эстетикой 80-х и 90-х годов. Он имеет поддержку темной темы и полностью адаптивный.

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

HTML-код

<footer class="bg-gray-800 text-white py-8 mt-10">
    <div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
        <div class="text-center md:text-left">
            <h2 class="text-2xl font-bold mb-2">Stay Connected!</h2>
            <p>Follow us on our social media channels:</p>
            <div class="flex justify-center md:justify-start mt-4 space-x-4">
                <a href="#" class="text-gray-400 hover:text-white">
                    <img src="https://picsum.photos/30/30?random=1" alt="Facebook" class="rounded-full">
                </a>
                <a href="#" class="text-gray-400 hover:text-white">
                    <img src="https://picsum.photos/30/30?random=2" alt="Twitter" class="rounded-full">
                </a>
                <a href="#" class="text-gray-400 hover:text-white">
                    <img src="https://picsum.photos/30/30?random=3" alt="Instagram" class="rounded-full">
                </a>
            </div>
        </div>
        <nav class="mt-6 md:mt-0">
            <ul class="flex flex-col md:flex-row space-x-4">
                <li><a href="#" class="hover:text-gray-400 transition">Home</a></li>
                <li><a href="#" class="hover:text-gray-400 transition">About</a></li>
                <li><a href="#" class="hover:text-gray-400 transition">Services</a></li>
                <li><a href="#" class="hover:text-gray-400 transition">Contact</a></li>
            </ul>
        </nav>
    </div>
    <div class="text-center mt-6">
        <p class="text-gray-500 text-sm">&copy; 2023 Your Company. All rights reserved.</p>
    </div>
</footer>

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

Bauhaus_Retro_News_Footer

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

Открытый

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

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

Открытый

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

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

Открытый