위젯 수정

기본 정보

위젯 이름 *

구성 위치

카테고리

간단 설명

HTML 컨텐츠

<div class="content-space-t-3 content-space-1 overflow-hidden"><div class="container"><div class="row justify-content-lg-between align-items-lg-center"><div class="col-lg-5 mb-7 mb-lg-0"><div class="mb-6"><h1>{{title}}</h1><p class="lead">{{content}}</p></div><h5>{{title2}}</h5><ul class="list-checked list-checked-dark mb-6"><li class="list-checked-item">{{text}}</li><li class="list-checked-item">{{text2}}</li><li class="list-checked-item">{{text3}}</li></ul><h6>{{title3}}</h6><div class="row mb-4"><div class="col py-2"><img alt="로고" class="avatar avatar-lg avatar-4x3" src="../assets/svg/brands/capsule-gray.svg"/></div><div class="col py-2"><img alt="로고" class="avatar avatar-lg avatar-4x3" src="../assets/svg/brands/gitlab-gray.svg"/></div><div class="col py-2"><img alt="로고" class="avatar avatar-lg avatar-4x3" src="../assets/svg/brands/fitbit-gray.svg"/></div><div class="col py-2"><img alt="로고" class="avatar avatar-lg avatar-4x3" src="../assets/svg/brands/sass-gray.svg"/></div></div><div class="row align-items-sm-center text-center text-sm-start"><div class="col-sm-auto"><div class="avatar-group avatar-group-sm"><span class="avatar avatar-circle"><img alt="이미지 설명" class="avatar-img" src="{{image}}"/></span><span class="avatar avatar-circle"><img alt="이미지 설명" class="avatar-img" src="{{image2}}"/></span><span class="avatar avatar-circle"><img alt="이미지 설명" class="avatar-img" src="{{image3}}"/></span><span class="avatar avatar-primary avatar-circle"><span class="avatar-initials"><i class="bi-star-fill"></i></span></span></div></div><div class="col-sm-auto"><span class="d-block fs-5">{{text4}}</span></div></div></div><div class="col-lg-6"><div class="position-relative"><div class="card card-lg"><div class="card-body"><h4>{{title4}}</h4><form><div class="row gx-3"><div class="col-sm-6"><div class="mb-3"><label class="form-label visually-hidden" for="hireUsFormFirstName">이름</label><input aria-label="이름" class="form-control form-control-lg" id="hireUsFormFirstName" name="hireUsFormNameFirstName" placeholder="이름" type="text"/></div></div><div class="col-sm-6"><div class="mb-3"><label class="form-label visually-hidden" for="hireUsFormLasttName">성</label><input aria-label="성" class="form-control form-control-lg" id="hireUsFormLasttName" name="hireUsFormNameLastName" placeholder="성" type="text"/></div></div></div><div class="mb-3"><label class="form-label visually-hidden" for="hireUsFormWorkEmail">이메일 주소</label><input aria-label="email@site.com" class="form-control form-control-lg" id="hireUsFormWorkEmail" name="hireUsFormNameWorkEmail" placeholder="email@site.com" type="text"/></div><div class="mb-3"><label class="form-label visually-hidden" for="hireUsFormCompanyName">회사명 <span class="form-label-secondary">{{text5}}</span></label><input aria-label="회사명" class="form-control form-control-lg" id="hireUsFormCompanyName" name="hireUsFormNameCompanyName" placeholder="회사명" type="text"/></div><div class="mb-3"><label class="form-label visually-hidden" for="hireUsFormBudget">예산</label><select aria-label="예산을 알려주세요" class="form-select form-select-lg" id="hireUsFormBudget" name="hireUsFormNameBudget"><option selected="">예산을 알려주세요</option><option value="1">$1,000 - $10,000</option><option value="2">$10,000 - $20,000</option><option value="3">$20,000 - $30,000</option><option value="4">$30,000 - $40,000</option><option value="5">$40,000 - $50,000</option><option value="6">$50,000 이상</option></select></div><div class="mb-3"><label class="form-label visually-hidden" for="hireUsFormDetails">상세 내용</label><textarea aria-label="프로젝트에 대해 알려주세요" class="form-control form-control-lg" id="hireUsFormDetails" name="hireUsFormNameDetails" placeholder="프로젝트에 대해 알려주세요" rows="4"></textarea></div><div class="form-check mb-3"><input class="form-check-input" data-msg="개인정보 처리방침에 동의해 주세요." id="signupFormPrivacyCheck" name="signupFormPrivacyCheck" required="" type="checkbox"/><label class="form-check-label" for="signupFormPrivacyCheck"> 이 양식을 제출함으로써 <a href="{{link}}">개인정보 처리방침</a>을 읽고 동의합니다</label></div><div class="d-grid mb-2"><button class="btn btn-primary btn-lg" type="submit">{{text7}}</button></div><div class="text-center"><span class="form-text">{{text6}}</span></div></form></div></div><figure class="position-absolute top-0 end-0 d-none d-md-block mt-n10" style="width: 12rem; margin-right: -10rem;"><img alt="이미지 설명" class="img-fluid" src="../assets/svg/components/three-arrows-1.svg"/></figure><figure class="position-absolute bottom-0 end-0 zi-n1 d-none d-md-block mb-n10" style="width: 15rem; margin-right: -8rem;"><img alt="이미지 설명" class="img-fluid" src="../assets/svg/illustrations/grid-grey.svg"/></figure><figure class="position-absolute bottom-0 end-0 d-none d-md-block me-n5 mb-n5" style="width: 10rem;"><img alt="이미지 설명" class="img-fluid" src="../assets/svg/illustrations/plane.svg"/></figure></div></div></div></div></div>

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

편집 가능 변수

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

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

위젯 수정

미리보기

기본 정보

HTML 컨텐츠

편집 가능 변수