codejaka
builder
포트폴리오
위젯 관리
새 프로젝트
위젯 수정
미리보기
새로고침
렌더 결과는
이미지
로 표시됩니다. 저장 시 동일 이미지가 위젯 목록 썸네일로도 등록됩니다.
기본 정보
위젯 이름
*
구성 위치
Header
Body
Footer
카테고리
헤더
히어로
일반
본문 컨텐츠
공통
상태표시
단계표시
탭메뉴
아이콘
카드
리뷰
가격표
팀
CTA
갤러리
클라이언트
FAQ
댓글
프로필
오시는길
예약
푸터
간단 설명
코드자카 dist/snippets/pricing.html — 컴포넌트 #2
HTML 컨텐츠
<div class="container content-space-1"> <div class="w-lg-65 text-center mx-lg-auto mb-7"> <h3>{{title}}</h3> </div> <div class="table-responsive-sm"> <table class="table table-lg table-striped table-borderless"> <thead> <tr class="table-align-middle"> <th scope="col"></th> <th class="table-text-center h5" scope="col">베이직</th> <th class="table-text-center h5" scope="col">프리미엄</th> </tr> </thead> <tbody> <tr> <th class="h6 fw-bold" scope="row">{{text}}</th> <td></td> <td></td> </tr> <tr> <th scope="row">시가/고가/저가/종가</th> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> </tr> <tr> <th scope="row">가격-거래량 차이 지표</th> <td class="table-text-center"> <i class="bi-dash text-body"></i> </td> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> </tr> <tr> <th class="h6 fw-bold" scope="row">{{text2}}</th> <td></td> <td></td> </tr> <tr> <th scope="row">네트워크 성장</th> <td class="table-text-center"> <i class="bi-dash text-body"></i> </td> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> </tr> <tr> <th scope="row">평균 토큰 보유 기간</th> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> </tr> <tr> <th scope="row">거래소 유입/유출</th> <td class="table-text-center"> <i class="bi-dash text-body"></i> </td> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> </tr> <tr> <th scope="row">ERC20 거래소 자금 총 유입/유출</th> <td class="table-text-center"> <i class="bi-dash text-body"></i> </td> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> </tr> <tr> <th scope="row">거래량</th> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> </tr> <tr> <th scope="row">총 유통량 (베타)</th> <td class="table-text-center"> <i class="bi-dash text-body"></i> </td> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> </tr> <tr> <th scope="row">토큰 회전율 (베타)</th> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> </tr> <tr> <th scope="row">사용된 ETH 가스비</th> <td class="table-text-center"> <i class="bi-dash text-body"></i> </td> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> </tr> <tr> <th class="h6 fw-bold" scope="row">{{text3}}</th> <td></td> <td></td> </tr> <tr> <th scope="row">개발 활동</th> <td class="table-text-center"> <i class="bi-dash text-body"></i> </td> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> </tr> <tr> <th scope="row">주제 검색</th> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> </tr> <tr> <th scope="row">상대적 소셜 지배력</th> <td class="table-text-center"> <i class="bi-dash text-body"></i> </td> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> </tr> <tr> <th scope="row">총 소셜 언급량</th> <td class="table-text-center"> <i class="bi-dash text-body"></i> </td> <td class="table-text-center"> <i class="bi-check-circle text-primary"></i> </td> </tr> </tbody> </table> </div> </div>
변수 플레이스홀더:
{{변수명}}
편집 가능 변수
변수 추가
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
삭제
저장