cover test 1
<div style="width: 210mm; height: 297mm; margin: 0 auto; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: sans-serif; position: relative; box-sizing: border-box; padding: 40mm 20mm;">
<!-- 이미지 -->
<img src="/files/attach/images/2025/05/02/3d168a98754aad0cb3f05c5a17ee7f58.jpg" alt="Sky" style="width: 150mm; aspect-ratio: 1/1; object-fit: cover;">
<!-- 텍스트 그룹 -->
<div style="margin-top: 20mm; display: flex; flex-direction: column; align-items: center; text-align: center;">
<div style="writing-mode: vertical-rl; text-orientation: mixed; font-size: 12pt; margin-bottom: 10mm;">
Good morning everyone<br>
Selamat menjalani hari senin,<br>
semoga hari mu menyenangkan
</div>
<!-- 바코드 + 날짜 -->
<div style="font-size: 10pt; writing-mode: vertical-rl; margin-bottom: 10mm;">
<div style="margin-bottom: 5mm;">01082022</div>
<div style="border-left: 2px solid black; height: 40mm;"></div>
</div>
<!-- 제목 -->
<div style="writing-mode: vertical-rl; font-family: 'Courier New', cursive; font-size: 16pt;">
Monday vibes
</div>
</div>
<!-- 아이콘 대체 (구석 장식) -->
<div style="position: absolute; bottom: 20mm; left: 20mm; font-size: 10pt;">＋＋</div>
<div style="position: absolute; bottom: 20mm; right: 20mm; font-size: 10pt;">☀</div>
</div>
by eGrida posted May 10, 2025
