نمایش مبدأ برای مارتین لوتر

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

<div style="max-width:900px; margin:0 auto; font-family:Arial, sans-serif; padding:30px 20px;">

  <!-- کارت ویزیت نویسنده-->
  <div style="background:#3a7bd5; background:linear-gradient(to right, #3a7bd5, #00d2ff); color:white; padding:25px; border-radius:10px; display:flex; align-items:center; gap:25px; box-shadow:0 5px 15px rgba(0,0,0,0.2); margin-bottom:30px;">
    <!-- آواتار قلم -->
    <div style="min-width:120px; height:120px; background:#4a90e2; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:50px; border:3px solid white; color:white;">✍️</div>
    
    <div>
      <h1 style="margin:0; font-size:28px; letter-spacing:1px; text-shadow:0 1px 3px rgba(0,0,0,0.2);">مارتین لوتر</h1>
      <p style="margin:10px 0 0 0; opacity:0.9; font-size:16px;">نویسنده</p>
    </div>
  </div>

  <!-- توضیحات نویسنده -->
  <div style="background:rgba(255,255,255,0.85); padding:25px; border-radius:10px; margin-bottom:30px; border:1px solid rgba(58,123,213,0.3); box-shadow:0 2px 8px rgba(0,0,0,0.1); backdrop-filter:blur(5px);">
    <h2 style="color:#3a7bd5; margin-top:0; font-size:22px; border-bottom:1px solid rgba(58,123,213,0.2); padding-bottom:8px;">توضیحات</h2>
    <p style="line-height:1.7; color:#333; text-align:justify;">
مارتین لوتر (Martin Luther) (۱۰ نوامبر ۱۴۸۳ – ۱۸ فوریه ۱۵۴۶) کشیش و الاهیدان آلمانی بود که با اعتراض به فسادهای کلیسای کاتولیک، به ویژه فروش آمرزش گناهان، جنبش اصلاح پروتستان را آغاز کرد. او با ترجمهٔ کتاب مقدس به زبان آلمانی و تأکید بر ایمان و فیض خداوند، نقش مهمی در شکل‌گیری مسیحیت پروتستان داشت.
  </p>
  </div>


==  ==
  <div style="background:rgba(255,255,255,0.85); padding:25px; border-radius:10px; border:1px solid rgba(58,123,213,0.3); box-shadow:0 2px 8px rgba(0,0,0,0.1); backdrop-filter:blur(5px);">
    <h2 style="color:#3a7bd5; margin-top:0; font-size:22px; border-bottom:1px solid rgba(58,123,213,0.2); padding-bottom:8px;">کتابخانه تحلیلی</h2>
    
    <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:15px; margin-top:20px;">
            <!-- کتاب 1 -->
      <div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba(58,123,213,0.1); transition:all 0.3s ease; border:1px solid rgba(58,123,213,0.2);" 
           onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba(58,123,213,0.2)';" 
           onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba(58,123,213,0.1)'">
        <h3 style="color:#3a7bd5; margin:0 0 5px 0; font-size:18px;"> [[مقاله نود و پنج تز مارتین لوتر]]</h3>
        <p style="color:#666; margin:0; font-size:14px;">مترجم جواد فیروز _ دانشنامه کتاب مقدس</p>
      </div>
      
      <!-- کتاب 2 -->
      <div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba(58,123,213,0.1); transition:all 0.3s ease; border:1px solid rgba(58,123,213,0.2);" 
           onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba(58,123,213,0.2)';" 
           onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba(58,123,213,0.1)'">
        <h3 style="color:#3a7bd5; margin:0 0 5px 0; font-size:18px;"> [[نامه مارتین لوتر به پاپ لئو دهم ]]</h3>
        <p style="color:#666; margin:0; font-size:14px;">مترجم جواد فیروز _ دانشنامه کتاب مقدس</p>
      </div>

      <!-- کتاب 3 -->
      <div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba(58,123,213,0.1); transition:all 0.3s ease; border:1px solid rgba(58,123,213,0.2);" 
           onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba(58,123,213,0.2)';" 
           onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba(58,123,213,0.1)'">
        <h3 style="color:#3a7bd5; margin:0 0 5px 0; font-size:18px;"> [[نامه مارتین لوتر به اسقف اعظم ماینتس، ۱۵۱۷ ]]</h3>
        <p style="color:#666; margin:0; font-size:14px;">مترجم جواد فیروز _ دانشنامه کتاب مقدس</p>
      </div>

      <!-- کتاب 4-->
      <div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba(58,123,213,0.1); transition:all 0.3s ease; border:1px solid rgba(58,123,213,0.2);" 
           onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba(58,123,213,0.2)';" 
           onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba(58,123,213,0.1)'">
        <h3 style="color:#3a7bd5; margin:0 0 5px 0; font-size:18px;"> نامه .......</h3>
        <p style="color:#666; margin:0; font-size:14px;">مترجم جواد فیروز _ دانشنامه کتاب مقدس</p>
      </div>

      <!-- کتاب 5-->
      <div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba(58,123,213,0.1); transition:all 0.3s ease; border:1px solid rgba(58,123,213,0.2);" 
           onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba(58,123,213,0.2)';" 
           onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba(58,123,213,0.1)'">
        <h3 style="color:#3a7bd5; margin:0 0 5px 0; font-size:18px;"> نامه .......</h3>
        <p style="color:#666; margin:0; font-size:14px;">مترجم جواد فیروز _ دانشنامه کتاب مقدس</p>
      </div>

      <!-- کتاب 6 -->
      <div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba(58,123,213,0.1); transition:all 0.3s ease; border:1px solid rgba(58,123,213,0.2);" 
           onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba(58,123,213,0.2)';" 
           onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba(58,123,213,0.1)'">
        <h3 style="color:#3a7bd5; margin:0 0 5px 0; font-size:18px;"> نامه .......</h3>
        <p style="color:#666; margin:0; font-size:14px;">مترجم ...</p>
      </div>
  </div>
</div>

==  ==
  <div style="background:rgba(255,255,255,0.85); padding:25px; border-radius:10px; border:1px solid rgba(58,123,213,0.3); box-shadow:0 2px 8px rgba(0,0,0,0.1); backdrop-filter:blur(5px);">
    <h2 style="color:#3a7bd5; margin-top:0; font-size:22px; border-bottom:1px solid rgba(58,123,213,0.2); padding-bottom:8px;">کتابخانه کاربردی</h2>
    
    <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:15px; margin-top:20px;">
            <!-- کتاب 1 -->
      <div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba(58,123,213,0.1); transition:all 0.3s ease; border:1px solid rgba(58,123,213,0.2);" 
           onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba(58,123,213,0.2)';" 
           onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba(58,123,213,0.1)'">
        <h3 style="color:#3a7bd5; margin:0 0 5px 0; font-size:18px;"> بزودی</h3>
        <p style="color:#666; margin:0; font-size:14px;">مترجم ...</p>
      </div>
      
      <!-- کتاب 2 -->
      <div style="background:white; padding:15px; border-radius:8px; box-shadow:0 3px 10px rgba(58,123,213,0.1); transition:all 0.3s ease; border:1px solid rgba(58,123,213,0.2);" 
           onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 5px 15px rgba(58,123,213,0.2)';" 
           onmouseout="this.style.transform='';this.style.boxShadow='0 3px 10px rgba(58,123,213,0.1)'">
        <h3 style="color:#3a7bd5; margin:0 0 5px 0; font-size:18px;"> مقاله ....</h3>
        <p style="color:#666; margin:0; font-size:14px;">..........</p>
      </div>
  </div>
</div>