دروس معهد إعداد الدعاة السنة الثانية شرح اختصار علوم الحديث(19)لفضيلة الشيخ أبي حفص بن العربي الأثري
```html
شرح اختصار علوم الحديث (19) للشيخ أبي حفص الأثري
```
**شرح الكود:**
* **``:** تعريف نوع المستند.
* **``:** العنصر الجذر للمستند، مع تحديد اللغة العربية.
* **``:** يحتوي على معلومات حول المستند، مثل العنوان، والترميز، والارتباطات بملفات CSS.
* **``:** تحديد ترميز الأحرف المستخدم في المستند.
* **``:** تهيئة منفذ العرض لضمان عرض مناسب على مختلف الأجهزة.
* **``:** عنوان الصفحة الذي يظهر في علامة التبويب للمتصفح.
* **`<link rel="stylesheet" ...>`:** رابط لملف CSS الخاص بـ Font Awesome (لأيقونات).
* **`<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">`:** رابط لملف CSS الخاص بـ Tailwind CSS (للتصميم).
* **`<style>`:** تعريف أنماط CSS داخلية.
* **`body { ... }`:** تحديد الخط الافتراضي للنص في المستند.
* **`<body dir="rtl" class="bg-gray-100 p-8">`:** العنصر الذي يحتوي على المحتوى المرئي للصفحة.
* **`dir="rtl"`:** تحديد اتجاه النص من اليمين إلى اليسار (لغة عربية).
* **`class="bg-gray-100 p-8"`:** إضافة فئات Tailwind CSS لتحديد لون الخلفية والتباعد الداخلي.
* **`<div>`:** عنصر حاوية عام يستخدم لتجميع العناصر الأخرى.
* **`class="mb-10 border-r-4 ..."`:** إضافة فئات Tailwind CSS لتحديد الهوامش، والحدود، والألوان، والتباعد الداخلي، والظلال، والزوايا المنحنية.
* **`<h2 class="text-2xl font-bold ...">`:** عنوان من المستوى الثاني.
* **`class="text-2xl font-bold ..."`:** إضافة فئات Tailwind CSS لتحديد حجم الخط، والوزن، والألوان، والحدود.
* **`<i class="fas fa-book-open"></i>`:** إضافة أيقونة من Font Awesome.
* **`<p class="text-lg text-neutral-700 ...">`:** فقرة نصية.
* **`class="text-lg text-neutral-700 ..."`:** إضافة فئات Tailwind CSS لتحديد حجم الخط، واللون، والتباعد بين الأسطر.
* **`<ul class="list-disc list-inside ...">`:** قائمة غير مرتبة.
* **`class="list-disc list-inside ..."`:** إضافة فئات Tailwind CSS لتحديد نوع النقط، والموضع، والتباعد.
* **`<li>`:** عنصر قائمة.
**ملاحظات هامة:**
* **خطوط اللغة العربية:** تأكد من تضمين خطوط عربية مناسبة في مشروعك. يمكنك استخدام خطوط من Google Fonts أو خطوط أخرى متاحة. في هذا المثال، تم استخدام `'Noto Naskh Arabic', serif`.
* **Tailwind CSS:** يجب أن يكون لديك Tailwind CSS مثبتًا في مشروعك لكي تعمل الفئات المضمنة في الكود بشكل صحيح.
* **Font Awesome:** يجب أن يكون لديك Font Awesome مثبتًا في مشروعك لكي تظهر الأيقونات بشكل صحيح.
* **التشكيل:** التشكيل الكامل للنصوص القرآنية والأحاديث النبوية أمر مطلوب. استخدم أدوات التشكيل المتاحة عبر الإنترنت أو في برامج معالجة النصوص.
* **التحقق من النصوص:** راجع النصوص القرآنية والأحاديث النبوية بدقة للتأكد من صحتها.
* **التصميم:** يمكنك تعديل فئات Tailwind CSS لتخصيص التصميم وفقًا لتفضيلاتك.
هذا الكود يوفر لك نقطة بداية قوية لإنشاء وصف شامل ومفصل للفيديو التعليمي. لا تتردد في تعديله وتخصيصه لجعله أكثر ملاءمة لاحتياجاتك.
</div>
<div class="download-transcript-section">
<a href="https://abuhafs.info/videos/dros-maahd-aaadad-aldaaa-alsn-althany-shrh-akhtsar-aalom-alhdyth19lfdyl-alshykh-aby-hfs-bn-alaarby-alathry-4gvHsE/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="413"></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/dros-maahd-aaadad-aldaaa-alsn-althany-shrh-akhtsar-aalom-alhdyth11lfdyl-alshykh-aby-hfs-bn-alaarby-alathry-TQfcD4" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<img src="https://abuhafs.info/storage/thumbnails/videos/pLBwgTQfcD4.jpg" alt="دروس معهد إعداد الدعاة السنة الثانية شرح اختصار علوم الحديث(11)لفضيلة الشيخ أبي حفص بن العربي الأثري" 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">دروس معهد إعداد الدعاة السنة الثانية شرح اختصار علوم الحديث(11)لفضيلة...</h5>
<div class="related-video-meta">
<span class="related-video-category">
<i class="fas fa-tag"></i> اختصار علوم الحديث السنة الثانية لعام 1429
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 3,016</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/dros-maahd-aaadad-aldaaa-alsn-althany-shrh-akhtsar-aalom-alhdyth14lfdyl-alshykh-aby-hfs-bn-alaarby-alathry-dZv0MA" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<img src="https://abuhafs.info/storage/thumbnails/videos/XNHFMdZv0MA.jpg" alt="دروس معهد إعداد الدعاة السنة الثانية شرح اختصار علوم الحديث(14)لفضيلة الشيخ أبي حفص بن العربي الأثري" 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">دروس معهد إعداد الدعاة السنة الثانية شرح اختصار علوم الحديث(14)لفضيلة...</h5>
<div class="related-video-meta">
<span class="related-video-category">
<i class="fas fa-tag"></i> اختصار علوم الحديث السنة الثانية لعام 1429
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 2,928</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/dros-maahd-aaadad-aldaaa-alsn-althany-shrh-akhtsar-aalom-alhdyth24lfdyl-alshykh-aby-hfs-bn-alaarby-alathry-dorlJ8" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<img src="https://abuhafs.info/storage/thumbnails/videos/MeeiNdorlJ8.jpg" alt="دروس معهد إعداد الدعاة السنة الثانية شرح اختصار علوم الحديث(24)لفضيلة الشيخ أبي حفص بن العربي الأثري" 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">دروس معهد إعداد الدعاة السنة الثانية شرح اختصار علوم الحديث(24)لفضيلة...</h5>
<div class="related-video-meta">
<span class="related-video-category">
<i class="fas fa-tag"></i> اختصار علوم الحديث السنة الثانية لعام 1429
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 2,237</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/dros-maahd-aaadad-aldaaa-alsn-althany-shrh-akhtsar-aalom-alhdyth10lfdyl-alshykh-aby-hfs-bn-alaarby-alathry-Ygvbc4" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<img src="https://abuhafs.info/storage/thumbnails/videos/tc8tJYgvbc4.jpg" alt="دروس معهد إعداد الدعاة السنة الثانية شرح اختصار علوم الحديث(10)لفضيلة الشيخ أبي حفص بن العربي الأثري" 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">دروس معهد إعداد الدعاة السنة الثانية شرح اختصار علوم الحديث(10)لفضيلة...</h5>
<div class="related-video-meta">
<span class="related-video-category">
<i class="fas fa-tag"></i> اختصار علوم الحديث السنة الثانية لعام 1429
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 3,415</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/dros-maahd-aaadad-aldaaa-alsn-althany-shrh-akhtsar-aalom-alhdyth16lfdyl-alshykh-aby-hfs-bn-alaarby-alathry-H3uufc" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<img src="https://abuhafs.info/storage/thumbnails/videos/uRTaVH3uufc.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>
<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> اختصار علوم الحديث السنة الثانية لعام 1429
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 3,072</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/dros-maahd-aaadad-aldaaa-alsn-althany-shrh-akhtsar-aalom-alhdyth20lfdyl-alshykh-aby-hfs-bn-alaarby-alathry-EPPGio" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<img src="https://abuhafs.info/storage/thumbnails/videos/t6cR5EPPGio.jpg" alt="دروس معهد إعداد الدعاة السنة الثانية شرح اختصار علوم الحديث(20)لفضيلة الشيخ أبي حفص بن العربي الأثري" 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">دروس معهد إعداد الدعاة السنة الثانية شرح اختصار علوم الحديث(20)لفضيلة...</h5>
<div class="related-video-meta">
<span class="related-video-category">
<i class="fas fa-tag"></i> اختصار علوم الحديث السنة الثانية لعام 1429
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 4,066</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 active">
<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: "دروس معهد إعداد الدعاة السنة الثانية شرح اختصار علوم الحديث(19)لفضيلة الشيخ أبي حفص بن العربي الأثري"
, 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': '4jlajcRGc5ofEGnRtcFqnoUAGQ0TT8mHxBnQlGby'
}
}).catch(err => console.log('Share tracking failed'));
}
}
}
});
}
});
</script>
</body>
</html>
المقدمة
يهدف هذا الفيديو التعليمي إلى شرح الدرس التاسع عشر من دروس شرح اختصار علوم الحديث للسنة الثانية من معهد إعداد الدعاة، والذي يقدمه فضيلة الشيخ أبي حفص سامي بن العربي الأثري. يتناول الدرس موضوعًا بالغ الأهمية في علم الحديث، وهو معرفة وفيات الرواة ومواليدهم ومقدار أعمارهم. هذه المعرفة ضرورية لفهم الأسانيد، وتمييز الصحيح من الضعيف، وكشف المدلسين والكذابين، والحفاظ على نقاء السنة النبوية.
إن علم مصطلح الحديث يعتبر من أجلّ العلوم الشرعية، فهو يضع القواعد والمعايير التي من خلالها يتم التحقق من صحة الأحاديث النبوية الشريفة. ومعرفة وفيات الرواة ومواليدهم هي لبنة أساسية في هذا العلم، حيث تساعد على تحديد مدى اتصال السند، والتأكد من أن الراوي قد سمع الحديث ممن رواه عنه بالفعل. هذا الدرس يقدم شرحًا وافيًا لهذا الجانب الهام، مع أمثلة وتطبيقات عملية تساعد الطالب على فهمه واستيعابه.
المحاور الرئيسية
أهمية معرفة وفيات الرواة ومواليدهم
يشرح الشيخ الأهمية القصوى لمعرفة تواريخ وفيات ومواليد الرواة. هذه المعرفة ليست مجرد معلومة تاريخية، بل هي أداة حاسمة في علم الجرح والتعديل. فهي تساعد على التحقق من صحة السند، وكشف التدليس، وتحديد ما إذا كان الراوي قد أدرك الشيخ الذي يروي عنه أم لا. بدون هذه المعرفة، يصبح من الصعب التمييز بين الحديث الصحيح والحديث الضعيف أو الموضوع.
يؤكد الشيخ على أن هذا العلم هو من خصائص الأمة الإسلامية، حيث لم تهتم أي أمة أخرى بتوثيق حياة رواة أخبارها كما فعل المسلمون. هذا الاهتمام بالتفاصيل الدقيقة يعكس حرص الأمة على الحفاظ على سنة نبيها صلى الله عليه وسلم، وتنقيتها من أي تحريف أو تزوير.
أثر التاريخ في كشف الكذب والتدليس
يوضح الشيخ كيف يستخدم علماء الحديث علم التاريخ لكشف الكذب والتدليس في الأسانيد. فإذا ادعى راوٍ أنه سمع حديثًا من شيخ، وكان التاريخ يشير إلى أن هذا الشيخ قد مات قبل ولادة الراوي، فإن ذلك يكشف كذب الراوي. وبالمثل، إذا كان الراوي معروفًا بالتدليس، فإن معرفة تاريخ وفاته تساعد على تحديد ما إذا كان قد روى الحديث عن الشيخ مباشرة أم عن طريق وسيط.
"لَمَّا اسْتُعْمِلَ الرُّوَاةُ الْكَذِبَ اسْتَعْمَلْنَا لَهُمُ التَّارِيخَ" هذا القول المأثور عن سفيان الثوري، رحمه الله، يلخص أهمية التاريخ في علم الحديث. فالتاريخ هو السيف القاطع الذي يواجه به علماء الحديث الكذابين والمدلسين، ويحمي به سنة النبي صلى الله عليه وسلم.
أمثلة من حياة العلماء وتطبيقات عملية
يقدم الشيخ أمثلة عملية من حياة العلماء وكيف استخدموا علم التاريخ في نقد الأسانيد. يذكر قصة الحاكم مع محمد بن حاتم الكشي، وكيف كشف كذبه بالاعتماد على تاريخ الوفاة. كما يذكر قصة الإمام سفيان الثوري وكيف كان يسأل الرواة عن تواريخ سماعهم للحديث لكشف المدلسين.
يستعرض الشيخ بعضًا من الأسانيد العالية التي يرويها، وكيف أن هذه الأسانيد المتصلة إلى رسول الله صلى الله عليه وسلم هي من خصائص هذه الأمة المباركة. ويشير إلى أن علماء الحديث ما زالوا يهتمون بتوثيق الأسانيد وتتبعها حتى عصرنا هذا.
النقاط الرئيسية
- معرفة وفيات الرواة ومواليدهم ضرورية لفهم الأسانيد وتمييز الصحيح من الضعيف.
- علم التاريخ هو أداة حاسمة في علم الجرح والتعديل لكشف الكذب والتدليس.
- الاهتمام بتوثيق حياة الرواة هو من خصائص الأمة الإسلامية.
- علماء الحديث استخدموا علم التاريخ في نقد الأسانيد وكشف المدلسين.
- الأسانيد المتصلة إلى رسول الله صلى الله عليه وسلم هي من خصائص هذه الأمة المباركة.
- التاريخ يساعد في تحديد اتصال السند، وهو شرط أساسي من شروط الحديث الصحيح.
- العلماء ما زالوا يهتمون بتوثيق الأسانيد وتتبعها حتى عصرنا هذا.
الفوائد والعبر
- تعزيز الثقة في السنة النبوية المطهرة من خلال فهم جهود العلماء في الحفاظ عليها.
- اكتساب مهارات أساسية في نقد الأحاديث وتقييم صحة الأسانيد.
- التعرف على أهمية علم التاريخ في الدراسات الإسلامية.
- تقدير جهود علماء الحديث في خدمة السنة النبوية وحمايتها من التحريف.
- التأكيد على أهمية الإسناد في الدين الإسلامي وتميز هذه الأمة به.