더 많은 카드 레이아웃 (14)
전체 보기- 01Pro
간단 피드백 설문 카드
약 30초 만에 끝나는 질문 세 개: 이메일 필드, 호버 시 미리보기 되는 별점 다섯 개, 코멘트 박스 하나. React와 Tailwind. 원하는 엔드포인트로 제출하세요.
- 02Pro
연락처와 평점 폼 카드
끝에 아이콘이 있는 연락처 필드 네 개를 평점보다 먼저 받고, 점수를 Poor에서 Excellent까지 말로 표현합니다. React와 Tailwind. CRM에 바로 연결하세요.
- 03Pro
카운트다운 쿠폰 카드
쿠폰 일러스트와 회전된 오퍼 스티커 아래에서 시·분·초 실시간 시계가 돌아갑니다. React와 Tailwind. 종료 날짜만 설정하고 배포하세요.
- 04Pro
강사 정보가 있는 강의 카드
사진 대신 코드 글리프 패널로 시작해 룰이 있는 통계 바와 강사 행이 Enrol now 위에 이어집니다. React와 Tailwind. 원하는 커리큘럼을 넣으세요.
- 05Pro
가격 배지가 있는 강의 카드
커버 사진과 본문 사이 이음매에 가격 배지가 걸쳐 있고, 그 아래 정사각형 아이콘 타일에 세 가지 통계가 있습니다. React와 Tailwind. 가격을 매기고 배포하세요.
- 06Pro
상세 설문 폼 카드
두 개의 제목이 붙은 섹션이 이름·이메일, 두 개의 선택창, 0~5 만족도 슬라이더, 별점, 코멘트를 모읍니다. React와 Tailwind. 긴 답변도 받으세요.
- 07Pro
할인 프로모 오퍼 카드
회전된 40퍼센트 스티커가 카피 절반을 고정하는 동안 전체 높이의 패션 사진이 나머지 절반을 채웁니다. React와 Tailwind. 숫자만 바꾸고 실행하세요.
- 08Pro
이모지 평점 피드백 카드
다섯 개의 이모지 얼굴이 Very poor에서 Loved it까지 라디오 타일로 동작하며, 240자에서 카운트다운되는 선택적 코멘트 박스가 있습니다. React와 Tailwind. 감정을 빠르게 파악하세요.
- 09Pro
인버트 프로필 카드
페이지와 항상 반대되는 반전된 잉크 표면: 정사각형 초상, 소개글, 가입일, 해시태그, 메일 버튼. React와 Tailwind. 소개 카드로 활용하세요.
- 10Pro
뉴스레터 가입 카드
아웃라인 일러스트 배너 아래 디스플레이 크기의 NEWSLETTER 제목과 하나로 이어진 이메일·구독 컨트롤. React와 Tailwind. 메일링 리스트에 연결하세요.
- 11Pro
수량 스테퍼가 있는 상품 카드
변경마다 안내되는 마이너스·플러스 스테퍼가 취소선 가격 옆에 있고, 그 위에 장바구니 담기 버튼이 있습니다. React와 Tailwind. 장바구니에 연결하세요.
- 12Pro
커버 배너가 있는 프로필 카드
정사각형 아바타가 온라인 점과 함께 커버 밴드 밖으로 반쯤 걸려 있고, 팔로우 버튼, 소개글, 스킬 태그가 있습니다. React와 Tailwind. 팀 그리드에 고정하세요.
- 13Pro
스플릿 뉴스레터 카드
45 대 55 분할: 한쪽에는 일러스트 패널, 다른 쪽에는 라벨이 붙은 이메일 필드와 전체 너비 구독 버튼. React와 Tailwind. 사이드바에 끼워 넣으세요.
- 14Pro
구독 요약 카드
인증서 배지가 체크된 네 개의 좌석 배분 위에 있고, 채워진 패널이 청구 금액과 다음 청구일을 말합니다. React와 Tailwind. 결제 완료 화면에 보여주세요.
https://neobrutalism.com/ko/blocks/cards/wide-newsletter-banner-card
