위젯 수정

기본 정보

위젯 이름 *

구성 위치

카테고리

간단 설명

HTML 컨텐츠

<div class="container"> <ul class="list-unstyled list-step list-py-3 mb-0"> <li class="list-step-item"> <div class="position-relative rounded-3 py-10 px-4 px-md-10"> <div class="row align-items-lg-center position-relative zi-1"> <div class="col-lg-5 mb-7 mb-lg-0"> <div class="pe-lg-5"> <div class="mb-5"> <span class="text-cap text-primary">{{text}}</span> <h2>{{title}}</h2> <p>{{content}}</p> </div> <h5>{{title2}}</h5> <ul class="list-checked list-checked-primary mb-7"> <li class="list-checked-item"><span class="fw-bold">{{text2}}</span> 방법</li> <li class="list-checked-item">{{text3}}</li> <li class="list-checked-item">제품 <span class="fw-bold">{{text4}}</span></li> </ul> <a class="link link-pointer" href="{{link}}">이 단계 살펴보기</a> </div> </div> <div class="col-lg-7"> <img alt="이미지 설명" class="img-fluid" src="{{image}}"/> </div> </div> <div class="position-absolute top-0 start-0 w-100 w-lg-65 h-65 h-lg-100 bg-light rounded-3 ms-n5"></div> </div> </li> <li class="list-step-item"> <div class="position-relative rounded-3 py-10 px-4 px-md-10"> <div class="row align-items-lg-center position-relative zi-1"> <div class="col-lg-5 mb-7 mb-lg-0"> <div class="pe-lg-5"> <div class="mb-5"> <span class="text-cap text-primary">{{text5}}</span> <h2>{{title3}}</h2> <p>{{content2}}</p> </div> <h5>{{title4}}</h5> <ul class="list-checked list-checked-primary mb-7"> <li class="list-checked-item">{{text6}}</li> <li class="list-checked-item">다양한 <span class="fw-bold">{{text7}}</span> 방법</li> <li class="list-checked-item">코드자카 사이트 <span class="fw-bold">{{text8}}</span> 설정</li> </ul> <a class="link link-pointer" href="{{link2}}">이 단계 살펴보기</a> </div> </div> <div class="col-lg-7"> <img alt="이미지 설명" class="img-fluid" src="{{image2}}"/> </div> </div> <div class="position-absolute top-0 start-0 w-100 w-lg-65 h-65 h-lg-100 bg-light rounded-3 ms-n5"></div> </div> </li> <li class="list-step-item"> <div class="position-relative rounded-3 py-10 px-4 px-md-10"> <div class="row align-items-lg-center position-relative zi-1"> <div class="col-lg-5 mb-7 mb-lg-0"> <div class="pe-lg-5"> <div class="mb-5"> <span class="text-cap text-primary">{{text9}}</span> <h2>{{title5}}</h2> <p>{{content3}}</p> </div> <h5>{{title6}}</h5> <ul class="list-checked list-checked-primary mb-7"> <li class="list-checked-item">네이밍 및 <span class="fw-bold">{{text10}}</span></li> <li class="list-checked-item">{{text11}}</li> <li class="list-checked-item">코드자카 <span class="fw-bold">{{text12}}</span> 가이드</li> </ul> <a class="link link-pointer" href="{{link3}}">이 단계 살펴보기</a> </div> </div> <div class="col-lg-7"> <img alt="이미지 설명" class="img-fluid" src="{{image3}}"/> </div> </div> <div class="position-absolute top-0 start-0 w-100 w-lg-65 h-65 h-lg-100 bg-light rounded-3 ms-n5"></div> </div> </li> </ul> </div>

변수 플레이스홀더: {{변수명}}

편집 가능 변수

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

헤더
히어로
일반
본문 컨텐츠
공통
상태표시
단계표시
탭메뉴
아이콘
카드
리뷰
가격표
팀
CTA
갤러리
클라이언트
FAQ
댓글
프로필
오시는길
예약
푸터

위젯 수정

미리보기

기본 정보

HTML 컨텐츠

편집 가능 변수