CCHub Logo CCHub Tailwind Collection
구성 요소 바닥글 미니멀리스트 소셜 미디어 바닥글

미니멀리스트 소셜 미디어 바닥글

소셜 미디어 인터페이스를 위한 흙색 색 구성표가 있는 미니멀한 바닥글 구성 요소입니다. 어두운 테마 지원으로 반응형입니다.

미리 보기

HTML 코드 

<footer class="bg-gray-200 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">
        <p class="text-gray-700 dark:text-gray-300 text-sm">&copy; 2023 SocialMedia. All rights reserved.</p>
      </div>
      <div class="flex space-x-4">
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
          <i class="fab fa-facebook-f"></i>
        </a>
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
          <i class="fab fa-twitter"></i>
        </a>
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
          <i class="fab fa-instagram"></i>
        </a>
        <a href="#" class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition duration-300 ease-in-out">
          <i class="fab fa-linkedin-in"></i>
        </a>
      </div>
    </div>
  </div>
</footer>

관련 구성 요소

Neumorphic Vibrant 바닥글

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

열다

바닥글 구성 요소 - 예약/예약 - 다크 모드 캔디

예약/예약 시스템을 위해 설계된 복잡하고 반응이 빠른 바닥글 구성 요소입니다. 밝은 사탕/달콤한 색상의 다크 모드 UI, 여러 탐색 링크, 소셜 미디어 아이콘 및 뉴스레터 구독이 특징입니다. 완벽하게 반응하며 다크 모드를 지원합니다.

열다

기업 예약 바닥글

예약/예약 시스템용으로 설계된 복잡하고 반응이 빠른 기업 바닥글 구성 요소로, 시맨틱 HTML 및 Tailwind CSS를 사용하여 웜 뉴트럴 및 다크 모드 지원을 제공합니다.

열다