|
|
| Line 1: |
Line 1: |
| <!-- 📚 Scrollable Book Grid (2x2 style) -->
| | {{PictureOfTheDay}} |
| <div style="display:flex; overflow-x:auto; gap:14px; padding:14px; background:#f4f4f9; border-radius:10px; scrollbar-width:thin;">
| |
| | |
| <!-- Column 1 -->
| |
| <div style="display:flex; flex-direction:column; gap:14px;">
| |
| | |
| <!-- Book 1 -->
| |
| <div style="width:170px; background:#fff; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.12); padding:10px; text-align:center;">
| |
| [[File:Journey_Through_Broken_Dreams_Cover.jpg|120px|frameless|center]]
| |
| <div style="font-weight:bold; font-size:95%; margin-top:8px;">Broken Dreams</div>
| |
| <div style="color:#555; font-size:85%;">by [[Gaurav Singh Chouhan]]</div>
| |
| <div style="font-size:80%; font-style:italic; margin:6px 0;">"A new beginning..."</div>
| |
| <small>[[A JOURNEY THROUGH BROKEN DREAMS|Read more →]]</small>
| |
| </div>
| |
| | |
| <!-- Book 2 -->
| |
| <div style="width:170px; background:#fff; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.12); padding:10px; text-align:center;">
| |
| [[File:Ghost_of_Love.jpg|120px|frameless|center]]
| |
| <div style="font-weight:bold; font-size:95%; margin-top:8px;">Ghost of Love</div>
| |
| <div style="color:#555; font-size:85%;">by [[Md Imran Haque]]</div>
| |
| <div style="font-size:80%; font-style:italic; margin:6px 0;">"Romantic Psychological Epistolary Novel"</div>
| |
| <small>[[Ghost of Love|Read more →]]</small>
| |
| </div>
| |
| | |
| </div>
| |
| | |
| <!-- Column 2 -->
| |
| <div style="display:flex; flex-direction:column; gap:14px;">
| |
| | |
| <!-- Book 3 -->
| |
| <div style="width:170px; background:#fff; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.12); padding:10px; text-align:center;">
| |
| [[File:Book3.jpg|120px|frameless|center]]
| |
| <div style="font-weight:bold; font-size:95%; margin-top:8px;">Book Name</div>
| |
| <div style="color:#555; font-size:85%;">by Author</div>
| |
| <div style="font-size:80%; font-style:italic; margin:6px 0;">"Short line..."</div>
| |
| <small>[[Book Page|Read more →]]</small>
| |
| </div>
| |
| | |
| <!-- Book 4 -->
| |
| <div style="width:170px; background:#fff; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.12); padding:10px; text-align:center;">
| |
| [[File:Book4.jpg|120px|frameless|center]]
| |
| <div style="font-weight:bold; font-size:95%; margin-top:8px;">Book Name</div>
| |
| <div style="color:#555; font-size:85%;">by Author</div>
| |
| <div style="font-size:80%; font-style:italic; margin:6px 0;">"Short line..."</div>
| |
| <small>[[Book Page|Read more →]]</small>
| |
| </div>
| |
| | |
| </div>
| |
| | |
| </div>
| |
