خطبة جمعة بعنوان :《 الاقتراب من القبر 》لفضيلة الشيخ أبي حفص بن العربي الأثري.
```html
وصف فيديو خطبة جمعة: الاقتراب من القبر
```
**شرح الكود:**
1. **هيكل HTML:**
* ``: تعريف نوع المستند على أنه HTML5.
* ``: تحديد لغة المستند على أنها العربية وتحديد اتجاه النص من اليمين إلى اليسار (RTL).
* ``: يحتوي على معلومات وصفية حول المستند، بما في ذلك:
* ``: تحديد ترميز الأحرف على أنه UTF-8 لدعم اللغة العربية.
* ``: تهيئة منفذ العرض لضمان استجابة التصميم على مختلف الأجهزة.
* ``: عنوان الصفحة الذي يظهر في علامة تبويب المتصفح.
* `<link rel="stylesheet" ...>`: ربط ملفات CSS الخارجية، بما في ذلك Font Awesome (للأيقونات) و Tailwind CSS (للتصميم).
* `<body>`: يحتوي على محتوى الصفحة المرئي.
2. **Tailwind CSS:**
* تم استخدام Tailwind CSS لتطبيق أنماط التصميم بسرعة وسهولة.
* تم تطبيق فئات Tailwind CSS على العناصر المختلفة لتحديد الخطوط والألوان والتباعد والظلال وما إلى ذلك.
* تم تعريف ألوان مخصصة في `:root` لتسهيل استخدامها وتعديلها.
3. **Font Awesome:**
* تم استخدام Font Awesome لإضافة أيقونات إلى العناوين.
* تم استخدام فئات Font Awesome (`fas fa-*`) لتحديد الأيقونات المطلوبة.
4. **الأقسام الرئيسية:**
* تم تقسيم المحتوى إلى أربعة أقسام رئيسية: المقدمة، المحاور الرئيسية، النقاط الرئيسية، والفوائد والعبر.
* تم تطبيق أنماط مختلفة على كل قسم باستخدام فئات Tailwind CSS لتمييزها.
* تم استخدام `<section>` لتعريف كل قسم.
5. **العناوين والفقرات والقوائم:**
* تم استخدام عناصر HTML القياسية (`<h2>`, `<h3>`, `<p>`, `<ul>`, `<li>`) لإنشاء المحتوى.
* تم تطبيق فئات Tailwind CSS على هذه العناصر لتحديد الأنماط.
**ملاحظات:**
* يمكنك تعديل الألوان والخطوط والتباعد لتخصيص التصميم حسب رغبتك.
* يمكنك إضافة المزيد من الأقسام أو العناصر حسب الحاجة.
* تأكد من تضمين ملفات CSS الخارجية بشكل صحيح.
آمل أن يكون هذا الشرح واضحًا ومفيدًا!
</div>
<div class="download-transcript-section">
<a href="https://abuhafs.info/videos/khtb-gmaa-baanoan-alaktrab-mn-alkbr-lfdyl-alshykh-aby-hfs-bn-alaarby-alathry-dwYxKo/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="623"></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/khtb-gmaa-baanoan-ama-an-llkthabyn-an-ytoboa-lfdyl-alshykh-aby-hfs-bn-alaarby-alathry-9iBe7E" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<img src="https://abuhafs.info/storage/thumbnails/videos/1p-s39iBe7E.jpg" alt="خطبة جمعة بعنوان :《أما آن للكذابين أن يتوبوا 》لفضيلة الشيخ أبي حفص بن العربي الأثري." 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">خطبة جمعة بعنوان :《أما آن للكذابين أن يتوبوا 》لفضيلة الشيخ أبي حفص...</h5>
<div class="related-video-meta">
<span class="related-video-category">
<i class="fas fa-tag"></i> سلسلة خطب 1446 هـ
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 4,755</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-baanoanakhth-alaath-oalaaatbar-mn-alamm-alsabklfdyl-alshykh-aby-hfs-bn-alaarby-alathry-KurYMc" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<img src="https://abuhafs.info/storage/thumbnails/videos/mcFCDKurYMc.jpg" alt="خطبة جمعة بعنوان《أخذ العظة والاعتبار من الأمم السابقة》لفضيلة الشيخ أبي حفص بن العربي الأثري" 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">خطبة جمعة بعنوان《أخذ العظة والاعتبار من الأمم السابقة》لفضيلة الشيخ أ...</h5>
<div class="related-video-meta">
<span class="related-video-category">
<i class="fas fa-tag"></i> سلسلة خطب 1446 هـ
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 2,074</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-asol-ygb-an-taatkd-lfdyl-alshykh-aby-hfs-bn-alaarby-alathry-xZECeM" 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> سلسلة خطب 1446 هـ
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 2,467</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-alrda-ballh-lfdyl-alshykh-aby-hfs-bn-alaarby-alathry-aNTYHE" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<img src="https://abuhafs.info/storage/thumbnails/videos/8VVVhaNTYHE.jpg" alt="خطبة جمعة بعنوان:《 الرضا بالله 》لفضيلة الشيخ أبي حفص بن العربي الأثري." 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">خطبة جمعة بعنوان:《 الرضا بالله 》لفضيلة الشيخ أبي حفص بن العربي الأثر...</h5>
<div class="related-video-meta">
<span class="related-video-category">
<i class="fas fa-tag"></i> سلسلة خطب 1446 هـ
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 3,568</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-alkthb-lfdyl-alshykh-aby-hfs-bn-alaarby-alathry-JetK-g" 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> سلسلة خطب 1446 هـ
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 3,112</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-ya-ayha-althyn-amnoa-la-tkhonoa-allh-oalrsol-lfdyl-alshykh-aby-hfs-bn-alaarby-alathry-8UP7AA" class="related-video-link">
<div class="related-video-thumbnail-wrapper">
<img src="https://abuhafs.info/storage/thumbnails/videos/2IRtC8UP7AA.jpg" alt="خطبة جمعة بعنوان《 يا أيها الذين آمنوا لا تخونوا الله والرسول 》لفضيلة الشيخ أبي حفص بن العربي الأثري" 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">خطبة جمعة بعنوان《 يا أيها الذين آمنوا لا تخونوا الله والرسول 》لفضيل...</h5>
<div class="related-video-meta">
<span class="related-video-category">
<i class="fas fa-tag"></i> سلسلة خطب 1446 هـ
</span>
<div class="related-video-stats">
<span class="stat-views"><i class="fas fa-eye"></i> 3,793</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 active">
<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': 'KcC8ThicXQB6xbb6ynVm3dkoP3UTSDyukfAXj9Sq'
}
}).catch(err => console.log('Share tracking failed'));
}
}
}
});
}
});
</script>
</body>
</html>
المقدمة
تهدف هذه الخطبة القيمة لفضيلة الشيخ أبي حفص بن العربي الأثري إلى تذكير المسلمين بحقيقة الموت والقبر، وأهمية الاستعداد للقاء الله عز وجل. تعتبر هذه المواضيع من أهم ما يجب على المسلم التفكر فيه، حيث أنها تحث على محاسبة النفس، والاجتهاد في الطاعات، وتجنب المعاصي.
من خلال هذا الوصف، نسعى إلى تقديم ملخص شامل لأهم المحاور التي تناولتها الخطبة، مع التركيز على النقاط الرئيسية والفوائد العملية التي يمكن للمشاهد الاستفادة منها في حياته اليومية. نأمل أن يكون هذا الوصف حافزًا للمشاهدة والتأمل والاستفادة من علم الشيخ الجليل.
المحاور الرئيسية
تذكير بالوقوف أمام الله
يبدأ الشيخ بتذكير المسلمين بأن كل إنسان سيقف أمام الله عز وجل، ليحاسبه على أعماله، ويجازيه بالإحسان إحسانًا، وبالإساءة جزاءها. هذا التذكير يهدف إلى غرس الخوف من الله في القلوب، وحث المسلمين على مراقبة أعمالهم وأقوالهم.
ويستشهد الشيخ بقوله تعالى: ﴿يَوْمَئِذٍ تُعْرَضُونَ لَا تَخْفَىٰ مِنْكُمْ خَافِيَةٌ﴾ (الحاقة: 18). هذه الآية الكريمة تؤكد على أن الله تعالى يعلم السر وأخفى، وأنه لا يخفى عليه شيء من أعمال العباد.
اقتراب الأجل والموت
يتناول الشيخ قضية اقتراب الأجل والموت، وكيف أن كل يوم يمر على الإنسان يقربه من القبر، ومن لقاء الله عز وجل. هذا التذكير يهدف إلى حث المسلمين على اغتنام الأوقات في الأعمال الصالحة، قبل فوات الأوان.
ويشير الشيخ إلى الحديث النبوي الشريف الذي يذكر مراحل خلق الإنسان في بطن أمه، وكيف أن الله تعالى يقدر له رزقه وأجله وعمله وشقي أو سعيد. هذا الحديث يؤكد على أن كل شيء مقدر ومكتوب، وأن على المسلم أن يسعى في الخير، ويتوكل على الله.
علامات الساعة وفساد الزمان
يتطرق الشيخ إلى علامات الساعة وفساد الزمان، وكيف أن الكذب يصدق، والصادق يكذب، والأمين يخون، والخائن يؤتمن، وينطق الرويبضة. هذا الوصف يهدف إلى تحذير المسلمين من الفتن، وحثهم على التمسك بالدين، والثبات على الحق.
ويستشهد الشيخ بالحديث النبوي الشريف الذي يصف هذه العلامات، ويحذر من الوقوع فيها. هذا الحديث يؤكد على أن على المسلم أن يكون حذرًا، وأن يسعى إلى إصلاح نفسه ومجتمعه، قدر استطاعته.
وجوب الاعتزاز بالدين
يؤكد الشيخ على وجوب اعتزاز المسلم بدينه، وأنه أكرم الناس عند الله إذا اتقاه. و أن الكافر هو الخسيس النذل الذليل ولو كان أعظم الناس ملكا. هذا التأكيد يهدف إلى رفع معنويات المسلمين، وحثهم على التمسك بدينهم، والدفاع عنه.
ويستشهد الشيخ بقوله تعالى: ﴿إِنَّ أَكْرَمَكُمْ عِنْدَ اللَّهِ أَتْقَاكُمْ﴾ (الحجرات: 13). هذه الآية الكريمة تؤكد على أن الكرامة الحقيقية هي في التقوى، وأن الله تعالى يرفع من شأن المتقين.
تفشي الفواحش وعقوباتها
يحذر الشيخ من تفشي الفواحش في المجتمع، وكيف أن ذلك يؤدي إلى انتشار الأمراض والأوجاع التي لم تكن معروفة من قبل. هذا التحذير يهدف إلى حث المسلمين على الابتعاد عن الفواحش، والأمر بالمعروف والنهي عن المنكر.
ويستشهد الشيخ بالحديث النبوي الشريف الذي يذكر أن ما ظهرت الفاحشة في قوم قط حتى يعلنوا بها إلا فشا فيهم الطاعون والأوجاع التي لم تكن مضت في أسلافهم. هذا الحديث يؤكد على أن الفواحش لها عواقب وخيمة، وأن على المسلمين أن يتجنبوها.
النقاط الرئيسية
- كل إنسان سيقف أمام الله ليحاسبه على أعماله.
- كل يوم يمر يقربنا من القبر ولقاء الله.
- علامات الساعة تتجلى في فساد الزمان وتغير الأحوال.
- يجب على المسلم أن يعتز بدينه ويتمسك به.
- تفشي الفواحش يؤدي إلى انتشار الأمراض والأوجاع.
- يجب الأمر بالمعروف والنهي عن المنكر.
- يجب الاستعداد للقاء الله بالأعمال الصالحة.
الفوائد والعبر
- تذكير دائم بالموت والقبر يدفع إلى العمل الصالح.
- مراقبة الأعمال والأقوال تحمي من الوقوع في المعاصي.
- الاعتزاز بالدين يمنح القوة والثبات في مواجهة الفتن.
- الأمر بالمعروف والنهي عن المنكر يحمي المجتمع من الفساد.
- الاستعداد للقاء الله يمنح السعادة والراحة في الدنيا والآخرة.