위젯 수정

기본 정보

위젯 이름 *

구성 위치

카테고리

간단 설명

HTML 컨텐츠

<div class="position-relative overflow-hidden"> <div class="container"> <div class="row content-space-t-1 content-space-t-lg-4 content-space-b-lg-3"> <div class="col-md-6 col-lg-5 order-md-2"> <div class="mb-4"> <h1>{{title}}</h1> <p>{{content}}</p> </div> <form class="js-validate"> <div class="d-grid"> <a class="btn btn-white btn-lg" href="{{link}}"> <span class="d-flex justify-content-center align-items-center"> <img alt="이미지 설명" class="avatar avatar-xss me-2" src="/layouts/codejaka_portfolio/assets/svg/brands/google-icon.svg"/> Google 계정으로 가입하기 </span> </a> </div> <span class="divider-center my-2">{{text}}</span> <div class="row gx-3"> <div class="col-sm-6"> <div class="mb-3"> <label class="form-label visually-hidden" for="signupFormFirstName">이름</label> <input aria-label="이름" class="form-control form-control-lg" id="signupFormFirstName" name="signupFormFirstName" placeholder="이름" required="" type="text"/> <span class="invalid-feedback">{{text2}}</span> </div> </div> <div class="col-sm-6"> <div class="mb-3"> <label class="form-label visually-hidden" for="signupFormLastName">성</label> <input aria-label="성" class="form-control form-control-lg" id="signupFormLastName" name="signupFormLastName" placeholder="성" required="" type="text"/> <span class="invalid-feedback">{{text3}}</span> </div> </div> </div> <div class="mb-3"> <label class="form-label visually-hidden" for="signupFormEmail">비즈니스 이메일</label> <input aria-label="비즈니스 이메일 주소" class="form-control form-control-lg" id="signupFormEmail" name="signupFormEmailName" placeholder="비즈니스 이메일 주소" required="" type="email"/> <span class="invalid-feedback">{{text4}}</span> </div> <div class="mb-3"> <label class="form-label visually-hidden" for="loginFormPassword">비밀번호</label> <div class="input-group-merge"> <input aria-label="비밀번호" class="js-toggle-password form-control form-control-lg" data-hs-toggle-password-options='{ "target": "#loginFormChangePassTarget", "defaultClass": "bi-eye-slash", "showClass": "bi-eye", "classChangeTarget": "#changePassIcon" }' id="loginFormPassword" name="loginFormPasswordName" placeholder="비밀번호" required="" type="password"/> <span class="invalid-feedback">{{text5}}</span> <a class="input-group-append input-group-text" href="javascript:;" id="loginFormChangePassTarget"> <i class="bi-eye" id="changePassIcon"></i> </a> </div> </div> <div class="d-grid"> <button class="btn btn-primary btn-lg" type="submit">{{text6}}</button> </div> </form> </div> </div> </div> <div class="position-md-absolute top-0 end-0 col-md-5 col-lg-6 d-none d-md-block"> <div class="video-bg" style="min-height: 57rem;"> <div class="js-video-bg video-bg-content" data-hs-video-bg-options='{"videoId": "/layouts/codejaka_portfolio/assets/video/our-business-is-growing"}'></div> </div> </div> </div>

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

편집 가능 변수

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

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

위젯 수정

미리보기

기본 정보

HTML 컨텐츠

편집 가능 변수