현재는 프로젝트 의뢰를 받고 있지 않습니다. 기타 문의가 있으신분은 남겨주시기 바랍니다.
문의하기
XEANT
HOME
WORKS
DEVLAB
DEMO
BLOG
SUPPORTS
로그인
회원가입
다크테마
XEANT에게 제안하기
등록하기
URL에 예제가 보여줄 페이지의 주소를 입력하세요. (http://gjworks.me/page/example.html)
제목
cards
Component
Headers
Navigation
Heroes
Features
Lists
Cards
Dashboard
Page Sections
Footers
etc
HTML CODE
<div class="max-w-screen-lg mx-auto py-20"> <div class="text-center mb-20 text-gray-200 text-3xl font-semibold"> Popular Topics to Learn </div> <div class="grid grid-cols-3"> <div class="col-span-1"> <div class="bg-gray-800 bg-opacity-75 py-10 px-5 rounded-lg"> <div class="text-white text-lg font-semibold mb-6">BASIC</div> <div class="text-4xl font-semibold text-gray-100"> 300,000 </div> <div class="pb-5 border-b border-gray-700 pt-5"> <div class="text-gray-600 text-sm mb-5"> Not Sure Where to Begin? Take Our Address </div> <a href="#" class="inline-block py-2 px-5 text-white bg-orange-600 hover:bg-orange-500 rounded"> 신청하기 </a> </div> <div class="pt-10"> <div class="text-white text-lg font-semibold"> Warring Text </div> <div class="mb-6"> <div class="text-gray-400 text-sm mb-1"> million learners today. </div> </div> <div class=""> <div class="text-sm text-gray-500 mb-2"> <i class="fas fa-check text-orange-600 mr-2"></i> 1도메인 1다운로드 </div> <div class="text-sm text-gray-500 mb-2"> <i class="fas fa-check text-orange-600 mr-2"></i> 다크모드 지원 </div> <div class="text-sm text-gray-500 mb-2"> <i class="fas fa-check text-orange-600 mr-2"></i> 문자메세지 모듈 </div> </div> </div> </div> </div> <div class="col-span-1"> <div class="bg-gray-700 bg-opacity-75 py-10 px-5 rounded-lg -mt-6"> <div class="text-white text-lg font-semibold mb-6">PREMIUM</div> <div class="text-4xl font-semibold text-gray-100"> 1,000,000 </div> <div class="pb-5 border-b border-gray-700 pt-5"> <div class="text-gray-600 text-sm mb-5"> Not Sure Where to Begin? Take Our Address </div> <a href="#" class="inline-block py-2 px-5 text-white bg-orange-600 hover:bg-orange-500 rounded"> 신청하기 </a> </div> <div class="pt-10"> <div class="text-white text-lg font-semibold"> Warring Text </div> <div class="mb-6"> <div class="text-gray-400 text-sm mb-1"> million learners today. </div> </div> <div class=""> <div class="text-sm text-gray-500 mb-2"> <i class="fas fa-check text-orange-600 mr-2"></i> 1도메인 1다운로드 </div> <div class="text-sm text-gray-500 mb-2"> <i class="fas fa-check text-orange-600 mr-2"></i> 다크모드 지원 </div> <div class="text-sm text-gray-500 mb-2"> <i class="fas fa-check text-orange-600 mr-2"></i> 문자메세지 모듈 </div> <div class="text-sm text-gray-500 mb-2"> <i class="fas fa-check text-orange-600 mr-2"></i> 게시판/멤버스킨 지원 </div> <div class="text-sm text-gray-500 mb-2"> <i class="fas fa-check text-orange-600 mr-2"></i> 커스텀 Component 제공 </div> </div> </div> </div> </div> <div class="col-span-1"> <div class="bg-gray-800 bg-opacity-75 py-10 px-5 rounded-lg"> <div class="text-white text-lg font-semibold mb-6">DELUXE</div> <div class="text-4xl font-semibold text-gray-100"> 500,000 </div> <div class="pb-5 border-b border-gray-700 pt-5"> <div class="text-gray-600 text-sm mb-5"> Not Sure Where to Begin? Take Our Address </div> <a href="#" class="inline-block py-2 px-5 text-white bg-orange-600 hover:bg-orange-500 rounded"> 신청하기 </a> </div> <div class="pt-10"> <div class="text-white text-lg font-semibold"> Warring Text </div> <div class="mb-6"> <div class="text-gray-400 text-sm mb-1"> million learners today. </div> </div> <div class=""> <div class="text-sm text-gray-500 mb-2"> <i class="fas fa-check text-orange-600 mr-2"></i> 1도메인 1다운로드 </div> <div class="text-sm text-gray-500 mb-2"> <i class="fas fa-check text-orange-600 mr-2"></i> 다크모드 지원 </div> <div class="text-sm text-gray-500 mb-2"> <i class="fas fa-check text-orange-600 mr-2"></i> 문자메세지 모듈 </div> <div class="text-sm text-gray-500 mb-2"> <i class="fas fa-check text-orange-600 mr-2"></i> 게시판/멤버스킨 지원 </div> </div> </div> </div> </div> </div> </div>
공개여부
(공개시 일반회원들에게도 공개를 합니다. *오픈소스로 공개를 합니다.)
취소
등록하기
회원가입
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