2P : 1-3
<link rel="stylesheet" href="/egstyle/egstyle5.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightbox2@2/dist/css/lightbox.min.css">
<script src="https://cdn.jsdelivr.net/npm/lightbox2@2/dist/js/lightbox-plus-jquery.min.js"></script>
<!-- 포토북 페이지 1 -->
<div class="a4-page">
<!-- 상단 문구 -->
<div class="page-header align-left">
Travel Memories – 2025
</div>
<!-- 사진 그룹 (세로 2:3 비율 사진 2장) -->
<div class="photo-group">
<div class="photo-wrap">
<a href="/files/attach/images/2025/05/03/ac4b1874b1fbccf8fc1253fdd26d095d.jpg" data-lightbox="page1" data-title="왼쪽 사진">
<img src="/files/attach/images/2025/05/03/ac4b1874b1fbccf8fc1253fdd26d095d.jpg" alt="Left Vertical Photo">
</a>
</div>
<div class="photo-wrap">
<a href="/files/attach/images/2025/05/03/c6f7a7d4ed9c26e7eecf6dc980de34d6.jpg" data-lightbox="page1" data-title="오른쪽 사진">
<img src="/files/attach/images/2025/05/03/c6f7a7d4ed9c26e7eecf6dc980de34d6.jpg" alt="Right Vertical Photo">
</a>
</div>
</div>
<!-- 글 상자 영역 (제목, 본문, 설명) -->
<div class="text-box border-thin">
<h3>햇살이 내려앉은 오후</h3>
<p class="main">조용한 골목길 사이로 햇살이 비추던 순간. 잊을 수 없는 하루의 장면이 필름에 담겼다.</p>
<p class="sub">Leica M6 / Portra 400 / 연남동</p>
</div>
<!-- 하단 문구 -->
<div class="page-footer align-center">
Page 1
</div>
</div>
<!-- 포토북 페이지 2 -->
<div class="a4-page">
<!-- 상단 문구 -->
<div class="page-header align-left">
City Vibes – Afternoon Light
</div>
<!-- 사진 그룹 (가로 사진 2장 위아래 배치) -->
<div class="photo-group" style="flex-direction: column; gap: 4mm;">
<div class="photo-wrap" style="width: 150mm; aspect-ratio: 16 / 9; display: flex; justify-content: center;">
<a href="/files/attach/images/2025/05/03/60409aaa89868f89648d94a3dc6c49a5.jpg" data-lightbox="page2" data-title="첫 번째 가로 사진">
<img src="/files/attach/images/2025/05/03/60409aaa89868f89648d94a3dc6c49a5.jpg" alt="First Horizontal Photo">
</a>
</div>
<div class="photo-wrap" style="width: 150mm; aspect-ratio: 16 / 9; display: flex; justify-content: center;">
<a href="/files/attach/images/2025/05/03/1d7be699c1f25e1c820ad9847b7da7c1.jpg" data-lightbox="page2" data-title="두 번째 가로 사진">
<img src="/files/attach/images/2025/05/03/1d7be699c1f25e1c820ad9847b7da7c1.jpg" alt="Second Horizontal Photo">
</a>
</div>
</div>
<!-- 글 상자 영역 -->
<div class="text-box border-thin">
<h3>햇살과 거리의 간격</h3>
<p class="main">도심 속 오후의 정적. 반사된 빛이 순간을 조각낸다.</p>
<p class="sub">Contax G2 / Ektar 100 / 서울 종로</p>
</div>
<!-- 하단 문구 -->
<div class="page-footer align-center">
Page 2
</div>
</div>
by eGrida posted May 03, 2025
