CCHub Logo CCHub Tailwind Collection
구성 요소 바닥글 탐색 Footer Navigation 구성 요소

Footer Navigation 구성 요소

머티리얼 디자인(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>

관련 구성 요소

Footer Navigation 구성 요소

패션/뷰티 브랜드를 위해 설계된 따뜻하고 일몰에서 영감을 받은 색 구성표가 있는 간단하고 반응이 빠른 바닥글 탐색 구성 요소입니다. 미묘한 호버 효과와 다크 모드 지원이 특징입니다.

열다

Footer Navigation 구성 요소

어두운 테마를 지원하는 대시보드를 위한 반응형 바닥글 탐색 구성 요소로, 트라이어딕 색상과 복잡한 요소를 사용하여 링크 호버에 대한 마이크로 인터랙션을 제공합니다. JavaScript는 없으며 Tailwind CSS가 있는 HTML만 있습니다.

열다

바닥글 탐색 구성 요소 - 고정/개발자 스타일

농업/농업 웹사이트용으로 설계된 복잡하고 반응이 빠른 바닥글 탐색 구성 요소로, 그라데이션 무지개 색 구성표와 다크 모드 지원이 있는 고정 공간/개발자 미학을 특징으로 합니다.

열다