نمایش مبدأ برای رساله سوم یوحنا

<div style="position:fixed; top:0; left:0; width:100%; height:100%; background:#3e6f73; z-index:-1;"></div>

<div style="max-width:1200px; margin:30px auto; font-family:Arial, sans-serif; text-align:center;">

  <!-- عنوان کتاب -->
  <h1 style="color:#fff; margin-bottom:25px; font-size:36px; text-shadow:0 2px 4px rgba(0,0,0,0.3);">
    📖 رساله سوم یوحنا
  </h1>

  <!-- باکس توضیحات -->
  <div style="background:#ffffff; border-radius:12px; padding:25px; margin-bottom:30px; box-shadow:0 8px 32px rgba(0,0,0,0.1); color:#333; text-align:center;">
    <p style="line-height:1.7; margin:0; font-size:18px;">
توضیح کوتاه :    </p>
  </div>

  <!-- جدول فصول واکنشگرا -->
  <div style="background:#ffffff; border-radius:12px; padding:25px; box-shadow:0 8px 32px rgba(0,0,0,0.1);">
    <h2 style="margin-top:0; color:#3e6f73; border-bottom:1px solid #e0e0e0; padding-bottom:15px; font-size:24px;">فصل ها</h2>
    
    <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:15px;">
      <!-- کتاب ها-->
      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[رساله سوم یوحنا فصل 1 ]]</div>

     
    </div>
  </div>
</div>