위젯 수정

기본 정보

위젯 이름 *

구성 위치

카테고리

간단 설명

HTML 컨텐츠

<header class="navbar navbar-expand-lg navbar-light bg-white" id="header"> <div class="container"> <nav class="js-mega-menu navbar-nav-wrap"> <a aria-label="코드자카" class="navbar-brand" href="{{link}}"> <img alt="이미지 설명" class="navbar-brand-logo" src="../assets/svg/logos/logo.svg"/> </a> <button aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="탐색 토글" class="navbar-toggler" data-bs-target="#navbarNavDropdown" data-bs-toggle="collapse" type="button"> <span class="navbar-toggler-default"> <i class="bi-list"></i> </span> <span class="navbar-toggler-toggled"> <i class="bi-x"></i> </span> </button> <div class="collapse navbar-collapse" id="navbarNavDropdown"> <ul class="navbar-nav nav-pills"> <li class="hs-has-mega-menu nav-item" data-hs-mega-menu-item-options='{ "desktop": { "maxWidth": "40rem" } }'> <a aria-current="page" aria-expanded="false" class="hs-mega-menu-invoker nav-link dropdown-toggle" href="{{link2}}" id="landingsMegaMenu" role="button">랜딩 페이지</a> <div aria-labelledby="landingsMegaMenu" class="hs-mega-menu dropdown-menu" style="min-width: 25rem;"> <div class="row"> <div class="col-lg d-none d-lg-block"> <div class="d-flex align-items-start flex-column bg-light rounded-3 h-100 p-4"> <span class="fs-3 fw-bold d-block">{{text}}</span> <p class="text-body">{{content}}</p> <div class="mt-auto"> <p class="mb-1">{{content2}}</p> <p class="mb-1">{{content3}}</p> </div> </div> </div> <div class="col-sm"> <div class="navbar-dropdown-menu-inner"> <span class="dropdown-header">{{text2}}</span> <a class="dropdown-item" href="{{link2}}"><i class="bi-building me-2"></i> 기업</a> <a class="dropdown-item" href="{{link3}}"><i class="bi-briefcase me-2"></i> 비즈니스 <span class="badge text-primary">{{text3}}</span></a> <a class="dropdown-item" href="{{link4}}"><i class="bi-chat-right-dots me-2"></i> 컨설팅 <span class="badge text-primary">{{text4}}</span></a> <a class="dropdown-item" href="{{link5}}"><i class="bi-tropical-storm me-2"></i> SaaS</a> <a class="dropdown-item" href="{{link6}}"><i class="bi-gear me-2"></i> 서비스</a> </div> </div> </div> </div> </li> <li class="hs-has-mega-menu nav-item"> <a aria-expanded="false" class="hs-mega-menu-invoker nav-link dropdown-toggle" href="{{link7}}" id="pagesMegaMenu" role="button">페이지</a> <div aria-labelledby="pagesMegaMenu" class="hs-mega-menu hs-position-right dropdown-menu w-100" style="min-width: 42rem;"> <div class="navbar-dropdown-menu-inner"> <div class="row"> <div class="col-sm-6 col-lg-3"> <span class="dropdown-header">{{text5}}</span> <a class="dropdown-item" href="{{link7}}">회사 소개</a> <a class="dropdown-item" href="{{link8}}">고객 사례</a> <a class="dropdown-item" href="{{link9}}">고객 이야기</a> <a class="dropdown-item" href="{{link10}}">고객 센터</a> <a class="dropdown-item" href="{{link11}}">고객 센터: 카테고리</a> <a class="dropdown-item" href="{{link12}}">고객 센터: 게시글</a> </div> <div class="col-sm-6 col-lg-3 mt-n5 mt-sm-0 mb-3 mb-lg-0"> <span class="dropdown-header invisible">{{text6}}</span> <a class="dropdown-item" href="{{link13}}">채용 정보</a> <a class="dropdown-item" href="{{link14}}">채용 정보: 직무 개요</a> <a class="dropdown-item" href="{{link15}}">채용 정보: 지원하기</a> <a class="dropdown-item" href="{{link16}}">문의하기</a> <a class="dropdown-item" href="{{link17}}">로그인</a> <a class="dropdown-item" href="{{link18}}">회원가입</a> <a class="dropdown-item" href="{{link19}}">비밀번호 찾기</a> </div> <div class="col-sm-6 col-lg-3 mb-3 mb-lg-0"> <span class="dropdown-header">{{text7}}</span> <a class="dropdown-item" href="{{link20}}">모던</a> <a class="dropdown-item" href="{{link21}}">사례 연구</a> </div> <div class="col-sm-6 col-lg-3"> <span class="dropdown-header">{{text8}}</span> <a class="dropdown-item" href="{{link22}}">요금제</a> <a class="dropdown-item" href="{{link23}}">연락처</a> <a class="dropdown-item" href="{{link24}}">준비 중</a> <a class="dropdown-item" href="{{link25}}">준비 중: 심플</a> <a class="dropdown-item" href="{{link26}}">오류 404</a> <a class="dropdown-item" href="{{link27}}">이용 약관</a> <a class="dropdown-item" href="{{link28}}">개인정보 처리방침</a> </div> </div> </div> </div> </li> <li class="hs-has-mega-menu nav-item" data-hs-mega-menu-item-options='{ "desktop": { "maxWidth": "50rem" } }'> <a aria-expanded="false" class="hs-mega-menu-invoker nav-link dropdown-toggle" href="{{link29}}" id="blogMegaMenu" role="button">블로그</a> <div aria-labelledby="blogMegaMenu" class="hs-mega-menu dropdown-menu" style="min-width: 12rem;"> <div class="row"> <div class="col-lg d-none d-lg-block"> <div class="bg-light rounded-3 h-100 p-4"> <span class="d-block fs-4 fw-bold text-dark mb-3">{{text9}}</span> <div class="row"> <div class="col-md-6 mb-3 mb-md-0"> <a class="d-block" href="{{link29}}"> <img alt="이미지 설명" class="img-fluid rounded-2 mb-2" src="../assets/svg/components/card-1.svg"/> <span class="fs-4 fw-medium text-dark text-inherit">{{text10}}</span> <p class="fs-6 text-body">{{content4}}</p> <span class="link link-pointer">{{text11}}</span> </a> </div> <div class="col-md-6"> <a class="d-block" href="{{link30}}"> <img alt="이미지 설명" class="img-fluid rounded-2 mb-2" src="../assets/svg/components/card-2.svg"/> <span class="fs-4 fw-medium text-dark text-inherit">{{text12}}</span> <p class="fs-6 text-body">{{content5}}</p> <span class="link link-pointer">{{text13}}</span> </a> </div> </div> </div> </div> <div class="col-lg-4"> <div class="navbar-dropdown-menu-inner"> <span class="dropdown-header">{{text14}}</span> <a class="dropdown-item" href="{{link31}}">모던 <span class="badge text-primary">{{text15}}</span></a> <a class="dropdown-item" href="{{link32}}">그리드</a> <a class="dropdown-item" href="{{link33}}">리스트</a> <a class="dropdown-item" href="{{link34}}">게시글 <span class="badge text-primary">{{text16}}</span></a> <a class="dropdown-item" href="{{link35}}">작성자 프로필</a> </div> </div> </div> </div> </li> <li class="hs-has-mega-menu nav-item" data-hs-mega-menu-item-options='{ "desktop": { "maxWidth": "20rem" } }'> <a aria-expanded="false" class="hs-mega-menu-invoker nav-link dropdown-toggle" href="{{link36}}" id="docsMegaMenu" role="button">문서</a> <div aria-labelledby="docsMegaMenu" class="hs-mega-menu hs-position-right-fix dropdown-menu" style="min-width: 20rem;"> <a class="navbar-dropdown-menu-media-link" href="{{link36}}"> <div class="d-flex"> <div class="flex-shrink-0"> <i class="bi-file-earmark-text fs-2 text-dark"></i> </div> <div class="flex-grow-1 ms-3"> <span class="navbar-dropdown-menu-media-title">문서 <span class="badge badge-sm bg-primary rounded-pill ms-1">{{text17}}</span></span> <p class="navbar-dropdown-menu-media-desc">{{content6}}</p> </div> </div> </a> <div class="dropdown-divider"></div> <a class="navbar-dropdown-menu-media-link" href="{{link37}}"> <div class="d-flex"> <div class="flex-shrink-0"> <i class="bi-layers fs-2 text-dark"></i> </div> <div class="flex-grow-1 ms-3"> <span class="navbar-dropdown-menu-media-title">{{text18}}</span> <p class="navbar-dropdown-menu-media-desc">{{content7}}</p> </div> </div> </a> </div> </li> <li class="nav-item ms-lg-auto"> <a class="btn btn-ghost-dark me-2 me-lg-0" href="{{link38}}">{{text19}}</a> <a class="btn btn-dark d-lg-none" href="{{link39}}">{{text20}}</a> </li> <li class="nav-item"> <a class="btn btn-dark d-none d-lg-inline-block" href="{{link40}}">{{text21}}</a> </li> </ul> </div> </nav> </div> </header>

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

편집 가능 변수

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

변수명

라벨

타입

기본값

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

위젯 수정

미리보기

기본 정보

HTML 컨텐츠

편집 가능 변수