پرش به محتوا

کتاب مقدس - عهد جدید: تفاوت میان نسخه‌ها

از دانشنامه کتاب مقدس
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<div style="max-width:800px; margin:30px auto; font-family:Arial, sans-serif; text-align:center;">
<div style="max-width:1000px; margin:30px auto; font-family:Arial, sans-serif; text-align:center;">


   <!-- عنوان کتاب -->
   <!-- عنوان کتاب -->
خط ۷: خط ۷:


   <!-- باکس توضیحات شیشه‌ای -->
   <!-- باکس توضیحات شیشه‌ای -->
   <div style="background:rgba(255,255,255,0.2); backdrop-filter:blur(10px); border-radius:12px; padding:20px; margin-bottom:30px; border:1px solid rgba(255,255,255,0.3); box-shadow:0 8px 32px rgba(0,0,0,0.1); color:#fff; text-align:center;">
   <div style="background:rgba(255,255,255,0.25); backdrop-filter:blur(12px); border-radius:12px; padding:20px; margin-bottom:30px; border:1px solid rgba(255,255,255,0.4); box-shadow:0 8px 32px rgba(0,0,0,0.2); color:#fff; text-align:center;">
     <p style="line-height:1.7; margin:0;">
     <p style="line-height:1.7; margin:0;">
       کلام خداوند برای هدایت بشر
       کلام خداوند برای هدایت بشر
خط ۱۳: خط ۱۳:
   </div>
   </div>


   <!-- جدول فصول سه ستونه -->
   <!-- جدول فصول واکنشگرا با افکت شیشه‌ای واضح -->
   <div style="background:rgba(255,255,255,0.2); backdrop-filter:blur(10px); border-radius:12px; padding:20px; border:1px solid rgba(255,255,255,0.3); box-shadow:0 8px 32px rgba(0,0,0,0.1);">
   <div style="background:rgba(255,255,255,0.2); backdrop-filter:blur(10px); border-radius:12px; padding:20px; border:1px solid rgba(255,255,255,0.3); box-shadow:0 8px 32px rgba(0,0,0,0.15);">
     <h2 style="margin-top:0; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:10px;">فصل‌های کتاب مقدس</h2>
     <h2 style="margin-top:0; color:#fff; border-bottom:1px solid rgba(255,255,255,0.25); padding-bottom:10px;">فصل‌های کتاب مقدس</h2>
      
      
     <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;">
     <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:15px;">
       <!-- ستون اول -->
       <!-- فصول با افکت شیشه‌ای واضح -->
       <div style="display:flex; flex-direction:column; gap:8px;">
       <div style="background:rgba(255,255,255,0.3); backdrop-filter:blur(8px); border-radius:10px; padding:15px; color:#fff; font-weight:bold; text-align:center; border:1px solid rgba(255,255,255,0.35); box-shadow:0 4px 16px rgba(0,0,0,0.1);">
        <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold;">1. پیدایش</div>
        1. پیدایش
        <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold;">4. اعداد</div>
        <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold;">7. داوران</div>
       </div>
       </div>
     
       <div style="background:rgba(255,255,255,0.3); backdrop-filter:blur(8px); border-radius:10px; padding:15px; color:#fff; font-weight:bold; text-align:center; border:1px solid rgba(255,255,255,0.35); box-shadow:0 4px 16px rgba(0,0,0,0.1);">
      <!-- ستون دوم -->
        2. خروج
       <div style="display:flex; flex-direction:column; gap:8px;">
        <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold;">2. خروج</div>
        <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold;">5. تثنیه</div>
        <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold;">8. روت</div>
       </div>
       </div>
     
       <div style="background:rgba(255,255,255,0.3); backdrop-filter:blur(8px); border-radius:10px; padding:15px; color:#fff; font-weight:bold; text-align:center; border:1px solid rgba(255,255,255,0.35); box-shadow:0 4px 16px rgba(0,0,0,0.1);">
      <!-- ستون سوم -->
         3. لاویان
       <div style="display:flex; flex-direction:column; gap:8px;">
      </div>
         <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold;">3. لاویان</div>
      <div style="background:rgba(255,255,255,0.3); backdrop-filter:blur(8px); border-radius:10px; padding:15px; color:#fff; font-weight:bold; text-align:center; border:1px solid rgba(255,255,255,0.35); box-shadow:0 4px 16px rgba(0,0,0,0.1);">
        <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold;">6. یوشع</div>
        4. اعداد
        <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold;">9. اول سموئیل</div>
      </div>
      <div style="background:rgba(255,255,255,0.3); backdrop-filter:blur(8px); border-radius:10px; padding:15px; color:#fff; font-weight:bold; text-align:center; border:1px solid rgba(255,255,255,0.35); box-shadow:0 4px 16px rgba(0,0,0,0.1);">
        5. تثنیه
      </div>
      <div style="background:rgba(255,255,255,0.3); backdrop-filter:blur(8px); border-radius:10px; padding:15px; color:#fff; font-weight:bold; text-align:center; border:1px solid rgba(255,255,255,0.35); box-shadow:0 4px 16px rgba(0,0,0,0.1);">
        6. یوشع
       </div>
       </div>
     </div>
     </div>
خط ۴۲: خط ۴۱:
</div>
</div>


<!-- پس‌زمینه -->
<!-- پس‌زمینه با رنگ درخواستی -->
<div style="position:fixed; top:0; left:0; width:100%; height:100%; background:linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%); z-index:-1;"></div>
<div style="position:fixed; top:0; left:0; width:100%; height:100%; background:#3d6e72; z-index:-1;"></div>

نسخهٔ ‏۷ اوت ۲۰۲۵، ساعت ۰۳:۳۷

📖 کتاب مقدس

کلام خداوند برای هدایت بشر

فصل‌های کتاب مقدس

       1. پیدایش
       2. خروج
       3. لاویان
       4. اعداد
       5. تثنیه
       6. یوشع