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

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

Простой компонент навигации по нижнему колонтитулу, стилизованный под принципы 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>

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

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

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

Открытый

Компонент навигации по акварельному художественному нижнему колонтитулу

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

Открытый

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

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

Открытый