Компонент навигации по нижнему колонтитулу
Простой компонент навигации по нижнему колонтитулу, стилизованный под принципы Material Design и аналогичную цветовую схему для бизнес/корпоративных сайтов. Он поддерживает темный режим и является отзывчивым.
HTML-код
<footer class="bg-gray-100 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">
<img src="https://picsum.photos/200/50" alt="Company Logo" class="h-10" />
</div>
<div class="flex flex-col md:flex-row space-x-4">
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">About Us</a>
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">Services</a>
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">Contact</a>
<a href="#" class="text-gray-800 dark:text-gray-300 hover:underline">Privacy Policy</a>
</div>
</div>
<div class="mt-6 text-center">
<p class="text-gray-600 dark:text-gray-400 text-sm">© 2023 Company Name. All rights reserved.</p>
</div>
</div>
</footer>Связанные компоненты
Компонент навигации по нижнему колонтитулу
Адаптивный компонент навигации по нижнему колонтитулу, выполненный в скевоморфном стиле, с интерактивными элементами, подходящими для электронной коммерции. Он выполнен в триадической цветовой гамме и поддерживает темный режим.
Компонент навигации по нижнему колонтитулу
Простой компонент навигации по нижнему колонтитулу, выполненный в стиле брутализма с триадической цветовой гаммой для интерфейсов социальных сетей. Он включает в себя ссылки и изображения аватаров, с поддержкой темного режима.
Компонент навигации по нижнему колонтитулу
Компонент навигации по нижнему колонтитулу, выполненный в стиле ретро/винтаж, вдохновленный эстетикой 80-х и 90-х годов. Он имеет поддержку темной темы и полностью адаптивный.