نمایش مبدأ برای کتاب اعمال

<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 style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 2 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 3 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 4 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 5 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 6 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 7 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 8 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 9 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 10 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 11 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 12 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 13 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 14 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 15 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 16 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 17 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 18 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 19 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 20 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 21 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 22 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 23 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 24 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 25 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 26 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 27 ]]</div>

      <div style="background:#f9f9f9; border-radius:8px; padding:15px; color:#3e6f73; font-weight:bold; text-align:center; font-size:16px;"> [[اعمال فصل 28 ]]</div>

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