1111

<!DOCTYPE html> <html lang="ko" class="1pstyle_01"> <head> <meta charset="UTF-8"> <title>Frame Haze A4 예제</title> <link rel="stylesheet" href="/egstyle/1pstyle.css"> <link rel="stylesheet" href="/modules/editor/components/lightbox3/css/lightbox.css"> <script src="/modules/editor/components/lightbox3/js/lightbox.min.js"></script> </head> <body>  <div class="a4-wrapper 1pstyle_01"> <div class="a4-page" style="background-color: var(--a4-bg);"> <div class="a4-header">Frame Haze : 1pstyle_01</div> <div class="a4-content 1pstyle_01"> <a href="/files/attach/images/2025/05/08/91a8f8bcf249378dba0d8caa2d4daaba.jpg" data-lightbox="gallery" data-title="이미지 보기"> <img src="/files/attach/images/2025/05/08/91a8f8bcf249378dba0d8caa2d4daaba.jpg" class="1pstyle_01-img" alt="Page 1 Image" /> </a> <div class="caption-box"> <h3>빛으로 눌러 담은 순간</h3> <p>이 장면은 기억 속 가장 부드러운 공기와 함께 남겨두고 싶은 한 컷.</p> </div> </div> <div class="a4-footer">Page 1</div> </div> </div>  <div class="a4-wrapper 1pstyle_02"> <div class="a4-page" style="background-color: var(--a4-bg);"> <div class="a4-header">Frame Haze : 1pstyle_02</div> <div class="1pstyle_02-img-wrapper"> <a href="/files/attach/images/2025/05/08/6c173bbc34a40b15143e85f8b537cf5b.jpg"> <img src="/files/attach/images/2025/05/08/6c173bbc34a40b15143e85f8b537cf5b.jpg" alt="Page 2 Image" /> </a> </div> <div class="a4-footer">Page 2</div> </div> </div>  <div class="a4-wrapper 1pstyle_03"> <div class="a4-page" style="background-color: var(--a4-bg);"> <div class="a4-header">Frame Haze : 1pstyle_03</div> <div class="1pstyle_03-img-wrapper"> <a href="/files/attach/images/2025/05/08/689b110a8a95e26ab06155b9ef855cba.jpg"> <img src="/files/attach/images/2025/05/08/689b110a8a95e26ab06155b9ef855cba.jpg" alt="Page 3 Image" /> </a> <div class="1pstyle_03-overlay-text"> <h1>FRAME HAZE</h1> <h3>빛 사이로 기억을 채우는 사진집</h3> </div> </div> <div class="a4-footer">Page 3</div> </div> </div>  <div class="a4-wrapper 1pstyle_04"> <div class="a4-page" style="background-color: var(--a4-bg);"> <div class="a4-header">Frame Haze : 1pstyle_04</div> <div class="1pstyle_04-split"> <div class="1pstyle_04-top"> <a href="/files/attach/images/2025/05/08/e7495b10f0d5f1fd0268f72f145bdde9.jpg" data-lightbox="gallery" data-title="Page 4 Image"> <img src="/files/attach/images/2025/05/08/e7495b10f0d5f1fd0268f72f145bdde9.jpg" alt="Page 4 Image"> </a> </div> <div class="1pstyle_04-bottom"> <div class="caption-box"> <h3>프레임 속 일상의 단면</h3> <p>조용한 틈에서 피어나는 감정의 결을 따라간다.</p> </div> </div> </div> <div class="a4-footer">Page 4</div> </div> </div>  <div class="a4-wrapper 1pstyle_05"> <div class="a4-page" style="background-color: var(--a4-bg);"> <div class="a4-header">Frame Haze : 1pstyle_05</div> <div class="1pstyle_05-split"> <div class="1pstyle_05-top"> <a href="/files/attach/images/2025/05/08/c406ffaa7525ba4622cf33db77eab6ff.jpg" data-lightbox="gallery" data-title="Page 5 Image"> <img src="/files/attach/images/2025/05/08/c406ffaa7525ba4622cf33db77eab6ff.jpg" alt="Page 5 Image"> </a> </div> <div class="1pstyle_05-bottom"> <div class="caption-box"> <h3>제목</h3> <p>본문 텍스트</p> </div> </div> </div> <div class="a4-footer">Page 5</div> </div> </div>  <div class="a4-wrapper 1pstyle_06"> <div class="a4-page" style="background-color: var(--a4-bg);"> <div class="a4-header">Frame Haze : 1pstyle_06</div> <div class="1pstyle_06-split"> <div class="1pstyle_06-top"> <a href="/files/attach/images/2025/05/08/3debc2134339ee1d2783aec203d148f8.jpg" data-lightbox="gallery" data-title="Page 6 Image"> <img src="/files/attach/images/2025/05/08/3debc2134339ee1d2783aec203d148f8.jpg" alt="Page 6 Image"> </a> </div> <div class="1pstyle_06-bottom"> <div class="caption-box"> <h3>정방형의 안정감</h3> <p>균형 잡힌 프레임 속에서 피사체는 더욱 집중된다.</p> <p>심플한 구도에서 깊은 인상이 전해진다.</p> </div> </div> </div> <div class="a4-footer">Page 6</div> </div> </div>  <div class="a4-wrapper 1pstyle_07"> <div class="a4-page" style="background-color: var(--a4-bg);"> <div class="a4-header">Frame Haze : 1pstyle_07</div> <div class="1pstyle_07-split"> <div class="1pstyle_07-bottom"> <div class="caption-box"> <h3>아래로 향한 시선</h3> <p>글이 먼저 감정을 이끌고, 사진이 그 여운을 채워간다.</p> <p>구조를 바꾼 단순한 배치가 또 다른 분위기를 만든다.</p> </div> </div> <div class="1pstyle_07-top"> <a href="/files/attach/images/2025/05/08/7d7d9252ff1283a7810a340e68372e43.jpg" data-lightbox="gallery" data-title="Page 7 Image"> <img src="/files/attach/images/2025/05/08/7d7d9252ff1283a7810a340e68372e43.jpg" alt="Page 7 Image"> </a> </div> </div> <div class="a4-footer">Page 7</div> </div> </div> </body> </html>