미니멀리스트 바닥글 탐색

반응형 디자인과 다크 모드를 지원하는 블로그를 위한 미니멀한 바닥글 탐색 구성 요소입니다.

미리 보기

HTML 코드

<footer class="bg-gray-100 dark:bg-gray-900 text-gray-700 dark:text-gray-300 py-8">
  <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-sm">&copy; 2023 Your Blog Name. All rights reserved.</p>
      </div>
      <nav>
        <ul class="flex space-x-4">
          <li><a href="#" class="text-sm hover:text-gray-900 dark:hover:text-white">Home</a></li>
          <li><a href="#" class="text-sm hover:text-gray-900 dark:hover:text-white">About</a></li>
          <li><a href="#" class="text-sm hover:text-gray-900 dark:hover:text-white">Contact</a></li>
        </ul>
      </nav>
    </div>
  </div>
</footer>

관련 구성 요소

Glassmorphism 그레이스케일 헬스케어 바닥글

헬스케어/의료 애플리케이션을 위한 반응형 glassmorphism 스타일의 바닥글 탐색 구성 요소로, 다크 모드를 지원하는 그레이스케일 색 구성표를 사용합니다. 젖빛 유리와 같은 반투명 요소와 대화형 링크가 특징입니다.

열다

Glassmorphism 바닥글 탐색

Glassmorphism 스타일, 생생한 색 구성표 및 대시보드 목적을 위한 복잡한 레이아웃이 있는 바닥글 탐색 구성 요소. Tailwind CSS를 사용하여 다크 모드를 지원하는 반응형 디자인.

열다

Footer Navigation 구성 요소

대시보드용으로 설계된 반응형 바닥글 탐색 구성 요소로, 생생한 색상의 Skeuomorphic 스타일을 특징으로 합니다. 여기에는 탐색 링크, 로고 및 소셜 미디어 아이콘이 포함되며 Tailwind CSS를 사용하여 완전한 다크 모드를 지원합니다. 이 디자인은 대화형 호버 효과를 사용하여 중간 정도의 복잡성을 목표로 합니다.

열다