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

바닥글 구성 요소

3D 디자인 요소와 흙색이 있는 단순하고 반응이 빠른 바닥글 구성 요소로, 어두운 테마를 지원하는 블로그 또는 콘텐츠 사이트용으로 설계되었습니다.

미리 보기

HTML 코드 

<footer class="bg-gray-300 dark:bg-gray-800 py-8">
  <div class="container mx-auto px-4">
    <div class="flex flex-wrap justify-between items-center">
      <div class="w-full md:w-auto text-center md:text-left mb-4 md:mb-0">
        <p class="text-gray-700 dark:text-gray-300 text-sm">&copy; 2023 Your Blog Name. All rights reserved.</p>
      </div>
      <div class="w-full md:w-auto text-center md:text-right">
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white mx-2 text-sm">Privacy Policy</a>
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white mx-2 text-sm">Terms of Service</a>
      </div>
    </div>
  </div>
</footer>

관련 구성 요소

3D 유사 간단한 블로그 바닥글

Tailwind CSS를 사용하여 어두운 테마를 지원하는 반응형 바닥글 구성 요소. 바닥글은 유사한 색상의 단순한 3D 디자인을 가지고 있습니다. 블로그/콘텐츠 웹사이트에 최적화되어 있습니다.

열다

Luxury_Premium_Crypto_Footer

암호화폐/블록체인 애플리케이션을 위한 우아하고 반응이 빠른 바닥글 구성 요소로, 제한된 수의 링크, 저작권 및 소셜 미디어 아이콘을 제공합니다. 어두운 모드를 지원하는 회사 파란색 색 구성표를 사용합니다.

열다

Glassmorphism_Footer_Component

예약/예약 시스템용으로 설계된 반응형 glassmorphism 스타일의 바닥글 구성 요소로, 보색 구성표, 대화형 요소 및 완전한 다크 모드 지원을 특징으로 합니다.

열다