16 lines
2.8 KiB
HTML
16 lines
2.8 KiB
HTML
<!DOCTYPE html><html><head><meta charset="UTF-8">
|
|
<style>
|
|
*{margin:0;padding:0;box-sizing:border-box;}
|
|
body{background:#e5e5e5;padding:10px;font-family:'Pretendard Variable','Noto Sans KR',sans-serif;word-break:keep-all;}
|
|
.bl{display:flex;gap:0;margin-bottom:2px;}.bl-m{flex-shrink:0;width:1em;}.bl-t{flex:1;}
|
|
</style></head><body>
|
|
<div style="font-size:16px;font-weight:bold;margin-bottom:4px;">Step 2: 블록 선택 (Stage 1.7)</div>
|
|
<div style="font-size:11px;color:#666;margin-bottom:8px;">layer 기반 주종 판단. 컨테이너 위에 블록 표시.</div>
|
|
<div style="width:1280px;height:720px;background:white;position:relative;border:1px solid #ccc;">
|
|
<div style="position:absolute;left:40px;top:40px;width:1200px;height:66px;background:#f8fafc;border-bottom:3px solid #2563eb;display:flex;align-items:center;padding:0 20px;font-size:22px;font-weight:900;color:#1e293b;">건설산업 DX의 올바른 이해</div>
|
|
<div style="position:absolute;left:40px;top:126px;width:768px;height:143px;border:2px solid #dc2626;border-radius:6px;background:#dc262608;overflow:hidden;"><div style="padding:6px 10px;"><div style="font-size:10px;color:#dc2626;font-weight:700;margin-bottom:4px;">배경 (768x143px)</div><div style="font-size:11px;margin-bottom:2px;"><b>quote-big-mark</b> (default) <span style="color:#888;font-size:9px;">default</span></div></div></div>
|
|
<div style="position:absolute;left:40px;top:277px;width:768px;height:326px;border:2px solid #2563eb;border-radius:6px;background:#2563eb08;overflow:hidden;"><div style="padding:6px 10px;"><div style="font-size:10px;color:#2563eb;font-weight:700;margin-bottom:4px;">본심 (768x326px)</div><div style="font-size:11px;margin-bottom:2px;"><b>card-dark-overlay</b> (default) <span style="color:#888;font-size:9px;">default</span></div><div style="font-size:11px;margin-bottom:2px;"><b>circle-gradient</b> (default) <span style="color:#888;font-size:9px;">default</span></div></div></div>
|
|
<div style="position:absolute;left:828px;top:126px;width:412px;height:490px;border:2px solid #16a34a;border-radius:6px;background:#16a34a08;overflow:hidden;"><div style="padding:6px 10px;"><div style="font-size:10px;color:#16a34a;font-weight:700;margin-bottom:4px;">첨부 (412x490px)</div><div style="font-size:11px;margin-bottom:2px;"><b>card-image-3col</b> (default) <span style="color:#888;font-size:9px;">default</span></div></div></div>
|
|
<div style="position:absolute;left:40px;top:636px;width:1200px;height:60px;border:2px solid #7c3aed;border-radius:6px;background:#7c3aed08;overflow:hidden;"><div style="padding:6px 10px;"><div style="font-size:10px;color:#7c3aed;font-weight:700;margin-bottom:4px;">결론 (1200x60px)</div><div style="font-size:11px;margin-bottom:2px;"><b>banner-gradient</b> (default) <span style="color:#888;font-size:9px;">default</span></div></div></div>
|
|
|
|
</div></body></html> |