حد القذف فضيلة الشيخ ابو حفص بن العربى الاثرى
```html
وصف فيديو: حد القذف لفضيلة الشيخ أبي حفص الأثري
```
**شرح الكود:**
1. **هيكل HTML:**
* ``: يحدد نوع المستند على أنه HTML5.
* ``: يحدد اللغة العربية واتجاه الكتابة من اليمين إلى اليسار.
* ``: يحتوي على معلومات التعريف مثل العنوان (``) وروابط إلى ملفات CSS.
* `<body>`: يحتوي على المحتوى المرئي للصفحة.
2. **روابط CSS:**
* **Font Awesome:** يتم استخدامه لإضافة أيقونات إلى العناوين.
* **Tailwind CSS:** إطار عمل CSS يوفر فئات مساعدة لتصميم سريع وسهل.
3. **أقسام المحتوى:**
* **المقدمة:** تشرح أهمية الموضوع وأهداف التعلم.
* **المحاور الرئيسية:** تفصل المحاور الرئيسية التي تم تناولها في الفيديو.
* **النقاط الرئيسية:** تلخص النقاط الأساسية في شكل قائمة.
* **الفوائد والعبر:** تقدم الفوائد العملية التي يمكن للمشاهد الاستفادة منها.
4. **فئات Tailwind CSS:**
* `container mx-auto px-4 py-8`: يضع المحتوى داخل حاوية مركزية مع مساحة هوامش.
* `mb-10`: هامش سفلي.
* `border-r-4`: حدود على الجانب الأيمن.
* `border-primary-500`, `border-primary-600`, `border-gold-600`, `border-green-500`: تحدد لون الحدود.
* `pr-6`: حشو على الجانب الأيمن.
* `bg-primary-50`, `bg-primary-100`, `bg-gold-50`, `bg-green-50`: تحدد لون الخلفية.
* `p-6`: حشو داخلي.
* `rounded-lg`: زوايا دائرية.
* `shadow-sm`: ظل خفيف.
* `text-2xl`, `text-xl`: حجم الخط.
* `font-bold`, `font-semibold`: وزن الخط.
* `text-primary-900`, `text-primary-700`: لون النص.
* `mb-4 pb-2`: هوامش وحشو سفلي.
* `border-b-2`: حدود سفلية.
* `border-primary-200`: لون الحدود.
* `text-lg`: حجم الخط.
* `text-neutral-700`: لون النص.
* `leading-loose`: تباعد الأسطر.
* `list-disc list-inside space-y-2`: تنسيق القوائم.
5. **الأيقونات:**
* يتم استخدام Font Awesome لإضافة أيقونات إلى العناوين لزيادة الجاذبية البصرية.
**كيفية الاستخدام:**
1. انسخ الكود أعلاه والصقه في ملف HTML (على سبيل المثال، `description.html`).
2. تأكد من أن لديك اتصالاً بالإنترنت حتى يتم تحميل ملفات CSS من CDN.
3. افتح ملف HTML في متصفح الويب الخاص بك.
**ملاحظات:**
* يمكنك تخصيص الألوان والخطوط والتصميمات الأخرى عن طريق تعديل فئات Tailwind CSS.
* تأكد من أن لديك ترخيصًا لاستخدام Font Awesome إذا كنت تستخدمه في مشروع تجاري.
* هذا الوصف مصمم ليتم استخدامه مع مقاطع الفيديو التعليمية الإسلامية، ولكن يمكن تعديله ليناسب أنواعًا أخرى من المحتوى.
* تمت إضافة التشكيل الكامل للآية القرآنية المذكورة.
* تمت إضافة أمثلة لبعض الأحاديث المذكورة في النص المفرغ.
آمل أن يكون هذا الوصف مفيدًا!
</div>
<div class="download-transcript-section">
<a href="https://abuhafs.info/videos/hd-alkthf-fdyl-alshykh-abo-hfs-bn-alaarb-alathr-2CnoxP/download-transcript" class="btn btn-success btn-lg" download>
<i class="fas fa-file-word"></i> تحميل التفريغ النصي
</a>
<p class="text-muted mt-2 mb-0">
<i class="fas fa-info-circle"></i> ملف Word (.docx) يحتوي على تفريغ كامل للمحتوى بدون توقيتات
</p>
</div>
<div class="share-item">
<span class="share-title">مشاركة المادة</span>
<div class="share" data-video-id="113"></div>
</div>
</div>
</div>
<!-- Related Videos Section -->
<div class="related-videos-section mt-4">
<div class="related-videos-header">
<h3 class="related-videos-title">
<i class="fas fa-video"></i> مرئيات ذات صلة
</h3>
<span class="related-videos-count">6 مرئية</span>
</div>
<div class="related-videos-grid">
<div class="related-video-item">
<a href="https://abuhafs.info/videos/shrh-ktab-alahkam-lasol-alahkam-llamam-abn-hzm-22-lfdyl-alshykh-abo-hfs-samy-bn-alaarby-alathry-ITGYUk" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<img src="https://abuhafs.info/storage/thumbnails/videos/B_p1CITGYUk.jpg" alt="شرح كتاب " الإحكام لأصول الأحكام" للإمام ابن حزم (22) لفضيلة الشيخ أبو حفص سامي بن العربي الأثري." class="related-video-thumbnail" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="related-thumbnail-placeholder" style="display: none;">
<i class="fas fa-video fa-3x"></i>
</div>
<span class="related-video-duration">01:12:36</span>
<div class="related-video-overlay">
<i class="fas fa-play-circle fa-3x"></i>
</div>
</div>
<div class="related-video-content">
<h5 class="related-video-title-text">شرح كتاب " الإحكام لأصول الأحكام" للإمام ابن حزم (22) لفضيلة الشيخ أبو...</h5>
<div class="related-video-meta">
<span class="related-video-category">
<i class="fas fa-tag"></i> " الإحكام لأصول الأحكام" للإمام ابن حزم الأندلسي.
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 3,166</span>
<span class="stat-favorites"><i class="far fa-heart"></i> 0</span>
</div>
</div>
</div>
</a>
</div>
<div class="related-video-item">
<a href="https://abuhafs.info/videos/shrh-gzaa-abo-aamro-aldany-fy-mstlh-alhdyth-25-lfdyl-alshykh-aby-hfs-bn-alaarby-alathry-dld1YQ" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<img src="https://abuhafs.info/storage/thumbnails/videos/oS6xMdld1YQ.jpg" alt="شرح جزء أبو عمرو الداني في مصطلح الحديث ( 25) لفضيلة الشيخ أبي حفص بن العربي الأثري." class="related-video-thumbnail" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="related-thumbnail-placeholder" style="display: none;">
<i class="fas fa-video fa-3x"></i>
</div>
<div class="related-video-overlay">
<i class="fas fa-play-circle fa-3x"></i>
</div>
</div>
<div class="related-video-content">
<h5 class="related-video-title-text">شرح جزء أبو عمرو الداني في مصطلح الحديث ( 25) لفضيلة الشيخ أبي حفص بن...</h5>
<div class="related-video-meta">
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 3,791</span>
<span class="stat-favorites"><i class="far fa-heart"></i> 0</span>
</div>
</div>
</div>
</a>
</div>
<div class="related-video-item">
<a href="https://abuhafs.info/videos/shrh-ktab-aloabl-alsyb-llamam-abn-alkym-16-shrh-fdyl-alshykh-aby-hfs-bn-alaarby-alathry--4y71s" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<img src="https://abuhafs.info/storage/thumbnails/videos/8gI5G-4y71s.jpg" alt="شرح كتاب "الوابل الصيب للإمام ابن القيم" (16) شرح فضيلة الشيخ أبي حفص بن العربي الأثري." class="related-video-thumbnail" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="related-thumbnail-placeholder" style="display: none;">
<i class="fas fa-video fa-3x"></i>
</div>
<span class="related-video-duration">00:31:10</span>
<div class="related-video-overlay">
<i class="fas fa-play-circle fa-3x"></i>
</div>
</div>
<div class="related-video-content">
<h5 class="related-video-title-text">شرح كتاب "الوابل الصيب للإمام ابن القيم" (16) شرح فضيلة الشيخ أبي حفص...</h5>
<div class="related-video-meta">
<span class="related-video-category">
<i class="fas fa-tag"></i> الوابل الصيب للإمام ابن القيم.
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 153</span>
<span class="stat-favorites"><i class="far fa-heart"></i> 0</span>
</div>
</div>
</div>
</a>
</div>
<div class="related-video-item">
<a href="https://abuhafs.info/videos/khtb-gmaa-baanoan-almot-lfdyl-alshykh-aby-hfs-bn-alaarby-alathry-WaMBWY" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<div class="related-thumbnail-placeholder" style="display: flex;">
<i class="fas fa-video fa-3x"></i>
</div>
<div class="related-video-overlay">
<i class="fas fa-play-circle fa-3x"></i>
</div>
</div>
<div class="related-video-content">
<h5 class="related-video-title-text">خطبة جمعة بعنوان --- :【 الموت 】لفضيلة الشيخ أبي حفص بن العربي الأثري...</h5>
<div class="related-video-meta">
<span class="related-video-category">
<i class="fas fa-tag"></i> سلسلة خطب 1444 هـ
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 3,498</span>
<span class="stat-favorites"><i class="far fa-heart"></i> 0</span>
</div>
</div>
</div>
</a>
</div>
<div class="related-video-item">
<a href="https://abuhafs.info/videos/shrh-ktab-alsyam-mn-algamaa-alshyh-llamam-albkhary-1-lfdyl-alshykh-aby-hfs-bn-alaarby-alathry" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<img src="https://abuhafs.info/storage/thumbnails/videos/7AES72HwuY4.jpg" alt="شرح كتاب - الصيام - من الجامع الصحيح للإمام البخاري 《 1 》لفضيلة الشيخ أبي حفص بن العربي الأثري." class="related-video-thumbnail" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="related-thumbnail-placeholder" style="display: none;">
<i class="fas fa-video fa-3x"></i>
</div>
<div class="related-video-overlay">
<i class="fas fa-play-circle fa-3x"></i>
</div>
</div>
<div class="related-video-content">
<h5 class="related-video-title-text">شرح كتاب - الصيام - من الجامع الصحيح للإمام البخاري 《 1 》لفضيلة الشي...</h5>
<div class="related-video-meta">
<span class="related-video-category">
<i class="fas fa-tag"></i> شرح كتاب الصيام من صحيح الإمام البخاري.
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 1,319</span>
<span class="stat-favorites"><i class="far fa-heart"></i> 0</span>
</div>
</div>
</div>
</a>
</div>
<div class="related-video-item">
<a href="https://abuhafs.info/videos/shrh-mslm-1-lfdyl-alshykh-ab-hfs-bn-alaarb-alathr-iKahO7" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<img src="https://abuhafs.info/storage/thumbnails/videos/lJ_RcRIUXKk.jpg" alt="شرح مسلم 1 لفضيلة الشيخ ابى حفص بن العربى الاثرى" class="related-video-thumbnail" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="related-thumbnail-placeholder" style="display: none;">
<i class="fas fa-video fa-3x"></i>
</div>
<span class="related-video-duration">01:19:58</span>
<div class="related-video-overlay">
<i class="fas fa-play-circle fa-3x"></i>
</div>
</div>
<div class="related-video-content">
<h5 class="related-video-title-text">شرح مسلم 1 لفضيلة الشيخ ابى حفص بن العربى الاثرى</h5>
<div class="related-video-meta">
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 5,089</span>
<span class="stat-favorites"><i class="far fa-heart"></i> 0</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card categories-menu shadow-sm sticky-sidebar">
<div class="card-header">
<h4 class="card-title"> التصنيفات</h4>
</div>
<div class="card-body">
<ul class="list-unstyled category-list">
<li class="category-item">
<a href="https://abuhafs.info/videos" class="category-link">
<span class="category-name"><i class="fas fa-th-large"></i> جميع المرئيات</span>
<span class="category-badge">2823</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=aktdaaa-alsrat-almstkym-lmkhalf-ashab-alghym-lshykh-alaslam-abn-tymy" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> " اقتضاء الصراط المستقيم لمخالفة أصحاب الجحيم" لشيخ الإسلام ابن تيمية.</span>
<span class="category-badge">42</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=alahkam-lasol-alahkam-llamam-abn-hzm-alandlsy" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> " الإحكام لأصول الأحكام" للإمام ابن حزم الأندلسي.</span>
<span class="category-badge">62</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=alayman-laby-aabyd-alkasm-bn-slamrhm-allh-taaal" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> " الإيمان " لأبي عُبيد القاسم بن سلام.رحمہ الله تعالـﮯ</span>
<span class="category-badge">7</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=200-soal-ogoab-fy-alaakyd-llshykh-hafth-alhkmy" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> 200 سؤال وجواب في العقيدة للشيخ حافظ الحكمي.</span>
<span class="category-badge">5</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=asbab-anshrah-alsdor" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> أسباب انشراح الصدور.</span>
<span class="category-badge">4</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=asol-alsn-llamam-ahmd-bn-hnbl" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> أصول السُّنة للإمام أحمد بن حنبل.</span>
<span class="category-badge">4</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=aaalam-alsn-almnshor-laaatkad-altayf-alnagy-almnsor-ao-200-soal-ogoal-fy-alaakyd" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> أعلام السنة المنشورة لاعتقاد الطائفة الناجية المنصورة أو 200 سؤال وجوال في العقيدة</span>
<span class="category-badge">40</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=anoaaa-alakhtlaf" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> أنواع الاختلاف</span>
<span class="category-badge">6</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=arshad-alfhol-llshokany" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> إرشاد الفحول للشوكاني</span>
<span class="category-badge">40</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=aaalam-almokaayn-llamam-abn-alkym" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> إعلام الموقعين للإمام ابن القيم</span>
<span class="category-badge">8</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=aghath-almstghyth-shrh-albaaath-alhthyth" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> إغاثة المستغيث شرح الباعث الحثيث</span>
<span class="category-badge">17</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=akam-alhg-albahr-llshykh-ahmd-aldmnhory" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> إقامة الحُجة الباهرة. للشيخ أحمد الدمنهوري .</span>
<span class="category-badge">3</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=akhtsar-aalom-alhdyth-alsn-alaol-laaam-1429" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> اختصار علوم الحديث السنة الأولى لعام 1429</span>
<span class="category-badge">21</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=akhtsar-aalom-alhdyth-alsn-althany-laaam-1429" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> اختصار علوم الحديث السنة الثانية لعام 1429</span>
<span class="category-badge">24</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=aaatkad-ahl-alsn-llamam-alasmaaayly" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> اعتقاد أهل السُّنَّة للإمام الإسماعيلي</span>
<span class="category-badge">9</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=aghath-almstghyth" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> اغاثة المستغيث</span>
<span class="category-badge">1</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=aladb-almfrd-llamam-albkhary" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> الأدب المفرد. للإمام البخاري.</span>
<span class="category-badge">101</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=alasol-althlath-oadltha" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> الأصول الثلاثة وأدلتها.</span>
<span class="category-badge">2</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=alayman-llamam-abn-aby-shyb" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> الإيمان للإمام ابن أبي شيبة</span>
<span class="category-badge">6</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=albaaath-alhthyth-1" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> الباعث الحثيث ( 1 ).</span>
<span class="category-badge">4</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=altasyl-lasol-altkhryg-llshykh-bkrabozyd" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> التأصيل لأصول التخريج. للشيخ بكرأبوزيد.</span>
<span class="category-badge">12</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=altaaalm-llshykh-bkr-bn-aabd-allh-abo-zyd" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> التعالم للشيخ بكر بن عبد الله أبو زيد</span>
<span class="category-badge">23</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=altaalyk-aal-shyf-hmam-bn-mnbh-lfdyl-alshykh-abo-hfs-samy-bn-alaarby-alathry" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> التعليق على "صحيفة همام بن منبه " لفضيلة الشيخ أبو حفص سامي بن العربي الأثري</span>
<span class="category-badge">1</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=algamaa-alshyh-shyh-albkhary-llamam-albkhary" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> الجامع الصحيح " صحيح البخاري" للإمام البخاري.</span>
<span class="category-badge">177</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=alhayy-ksyd-abn-aby-daod" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> الحائية قصيدة ابن أبي داود.</span>
<span class="category-badge">3</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=aldaaa-oaldoaaa-llamam-abn-alkym" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> الداء والدواء للإمام ابن القيم.</span>
<span class="category-badge">37</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=alrsal-alkbrsy-lshykh-alaslam-abn-tymy" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> الرسالة القبرصية. لشيخ الإسلام ابن تيمية.</span>
<span class="category-badge">2</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=alsnn-alabyn-oalmord-alamaan-labn-rshyd" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> السنن الأبين والمورد الأمعن. لابن رشيد.</span>
<span class="category-badge">7</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=alshryaa-llamam-alagry" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> الشريعة للإمام الآجري.</span>
<span class="category-badge">67</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=alsarm-almslol-aal-shatm-alrsol" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> الصارم المسلول على شاتم الرسول ﷺ.</span>
<span class="category-badge">5</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=alaabody-lshykh-alaslam" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> العبودية لشيخ الإسلام.</span>
<span class="category-badge">15</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=alfrok-llamam-shhab-aldyn-alkrafy" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> الفروق للإمام شهاب الدين القرافي.</span>
<span class="category-badge">17</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=alkoaaad-almthly-fy-sfat-allh-oasmayh-alhsn" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> القواعد المثلي في صفات الله وأسمائه الحسنى</span>
<span class="category-badge">24</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=almdkhl-al-alsnn-alkbr-llamam-albyhky" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> المدخل إلى السنن الكبرى للإمام البيهقي</span>
<span class="category-badge">39</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=almota-llamam-malk-bn-ans" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> الموطأ. للإمام مالك بن أنس.</span>
<span class="category-badge">32</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=aloabl-alsyb-llamam-abn-alkym" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> الوابل الصيب للإمام ابن القيم.</span>
<span class="category-badge">20</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=alorkat-llamam-algoyny" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> الورقات للإمام الجويني</span>
<span class="category-badge">20</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=tthkr-alsamaa-oalmtklm" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> تذكرة السامع والمتكلم</span>
<span class="category-badge">31</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=thlathyat-albkhary-tyb-allh-thrah-lfdyl-alshykh-abo-hfs-bn-alaarby-alathry" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> ثلاثيات البخاري- طيب الله ثراه-. لفضيلة الشيخ أبو حفص بن العربي الأثري</span>
<span class="category-badge">1</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=hras-alfdyl" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> حِراسة الفضيلة</span>
<span class="category-badge">17</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=hly-talb-alaalm-llshykh-bkr-bn-aabd-allh-abo-zyd" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> حِلية طالب العلم للشيخ بكر بن عبد الله أبو زيد.</span>
<span class="category-badge">10</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=khtb-alshykh" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> خطب الشيخ</span>
<span class="category-badge">10</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=rsal-almnhg-alslfyhkykth-oogob-alakhth-bh" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> رسالة المنهج السلفي/حقيقته/ ووجوب الأخذ به.</span>
<span class="category-badge">5</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=zad-almaaad-fy-hdy-khyr-alaabad-llamam-abn-alkym-algozy" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> زاد المعاد في هدي خير العباد للإمام ابن القيم الجوزية</span>
<span class="category-badge">183</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=sbl-alslam-almosl-al-blogh-almram" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> سُبل السلام الموصلة إلى بلُوغ المرام.</span>
<span class="category-badge">216</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=slsl-alththyr-mn-tnthym-daaash-alarhaby" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> سلسلة التحذير من تنظيم داعش الإرهابي.</span>
<span class="category-badge">4</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=slsl-alghzo-alfkry" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> سلسلة الغزو الفكري</span>
<span class="category-badge">10</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=slsl-khtb-1444-h" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> سلسلة خطب 1444 هـ</span>
<span class="category-badge">22</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=slsl-khtb-1445-h" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> سلسلة خطب 1445 هـ</span>
<span class="category-badge">30</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=slsl-khtb-1446-h" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> سلسلة خطب 1446 هـ</span>
<span class="category-badge">34</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=slsl-khtb-1447-h" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> سلسلة خطب 1447 هـ</span>
<span class="category-badge">10</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=slsl-khtb-algmaa-2" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> سلسلة خطب الجمعة 2</span>
<span class="category-badge">64</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=slsl-khtb-algmaa1" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> سلسلة خطب الجمعة1</span>
<span class="category-badge">119</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=slsl-drasat-mnhgy-fy-shyh-albkhary" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> سلسلة دراسات منهجية في صحيح البخاري</span>
<span class="category-badge">12</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=slsl-dros-fy-aalm-algrh-oaltaadyl" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> سلسلة دروس في علم الجرح والتعديل</span>
<span class="category-badge">12</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=snn-alamam-altrmthy" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> سنن الإمام الترمذي</span>
<span class="category-badge">43</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=shrh-asol-alsn" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> شرح أصول السنة</span>
<span class="category-badge">1</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=shrh-aktdaaa-alsrat-almstkym" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> شرح اقتضاء الصراط المستقيم</span>
<span class="category-badge">21</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=shrh-alsn-llamam-albrbhary" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> شرح السُّنة للإمام البربهاري</span>
<span class="category-badge">10</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=shrh-snn-aby-daod-alsgstany" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> شرح سنن أبي داود السجستاني.</span>
<span class="category-badge">28</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=shrh-shyh-alamam-mslm-bmgmaa-alfrkan-bmdyn-alsnblaoyn" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> شرح صحيح الإمام مسلم بمجمع الفرقان بمدينة السنبلاوين</span>
<span class="category-badge">133</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=shrh-shyh-albkharyshrh-kdym" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> شرح صحيح البخاري(شرح قديم).</span>
<span class="category-badge">136</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=shrh-ktab-alrsal-llamam-alshafaay" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> شرح كتاب " الرسالة " للإمام الشافعي.</span>
<span class="category-badge">25</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=shrh-ktab-alfkyh-oalmtfkh-llkhtyb-albghdady" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> شرح كتاب " الفقيه والمتفقه " للخطيب البغدادي.</span>
<span class="category-badge">15</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=shrh-ktab-alaaatsam-balktab-oalsn-mn-shyh-alamam-albkhary" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> شرح كتاب الاعتصام بالكتاب والسنة من صحيح الإمام البخاري.</span>
<span class="category-badge">20</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=shrh-ktab-alsyas-alshraay-fy-aslah-alraaay-oalraay-lshykh-alaslam-abn-tymy" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> شرح كتاب السياسة الشرعية في إصلاح الراعي والرعية لشيخ الإسلام ابن تيمية.</span>
<span class="category-badge">15</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=shrh-ktab-alsyam-mn-shyh-alamam-albkhary" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> شرح كتاب الصيام من صحيح الإمام البخاري.</span>
<span class="category-badge">15</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=shyh-albkhary" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> صحيح البخاري</span>
<span class="category-badge">4</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=shyh-mslm-bmgmaa-abo-daod-bmdyn-zfty" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> صحيح مسلم بمجمع أبو داود بمدينة زفتي.</span>
<span class="category-badge">14</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=tryk-alosol-al-alaalm-almamol-llsaady" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> طريق الوصول إلى العلم المأمول. للسعدي.</span>
<span class="category-badge">8</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=aakayd-alshyaa" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> عقائد الشيعة</span>
<span class="category-badge">19</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=aakyd-alslf-oashab-alhdyth-llamam-alsabony" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> عقيدة السلف وأصحاب الحديث. للإمام الصابوني.</span>
<span class="category-badge">4</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=aall-altrmthy-llhafth-abn-rgb-alhnbly" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> علل الترمذي للحافظ ابن رجب الحنبلي.</span>
<span class="category-badge">42</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=fth-almghyth-bshrh-alfy-alhdyth" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> فتح المغيث بشرح ألفية الحديث .</span>
<span class="category-badge">38</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=koaaad-alasol-omaaakd-alfsol" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> قواعد الأصول ومعاقد الفصول</span>
<span class="category-badge">11</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=koaaad-fy-alrgal" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> قواعد في الرجال</span>
<span class="category-badge">0</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=koaaad-fy-aalm-alrgal" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> قواعد في علم الرجال</span>
<span class="category-badge">7</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=ktab-altohyd-mn-algamaa-alshyh-llamam-albkhary" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> كتاب " التوحيد " من الجامع الصحيح للإمام البخاري.</span>
<span class="category-badge">37</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=llh-thm-lltarykh-lhsyn-almosoy" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> لله ثم للتاريخ. لحُسين الموسوي.</span>
<span class="category-badge">5</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mbhth-alayman" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> مبحث الإيمان</span>
<span class="category-badge">4</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mhadrat-smaaa-almota" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> محاضرات سماع الموطأ</span>
<span class="category-badge">9</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mhadrat-smaaa-shyh-albkhary" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> محاضرات سماع صحيح البخاري</span>
<span class="category-badge">0</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mhadrat-shrh-gzaa-abo-aamro-aldan" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> محاضرات شرح جزء أبو عمرو الدانى</span>
<span class="category-badge">30</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mhadrat-shrh-ktab-alrsal" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> محاضرات شرح كتاب الرسالة</span>
<span class="category-badge">17</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mhadrat-aalmy" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> محاضرات علمية.</span>
<span class="category-badge">16</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mhadrat-klmty-aly-almghflyn" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> محاضرات كلمتي إلي المغفلين</span>
<span class="category-badge">2</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mthkr-asol-alfkh-llshnkyty" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> مذكرة أصول الفقه للشنقيطي.</span>
<span class="category-badge">87</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mftah-algn-fy-alahtgag-balsn-llhafth-alsyoty" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> مفتاح الجنة في الاحتجاج بالسنة. للحافظ السيوطي.</span>
<span class="category-badge">10</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=short-clips" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> مقاطع صغيرة</span>
<span class="category-badge">29</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mkdm-shyh-alamam-mslm-bmgmaa-abo-daod-bmdyn-zft-kdym" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> مقدمة صحيح الإمام مسلم بمجمع أبو داود بمدينة زفتى " قديم"</span>
<span class="category-badge">20</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mkdm-fy-asol-altfsyrlabn-tymy" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> مقدمة في أصول التفسير.لابن تيمية.</span>
<span class="category-badge">10</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mlf-khas-bshhr-rmdan-almbark" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> ملف خاص بشهر رمضان المبارك.</span>
<span class="category-badge">14</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mlf-khas-aan-alaalmany-oalmasony-oalshyaa-alroafd" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> ملف خاص عن العلمانية والماسونية والشيعة الروافض.</span>
<span class="category-badge">1</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mlf-khas-aan-ththyr-almslmyn-mn-altkfyr" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> ملف خاص عن تحذير المسلمين من التكفير.</span>
<span class="category-badge">2</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mlf-khas-aan-hkm-althoat-oalaaatsamat-oalkhrog-aal-alhkam-almslmyn" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> ملف خاص عن حكم الثوات والاعتصامات والخروج على الحكام المسلمين.</span>
<span class="category-badge">0</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mlf-khas-fy-alththyr-mn-alhzby" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> ملف خاص في التحذير من الحزبية.</span>
<span class="category-badge">0</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mnoaaat-llshykh-aby-hfs" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> منوعات للشيخ أبي حفص</span>
<span class="category-badge">1</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=mota-alamam-malk-broay-abo-msaab-alzhry" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> موطأ الإمام مالك برواية أبو مصعب الزهري.</span>
<span class="category-badge">4</span>
</a>
</li>
<li class="category-item">
<a href="https://abuhafs.info/videos?category=hday-alhyar-llam-abn-alkym" class="category-link ">
<span class="category-name"><i class="fas fa-folder"></i> هداية الحيارى للإم ابن القيم.</span>
<span class="category-badge">30</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- footer.blade.php -->
<style>
:root {
/* 🎨 Primary Brand Colors - Deep Navy Blue Palette */
--primary-900: #040a14;
--primary-800: #06121f;
--primary-700: #081a2a;
--primary-600: #0a1830;
--primary-500: #0d2040;
--primary-400: #1a3d66;
--primary-300: #2d5a8c;
--primary-200: #5a8ab8;
--primary-100: #a3c4e0;
/* ✨ Golden Accent - Luxury & Heritage */
--gold-900: #5c4a1f;
--gold-800: #7a6226;
--gold-700: #9a7b2e;
--gold-600: #b8962f;
--gold-500: #d4af37;
--gold-400: #ddc04f;
--gold-300: #e6d170;
--gold-200: #f0e199;
--gold-100: #f8f1c7;
/* 🌙 Neutral Palette - Modern & Clean */
--neutral-950: #0a0f0d;
--neutral-900: #1a1f1d;
--neutral-800: #2c3532;
--neutral-700: #4a5550;
--neutral-600: #6b7873;
--neutral-500: #8c9a95;
--neutral-400: #a8b5b0;
--neutral-300: #c5d0cc;
--neutral-200: #e0e7e4;
--neutral-100: #f0f4f2;
--neutral-50: #f8faf9;
/* 🎯 Semantic Colors */
--success: #22c55e;
--info: #3b82f6;
--warning: #f59e0b;
--danger: #ef4444;
/* 📐 Spacing System (8px base) */
--space-1: 0.25rem;
--space-2: 0.5rem;
--space-3: 0.75rem;
--space-4: 1rem;
--space-5: 1.25rem;
--space-6: 1.5rem;
--space-8: 2rem;
--space-10: 2.5rem;
--space-12: 3rem;
--space-16: 4rem;
--space-20: 5rem;
/* 🎭 Shadows - Layered Depth System */
--shadow-xs: 0 1px 2px rgba(10, 24, 48, 0.05);
--shadow-sm: 0 2px 8px rgba(10, 24, 48, 0.08);
--shadow-md: 0 4px 16px rgba(10, 24, 48, 0.12);
--shadow-lg: 0 8px 24px rgba(10, 24, 48, 0.15);
--shadow-xl: 0 12px 32px rgba(10, 24, 48, 0.18);
--shadow-2xl: 0 20px 48px rgba(10, 24, 48, 0.22);
/* ✨ Glow Effects */
--glow-gold: 0 0 20px rgba(212, 175, 55, 0.3);
--glow-blue: 0 0 20px rgba(10, 24, 48, 0.3);
/* 🎬 Transitions */
--ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
--ease-elastic: cubic-bezier(0.175, 0.885, 0.32, 1.275);
--transition-fast: 200ms var(--ease-smooth);
--transition-normal: 400ms var(--ease-smooth);
--transition-slow: 600ms var(--ease-smooth);
/* 📏 Border Radius */
--radius-sm: 0.375rem;
--radius-md: 0.5rem;
--radius-lg: 0.75rem;
--radius-xl: 1rem;
--radius-2xl: 1.5rem;
--radius-full: 9999px;
/* 🔤 Typography */
--font-arabic: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
--font-heading: 'Amiri', 'Traditional Arabic', Georgia, serif;
}
/* Footer Specific Styles - High Performance, SEO, Accessibility */
.main-footer {
background: linear-gradient(135deg, var(--primary-900) 0%, var(--primary-800) 50%, var(--primary-900) 100%);
color: white;
padding: var(--space-16) 0 var(--space-8);
margin-top: var(--space-20);
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.2);
position: relative;
overflow: hidden;
}
.main-footer::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(212, 175, 55, 0.05) 30px, rgba(212, 175, 55, 0.05) 60px);
opacity: 0.5;
pointer-events: none;
}
.main-footer::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, transparent 0%, var(--gold-500) 50%, transparent 100%);
}
.main-footer h6 {
color: var(--gold-400);
font-size: 1.75rem;
margin-bottom: var(--space-6);
font-family: var(--font-heading);
position: relative;
display: inline-block;
}
.main-footer h6::after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, transparent 0%, var(--gold-500) 100%);
border-radius: var(--radius-full);
}
.main-footer p {
color: rgba(255, 255, 255, 0.9);
line-height: 2;
font-size: 0.9rem;
margin-bottom: var(--space-6);
}
.footer-logo {
text-align: center;
}
.footer-logo-img {
max-width: 220px;
margin-bottom: var(--space-6);
filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.4));
transition: var(--transition-bounce);
}
.footer-logo-img:hover {
transform: scale(1.05);
filter: drop-shadow(0 12px 24px rgba(212, 175, 55, 0.5));
}
.footer-social {
display: flex;
gap: var(--space-4);
flex-wrap: wrap;
}
.footer-social a {
width: 52px;
height: 52px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 1.3rem;
transition: all var(--transition-bounce);
box-shadow: var(--shadow-lg);
position: relative;
overflow: hidden;
}
.footer-social a::before {
content: '';
position: absolute;
inset: -2px;
border-radius: 50%;
background: conic-gradient(from 0deg, transparent, white, transparent);
opacity: 0;
transition: var(--transition-normal);
animation: rotate 2s linear infinite paused;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.footer-social a:hover::before {
opacity: 0.3;
animation-play-state: running;
}
.footer-social a:hover {
transform: translateY(-8px) scale(1.1);
box-shadow: var(--shadow-2xl);
}
/* Social media brand colors */
.fb-text {
background: linear-gradient(135deg, #1877f2, #0c5ed5);
}
.tel-text {
background: linear-gradient(135deg, #0088cc, #006699);
}
.tw-text {
background: linear-gradient(135deg, #000000, #333333);
}
.yt-text {
background: linear-gradient(135deg, #ff0000, #cc0000);
}
.ins-text {
background: linear-gradient(45deg,
#f09433 0%,
#e6683c 25%,
#dc2743 50%,
#cc2366 75%,
#bc1888 100%);
}
.wh-text {
background: linear-gradient(135deg, #25d366, #1da851);
}
.fb-text:hover {
box-shadow: 0 8px 24px rgba(24, 119, 242, 0.5);
}
.tel-text:hover {
box-shadow: 0 8px 24px rgba(0, 136, 204, 0.5);
}
.tw-text:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
.yt-text:hover {
box-shadow: 0 8px 24px rgba(255, 0, 0, 0.5);
}
.ins-text:hover {
box-shadow: 0 8px 24px rgba(188, 24, 136, 0.5);
}
.wh-text:hover {
box-shadow: 0 8px 24px rgba(37, 211, 102, 0.5);
}
/* Accessibility Enhancements */
.footer-social a:focus-visible {
outline: 3px solid var(--gold-500);
outline-offset: 3px;
border-radius: var(--radius-sm);
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
/* Responsive Design */
@media (max-width: 992px) {
.main-footer {
padding: var(--space-12) 0 var(--space-6);
}
.main-footer h6 {
font-size: 1.5rem;
}
.main-footer p {
font-size: 1rem;
}
.footer-logo-img {
max-width: 180px;
}
}
@media (max-width: 768px) {
.main-footer {
padding: var(--space-10) 0 var(--space-5);
}
.main-footer h6 {
font-size: 1.25rem;
}
.main-footer p {
font-size: 0.95rem;
}
.footer-logo-img {
max-width: 160px;
}
.footer-social {
gap: var(--space-3);
}
.footer-social a {
width: 48px;
height: 48px;
font-size: 1.2rem;
}
}
@media (max-width: 576px) {
.main-footer {
padding: var(--space-8) 0 var(--space-4);
}
.main-footer h6 {
font-size: 1.1rem;
}
.main-footer p {
font-size: 0.9rem;
}
.footer-logo-img {
max-width: 140px;
}
.footer-social {
gap: var(--space-2);
}
.footer-social a {
width: 44px;
height: 44px;
font-size: 1.1rem;
}
}
/* Print Styles */
@media print {
.main-footer {
display: none !important;
}
}
</style>
<footer class="main-footer">
<div class="container">
<div class="row">
<div class="col-lg-9 col-sm-12 mx-auto">
<div class="d-flex gap-1">
<div class="footer-logo">
<img src="https://abuhafs.info/assets/images/logo_footer.png" loading="lazy" class="img-fluid footer-logo-img" alt="شعار موقع الشيخ أبو حفص العربي الأثري" />
</div>
<div class="d-flex flex-column gap-1">
<h6 class="fw-bold">
الموقع الرسمي لفضيلة الشيخ أبو حفص العربي الأثري
(حفظه الله)
</h6>
<p>
موقع يحوي بين صفحاته جمعًا غزيرًا من دعوة الشيخ، وعطائه العلمي،
وبذله المعرفي؛ ليكون منارًا يتجمع حوله الملتمسون لطرائق العلوم؛
الباحثون عن سبل الاعتصام والرشاد، نبراسًا للمتطلعين إلى معرفة
المزيد عن الشيخ وأحواله ومحطات حياته، دليلًا جامعًا لفتاويه
وإجاباته على أسئلة الناس وقضايا المسلمين.
</p>
<div class="col-lg-12">
<div class="footer-social ms-0 me-auto">
<a href="https://www.facebook.com/abohafs.elaraby" target="_blank" rel="noopener" class="fb-text"><i class="fa-brands fa-facebook-f"></i></a>
<a href="https://t.me/abohafs_elaraby" target="_blank" rel="noopener" class="tel-text"><i class="fa-brands fa-telegram"></i></a>
<a href="https://x.com/abohafs_elaraby" target="_blank" rel="noopener" class="tw-text"><i class="fa-brands fa-twitter"></i></a>
<a href="https://www.youtube.com/channel/UCF9RpVopdD5j5qX9bsii6AA" target="_blank" rel="noopener" class="yt-text"><i class="fa-brands fa-youtube"></i></a>
<a href="https://www.instagram.com/abohafs.elaraby" target="_blank" rel="noopener" class="ins-text"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="https://abuhafs.info/assets/js/modernizr-3.6.0.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.4.1/jquery-migrate.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">
</script>
<script src="https://abuhafs.info/assets/plugins/headroom.js/headroom.min.js"></script>
<script src="https://abuhafs.info/assets/plugins/headroom.js/jQuery.headroom.min.js"></script>
<script src="https://abuhafs.info/assets/plugins/owl.carousel/owl.carousel.min.js"></script>
<script src="https://abuhafs.info/assets/plugins/jssocials.min.js"></script>
<script src="https://abuhafs.info/assets/plugins/selectize.js"></script>
<script src="https://abuhafs.info/assets/plugins/plyr.min.js"></script>
<script src="https://abuhafs.info/assets/plugins/metisMenu.js"></script>
<script src="https://abuhafs.info/assets/plugins/audioplayer.js"></script>
<script src="https://abuhafs.info/assets/plugins/main.js"></script>
<script src="https://abuhafs.info/assets/plugins/zoombox.js"></script>
<script src="https://abuhafs.info/assets/js/scripts.0.0.1.js"></script>
<script>
// Global Loading Spinner
document.addEventListener('DOMContentLoaded', function() {
const loader = document.getElementById('global-loader');
// Show loader on all navigation clicks
document.addEventListener('click', function(e) {
const link = e.target.closest('a');
if (link && link.href && !link.target &&
!link.href.includes('#') &&
!link.download &&
link.href.startsWith(window.location.origin)) {
loader.classList.add('active');
}
});
// Show loader on form submissions
document.querySelectorAll('form').forEach(form => {
form.addEventListener('submit', function() {
loader.classList.add('active');
});
});
// Hide loader when page loads
window.addEventListener('pageshow', function() {
loader.classList.remove('active');
});
// Hide loader on page load
window.addEventListener('load', function() {
loader.classList.remove('active');
});
});
</script>
<script>
function toggleFavorite(button) {
const videoId = button.dataset.videoId;
const type = button.dataset.type;
const icon = button.querySelector('i');
const countSpan = button.querySelector('.favorite-count');
const textSpan = button.querySelector('.favorite-text');
fetch('/api/favorites/toggle', {
method: 'POST'
, headers: {
'Content-Type': 'application/json'
, 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.content || ''
}
, body: JSON.stringify({
type: type
, id: videoId
})
})
.then(response => response.json())
.then(data => {
if (data.success) {
if (data.is_favorited) {
button.classList.add('favorited');
icon.classList.remove('far');
icon.classList.add('fas');
if (textSpan) textSpan.textContent = 'محفوظة';
} else {
button.classList.remove('favorited');
icon.classList.remove('fas');
icon.classList.add('far');
if (textSpan) textSpan.textContent = 'حفظ';
}
countSpan.textContent = data.favorites_count.toLocaleString();
}
})
.catch(error => console.error('Error:', error));
}
document.addEventListener('DOMContentLoaded', function() {
// AI Rich Description Translation Toggle
const translationToggles = document.querySelectorAll('.ai-rich-description .translation-toggle');
translationToggles.forEach(toggle => {
toggle.addEventListener('click', function() {
const parent = this.closest(
'.bilingual, .theme-section, .transcript-entry, .story-box');
if (!parent) return;
const englishContent = parent.querySelector('.english-content, .english-text');
if (englishContent) {
if (englishContent.style.display === 'none' || !englishContent.style.display) {
englishContent.style.display = 'block';
this.textContent = 'إخفاء الترجمة';
} else {
englishContent.style.display = 'none';
this.textContent = 'ترجمة';
}
}
});
});
// Initialize Plyr only for local video files (not YouTube)
const localVideo = document.querySelector('.video-player');
if (localVideo && typeof Plyr !== 'undefined') {
const player = new Plyr('.video-player', {
controls: ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'settings'
, 'fullscreen'
]
, settings: ['quality', 'speed']
, ratio: '16:9'
});
}
// Initialize share buttons
if (typeof $.fn.jsSocials !== 'undefined') {
$(".share").jsSocials({
url: window.location.href
, text: "حد القذف فضيلة الشيخ ابو حفص بن العربى الاثرى"
, showLabel: false
, showCount: false
, shares: ["email", "twitter", "facebook", "whatsapp"]
, on: {
click: function(e) {
// Track share click
const videoId = $(e.currentTarget).closest('.share').data('video-id');
if (videoId) {
fetch(`/api/videos/${videoId}/share`, {
method: 'POST'
, headers: {
'Content-Type': 'application/json'
, 'X-CSRF-TOKEN': 'rHcfmySWoziuOkZaaifUYiltXpbGli7yjADPk5Bk'
}
}).catch(err => console.log('Share tracking failed'));
}
}
}
});
}
});
</script>
</body>
</html>
المقدمة
يتناول هذا الفيديو موضوعًا بالغ الأهمية في الشريعة الإسلامية وهو "حد القذف". يعتبر القذف جريمة خطيرة تمس أعراض الناس وتهدد استقرار المجتمع، ولهذا فقد شرع الإسلام حدًا رادعًا لمن يتورط في هذه الجريمة.
يهدف هذا الفيديو، الذي يقدمه فضيلة الشيخ أبي حفص سامي بن العربي الأثري، إلى توضيح مفهوم القذف، وشروط إقامة الحد، والأحكام المتعلقة به، وذلك استنادًا إلى الأدلة الشرعية من القرآن الكريم والسنة النبوية المطهرة. كما يسعى الفيديو إلى بيان خطورة هذه الجريمة وآثارها المدمرة على الفرد والمجتمع.
المحاور الرئيسية
تعريف القذف لغة وشرعًا
يشرح الشيخ في هذا المحور معنى القذف في اللغة العربية، وأنه يعني الرمي بالشيء. ثم ينتقل إلى تعريف القذف شرعًا، وهو الرمي بالزنا أو ما في حكمه، أي اتهام شخص بفعل الفاحشة.
ويوضح الشيخ أن القذف لا يقتصر على اتهام الشخص نفسه بالزنا، بل يشمل أيضًا اتهام أبيه أو أمه أو أخته أو غيرهم من أقاربه بالزنا. فكل ذلك يعتبر قذفًا يستوجب الحد إذا توفرت الشروط.
الأدلة الشرعية على حد القذف
يستدل الشيخ بآيات من القرآن الكريم وأحاديث نبوية شريفة على مشروعية حد القذف. ويذكر قول الله تعالى: ﴿وَالَّذِينَ يَرْمُونَ الْمُحْصَنَاتِ ثُمَّ لَمْ يَأْتُوا بِأَرْبَعَةِ شُهَدَاءَ فَاجْلِدُوهُمْ ثَمَانِينَ جَلْدَةً وَلَا تَقْبَلُوا لَهُمْ شَهَادَةً أَبَدًا ۚ وَأُولَٰئِكَ هُمُ الْفَاسِقُونَ﴾ [النور: 4].
ويشرح الشيخ أن هذه الآية تدل على أن من رمى امرأة عفيفة بالزنا، ولم يأت بأربعة شهود يشهدون على ذلك، فإنه يجب أن يجلد ثمانين جلدة، وترد شهادته، ويعتبر فاسقًا.
قصة الإفك وحديث عائشة رضي الله عنها
يتطرق الشيخ إلى قصة الإفك التي اتهم فيها بعض المنافقين أم المؤمنين عائشة رضي الله عنها بالزنا. ويشرح كيف أنزل الله تعالى براءتها من فوق سبع سماوات، وأن من يرميها بعد ذلك فهو كافر مرتد حلال الدم والمال.
ويذكر الشيخ أن النبي صلى الله عليه وسلم أمر بجلد الذين رموا عائشة رضي الله عنها، وهم حسان بن ثابت ومسطح بن أثاثة وحمنة بنت جحش.
حكم اللعان
يشرح الشيخ حكم اللعان، وهو أن يتهم الرجل زوجته بالزنا ولا يملك بينة على ذلك. في هذه الحالة، يشرع الله تعالى اللعان، وهو أن يحلف الزوج أربع مرات بالله إنه لمن الصادقين، والخامسة أن لعنة الله عليه إن كان من الكاذبين. وتحلف الزوجة أربع مرات بالله إنه لمن الكاذبين، والخامسة أن غضب الله عليها إن كان من الصادقين.
ويوضح الشيخ أن اللعان يترتب عليه التفريق بين الزوجين إلى الأبد، ونفي الولد عن الزوج إذا كان موجودًا.
شروط إقامة حد القذف
يذكر الشيخ بعض الشروط التي يجب توفرها لإقامة حد القذف على القاذف، ومنها: أن يكون المقذوف محصنًا (أي عفيفًا)، وأن يكون القاذف مكلفًا (أي بالغًا عاقلًا)، وأن يكون القذف صريحًا لا يحتمل التأويل.
ويوضح الشيخ أن حد القذف لا يثبت إلا بأحد أمرين: إما إقرار القاذف، أو شهادة أربعة شهود عدول يشهدون على القذف.
النقاط الرئيسية
- القذف هو الرمي بالزنا أو ما في حكمه، وهو جريمة خطيرة في الإسلام.
- شرع الإسلام حدًا رادعًا للقذف لحماية أعراض الناس واستقرار المجتمع.
- يشمل القذف اتهام الشخص نفسه أو أحد أقاربه بالزنا.
- يستدل على حد القذف بآيات من القرآن الكريم وأحاديث نبوية شريفة.
- قصة الإفك تدل على خطورة القذف وعقوبته الشديدة.
- اللعان هو حكم شرعي في حالة اتهام الزوج زوجته بالزنا وعدم وجود بينة.
- يشترط لإقامة حد القذف توفر شروط معينة في القاذف والمقذوف والقذف نفسه.
الفوائد والعبر
- الحفاظ على أعراض المسلمين وعدم التعدي عليها بالقول أو الفعل.
- الحذر من التسرع في اتهام الناس بالباطل والتثبت قبل الكلام.
- معرفة الأحكام الشرعية المتعلقة بالقذف واللعان لتجنب الوقوع في المحظور.
- تقدير خطورة جريمة القذف وآثارها المدمرة على الفرد والمجتمع.
- العمل على نشر الوعي بأهمية الحفاظ على الأعراض ونبذ القذف والاتهامات الباطلة.