CCHub Logo CCHub Tailwind Collection
구성 요소 바닥글 바닥글 구성 요소

바닥글 구성 요소

보색 구성표가 있는 소셜 미디어를 위한 간단한 다크 모드 바닥글 구성 요소입니다.

미리 보기

HTML 코드 

<footer class="bg-gray-800 text-white py-4">
    <div class="container mx-auto flex flex-col items-center">
        <div class="flex space-x-4 mb-3">
            <a href="#" class="text-gray-400 hover:text-gray-200">About</a>
            <a href="#" class="text-gray-400 hover:text-gray-200">Contact</a>
            <a href="#" class="text-gray-400 hover:text-gray-200">Privacy Policy</a>
        </div>
        <div class="flex space-x-4 mb-3">
            <a href="#" class="text-gray-400 hover:text-gray-200">
                <img src="https://picsum.photos/30/30" alt="Facebook" class="inline-block">
            </a>
            <a href="#" class="text-gray-400 hover:text-gray-200">
                <img src="https://picsum.photos/30/30" alt="Twitter" class="inline-block">
            </a>
            <a href="#" class="text-gray-400 hover:text-gray-200">
                <img src="https://picsum.photos/30/30" alt="Instagram" class="inline-block">
            </a>
        </div>
        <div class="text-center">
            <p class="text-gray-400">© 2023 Your Company. All rights reserved.</p>
        </div>
    </div>
</footer>

관련 구성 요소

Neumorphic Vibrant 바닥글

단순하고 반응이 빠른 바닥글 구성 요소는 뉴모픽 디자인 원칙과 생생한 색상으로 스타일링되었습니다. 미묘한 그림자가 있는 부드럽고 돌출된 외관을 특징으로 하는 동시에 고채도 악센트 색상을 유지합니다. 바닥글에는 사이트 탐색, 소셜 링크 및 전체 다크 모드를 지원하는 저작권 정보에 대한 기본 섹션이 포함되어 있습니다.

열다

Glassmorphism 바닥글 구성 요소

흐림 효과가 있는 젖빛 유리와 같은 반투명 요소를 특징으로 하는 glassmorphism 스타일의 반응형 바닥글 구성 요소이며 어두운 테마를 지원합니다.

열다

바닥글 구성 요소

Tailwind CSS를 사용하여 어두운 테마를 지원하는 레트로/빈티지 스타일로 디자인된 간단한 반응형 바닥글 구성 요소입니다. 비즈니스/기업 웹사이트에 적합한 기본 레이아웃이 특징입니다.

열다