사이트 설정
돌아가기
사업자 정보 데이터
* 여기 입력한 값은 오른쪽 HTML의 치환자와 교체됩니다.
저장하기
Header HTML (Start ~ Body)
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{{TITLE}}</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"> <style> .dropdown-item:hover .absolute { display: block; } </style> </head> <body class="bg-gray-50 flex flex-col min-h-screen"> <header class="bg-white border-b shadow-sm sticky top-0 z-50"> <div class="max-w-7xl mx-auto px-4 h-16 flex items-center justify-between"> <a href="/" class="text-2xl font-bold text-indigo-600">My Brand</a> <nav class="hidden md:flex gap-6"> {{MENU}} </nav> </div> </header>
Footer HTML (End ~ HTML)
`</body></html>` 포함
{{COMPANY_NAME}}
: 상호명
{{CEO_NAME}}
: 대표자명
{{BIZ_NUM}}
: 사업자번호
{{ADDRESS}}
: 주소
{{PHONE}}
: 전화번호
{{EMAIL}}
: 이메일
<footer class="bg-gray-900 text-gray-400 mt-auto border-t border-gray-800"> <div class="max-w-7xl mx-auto py-10 px-6"> <div class="mb-4 text-sm space-x-4 border-b border-gray-700 pb-4"> <a href="#" class="hover:text-white">이용약관</a> <a href="#" class="hover:text-white">개인정보처리방침</a> </div> <div class="flex flex-wrap gap-y-2 gap-x-6 text-sm mb-4"> <span class="font-bold text-gray-100">{{COMPANY_NAME}}</span> <span>대표: {{CEO_NAME}}</span> <span>사업자번호: {{BIZ_NUM}}</span> <span>주소: {{ADDRESS}}</span> <span>Tel: {{PHONE}}</span> <span>Email: {{EMAIL}}</span> <span class="text-gray-500">{{EXTRA_INFO}}</span> </div> <div class="text-xs text-gray-600"> Copyright © 2025 {{COMPANY_NAME}}. All rights reserved. </div> </div> </footer> </body> </html>