Bauhaus 단색 헬스케어 바닥글
의료 애플리케이션을 위한 간단하고 기능적인 바닥글 구성 요소로, Bauhaus 디자인 원칙에서 영감을 받았습니다. 단색 색 구성표, 반응형 레이아웃 및 다크 모드 지원이 특징입니다.
HTML 코드
<footer class="bg-gray-100 py-6 dark:bg-gray-900 border-t border-gray-200 dark:border-gray-800">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col items-center text-center">
<div class="mb-4">
<a href="#" class="text-gray-800 dark:text-gray-200 text-2xl font-bold tracking-tight">MediCare</a>
</div>
<nav class="flex flex-wrap justify-center space-x-4 sm:space-x-6 mb-4">
<a href="#" class="text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100 transition-colors duration-200 text-sm">Privacy Policy</a>
<a href="#" class="text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100 transition-colors duration-200 text-sm">Terms of Service</a>
<a href="#" class="text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100 transition-colors duration-200 text-sm">Contact Us</a>
</nav>
<p class="text-gray-500 dark:text-gray-500 text-xs sm:text-sm">© 2023 MediCare. All rights reserved.</p>
</div>
</footer>