→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

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

📖 کتاب مقدس

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

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

1. پیدایش

4. اعداد

7. داوران

2. خروج

5. تثنیه

8. روت

3. لاویان

6. یوشع

9. اول سموئیل

@@ خط ۱: / خط ۱: @@
-<div style="max-width:700px; margin:auto; text-align:center; font-family:Arial, sans-serif;">
+<div style="max-width:800px; margin:30px auto; font-family:Arial, sans-serif; text-align:center;">
-<h1 style="color:#5E2D04; margin-bottom:15px;">📖 کتاب مقدس</h1>
+  <!-- عنوان کتاب -->
+  <h1 style="color:#fff; margin-bottom:25px; font-size:32px; text-shadow:0 2px 4px rgba(0,0,0,0.3);">
+    📖 کتاب مقدس
+  </h1>
-<div style="background:#F8F8F8; padding:15px; margin-bottom:20px; border-radius:3px; text-align:center; color:#333;">
+  <!-- باکس توضیحات شیشه‌ای -->
-کلام خداوند برای هدایت بشر
+  <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>
+    <p style="line-height:1.7; margin:0;">
+      کلام خداوند برای هدایت بشر
-<div style="display:flex; flex-wrap:wrap; justify-content:center; gap:8px;">
+    </p>
-<div style="flex:1 1 45%; min-width:150px; padding:10px; text-align:center; border-bottom:2px solid #D2B48C;">
+  </div>
-. پیدایش
-</div>
-<div style="flex:1 1 45%; min-width:150px; padding:10px; text-align:center; border-bottom:2px solid #D2B48C;">
-. خروج
-</div>
-<div style="flex:1 1 45%; min-width:150px; padding:10px; text-align:center; border-bottom:2px solid #D2B48C;">
+  <!-- جدول فصول سه ستونه -->
-. لاویان
+  <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);">
+    <h2 style="margin-top:0; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:10px;">فصل‌های کتاب مقدس</h2>
+    <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;">
+      <!-- ستون اول -->
+      <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;">1. پیدایش</div>
+        <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 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 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;">3. لاویان</div>
+        <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>
+        <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>
+  </div>
 </div>
-<div style="flex:1 1 45%; min-width:150px; padding:10px; text-align:center; border-bottom:2px solid #D2B48C;">
+<!-- پس‌زمینه -->
-. اعداد
+<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>
-</div>
-</div>