블로그 탐색 모음
블로그/콘텐츠 웹사이트에 대한 다크 모드 지원 기능이 있는 반응형 탐색 모음. 파스텔 색상의 미니멀리스트/플랫 디자인이 특징입니다.
HTML 코드
<nav class="bg-pink-100 dark:bg-purple-900 p-4">
<div class="container mx-auto flex justify-between items-center">
<a href="#" class="text-lg font-semibold text-gray-800 dark:text-white">My Blog</a>
<div class="flex space-x-4">
<a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Home</a>
<a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Blog</a>
<a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">About</a>
<a href="#" class="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white">Contact</a>
</div>
</div>
</nav>관련 구성 요소
Navigation Bar 구성 요소
전자 상거래 웹 사이트를 위한 반응형 탐색 모음으로, 회색조 색 구성표가 있는 glassmorphism 디자인 스타일과 Tailwind CSS를 사용하는 다크 모드 지원이 특징입니다.
Neon_Glow_Navbar_Music_Audio
음악/오디오 플랫폼을 위한 복잡하고 반응이 빠른 탐색 모음 구성 요소로, 네온/글로우 효과와 따뜻한 무채색 구성표를 특징으로 합니다. 다크 모드 지원 및 대화형 요소가 포함되어 있습니다.