page 9-10 new
<style type="text/css">.page9-a5 {
width: 420px;
height: 595px;
margin: 0 auto;
background-color: white;
border: none;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
padding: 0 0 10mm 5mm;
box-sizing: border-box;
}
.page9 {
position: absolute;
background-repeat: no-repeat;
}
.page9.p1 {
width: 415px;
height: 415px;
left: 0;
bottom: 10mm;
background-image: url('/files/attach/images/2025/05/15/873117f2a1cec98dbadf4584a9e01345.jpg');
background-size: 840px 415px; /* 전체 spread 기준 */
background-position: left center;
background-repeat: no-repeat;
z-index: 0;
}
.page9 img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.page10-a5 {
width: 420px;
height: 595px;
margin: 0 auto;
background-color: white;
border: none;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
padding-bottom: 10mm;
box-sizing: border-box;
}
.page10 {
position: absolute;
width: 420px;
height: 415px;
left: 0;
bottom: 10mm;
background-image: url('/files/attach/images/2025/05/15/873117f2a1cec98dbadf4584a9e01345.jpg');
background-size: 840px 415px;
background-position: right center;
background-repeat: no-repeat;
z-index: 0;
}
.page10-tbox {
position: absolute;
bottom: 10mm;
right: 5mm;
width: 180px;
background: rgba(255, 255, 255, 0.9);
padding: 12px;
box-shadow: 0 0 6px rgba(0,0,0,0.1);
font-size: 13px;
line-height: 1.4;
z-index: 2;
}
.page10-tbox h3 {
font-size: 16px;
margin: 0 0 8px;
}
.page10-tbox p {
margin: 0 0 6px;
}
@media (max-width: 767px) {
.page10-a5,
.page9-a5 {
width: 100%;
max-width: 420px;
margin: 0 auto 40px;
}
}
</style>
<div class="spread">
<div class="page9-a5">
<div class="page9 p1"> </div>
</div>
<div class="page10-a5">
<div class="page10"> </div>
<div class="page10-tbox">
<h3>Desert Echoes</h3>
<p>사막의 아침 공기가 아직 따스함을 품기 전</p>
<p>고요한 장면을 담은 한 컷</p>
<p>#빛 #바람 #침묵</p>
</div>
</div>
</div>
by eGrida posted May 15, 2025