codejaka
builder
포트폴리오
위젯 관리
새 프로젝트
위젯 수정
미리보기
새로고침
렌더 결과는
이미지
로 표시됩니다. 저장 시 동일 이미지가 위젯 목록 썸네일로도 등록됩니다.
기본 정보
위젯 이름
*
구성 위치
Header
Body
Footer
카테고리
헤더
히어로
일반
본문 컨텐츠
공통
상태표시
단계표시
탭메뉴
아이콘
카드
리뷰
가격표
팀
CTA
갤러리
클라이언트
FAQ
댓글
프로필
오시는길
예약
푸터
간단 설명
코드자카 dist/snippets/hero-page-coming-soon.html
HTML 컨텐츠
<div class="shape-container overflow-hidden"> <div class="bg-dark position-relative"> <div class="container content-space-1 content-space-t-lg-3 content-space-b-md-3 content-space-b-lg-4"> <div class="position-relative w-lg-75 text-center mx-lg-auto"> <div class="mb-7"> <h1 class="text-white">{{title}}</h1> <p class="lead text-white-70">{{content}}</p> </div> <div class="js-countdown row"> <div class="col-6 col-sm-3 mb-5 mb-sm-0"> <h2 class="js-cd-days h1 text-white mb-0"></h2> <h6 class="text-white-70 mb-0">{{title3}}</h6> </div> <div class="col-6 col-sm-3 mb-5 mb-sm-0"> <h2 class="js-cd-hours h1 text-white mb-0"></h2> <h6 class="text-white-70 mb-0">{{title5}}</h6> </div> <div class="col-6 col-sm-3"> <h2 class="js-cd-minutes h1 text-white mb-0"></h2> <h6 class="text-white-70 mb-0">{{title7}}</h6> </div> <div class="col-6 col-sm-3"> <h2 class="js-cd-seconds h1 text-white mb-0"></h2> <h6 class="text-white-70 mb-0">{{title9}}</h6> </div> </div> </div> </div> </div> <div class="shape shape-bottom zi-1" style="margin-bottom: -.125rem"> <svg viewbox="0 0 1920 100.1" x="0px" xmlns="http://www.w3.org/2000/svg" y="0px"> <path d="M0,0c0,0,934.4,93.4,1920,0v100.1H0L0,0z" fill="#fff"></path> </svg> </div> </div>
변수 플레이스홀더:
{{변수명}}
편집 가능 변수
변수 추가
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
삭제
저장