codejaka
builder
포트폴리오
위젯 관리
새 프로젝트
위젯 수정
미리보기
새로고침
렌더 결과는
이미지
로 표시됩니다. 저장 시 동일 이미지가 위젯 목록 썸네일로도 등록됩니다.
기본 정보
위젯 이름
*
구성 위치
Header
Body
Footer
카테고리
헤더
히어로
일반
본문 컨텐츠
공통
상태표시
단계표시
탭메뉴
아이콘
카드
리뷰
가격표
팀
CTA
갤러리
클라이언트
FAQ
댓글
프로필
오시는길
예약
푸터
간단 설명
코드자카 dist/snippets/icon-blocks.html — 컴포넌트 #5
HTML 컨텐츠
<div class="container content-space-1"> <div class="row"> <div class="col-sm-6 col-lg-4 mb-5 mb-lg-10"> <div class="mb-3"> <i class="bi-cash-coin fs-1"></i> </div> <h4 class="mb-4">{{title}}</h4> <ul class="list-pointer"> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link}}">지원되는 결제 수단은 무엇인가요?</a> </li> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link2}}">구매 영수증은 어떻게 받나요?</a> </li> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link3}}">환불은 어떻게 받나요?</a> </li> </ul> <a class="link" href="{{link4}}">모든 아티클 보기</a> </div> <div class="col-sm-6 col-lg-4 mb-5 mb-lg-10"> <div class="mb-3"> <i class="bi-person-circle fs-1"></i> </div> <h4 class="mb-4">{{title2}}</h4> <ul class="list-pointer"> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link5}}">계정 관리하기</a> </li> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link6}}">예산 및 분석</a> </li> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link7}}">환전하기</a> </li> </ul> <a class="link" href="{{link8}}">모든 아티클 보기</a> </div> <div class="col-sm-6 col-lg-4 mb-5 mb-lg-10"> <div class="mb-3"> <i class="bi-wallet2 fs-1"></i> </div> <h4 class="mb-4">{{title3}}</h4> <ul class="list-pointer"> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link9}}">어떤 라이선스가 필요한가요?</a> </li> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link10}}">구매한 테마는 어떻게 이용하나요?</a> </li> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link11}}">라이선스 유형 업그레이드</a> </li> </ul> <a class="link" href="{{link12}}">모든 아티클 보기</a> </div> <div class="col-sm-6 col-lg-4 mb-5 mb-lg-0"> <div class="mb-3"> <i class="bi-person-badge fs-1"></i> </div> <h4 class="mb-4">{{title4}}</h4> <ul class="list-pointer"> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link13}}">플랜 업그레이드</a> </li> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link14}}">본인 인증</a> </li> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link15}}">프로필 설정</a> </li> </ul> <a class="link" href="{{link16}}">모든 아티클 보기</a> </div> <div class="col-sm-6 col-lg-4 mb-5 mb-sm-0"> <div class="mb-3"> <i class="bi-life-preserver fs-1"></i> </div> <h4 class="mb-4">{{title5}}</h4> <ul class="list-pointer"> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link17}}">구매한 테마에 대한 지원은 어떻게 받나요?</a> </li> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link18}}">테마는 어떤 Bootstrap 버전으로 제작되었나요?</a> </li> </ul> <a class="link" href="{{link19}}">모든 아티클 보기</a> </div> <div class="col-sm-6 col-lg-4"> <div class="mb-3"> <i class="bi-folder2-open fs-1"></i> </div> <h4 class="mb-4">{{title6}}</h4> <ul class="list-pointer"> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link20}}">2021 추천 캠페인</a> </li> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link21}}">급여일</a> </li> <li class="list-pointer-item"> <a class="link link-secondary" href="{{link22}}">숙박</a> </li> </ul> <a class="link" href="{{link23}}">모든 아티클 보기</a> </div> </div> </div>
변수 플레이스홀더:
{{변수명}}
편집 가능 변수
변수 추가
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
삭제
저장