d57b84c8f2
- billing-policy.md → customer-pricing / partner-commission / billing-policy 3분할 - HTML 슬라이드 20장 디자인 (div+flexbox, html2pptx 호환) - PPTX 3종 생성: customer-pricing(7장), partner-commission(6장), billing-policy(7장) - 회사명 통일: 주일/경동 → (주)코드브릿지엑스 (전체 문서 + PPTX) - SAM BI 로고 이미지 7종 추가 (docs/assets/bi/) - CLAUDE.md PPT 제작 전역 규칙 추가 - e-sign PPTX 내부 회사명 교체
72 lines
3.8 KiB
HTML
72 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css">
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body {
|
|
width: 720pt;
|
|
height: 405pt;
|
|
font-family: 'Pretendard', sans-serif;
|
|
background: #0d2818;
|
|
padding: 36pt 44pt 28pt;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- 상단 로고 + 배지 -->
|
|
<div style="display: flex; justify-content: space-between; align-items: center;">
|
|
<div style="display: flex; align-items: center; gap: 10pt;">
|
|
<img src="/home/aweso/sam/docs/assets/bi/sam_bi_green.png" style="width: 28pt; height: 28pt; border-radius: 5pt;">
|
|
<p style="font-size: 14pt; font-weight: 700; color: #ffffff; letter-spacing: 0.05em;">SAM</p>
|
|
</div>
|
|
<div style="display: inline-block; padding: 5pt 16pt; border: 1pt solid rgba(255,255,255,0.2); border-radius: 20pt;">
|
|
<p style="font-size: 8pt; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 0.08em;">PARTNER COMMISSION GUIDE</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 메인 타이틀 영역 -->
|
|
<div>
|
|
<p style="font-size: 11pt; font-weight: 600; color: #27AE60; letter-spacing: 0.06em; margin-bottom: 10pt;">SALES PARTNER COMMISSION</p>
|
|
<h1 style="font-size: 40pt; font-weight: 800; color: #ffffff; letter-spacing: -0.02em; line-height: 1.2;">SAM 영업파트너<br>수당 체계</h1>
|
|
<p style="font-size: 12pt; color: rgba(255,255,255,0.45); margin-top: 8pt; line-height: 1.5;">Smart Automation Management</p>
|
|
<p style="font-size: 13pt; font-weight: 500; color: rgba(255,255,255,0.7); margin-top: 10pt; line-height: 1.5;">업계 최고 수준 수당률, 함께 성장하는 파트너십</p>
|
|
</div>
|
|
|
|
<!-- 핵심 수치 3개 카드 -->
|
|
<div style="display: flex; gap: 12pt;">
|
|
<div style="flex: 1; background: rgba(39,174,96,0.15); border: 1pt solid rgba(39,174,96,0.3); border-radius: 10pt; padding: 14pt 16pt;">
|
|
<p style="font-size: 22pt; font-weight: 800; color: #27AE60; margin-bottom: 4pt;">33%</p>
|
|
<p style="font-size: 9pt; color: rgba(255,255,255,0.6); line-height: 1.4;">최대 수당률</p>
|
|
</div>
|
|
<div style="flex: 1; background: rgba(39,174,96,0.15); border: 1pt solid rgba(39,174,96,0.3); border-radius: 10pt; padding: 14pt 16pt;">
|
|
<p style="font-size: 22pt; font-weight: 800; color: #ffffff; margin-bottom: 4pt;">660<span style="font-size: 13pt;">만원</span></p>
|
|
<p style="font-size: 9pt; color: rgba(255,255,255,0.6); line-height: 1.4;">개발비 2,000만원 기준</p>
|
|
</div>
|
|
<div style="flex: 1; background: rgba(39,174,96,0.15); border: 1pt solid rgba(39,174,96,0.3); border-radius: 10pt; padding: 14pt 16pt;">
|
|
<p style="font-size: 22pt; font-weight: 800; color: #ffffff; margin-bottom: 4pt;">무제한</p>
|
|
<p style="font-size: 9pt; color: rgba(255,255,255,0.6); line-height: 1.4;">누적 파트너 수익</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 하단 정보 -->
|
|
<div style="display: flex; gap: 48pt; padding-top: 10pt; border-top: 1pt solid rgba(255,255,255,0.1);">
|
|
<div>
|
|
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt;">COMPANY</p>
|
|
<p style="font-size: 10pt; font-weight: 500; color: rgba(255,255,255,0.7);">(주)코드브릿지엑스</p>
|
|
</div>
|
|
<div>
|
|
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt;">DATE</p>
|
|
<p style="font-size: 10pt; font-weight: 500; color: rgba(255,255,255,0.7);">2026. 02</p>
|
|
</div>
|
|
<div>
|
|
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt;">NOTE</p>
|
|
<p style="font-size: 10pt; font-weight: 600; color: #27AE60;">VAT 별도</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |