codejaka
builder
포트폴리오
위젯 관리
새 프로젝트
위젯 수정
미리보기
새로고침
렌더 결과는
이미지
로 표시됩니다. 저장 시 동일 이미지가 위젯 목록 썸네일로도 등록됩니다.
기본 정보
위젯 이름
*
구성 위치
Header
Body
Footer
카테고리
헤더
히어로
일반
본문 컨텐츠
공통
상태표시
단계표시
탭메뉴
아이콘
카드
리뷰
가격표
팀
CTA
갤러리
클라이언트
FAQ
댓글
프로필
오시는길
예약
푸터
간단 설명
Unify dist/snippets/footer.html — bg-dark 푸터 (컴포넌트 #1)
HTML 컨텐츠
<footer class="bg-dark"><div class="container"><div class="row align-items-center pt-8 pb-4"><div class="col-md mb-5 mb-md-0"><h2 class="fw-medium text-white-70 mb-0">{{title}}</h2></div><div class="col-md-auto"><div class="d-grid d-sm-flex gap-3"><a class="btn btn-primary" href="{{link}}">{{text17}}</a><a class="btn btn-ghost-light btn-pointer" href="{{link2}}">{{text18}}</a></div></div></div><div class="border-bottom border-white-10"><div class="row py-6"><div class="col-6 col-sm-4 col-lg mb-7 mb-lg-0"><span class="text-cap text-white">{{text}}</span><ul class="list-unstyled list-py-1 mb-0"><li><a class="link link-light link-light-75" href="{{link3}}">블로그</a></li><li><a class="link link-light link-light-75" href="{{link4}}">가이드</a></li><li><a class="link link-light link-light-75" href="{{link5}}">고객 사례</a></li><li><a class="link link-light link-light-75" href="{{link6}}">지원 <i class="bi-box-arrow-up-right ms-1"></i></a></li><li><a class="link link-light link-light-75" href="{{link7}}">API</a></li><li><a class="link link-light link-light-75" href="{{link8}}">패키지</a></li></ul></div><div class="col-6 col-sm-4 col-lg mb-7 mb-lg-0"><span class="text-cap text-white">{{text2}}</span><ul class="list-unstyled list-py-1 mb-0"><li><a class="link link-light link-light-75" href="{{link9}}">조직 문화 <i class="bi-box-arrow-up-right ms-1"></i></a></li><li><a class="link link-light link-light-75" href="{{link10}}">회사 소개</a></li><li><a class="link link-light link-light-75" href="{{link11}}">채용 정보</a> <span class="fs-6 fw-bold text-primary">{{text3}}</span></li><li><a class="link link-light link-light-75" href="{{link12}}">문의</a></li><li><a class="link link-light link-light-75" href="{{link13}}">보안</a></li></ul></div><div class="col-6 col-sm-4 col-lg mb-7 mb-sm-0"><span class="text-cap text-white">{{text4}}</span><ul class="list-unstyled list-py-1 mb-0"><li><a class="link link-light link-light-75" href="{{link14}}">웹</a></li><li><a class="link link-light link-light-75" href="{{link15}}">모바일</a></li><li><a class="link link-light link-light-75" href="{{link16}}">iOS</a></li><li><a class="link link-light link-light-75" href="{{link17}}">Android</a></li><li><a class="link link-light link-light-75" href="{{link18}}">Figma 가져오기</a></li></ul></div><div class="col-6 col-sm-4 col-lg mb-7 mb-sm-0"><span class="text-cap text-white">{{text5}}</span><ul class="list-unstyled list-py-1 mb-5"><li><a class="link link-light link-light-75" href="{{link19}}">이용 약관</a></li><li><a class="link link-light link-light-75" href="{{link20}}">개인정보 처리방침 <i class="bi-box-arrow-up-right ms-1"></i></a></li></ul><span class="text-cap text-white">{{text6}}</span><ul class="list-unstyled list-py-1 mb-0"><li><a class="link link-light link-light-75" href="{{link21}}">문서화</a></li><li><a class="link link-light link-light-75" href="{{link22}}">스니펫</a></li></ul></div><div class="col-6 col-sm-4 col-lg"><span class="text-cap text-white">{{text7}}</span><ul class="list-unstyled list-py-2 mb-0"><li><a class="link link-light link-light-75" href="{{link23}}"><div class="d-flex"><div class="flex-shrink-0"><i class="bi-envelope-open-fill"></i></div><div class="flex-grow-1 ms-2"><span>{{text8}}</span></div></div></a></li><li><a class="link link-light link-light-75" href="{{link24}}"><div class="d-flex"><div class="flex-shrink-0"><i class="bi-facebook"></i></div><div class="flex-grow-1 ms-2"><span>{{text9}}</span></div></div></a></li><li><a class="link link-light link-light-75" href="{{link25}}"><div class="d-flex"><div class="flex-shrink-0"><i class="bi-linkedin"></i></div><div class="flex-grow-1 ms-2"><span>{{text10}}</span></div></div></a></li><li><a class="link link-light link-light-75" href="{{link26}}"><div class="d-flex"><div class="flex-shrink-0"><i class="bi-twitter"></i></div><div class="flex-grow-1 ms-2"><span>{{text11}}</span></div></div></a></li><li><a class="link link-light link-light-75" href="{{link27}}"><div class="d-flex"><div class="flex-shrink-0"><i class="bi-slack"></i></div><div class="flex-grow-1 ms-2"><span>{{text12}}</span></div></div></a></li></ul></div></div></div><div class="row align-items-md-center py-6"><div class="col-md mb-3 mb-md-0"><ul class="list-inline list-px-2 mb-0"><li class="list-inline-item"><a class="link link-light link-light-75" href="{{link28}}">개인정보 처리방침</a></li><li class="list-inline-item"><a class="link link-light link-light-75" href="{{link29}}">이용 약관</a></li><li class="list-inline-item"><a class="link link-light link-light-75" href="{{link30}}">서비스 상태</a></li><li class="list-inline-item"><div class="btn-group"><a aria-expanded="false" class="link link-light link-light-75" data-bs-toggle="dropdown" href="javascript:;" id="selectLanguage"><span class="d-flex align-items-center"><img alt="이미지 설명" class="avatar avatar-xss avatar-circle me-2" src="{{image}}" width="16"/><span>{{text13}}</span></span></a><div class="dropdown-menu"><a class="dropdown-item d-flex align-items-center active" href="{{link31}}"><img alt="이미지 설명" class="avatar avatar-xss avatar-circle me-2" src="{{image2}}" width="16"/><span>{{text14}}</span></a><a class="dropdown-item d-flex align-items-center" href="{{link32}}"><img alt="이미지 설명" class="avatar avatar-xss avatar-circle me-2" src="{{image3}}" width="16"/><span>{{text15}}</span></a><a class="dropdown-item d-flex align-items-center" href="{{link33}}"><img alt="이미지 설명" class="avatar avatar-xss avatar-circle me-2" src="{{image4}}" width="16"/><span>{{text16}}</span></a></div></div></li></ul></div><div class="col-md-auto"><p class="fs-5 text-white-70 mb-0">{{content}}</p></div></div></div></footer>
변수 플레이스홀더:
{{변수명}}
편집 가능 변수
변수 추가
변수명
라벨
타입
텍스트
긴 텍스트
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
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
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
이미지
숫자
기본값
삭제
저장