현재는 프로젝트 의뢰를 받고 있지 않습니다. 기타 문의가 있으신분은 남겨주시기 바랍니다.
문의하기
XEANT
HOME
WORKS
DEVLAB
DEMO
BLOG
SUPPORTS
로그인
회원가입
다크테마
XEANT에게 제안하기
등록하기
URL에 예제가 보여줄 페이지의 주소를 입력하세요. (http://gjworks.me/page/example.html)
제목
headers
Component
Headers
Navigation
Heroes
Features
Lists
Cards
Dashboard
Page Sections
Footers
etc
HTML CODE
<header class="header relative top-0 z-10 border-b border-gray-100"> <div class="bg-gray-50 border-b border-gray-100"> <div class="max-w-screen-xl mx-auto px-3 flex"> <div class="flex-1 flex items-center"> <a href="#" class="py-3 px-3 text-sm text-gray-500 hover:text-gray-900"> <i class="fa fa-home"></i> 사이트이동 </a> </div> <div class=" flex justify-end"> <a href="#" class="py-3 px-3 text-sm text-gray-500 hover:text-gray-900"><i class="fas fa-exchange-alt"></i> 프로필전환</a> <a href="#" class="py-3 px-3 text-sm text-gray-500 hover:text-gray-900"><i class="fas fa-sign-out-alt"></i> 로그아웃</a> </div> </div> </div> <div class="max-w-screen-xl mx-auto px-3 pt-6 pb-6"> <div class="flex flex-wrap"> <div class="flex"> <div class="sideNavBtn flex lg:hidden cursor-pointer p-3" data-component="sideNav" data-target="sideNav"> <i class="fas fa-bars"></i> </div> <div class="flex items-center"> <a href="#" class="text-lg lg:text-2xl font-semibold text-black whitespace-nowrap break-normal"> LOGO </a> </div> </div> <div class="hidden lg:flex items-center px-5 lg:px-5 ml-5"> <a href="#" class="inline-block py-1 text-lg font-normal text-gray-500 hover:text-gray-800 mx-3 ">HOME</a> <a href="#" class="inline-block py-1 text-lg font-normal text-gray-500 hover:text-gray-800 mx-3 ">Service</a> <a href="#" class="inline-block py-1 text-lg font-normal text-gray-500 hover:text-gray-800 mx-3 ">Product</a> <a href="#" class="inline-block py-1 text-lg font-normal text-gray-500 hover:text-gray-800 mx-3 ">Customer</a> </div> <div class="flex-1"></div> <div class="relative hidden lg:flex justify-end"> <a href="javascript:void(0)" class="dropdown flex items-center text-coolGray-700 px-3 pt-1 pb-1 font-normal hover:text-coolGray-500 text-base" data-placement="bottom" data-toggle="popover" data-html="true" data-dropdown-content="#account-dropdown"> <div class="flex items-center justify-center w-8 h-8 bg-gray-100 rounded-full mr-2 text-gray-500"> <i class="fa fa-user"></i> </div> </a> <a href="#" class="flex items-center text-gray-700 px-3 pt-1 pb-1 font-normal hover:text-gray-500 text-base">정회원</a> <a href="#" class="flex items-center text-gray-700 px-3 pt-1 pb-1 font-normal hover:text-gray-500 text-base">로그인</a> </div> </div> </div> </header>
공개여부
(공개시 일반회원들에게도 공개를 합니다. *오픈소스로 공개를 합니다.)
취소
등록하기
회원가입
val1['open_window']=='Y'">HOME
val1['open_window']=='Y'">WORKS
val1['open_window']=='Y'">DEVLAB
val1['open_window']=='Y'">DEMO
val1['open_window']=='Y'">BLOG
val1['open_window']=='Y'">SUPPORTS
val1['open_window']=='Y'">
충청남도 천안시 서북구 군수1길 78-23
Email : xeant@kakao.com