Content Display 구성 요소
파스텔 색상 구성표로 어두운 모드 스타일로 작업이나 제품을 보여주기 위한 반응형 구성 요소입니다.
HTML 코드
<div class="bg-gray-800 dark:bg-gray-900 p-6 rounded-lg shadow-lg max-w-md mx-auto">
<h2 class="text-2xl font-bold text-pink-300 dark:text-pink-200 mb-4">Project Title</h2>
<img src="https://picsum.photos/400/200" alt="Project Image" class="rounded-lg mb-4 shadow-md">
<p class="text-gray-300 dark:text-gray-200 mb-4">This is a brief description of the project. It showcases the unique features and the value it brings to users.</p>
<div class="flex items-center mb-4">
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Avatar" class="w-10 h-10 rounded-full mr-2 shadow-lg">
<span class="text-gray-400 dark:text-gray-200">Posted by John Doe</span>
</div>
<a href="#" class="inline-block bg-pink-500 hover:bg-pink-400 text-white font-semibold py-2 px-4 rounded mt-2">View More</a>
</div>관련 구성 요소
장난기 넘치는 보석 톤 사진 콘텐츠 디스플레이
사진 포트폴리오 또는 갤러리를 위한 복잡하고 재미있고 재미있는 콘텐츠 디스플레이 구성 요소로, 밝은 보석 톤, 둥근 요소, 다크 모드를 지원하는 반응형 디자인을 특징으로 합니다. 추천 이미지, 그리드 레이아웃 및 프로필 섹션과 같은 여러 대화형 요소를 보여줍니다.
Content Display 구성 요소
어두운 테마의 전자 상거래를 위해 스큐어모픽 스타일로 설계된 Content Display Component입니다. 유쾌한 미학을 위해 유사한 색 구성표를 사용하여 최소한의 요소로 제품을 선보입니다.
콘텐츠 표시 구성 요소
반응형 소셜 미디어 콘텐츠 디스플레이 구성 요소는 파스텔 색상의 스큐어모픽 스타일로 설계되었으며, 여러 대화형 요소와 다크 모드 지원을 특징으로 합니다.