<!DOCTYPE html>

<html dir="rtl" lang="ar">
<head>
<meta charset="UTF-8">

<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="#0f172a" name="theme-color"/>
<title>منصة الشامل التعليمية | ملخصات، دروس، واختبارات لجميع الأطوار</title>
<meta content="منصة الشامل التعليمية توفر ملخصات دروس شاملة، تمارين محلولة، ونماذج امتحانات لجميع الأطوار الدراسية انضم لآلاف الطلبة المتفوقين وحمّل ملفاتك التعليمية مجاناً" name="description"/>
<meta content="منصة الشامل التعليمية، ملخصات دروس، امتحانات، فروض، تمارين محلولة، التعليم الابتدائي، التعليم المتوسط، التعليم الثانوي" name="keywords"/>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-E4NYSCZW0X"></script>
<script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-E4NYSCZW0X');
    </script>
<script async="" crossorigin="anonymous" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7579351935748180"></script>
<script src="https://cdn.tailwindcss.com?plugins=typography"></script>
<script>
    tailwind.config = { darkMode: 'class', theme: { extend: { fontFamily: { sans: ['Cairo', 'sans-serif'] } } } }
    </script>
<style type="text/css">@font-face {font-family:Cairo;font-style:normal;font-weight:400;src:url(/cf-fonts/v/cairo/5.0.18/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Cairo;font-style:normal;font-weight:400;src:url(/cf-fonts/v/cairo/5.0.18/arabic/wght/normal.woff2);unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;font-display:swap;}@font-face {font-family:Cairo;font-style:normal;font-weight:400;src:url(/cf-fonts/v/cairo/5.0.18/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Cairo;font-style:normal;font-weight:600;src:url(/cf-fonts/v/cairo/5.0.18/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Cairo;font-style:normal;font-weight:600;src:url(/cf-fonts/v/cairo/5.0.18/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Cairo;font-style:normal;font-weight:600;src:url(/cf-fonts/v/cairo/5.0.18/arabic/wght/normal.woff2);unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;font-display:swap;}@font-face {font-family:Cairo;font-style:normal;font-weight:700;src:url(/cf-fonts/v/cairo/5.0.18/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Cairo;font-style:normal;font-weight:700;src:url(/cf-fonts/v/cairo/5.0.18/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Cairo;font-style:normal;font-weight:700;src:url(/cf-fonts/v/cairo/5.0.18/arabic/wght/normal.woff2);unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;font-display:swap;}@font-face {font-family:Cairo;font-style:normal;font-weight:800;src:url(/cf-fonts/v/cairo/5.0.18/arabic/wght/normal.woff2);unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;font-display:swap;}@font-face {font-family:Cairo;font-style:normal;font-weight:800;src:url(/cf-fonts/v/cairo/5.0.18/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Cairo;font-style:normal;font-weight:800;src:url(/cf-fonts/v/cairo/5.0.18/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Cairo;font-style:normal;font-weight:900;src:url(/cf-fonts/v/cairo/5.0.18/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Cairo;font-style:normal;font-weight:900;src:url(/cf-fonts/v/cairo/5.0.18/arabic/wght/normal.woff2);unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;font-display:swap;}@font-face {font-family:Cairo;font-style:normal;font-weight:900;src:url(/cf-fonts/v/cairo/5.0.18/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}</style>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet"/>
<style>
        .glass-header { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(226, 232, 240, 0.6); }
        .dark .glass-header { background: rgba(15, 23, 42, 0.85); border-bottom: 1px solid rgba(30, 41, 59, 0.6); }
        .nav-dropdown { position: relative; }
        .nav-dropdown .dropdown-panel { position: absolute; top: calc(100% + 12px); right: 0; min-width: 340px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; z-index: 100; background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(20px); border: 1px solid rgba(226, 232, 240, 0.8); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15); border-radius: 16px; padding: 1.25rem; }
        .dark .nav-dropdown .dropdown-panel { background: rgba(30, 41, 59, 0.98); border-color: rgba(51, 65, 85, 0.8); }
        .nav-dropdown:hover .dropdown-panel { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
        
        /* السرعة الجديدة: 240 ثانية (بطيء جداً وهادئ) */
        @keyframes tickerScroll { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
        .ticker-animate { animation: tickerScroll 240s linear infinite !important; }
        .ticker-animate:hover { animation-play-state: paused !important; }
                .hero-gradient { background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #f0f9ff 100%); }
        .dark .hero-gradient { background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #0f172a 100%); }
        .grad { background: linear-gradient(135deg, #1e3a5f 0%, #3b82f6 100%); background-clip: text; -webkit-text-fill-color: transparent; }
        .dark .grad { background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%); -webbackground-clip: text;-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .custom-scroll::-webkit-scrollbar { width: 4px; }
        .custom-scroll::-webkit-scrollbar-thumb { background: #3b82f6; border-radius: 8px; }
        .footer-wave { position: relative; background: linear-gradient(180deg, #0f172a 0%, #020617 100%); }
        .footer-wave::before { content: ''; position: absolute; top: -1px; left: 0; right: 0; height: 60px; background: linear-gradient(to bottom, #f8fafc, transparent); }
        .dark .footer-wave::before { background: linear-gradient(to bottom, #0f172a, transparent); }
        
    </style>
<link href="/style.css" rel="stylesheet"/>
    <link rel="canonical" href="https://www.eshamel.net/index.html"/>
</head>
<body class="bg-slate-50 dark:bg-slate-950 text-slate-900 dark:text-slate-100 min-h-screen flex flex-col transition-colors duration-300">
<div id="reading-progress-bar"></div>
<!-- START: الشريط العلوي - روابط وأيقونات التواصل الاجتماعي -->
<div class="glass-header hidden lg:block border-b border-slate-200 dark:border-slate-800">
<div class="max-w-7xl mx-auto px-4 flex items-center justify-between h-14">
<div class="flex items-center gap-6 font-bold text-sm text-slate-600 dark:text-slate-300">
<a class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors" href="/">الرئيسية</a>
<a class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors" href="/p/contact-us.html">إتصل بنا</a>
<a class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors" href="/p/archive.html">أرشيف الموقع</a>
<a class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors" href="/p/privacy-policy.html">سياسة الخصوصية</a>
</div>
<div class="flex items-center h-full py-2">
<button class="w-8 h-8 ml-4 rounded-full bg-slate-100 dark:bg-slate-800 hover:bg-slate-200 dark:hover:bg-slate-700 flex items-center justify-center transition-transform hover:scale-110" onclick="toggleDarkMode()">
<i class="fas fa-moon dark:hidden text-xs text-slate-700"></i><i class="fas fa-sun hidden dark:inline text-yellow-400 text-xs"></i>
</button>
<div class="w-1.5 h-10 bg-[#1b75bc] ml-4 mr-2 rounded-full"></div>
<div class="flex items-center gap-2">
  <a class="w-9 h-9 rounded-full bg-slate-100 dark:bg-slate-800 text-slate-500 dark:text-slate-400 flex items-center justify-center hover:-translate-y-1 hover:bg-[#3b5998] hover:text-white transition-all duration-300 shadow-sm" href="https://www.facebook.com/eshamell.net/" rel="noopener noreferrer" target="_blank" aria-label="Facebook">
    <i class="fab fa-facebook-f"></i>
  </a>

  <a class="w-9 h-9 rounded-full bg-slate-100 dark:bg-slate-800 text-slate-500 dark:text-slate-400 flex items-center justify-center hover:-translate-y-1 hover:bg-[#cb2027] hover:text-white transition-all duration-300 shadow-sm" href="https://www.pinterest.com/eshamel_net/" rel="noopener noreferrer" target="_blank" aria-label="Pinterest">
    <i class="fab fa-pinterest-p"></i>
  </a>

  <a class="w-11 h-9 ml-2 rounded-lg bg-gradient-to-r from-[#8cc63f] to-[#1b75bc] flex items-center justify-center hover:scale-105 transition-transform shadow-md" href="/search.html">
    <i class="fas fa-search text-white text-lg font-bold"></i>
  </a>
</div>
</div>
</div>
</div>
<!-- END: الشريط العلوي -->
<!-- START: شعار الموقع + إعلان AdSense العلوي -->
<div class="hero-gradient py-6 border-b border-slate-200 dark:border-slate-800 relative overflow-hidden">
<div class="max-w-7xl mx-auto px-4 relative z-10">
<div class="flex flex-col lg:flex-row items-center justify-between gap-8">
<a class="flex items-center justify-center lg:justify-start gap-5 group" href="/">
<div class="w-16 h-16 md:w-20 md:h-20 rounded-2xl bg-gradient-to-br from-blue-500 via-blue-600 to-indigo-700 flex items-center justify-center shadow-2xl group-hover:scale-105 transition-all duration-300">
<i class="fas fa-book-reader text-white text-3xl"></i>
</div>
<div class="text-center lg:text-right">
<h1 class="text-2xl md:text-3xl font-black leading-tight mb-1"><span class="grad tracking-tight">منصة الشامل التعليمية</span></h1>
<p class="text-slate-600 dark:text-slate-400 text-xs md:text-sm font-medium">www.eshamel.net — ملخصات وتمارين لجميع الأطوار</p>
</div>
</a>
<!-- START: AdSense - إعلان 728x90 -->
<ins class="adsbygoogle" data-ad-client="ca-pub-7579351935748180" data-ad-format="auto" data-ad-slot="8309351369" data-full-width-responsive="true" style="display:block"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- END: AdSense - إعلان 728x90 -->
</div>
</div>
</div>
<nav class="glass-header sticky top-0 z-50 shadow-soft" id="mainNav">
<div class="max-w-7xl mx-auto px-4">
<div class="flex items-center h-16 md:h-18 gap-2">
<a class="w-12 h-12 rounded-xl bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center text-white transition-all hover:scale-105 shadow-lg flex-shrink-0" href="/"><i class="fas fa-home text-lg"></i></a>
<div class="hidden lg:flex items-center flex-1 justify-center gap-1" id="desktopNav">
<div class="nav-dropdown">
<a class="text-slate-600 dark:text-slate-300 hover:text-blue-600 hover:bg-blue-50 dark:hover:bg-blue-900/20 px-3 py-2.5 rounded-xl text-sm font-semibold transition-all flex items-center gap-1.5 whitespace-nowrap" href="/category/شؤون-الأستاذ/">
                            شؤون الأستاذ <i class="fas fa-chevron-down text-[10px] opacity-50"></i>
</a>
<div class="dropdown-panel">
<div class="flex items-center gap-3 mb-4 pb-4 border-b border-slate-200 dark:border-slate-700">
<div class="w-10 h-10 rounded-xl bg-blue-600 flex items-center justify-center text-white shadow-lg"><i class="fas fa-folder-open text-sm"></i></div>
<div><div class="font-bold text-base text-slate-900 dark:text-white"><a class="keyword-link" href="/search.html?q=%D8%B4%D8%A4%D9%88%D9%86%20%D8%A7%D9%84%D8%A3%D8%B3%D8%AA%D8%A7%D8%B0" style="color: #2563eb; text-decoration: underline; font-weight: bold;">شؤون الأستاذ</a></div><div class="text-xs text-slate-500">1573 مقال متاح</div></div>
</div>
<div class="space-y-1 max-h-60 overflow-y-auto custom-scroll pr-1">
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/04/edahabia-classic-card-guide.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>البطاقة الذهبية الكلاسيكية : دليلك الشامل لطلبها، رسومها ومزاياها الجديدة</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/04/create-secure-free-subdomain-cloudflare.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>الدليل الشامل: إنشاء نطاق فرعي مجاني وحمايته من السرقة (Cloudflare &amp; GitHub)</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/03/math-summaries-cards-bac-bem-algeria.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>أروع ملخصات الرياضيات للبكالوريا والبيام 2026 (بطاقات تعليمية تفاعلية) - الشامل</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2018/10/resume-math-3as.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>ملخصات دروس الرياضيات للسنة الثالثة ثانوي علمي: روابط مرتبة حسب المحاور</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2018/05/3as.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>دليلك الشامل للتميز: كل ما يحتاجه طالب الثالثة ثانوي في العلوم في مكان واحد لضمان المعدل الممتاز 📚 3as</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2020/03/s.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>مشروعي في الإنتاج الكتابي للسنة الأولى ابتدائي</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/01/Mjmwah-Mntqah-Mn-Afdl-Mward-Almttalyat-Llbkalwrya-Walamthanat.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>مجموعة منتقاة من أفضل موارد المتتاليات للبكالوريا والامتحانات</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2019/09/cours-1as.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>محتوى تعليمي</a>
</div>
<a class="block text-center text-sm text-blue-600 font-bold mt-4 pt-4 border-t border-slate-200 hover:bg-blue-50 rounded-xl py-2" href="/category/شؤون-الأستاذ/">عرض جميع المقالات</a>
</div>
</div>
<div class="nav-dropdown">
<a class="text-slate-600 dark:text-slate-300 hover:text-blue-600 hover:bg-blue-50 dark:hover:bg-blue-900/20 px-3 py-2.5 rounded-xl text-sm font-semibold transition-all flex items-center gap-1.5 whitespace-nowrap" href="/category/مرحلة-الثانوي/">
                            مرحلة الثانوي <i class="fas fa-chevron-down text-[10px] opacity-50"></i>
</a>
<div class="dropdown-panel">
<div class="flex items-center gap-3 mb-4 pb-4 border-b border-slate-200 dark:border-slate-700">
<div class="w-10 h-10 rounded-xl bg-blue-600 flex items-center justify-center text-white shadow-lg"><i class="fas fa-folder-open text-sm"></i></div>
<div><div class="font-bold text-base text-slate-900 dark:text-white">مرحلة الثانوي</div><div class="text-xs text-slate-500">639 مقال متاح</div></div>
</div>
<div class="space-y-1 max-h-60 overflow-y-auto custom-scroll pr-1">
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/04/create-secure-free-subdomain-cloudflare.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>الدليل الشامل: إنشاء نطاق فرعي مجاني وحمايته من السرقة (Cloudflare &amp; GitHub)</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/03/math-summaries-cards-bac-bem-algeria.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>أروع ملخصات الرياضيات للبكالوريا والبيام 2026 (بطاقات تعليمية تفاعلية) - الشامل</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2018/10/resume-math-3as.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>ملخصات دروس الرياضيات للسنة الثالثة ثانوي علمي: روابط مرتبة حسب المحاور</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2018/05/3as.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>دليلك الشامل للتميز: كل ما يحتاجه طالب الثالثة ثانوي في العلوم في مكان واحد لضمان المعدل الممتاز 📚 3as</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/01/Mjmwah-Mntqah-Mn-Afdl-Mward-Almttalyat-Llbkalwrya-Walamthanat.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>مجموعة منتقاة من أفضل موارد المتتاليات للبكالوريا والامتحانات</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2019/09/cours-1as.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>محتوى تعليمي</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2018/09/cours-math-1-AS.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>مذكرات و دروس الرياضيات و حلول التمارين للسنة الأولى ثانوي جذع مشترك علوم</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2017/11/z.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>تطبيقات القسمة الإقليدية في Z: من الموافقات إلى مبرهنة بيزو وحل المعادلات</a>
</div>
<a class="block text-center text-sm text-blue-600 font-bold mt-4 pt-4 border-t border-slate-200 hover:bg-blue-50 rounded-xl py-2" href="/category/مرحلة-الثانوي/">عرض جميع المقالات</a>
</div>
</div>
<div class="nav-dropdown">
<a class="text-slate-600 dark:text-slate-300 hover:text-blue-600 hover:bg-blue-50 dark:hover:bg-blue-900/20 px-3 py-2.5 rounded-xl text-sm font-semibold transition-all flex items-center gap-1.5 whitespace-nowrap" href="/category/تحضير-البكالوريا/">
                            تحضير البكالوريا <i class="fas fa-chevron-down text-[10px] opacity-50"></i>
</a>
<div class="dropdown-panel">
<div class="flex items-center gap-3 mb-4 pb-4 border-b border-slate-200 dark:border-slate-700">
<div class="w-10 h-10 rounded-xl bg-blue-600 flex items-center justify-center text-white shadow-lg"><i class="fas fa-folder-open text-sm"></i></div>
<div><div class="font-bold text-base text-slate-900 dark:text-white">تحضير <a class="keyword-link" href="/search.html?q=%D8%A7%D9%84%D8%A8%D9%83%D8%A7%D9%84%D9%88%D8%B1%D9%8A%D8%A7" style="color: #2563eb; text-decoration: underline; font-weight: bold;">البكالوريا</a></div><div class="text-xs text-slate-500">410 مقال متاح</div></div>
</div>
<div class="space-y-1 max-h-60 overflow-y-auto custom-scroll pr-1">
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/03/math-summaries-cards-bac-bem-algeria.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>أروع ملخصات الرياضيات للبكالوريا والبيام 2026 (بطاقات تعليمية تفاعلية) - الشامل</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2018/10/resume-math-3as.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>ملخصات دروس الرياضيات للسنة الثالثة ثانوي علمي: روابط مرتبة حسب المحاور</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2018/05/3as.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>دليلك الشامل للتميز: كل ما يحتاجه طالب الثالثة ثانوي في العلوم في مكان واحد لضمان المعدل الممتاز 📚 3as</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/01/Mjmwah-Mntqah-Mn-Afdl-Mward-Almttalyat-Llbkalwrya-Walamthanat.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>مجموعة منتقاة من أفضل موارد المتتاليات للبكالوريا والامتحانات</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2017/11/z.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>تطبيقات القسمة الإقليدية في Z: من الموافقات إلى مبرهنة بيزو وحل المعادلات</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2020/01/propabilite.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>تمارين الإحتمالات في البكالوريا في السنوات الأخيرة مع الحلول</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2017/11/comptabilite.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>مكتبة محاسبة جامعية لطلبة الاقتصاد: أفضل المراجع والكتب للتحميل المباشر</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2017/11/philo-3as.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>المكتبة الشاملة للمقالات الفلسفية</a>
</div>
<a class="block text-center text-sm text-blue-600 font-bold mt-4 pt-4 border-t border-slate-200 hover:bg-blue-50 rounded-xl py-2" href="/category/تحضير-البكالوريا/">عرض جميع المقالات</a>
</div>
</div>
<div class="nav-dropdown">
<a class="text-slate-600 dark:text-slate-300 hover:text-blue-600 hover:bg-blue-50 dark:hover:bg-blue-900/20 px-3 py-2.5 rounded-xl text-sm font-semibold transition-all flex items-center gap-1.5 whitespace-nowrap" href="/category/التعليم-المتوسط/">
                            التعليم المتوسط <i class="fas fa-chevron-down text-[10px] opacity-50"></i>
</a>
<div class="dropdown-panel">
<div class="flex items-center gap-3 mb-4 pb-4 border-b border-slate-200 dark:border-slate-700">
<div class="w-10 h-10 rounded-xl bg-blue-600 flex items-center justify-center text-white shadow-lg"><i class="fas fa-folder-open text-sm"></i></div>
<div><div class="font-bold text-base text-slate-900 dark:text-white">التعليم المتوسط</div><div class="text-xs text-slate-500">354 مقال متاح</div></div>
</div>
<div class="space-y-1 max-h-60 overflow-y-auto custom-scroll pr-1">
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/03/math-summaries-cards-bac-bem-algeria.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>أروع ملخصات الرياضيات للبكالوريا والبيام 2026 (بطاقات تعليمية تفاعلية) - الشامل</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2020/01/exam-math-1am.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>فروض و اختبارات الأولى متوسط للثلاثي الثاني في الرياضيات</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2020/01/physique-1am.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>مذكرات الأولى متوسط  في العلوم الفيزيائية كاملة</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2020/04/translation.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>فن الترجمة للطلاب والمبتدئين: دليل عملي شامل</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2020/08/BEM-ALGERIE-2020.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>دليل الطالب اشامل: مواضيع امتحانات التعليم المتوسط من 2009 إلى 2019 مع الحلول المفصلة</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2018/11/6000.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>أكثر من 6000 كتابا للأجهزة المكتبية و الأندرويد</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2018/04/Science-Day.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>في رحاب العلم نلتقي: 16 أفريل عهد متجدد مع المعرفة.</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2018/06/Mathematics-programs.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>برامج رياضيات مفيدة لكل المستويات</a>
</div>
<a class="block text-center text-sm text-blue-600 font-bold mt-4 pt-4 border-t border-slate-200 hover:bg-blue-50 rounded-xl py-2" href="/category/التعليم-المتوسط/">عرض جميع المقالات</a>
</div>
</div>
<div class="nav-dropdown">
<a class="text-slate-600 dark:text-slate-300 hover:text-blue-600 hover:bg-blue-50 dark:hover:bg-blue-900/20 px-3 py-2.5 rounded-xl text-sm font-semibold transition-all flex items-center gap-1.5 whitespace-nowrap" href="/category/التعليم-العالي/">
                            التعليم العالي <i class="fas fa-chevron-down text-[10px] opacity-50"></i>
</a>
<div class="dropdown-panel">
<div class="flex items-center gap-3 mb-4 pb-4 border-b border-slate-200 dark:border-slate-700">
<div class="w-10 h-10 rounded-xl bg-blue-600 flex items-center justify-center text-white shadow-lg"><i class="fas fa-folder-open text-sm"></i></div>
<div><div class="font-bold text-base text-slate-900 dark:text-white">التعليم العالي</div><div class="text-xs text-slate-500">298 مقال متاح</div></div>
</div>
<div class="space-y-1 max-h-60 overflow-y-auto custom-scroll pr-1">
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/04/create-secure-free-subdomain-cloudflare.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>الدليل الشامل: إنشاء نطاق فرعي مجاني وحمايته من السرقة (Cloudflare &amp; GitHub)</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2018/01/Math-Informatique-MI.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>دليل شامل: كتب ومحاضرات للتحميل - تخصص رياضيات وإعلام آلي (السنة الأولى) من الجامعات الجزائرية</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2017/05/cours-tacheri3-3.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>التشريع المدرسي [ الجزء الثالث]</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2019/10/Definitions-1.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>موسوعة التعاريف [1]</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/01/Altshrya-Almdrsy-Hqwq-Wwajbat-Alastadh-Waltlmydh-Fy-Dwa-Alqanwn-Aljzaery-Mrja.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>التشريع المدرسي: حقوق وواجبات الأستاذ والتلميذ في ضوء القانون الجزائري – مرجع كامل</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2017/11/comptabilite.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>مكتبة محاسبة جامعية لطلبة الاقتصاد: أفضل المراجع والكتب للتحميل المباشر</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2020/04/translation.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>فن الترجمة للطلاب والمبتدئين: دليل عملي شامل</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/01/Bhth-Hwl-Bhth-Nzam-Alidarh-Albyeyh-Llmussat-Albtrwlyh.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>بحث حول: بحث نظام الإدارة البيئية للمؤسسات البترولية</a>
</div>
<a class="block text-center text-sm text-blue-600 font-bold mt-4 pt-4 border-t border-slate-200 hover:bg-blue-50 rounded-xl py-2" href="/category/التعليم-العالي/">عرض جميع المقالات</a>
</div>
</div>
<div class="nav-dropdown">
<a class="text-slate-600 dark:text-slate-300 hover:text-blue-600 hover:bg-blue-50 dark:hover:bg-blue-900/20 px-3 py-2.5 rounded-xl text-sm font-semibold transition-all flex items-center gap-1.5 whitespace-nowrap" href="/category/التعليم-الابتدائي/">
                            التعليم الابتدائي <i class="fas fa-chevron-down text-[10px] opacity-50"></i>
</a>
<div class="dropdown-panel">
<div class="flex items-center gap-3 mb-4 pb-4 border-b border-slate-200 dark:border-slate-700">
<div class="w-10 h-10 rounded-xl bg-blue-600 flex items-center justify-center text-white shadow-lg"><i class="fas fa-folder-open text-sm"></i></div>
<div><div class="font-bold text-base text-slate-900 dark:text-white">التعليم الابتدائي</div><div class="text-xs text-slate-500">249 مقال متاح</div></div>
</div>
<div class="space-y-1 max-h-60 overflow-y-auto custom-scroll pr-1">
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2020/03/s.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>مشروعي في الإنتاج الكتابي للسنة الأولى ابتدائي</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/01/Mdhkrat-Allghh-Alarbyh-Llsnh-Alrabah-Abtdaey-Kamlh-Ktab-Wahd.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>مذكرات اللغة العربية للسنة الرابعة ابتدائي كاملة (كتاب واحد)</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2018/04/Science-Day.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>في رحاب العلم نلتقي: 16 أفريل عهد متجدد مع المعرفة.</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2019/04/2-3-4-5-5-httpswww.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>إختبارات التعليم الإبتدائي للفصل الثالث</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2022/09/dictee.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>ملخص بصري لقواعد الإملاء العربية: لوحة تعليمية جاهزة للطباعة من منصة الشامل التعليمية</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2021/11/EXAMEN-5AP-1ER TRIMESTRE.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>اختبارات السنة الخامسة ابتدائي الثلاثي الأول</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2022/05/Limitesfonctions .html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>تمارين رائعة حول النهايات</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2022/09/english-3ap.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>كتاب اللغة الإنجليزية للسنة الثالثة ابتدائي</a>
</div>
<a class="block text-center text-sm text-blue-600 font-bold mt-4 pt-4 border-t border-slate-200 hover:bg-blue-50 rounded-xl py-2" href="/category/التعليم-الابتدائي/">عرض جميع المقالات</a>
</div>
</div>
<div class="nav-dropdown">
<a class="text-slate-600 dark:text-slate-300 hover:text-blue-600 hover:bg-blue-50 dark:hover:bg-blue-900/20 px-3 py-2.5 rounded-xl text-sm font-semibold transition-all flex items-center gap-1.5 whitespace-nowrap" href="/category/السنة-الرابعة-متوسط/">
                            السنة الرابعة متوسط <i class="fas fa-chevron-down text-[10px] opacity-50"></i>
</a>
<div class="dropdown-panel">
<div class="flex items-center gap-3 mb-4 pb-4 border-b border-slate-200 dark:border-slate-700">
<div class="w-10 h-10 rounded-xl bg-blue-600 flex items-center justify-center text-white shadow-lg"><i class="fas fa-folder-open text-sm"></i></div>
<div><div class="font-bold text-base text-slate-900 dark:text-white"><a class="keyword-link" href="/search.html?q=%D8%A7%D9%84%D8%B3%D9%86%D8%A9%20%D8%A7%D9%84%D8%B1%D8%A7%D8%A8%D8%B9%D8%A9%20%D9%85%D8%AA%D9%88%D8%B3%D8%B7" style="color: #2563eb; text-decoration: underline; font-weight: bold;">السنة الرابعة متوسط</a></div><div class="text-xs text-slate-500">166 مقال متاح</div></div>
</div>
<div class="space-y-1 max-h-60 overflow-y-auto custom-scroll pr-1">
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/03/math-summaries-cards-bac-bem-algeria.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>أروع ملخصات الرياضيات للبكالوريا والبيام 2026 (بطاقات تعليمية تفاعلية) - الشامل</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/01/examen-bem-2007-2024.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>الحقيبة الشاملة لمواضيع شهادة التعليم المتوسط 2007–2024 لجميع المواد مع الحلول</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2020/08/BEM-ALGERIE-2020.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>دليل الطالب اشامل: مواضيع امتحانات التعليم المتوسط من 2009 إلى 2019 مع الحلول المفصلة</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/01/islamic-education-4am-complete-lessons-2026.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>جميع دروس التربية الإسلامية للسنة الرابعة متوسط: ملخصات شاملة وموارد للنجاح 2026</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2018/12/lecons-resumes-applications-et-plus-pour-la-quatrieme-moyenne.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>جميع دروس و ملخصات و تطبيقات الرابعة متوســـط  و المزيد</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/01/Taaryf-W-Qwanyn-Llrabah-Mtwst-Fy-Alfyzyaa.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>تعاريف و قوانين للرابعة متوسط في الفيزياء</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2026/01/Mqtrhat-Lmwadwa-Akhtbar-Madh-Alalwm-Alfyzyaeyh-W-Altknwlwjya-Lshhadh-Altalym.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>مقترحات لمواضوع اختبار مادة العلوم الفيزيائية و التكنولوجيا لشهادة التعليم المتوسط</a>
<a class="block px-4 py-3 rounded-xl text-sm text-slate-600 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-800 transition-all line-clamp-1" href="/2022/11/20221020eshamelnetorgzip.html"><i class="fas fa-angle-left text-blue-500 ml-2 text-xs"></i>مذكرات الإعلام الآلي كاملة لسنوات التعليم المتوسط الأربعة و ملخصات حصص المادة</a>
</div>
<a class="block text-center text-sm text-blue-600 font-bold mt-4 pt-4 border-t border-slate-200 hover:bg-blue-50 rounded-xl py-2" href="/category/السنة-الرابعة-متوسط/">عرض جميع المقالات</a>
</div>
</div>
<div class="nav-dropdown">
<button class="text-slate-600 dark:text-slate-300 hover:text-blue-600 hover:bg-blue-50 px-3 py-2.5 rounded-xl text-sm font-semibold transition-all flex items-center gap-1.5 whitespace-nowrap">الأقسام الأخرى <i class="fas fa-chevron-down text-[10px] opacity-50"></i></button>
<div class="dropdown-panel w-80">
<div class="space-y-1 max-h-80 overflow-y-auto custom-scroll pr-1">
<a class="flex items-center justify-between px-4 py-3 rounded-xl text-sm text-slate-700 dark:text-slate-300 hover:bg-blue-50 transition-all" href="/category/الأولى-ثانوي/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500 text-xs"></i>الأولى ثانوي</span>
<span class="text-xs text-slate-500 bg-slate-100 dark:bg-slate-800 px-2.5 py-1 rounded-full font-bold">91</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl text-sm text-slate-700 dark:text-slate-300 hover:bg-blue-50 transition-all" href="/category/جديد-التوظيف/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500 text-xs"></i>جديد التوظيف</span>
<span class="text-xs text-slate-500 bg-slate-100 dark:bg-slate-800 px-2.5 py-1 rounded-full font-bold">81</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl text-sm text-slate-700 dark:text-slate-300 hover:bg-blue-50 transition-all" href="/category/القسم-الإسلامي/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500 text-xs"></i>القسم الإسلامي</span>
<span class="text-xs text-slate-500 bg-slate-100 dark:bg-slate-800 px-2.5 py-1 rounded-full font-bold">81</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl text-sm text-slate-700 dark:text-slate-300 hover:bg-blue-50 transition-all" href="/category/السنة-الأولى-متوسط/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500 text-xs"></i>السنة الأولى متوسط</span>
<span class="text-xs text-slate-500 bg-slate-100 dark:bg-slate-800 px-2.5 py-1 rounded-full font-bold">69</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl text-sm text-slate-700 dark:text-slate-300 hover:bg-blue-50 transition-all" href="/category/الثانية-ثانوي/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500 text-xs"></i>الثانية ثانوي</span>
<span class="text-xs text-slate-500 bg-slate-100 dark:bg-slate-800 px-2.5 py-1 rounded-full font-bold">68</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl text-sm text-slate-700 dark:text-slate-300 hover:bg-blue-50 transition-all" href="/category/المكتبة/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500 text-xs"></i>المكتبة</span>
<span class="text-xs text-slate-500 bg-slate-100 dark:bg-slate-800 px-2.5 py-1 rounded-full font-bold">60</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl text-sm text-slate-700 dark:text-slate-300 hover:bg-blue-50 transition-all" href="/category/القسم-التقني/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500 text-xs"></i>القسم التقني</span>
<span class="text-xs text-slate-500 bg-slate-100 dark:bg-slate-800 px-2.5 py-1 rounded-full font-bold">54</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl text-sm text-slate-700 dark:text-slate-300 hover:bg-blue-50 transition-all" href="/category/السنة-الثالثة-متوسط/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500 text-xs"></i>السنة الثالثة متوسط</span>
<span class="text-xs text-slate-500 bg-slate-100 dark:bg-slate-800 px-2.5 py-1 rounded-full font-bold">45</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl text-sm text-slate-700 dark:text-slate-300 hover:bg-blue-50 transition-all" href="/category/السنة-الثانية-متوسط/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500 text-xs"></i>السنة الثانية متوسط</span>
<span class="text-xs text-slate-500 bg-slate-100 dark:bg-slate-800 px-2.5 py-1 rounded-full font-bold">39</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl text-sm text-slate-700 dark:text-slate-300 hover:bg-blue-50 transition-all" href="/category/أندرويد/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500 text-xs"></i>أندرويد</span>
<span class="text-xs text-slate-500 bg-slate-100 dark:bg-slate-800 px-2.5 py-1 rounded-full font-bold">33</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl text-sm text-slate-700 dark:text-slate-300 hover:bg-blue-50 transition-all" href="/category/الدراسة-بالإنجليزية/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500 text-xs"></i>الدراسة بالإنجليزية</span>
<span class="text-xs text-slate-500 bg-slate-100 dark:bg-slate-800 px-2.5 py-1 rounded-full font-bold">8</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl text-sm text-slate-700 dark:text-slate-300 hover:bg-blue-50 transition-all" href="/category/Smart-Prompts-Kit/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500 text-xs"></i>Smart-Prompts-Kit</span>
<span class="text-xs text-slate-500 bg-slate-100 dark:bg-slate-800 px-2.5 py-1 rounded-full font-bold">2</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl text-sm text-slate-700 dark:text-slate-300 hover:bg-blue-50 transition-all" href="/category/أدوات-ذكية-تساعدك-في-العمل-اليومي-وتحويل-الأفكار-إلى-إبداعات-ملموسة/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500 text-xs"></i>أدوات ذكية تساعدك في العمل اليومي وتحويل الأفكار إلى إبداعات ملموسة</span>
<span class="text-xs text-slate-500 bg-slate-100 dark:bg-slate-800 px-2.5 py-1 rounded-full font-bold">2</span>
</a>
</div>
</div>
</div>
</div>
<div class="flex items-center gap-2 flex-shrink-0">
<a class="w-11 h-11 rounded-xl hover:bg-slate-100 dark:hover:bg-slate-800 flex items-center justify-center text-slate-600 hover:text-blue-600 transition-all" href="/search.html"><i class="fas fa-search text-lg"></i></a>
<button class="lg:hidden w-11 h-11 rounded-xl hover:bg-slate-100 flex items-center justify-center" onclick="openMobileMenu()"><i class="fas fa-bars text-xl"></i></button>
</div>
</div>
</div>
</nav>
<div class="fixed inset-0 bg-slate-900/60 z-[200] opacity-0 pointer-events-none transition-opacity" id="mobileOverlay" onclick="closeMobileMenu()"></div>
<div class="fixed top-0 right-0 w-80 max-w-[85vw] h-full bg-white dark:bg-slate-900 shadow-2xl z-[201] transform translate-x-full transition-transform overflow-y-auto" id="mobileDrawer">
<div class="p-5 bg-blue-600 text-white flex justify-between items-center"><span class="font-bold">القائمة</span><button onclick="closeMobileMenu()"><i class="fas fa-times"></i></button></div>
<div class="p-4 space-y-2">
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/شؤون-الأستاذ/">شؤون الأستاذ</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/مرحلة-الثانوي/">مرحلة الثانوي</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/تحضير-البكالوريا/">تحضير البكالوريا</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/التعليم-المتوسط/">التعليم المتوسط</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/التعليم-العالي/">التعليم العالي</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/التعليم-الابتدائي/">التعليم الابتدائي</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/السنة-الرابعة-متوسط/">السنة الرابعة متوسط</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/الأولى-ثانوي/">الأولى ثانوي</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/جديد-التوظيف/">جديد التوظيف</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/القسم-الإسلامي/">القسم الإسلامي</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/السنة-الأولى-متوسط/">السنة الأولى متوسط</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/الثانية-ثانوي/">الثانية ثانوي</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/المكتبة/">المكتبة</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/القسم-التقني/">القسم التقني</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/السنة-الثالثة-متوسط/">السنة الثالثة متوسط</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/السنة-الثانية-متوسط/">السنة الثانية متوسط</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/أندرويد/">أندرويد</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/الدراسة-بالإنجليزية/">الدراسة بالإنجليزية</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/Smart-Prompts-Kit/">Smart-Prompts-Kit</a>
<a class="block px-4 py-3 bg-slate-50 dark:bg-slate-800 rounded-xl" href="/category/أدوات-ذكية-تساعدك-في-العمل-اليومي-وتحويل-الأفكار-إلى-إبداعات-ملموسة/">أدوات ذكية تساعدك في العمل اليومي وتحويل الأفكار إلى إبداعات ملموسة</a>
</div>
</div>
<!-- END: القائمة الجانبية للموبايل -->
<!-- START: المحتوى الرئيسي -->
<main class="flex-1 w-full mt-6 min-h-screen">
<div class="max-w-7xl mx-auto px-4 py-8">
<div class="flex items-center justify-between mb-8">
<h2 class="text-2xl md:text-3xl font-bold text-slate-800 dark:text-white flex items-center gap-3">
<i class="fas fa-layer-group text-blue-600"></i>
            أحدث المواضيع والملخصات
        </h2>
</div>
<!-- START: شبكة بطاقات المقالات -->
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
<article class="post-card bg-white dark:bg-slate-800 rounded-2xl overflow-hidden border border-slate-200 dark:border-slate-700 flex flex-col h-full group">
<a class="block relative h-48 overflow-hidden" href="/2026/04/affordable-hostels-hotels-algiers-guide.html">
<img alt="دليل المراقد والفنادق الاقتصادية في الجزائر العاصمة: أرقام هواتف وأسعار معقولة للزيارات السريعة" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" src="/images/img_nIEmz_lg87RSZNE.webp"/>
<div class="absolute inset-0 bg-gradient-to-t from-slate-900/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</a>
<div class="p-5 flex-1 flex flex-col">
<div class="flex items-center gap-2 mb-3 overflow-x-auto custom-scroll pb-1">
</div>
<h3 class="font-bold text-lg text-slate-800 dark:text-white leading-snug mb-3 flex-1">
<a class="hover:text-blue-600 dark:hover:text-blue-400 line-clamp-2 transition-colors" href="/2026/04/affordable-hostels-hotels-algiers-guide.html">دليل المراقد والفنادق الاقتصادية في الجزائر العاصمة: أرقام هواتف وأسعار معقولة للزيارات السريعة</a>
</h3>
<div class="flex items-center justify-between text-xs text-slate-500 border-t border-slate-100 dark:border-slate-700 pt-4 mt-auto">
<span class="flex items-center gap-1.5"><i class="far fa-calendar-alt text-blue-400"></i>07/04/<a class="keyword-link" href="/search.html?q=2026" style="color: #2563eb; text-decoration: underline; font-weight: bold;">2026</a></span>
<a class="font-bold text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1 group/btn" href="/2026/04/affordable-hostels-hotels-algiers-guide.html">اقرأ المزيد <i class="fas fa-arrow-left text-[10px] group-hover/btn:-translate-x-1 transition-transform"></i></a>
</div>
</div>
</article>
<article class="post-card bg-white dark:bg-slate-800 rounded-2xl overflow-hidden border border-slate-200 dark:border-slate-700 flex flex-col h-full group">
<a class="block relative h-48 overflow-hidden" href="/2026/04/edahabia-classic-card-guide.html">
<img alt="البطاقة الذهبية الكلاسيكية : دليلك الشامل لطلبها، رسومها ومزاياها الجديدة" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" src="/images/img_oydEC7BO032AxgE.webp"/>
<div class="absolute inset-0 bg-gradient-to-t from-slate-900/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</a>
<div class="p-5 flex-1 flex flex-col">
<div class="flex items-center gap-2 mb-3 overflow-x-auto custom-scroll pb-1">
<a class="text-[10px] font-bold px-2.5 py-1 bg-blue-50 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400 rounded-lg hover:bg-blue-600 hover:text-white transition-colors whitespace-nowrap" href="/category/شؤون-الأستاذ/">شؤون الأستاذ</a>
</div>
<h3 class="font-bold text-lg text-slate-800 dark:text-white leading-snug mb-3 flex-1">
<a class="hover:text-blue-600 dark:hover:text-blue-400 line-clamp-2 transition-colors" href="/2026/04/edahabia-classic-card-guide.html">البطاقة الذهبية الكلاسيكية : دليلك الشامل لطلبها، رسومها ومزاياها الجديدة</a>
</h3>
<div class="flex items-center justify-between text-xs text-slate-500 border-t border-slate-100 dark:border-slate-700 pt-4 mt-auto">
<span class="flex items-center gap-1.5"><i class="far fa-calendar-alt text-blue-400"></i>07/04/2026</span>
<a class="font-bold text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1 group/btn" href="/2026/04/edahabia-classic-card-guide.html">اقرأ المزيد <i class="fas fa-arrow-left text-[10px] group-hover/btn:-translate-x-1 transition-transform"></i></a>
</div>
</div>
</article>
<article class="post-card bg-white dark:bg-slate-800 rounded-2xl overflow-hidden border border-slate-200 dark:border-slate-700 flex flex-col h-full group">
<a class="block relative h-48 overflow-hidden" href="/2026/04/economic-enterprise-and-financial-function-guide.html">
<img alt="المؤسسة الاقتصادية والوظيفة المالية: دراسة شاملة للمفاهيم والأسس" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" src="/images/img_riSZAMLFYCMU9W4.webp"/>
<div class="absolute inset-0 bg-gradient-to-t from-slate-900/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</a>
<div class="p-5 flex-1 flex flex-col">
<div class="flex items-center gap-2 mb-3 overflow-x-auto custom-scroll pb-1">
</div>
<h3 class="font-bold text-lg text-slate-800 dark:text-white leading-snug mb-3 flex-1">
<a class="hover:text-blue-600 dark:hover:text-blue-400 line-clamp-2 transition-colors" href="/2026/04/economic-enterprise-and-financial-function-guide.html">المؤسسة الاقتصادية والوظيفة المالية: دراسة شاملة للمفاهيم والأسس</a>
</h3>
<div class="flex items-center justify-between text-xs text-slate-500 border-t border-slate-100 dark:border-slate-700 pt-4 mt-auto">
<span class="flex items-center gap-1.5"><i class="far fa-calendar-alt text-blue-400"></i>07/04/2026</span>
<a class="font-bold text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1 group/btn" href="/2026/04/economic-enterprise-and-financial-function-guide.html">اقرأ المزيد <i class="fas fa-arrow-left text-[10px] group-hover/btn:-translate-x-1 transition-transform"></i></a>
</div>
</div>
</article>
<article class="post-card bg-white dark:bg-slate-800 rounded-2xl overflow-hidden border border-slate-200 dark:border-slate-700 flex flex-col h-full group">
<a class="block relative h-48 overflow-hidden" href="/2026/04/massive-free-courses-google-drive-library.html">
<img alt="المكتبة الرقمية الكبرى: آلاف الكورسات والموارد التعليمية المجانية في مكان واحد" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" src="/images/img_6rBOGdcN2XIatGI.webp"/>
<div class="absolute inset-0 bg-gradient-to-t from-slate-900/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</a>
<div class="p-5 flex-1 flex flex-col">
<div class="flex items-center gap-2 mb-3 overflow-x-auto custom-scroll pb-1">
</div>
<h3 class="font-bold text-lg text-slate-800 dark:text-white leading-snug mb-3 flex-1">
<a class="hover:text-blue-600 dark:hover:text-blue-400 line-clamp-2 transition-colors" href="/2026/04/massive-free-courses-google-drive-library.html">المكتبة الرقمية الكبرى: آلاف الكورسات والموارد التعليمية المجانية في مكان واحد</a>
</h3>
<div class="flex items-center justify-between text-xs text-slate-500 border-t border-slate-100 dark:border-slate-700 pt-4 mt-auto">
<span class="flex items-center gap-1.5"><i class="far fa-calendar-alt text-blue-400"></i>07/04/2026</span>
<a class="font-bold text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1 group/btn" href="/2026/04/massive-free-courses-google-drive-library.html">اقرأ المزيد <i class="fas fa-arrow-left text-[10px] group-hover/btn:-translate-x-1 transition-transform"></i></a>
</div>
</div>
</article>
<article class="post-card bg-white dark:bg-slate-800 rounded-2xl overflow-hidden border border-slate-200 dark:border-slate-700 flex flex-col h-full group">
<a class="block relative h-48 overflow-hidden" href="/2026/04/economic-enterprise-financial-function-guide.html">
<img alt="المؤسسة الاقتصادية والوظيفة المالية: دراسة شاملة للمفاهيم والأسس" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" src="/images/img_yEG7qTrYqYsmAYw.webp"/>
<div class="absolute inset-0 bg-gradient-to-t from-slate-900/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</a>
<div class="p-5 flex-1 flex flex-col">
<div class="flex items-center gap-2 mb-3 overflow-x-auto custom-scroll pb-1">
</div>
<h3 class="font-bold text-lg text-slate-800 dark:text-white leading-snug mb-3 flex-1">
<a class="hover:text-blue-600 dark:hover:text-blue-400 line-clamp-2 transition-colors" href="/2026/04/economic-enterprise-financial-function-guide.html">المؤسسة الاقتصادية والوظيفة المالية: دراسة شاملة للمفاهيم والأسس</a>
</h3>
<div class="flex items-center justify-between text-xs text-slate-500 border-t border-slate-100 dark:border-slate-700 pt-4 mt-auto">
<span class="flex items-center gap-1.5"><i class="far fa-calendar-alt text-blue-400"></i>07/04/2026</span>
<a class="font-bold text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1 group/btn" href="/2026/04/economic-enterprise-financial-function-guide.html">اقرأ المزيد <i class="fas fa-arrow-left text-[10px] group-hover/btn:-translate-x-1 transition-transform"></i></a>
</div>
</div>
</article>
<article class="post-card bg-white dark:bg-slate-800 rounded-2xl overflow-hidden border border-slate-200 dark:border-slate-700 flex flex-col h-full group">
<a class="block relative h-48 overflow-hidden" href="/2026/04/mathematics-3as-units-guide-bac-tips-2026.html">
<img alt="دليل وحدات الرياضيات للسنة الثالثة ثانوي: خريطة طريق مقترحة ونصائح ذهبية للبكالوريا" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" src="/images/img_laire3asmathjpg.webp"/>
<div class="absolute inset-0 bg-gradient-to-t from-slate-900/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</a>
<div class="p-5 flex-1 flex flex-col">
<div class="flex items-center gap-2 mb-3 overflow-x-auto custom-scroll pb-1">
</div>
<h3 class="font-bold text-lg text-slate-800 dark:text-white leading-snug mb-3 flex-1">
<a class="hover:text-blue-600 dark:hover:text-blue-400 line-clamp-2 transition-colors" href="/2026/04/mathematics-3as-units-guide-bac-tips-2026.html">دليل وحدات الرياضيات للسنة الثالثة ثانوي: خريطة طريق مقترحة ونصائح ذهبية للبكالوريا</a>
</h3>
<div class="flex items-center justify-between text-xs text-slate-500 border-t border-slate-100 dark:border-slate-700 pt-4 mt-auto">
<span class="flex items-center gap-1.5"><i class="far fa-calendar-alt text-blue-400"></i>07/04/2026</span>
<a class="font-bold text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1 group/btn" href="/2026/04/mathematics-3as-units-guide-bac-tips-2026.html">اقرأ المزيد <i class="fas fa-arrow-left text-[10px] group-hover/btn:-translate-x-1 transition-transform"></i></a>
</div>
</div>
</article>
<article class="post-card bg-white dark:bg-slate-800 rounded-2xl overflow-hidden border border-slate-200 dark:border-slate-700 flex flex-col h-full group">
<a class="block relative h-48 overflow-hidden" href="/2026/04/comprehensive-digital-library-quran-to-programming.html">
<img alt="المكتبة الشاملة: من نور القرآن الكريم إلى آفاق البرمجة والأدب العالمي" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" src="/images/img_sDWc5Z2VwcOGF_I.webp"/>
<div class="absolute inset-0 bg-gradient-to-t from-slate-900/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</a>
<div class="p-5 flex-1 flex flex-col">
<div class="flex items-center gap-2 mb-3 overflow-x-auto custom-scroll pb-1">
</div>
<h3 class="font-bold text-lg text-slate-800 dark:text-white leading-snug mb-3 flex-1">
<a class="hover:text-blue-600 dark:hover:text-blue-400 line-clamp-2 transition-colors" href="/2026/04/comprehensive-digital-library-quran-to-programming.html">المكتبة الشاملة: من نور القرآن الكريم إلى آفاق البرمجة والأدب العالمي</a>
</h3>
<div class="flex items-center justify-between text-xs text-slate-500 border-t border-slate-100 dark:border-slate-700 pt-4 mt-auto">
<span class="flex items-center gap-1.5"><i class="far fa-calendar-alt text-blue-400"></i>07/04/2026</span>
<a class="font-bold text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1 group/btn" href="/2026/04/comprehensive-digital-library-quran-to-programming.html">اقرأ المزيد <i class="fas fa-arrow-left text-[10px] group-hover/btn:-translate-x-1 transition-transform"></i></a>
</div>
</div>
</article>
<article class="post-card bg-white dark:bg-slate-800 rounded-2xl overflow-hidden border border-slate-200 dark:border-slate-700 flex flex-col h-full group">
<a class="block relative h-48 overflow-hidden" href="/2026/04/best-free-google-ai-tools-guide.html">
<img alt="أفضل 11 أداة مجانية من Google AI: دليلك الشامل لإنجاز الأعمال في ثوانٍ" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" src="/images/img_y0s208075622jpg.webp"/>
<div class="absolute inset-0 bg-gradient-to-t from-slate-900/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</a>
<div class="p-5 flex-1 flex flex-col">
<div class="flex items-center gap-2 mb-3 overflow-x-auto custom-scroll pb-1">
</div>
<h3 class="font-bold text-lg text-slate-800 dark:text-white leading-snug mb-3 flex-1">
<a class="hover:text-blue-600 dark:hover:text-blue-400 line-clamp-2 transition-colors" href="/2026/04/best-free-google-ai-tools-guide.html">أفضل 11 أداة مجانية من Google AI: دليلك الشامل لإنجاز الأعمال في ثوانٍ</a>
</h3>
<div class="flex items-center justify-between text-xs text-slate-500 border-t border-slate-100 dark:border-slate-700 pt-4 mt-auto">
<span class="flex items-center gap-1.5"><i class="far fa-calendar-alt text-blue-400"></i>07/04/2026</span>
<a class="font-bold text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1 group/btn" href="/2026/04/best-free-google-ai-tools-guide.html">اقرأ المزيد <i class="fas fa-arrow-left text-[10px] group-hover/btn:-translate-x-1 transition-transform"></i></a>
</div>
</div>
</article>
<article class="post-card bg-white dark:bg-slate-800 rounded-2xl overflow-hidden border border-slate-200 dark:border-slate-700 flex flex-col h-full group">
<a class="block relative h-48 overflow-hidden" href="/2026/04/best-google-play-apps-self-improvement-2026.html">
<img alt="كنز Google Play المخفي: القائمة الذهبية لـ 22 تطبيقاً ستغير مجرى حياتك وتعلمك" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" src="/images/img_j8dfqtBylh7rwJk.webp"/>
<div class="absolute inset-0 bg-gradient-to-t from-slate-900/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</a>
<div class="p-5 flex-1 flex flex-col">
<div class="flex items-center gap-2 mb-3 overflow-x-auto custom-scroll pb-1">
</div>
<h3 class="font-bold text-lg text-slate-800 dark:text-white leading-snug mb-3 flex-1">
<a class="hover:text-blue-600 dark:hover:text-blue-400 line-clamp-2 transition-colors" href="/2026/04/best-google-play-apps-self-improvement-2026.html">كنز Google Play المخفي: القائمة الذهبية لـ 22 تطبيقاً ستغير مجرى حياتك وتعلمك</a>
</h3>
<div class="flex items-center justify-between text-xs text-slate-500 border-t border-slate-100 dark:border-slate-700 pt-4 mt-auto">
<span class="flex items-center gap-1.5"><i class="far fa-calendar-alt text-blue-400"></i>07/04/2026</span>
<a class="font-bold text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1 group/btn" href="/2026/04/best-google-play-apps-self-improvement-2026.html">اقرأ المزيد <i class="fas fa-arrow-left text-[10px] group-hover/btn:-translate-x-1 transition-transform"></i></a>
</div>
</div>
</article>
<article class="post-card bg-white dark:bg-slate-800 rounded-2xl overflow-hidden border border-slate-200 dark:border-slate-700 flex flex-col h-full group">
<a class="block relative h-48 overflow-hidden" href="/2026/04/best-free-ai-tools-beginners-guide.html">
<img alt="9 أدوات AI سهلة لإنشاء محتوى تعليمي: مواقع وتحميلات من الصورة الشهيرة" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" src="/images/img_Hcs230475940jpg.webp"/>
<div class="absolute inset-0 bg-gradient-to-t from-slate-900/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</a>
<div class="p-5 flex-1 flex flex-col">
<div class="flex items-center gap-2 mb-3 overflow-x-auto custom-scroll pb-1">
</div>
<h3 class="font-bold text-lg text-slate-800 dark:text-white leading-snug mb-3 flex-1">
<a class="hover:text-blue-600 dark:hover:text-blue-400 line-clamp-2 transition-colors" href="/2026/04/best-free-ai-tools-beginners-guide.html">9 أدوات AI سهلة لإنشاء محتوى تعليمي: مواقع وتحميلات من الصورة الشهيرة</a>
</h3>
<div class="flex items-center justify-between text-xs text-slate-500 border-t border-slate-100 dark:border-slate-700 pt-4 mt-auto">
<span class="flex items-center gap-1.5"><i class="far fa-calendar-alt text-blue-400"></i>07/04/2026</span>
<a class="font-bold text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1 group/btn" href="/2026/04/best-free-ai-tools-beginners-guide.html">اقرأ المزيد <i class="fas fa-arrow-left text-[10px] group-hover/btn:-translate-x-1 transition-transform"></i></a>
</div>
</div>
</article>
<article class="post-card bg-white dark:bg-slate-800 rounded-2xl overflow-hidden border border-slate-200 dark:border-slate-700 flex flex-col h-full group">
<a class="block relative h-48 overflow-hidden" href="/2026/04/detailed-text-explanation-17-math-cards.html">
<img alt="الشرح التفصيلي والمحتوى النصي للبطاقات التعليمية الـ 17 في الرياضيات المنشورة سابقا" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" src="/images/img_gNYomw47E8MQiOg.webp"/>
<div class="absolute inset-0 bg-gradient-to-t from-slate-900/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</a>
<div class="p-5 flex-1 flex flex-col">
<div class="flex items-center gap-2 mb-3 overflow-x-auto custom-scroll pb-1">
</div>
<h3 class="font-bold text-lg text-slate-800 dark:text-white leading-snug mb-3 flex-1">
<a class="hover:text-blue-600 dark:hover:text-blue-400 line-clamp-2 transition-colors" href="/2026/04/detailed-text-explanation-17-math-cards.html">الشرح التفصيلي والمحتوى النصي للبطاقات التعليمية الـ 17 في الرياضيات المنشورة سابقا</a>
</h3>
<div class="flex items-center justify-between text-xs text-slate-500 border-t border-slate-100 dark:border-slate-700 pt-4 mt-auto">
<span class="flex items-center gap-1.5"><i class="far fa-calendar-alt text-blue-400"></i>07/04/2026</span>
<a class="font-bold text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1 group/btn" href="/2026/04/detailed-text-explanation-17-math-cards.html">اقرأ المزيد <i class="fas fa-arrow-left text-[10px] group-hover/btn:-translate-x-1 transition-transform"></i></a>
</div>
</div>
</article>
<article class="post-card bg-white dark:bg-slate-800 rounded-2xl overflow-hidden border border-slate-200 dark:border-slate-700 flex flex-col h-full group">
<a class="block relative h-48 overflow-hidden" href="/2026/04/12-gemini-features-academic-excellence-2026.html">
<img alt="12 ميزة ثورية في Google Gemini لتعزيز التفوق الدراسي" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500" src="/images/img_541h64076196jpg.webp"/>
<div class="absolute inset-0 bg-gradient-to-t from-slate-900/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
</a>
<div class="p-5 flex-1 flex flex-col">
<div class="flex items-center gap-2 mb-3 overflow-x-auto custom-scroll pb-1">
</div>
<h3 class="font-bold text-lg text-slate-800 dark:text-white leading-snug mb-3 flex-1">
<a class="hover:text-blue-600 dark:hover:text-blue-400 line-clamp-2 transition-colors" href="/2026/04/12-gemini-features-academic-excellence-2026.html">12 ميزة ثورية في Google Gemini لتعزيز التفوق الدراسي</a>
</h3>
<div class="flex items-center justify-between text-xs text-slate-500 border-t border-slate-100 dark:border-slate-700 pt-4 mt-auto">
<span class="flex items-center gap-1.5"><i class="far fa-calendar-alt text-blue-400"></i>07/04/2026</span>
<a class="font-bold text-blue-600 dark:text-blue-400 hover:underline flex items-center gap-1 group/btn" href="/2026/04/12-gemini-features-academic-excellence-2026.html">اقرأ المزيد <i class="fas fa-arrow-left text-[10px] group-hover/btn:-translate-x-1 transition-transform"></i></a>
</div>
</div>
</article>
</div>
<!-- END: شبكة بطاقات المقالات -->
<!-- START: الترقيم - Pagination -->
<div class="flex items-center justify-center gap-2 mt-16 font-bold" dir="rtl">
<a class="pg-btn w-10 h-10 rounded-xl bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 flex items-center justify-center text-slate-600 dark:text-slate-300 hover:bg-blue-600 hover:border-blue-600 hover:text-white transition-all shadow-sm" href="/page/2/"><i class="fas fa-chevron-right"></i></a>
<a class="pg-btn w-10 h-10 rounded-xl flex items-center justify-center transition-all shadow-sm bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-700" href="/">1</a>
<a class="pg-btn w-10 h-10 rounded-xl flex items-center justify-center transition-all shadow-sm bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-700" href="/page/2/">2</a>
<a class="pg-btn w-10 h-10 rounded-xl flex items-center justify-center transition-all shadow-sm bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-700" href="/page/3/">3</a>
<a class="pg-btn w-10 h-10 rounded-xl flex items-center justify-center transition-all shadow-sm bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-700" href="/page/4/">4</a>
<a class="pg-btn w-10 h-10 rounded-xl flex items-center justify-center transition-all shadow-sm bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-700" href="/page/5/">5</a>
<a class="pg-btn w-10 h-10 rounded-xl flex items-center justify-center transition-all shadow-sm bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-700" href="/page/6/">6</a>
<a class="pg-btn w-10 h-10 rounded-xl flex items-center justify-center transition-all shadow-sm bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-700" href="/page/7/">7</a>
<a class="pg-btn w-10 h-10 rounded-xl flex items-center justify-center transition-all shadow-sm bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-700" href="/page/8/">8</a>
<a class="pg-btn w-10 h-10 rounded-xl flex items-center justify-center transition-all shadow-sm bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-700" href="/page/9/">9</a>
<a class="pg-btn w-10 h-10 rounded-xl flex items-center justify-center transition-all shadow-sm bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-300 hover:bg-blue-50 dark:hover:bg-slate-700" href="/page/10/">10</a>
<span class="text-slate-400 dark:text-slate-500 px-1 text-lg tracking-widest select-none">···</span>
<a class="pg-btn flex items-center gap-1.5 px-4 h-10 rounded-xl bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 text-slate-600 dark:text-slate-300 hover:bg-blue-600 hover:border-blue-600 hover:text-white transition-all shadow-sm text-sm" href="/page/2/">التالي <i class="fas fa-chevron-left text-xs"></i></a>
</div>
</div></main>
<!-- START: الفوتر -->
<footer class="footer-wave text-slate-400 mt-20 pt-20 pb-8 relative overflow-hidden">
<div class="max-w-7xl mx-auto px-4 sm:px-6 relative z-10">
<div class="grid grid-cols-1 md:grid-cols-3 gap-12 lg:gap-16 mb-16">
<div class="md:order-2">
<h3 class="text-white font-bold text-xl mb-6 flex items-center gap-3"><div class="w-10 h-10 rounded-xl bg-blue-500/20 flex items-center justify-center"><i class="fas fa-search text-blue-400"></i></div>بحث في الموقع</h3>
<p class="text-sm text-slate-500 mb-6 leading-relaxed">استكشف أكثر من 2000 مورد تعليمي مخصص لجميع الأطوار والمواد الدراسية</p>
<a class="flex items-center gap-3 bg-slate-800/50 hover:bg-blue-600/20 border border-slate-700 hover:border-blue-500/50 rounded-2xl px-5 py-4 text-sm text-slate-400 hover:text-white transition-all" href="/search/">
<i class="fas fa-search opacity-50"></i><span class="flex-1">اكتب كلمة البحث هنا...</span>
</a>
</div>
<div class="md:order-3">
<h3 class="text-white font-bold text-xl mb-6 flex items-center gap-3"><div class="w-10 h-10 rounded-xl bg-blue-500/20 flex items-center justify-center"><i class="fas fa-th-large text-blue-400"></i></div>الأقسام الرئيسية</h3>
<div class="flex flex-col gap-2 max-h-72 overflow-y-auto custom-scroll pr-1">
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/شؤون-الأستاذ/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>شؤون الأستاذ</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">1573</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/مرحلة-الثانوي/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>مرحلة الثانوي</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">639</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/تحضير-البكالوريا/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>تحضير البكالوريا</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">410</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/التعليم-المتوسط/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>التعليم المتوسط</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">354</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/التعليم-العالي/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>التعليم العالي</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">298</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/التعليم-الابتدائي/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>التعليم الابتدائي</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">249</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/السنة-الرابعة-متوسط/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>السنة الرابعة متوسط</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">166</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/الأولى-ثانوي/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>الأولى ثانوي</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">91</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/جديد-التوظيف/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>جديد التوظيف</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">81</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/القسم-الإسلامي/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>القسم الإسلامي</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">81</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/السنة-الأولى-متوسط/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>السنة الأولى متوسط</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">69</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/الثانية-ثانوي/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>الثانية ثانوي</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">68</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/المكتبة/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>المكتبة</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">60</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/القسم-التقني/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>القسم التقني</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">54</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/السنة-الثالثة-متوسط/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>السنة الثالثة متوسط</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">45</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/السنة-الثانية-متوسط/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>السنة الثانية متوسط</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">39</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/أندرويد/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>أندرويد</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">33</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/الدراسة-بالإنجليزية/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>الدراسة بالإنجليزية</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">8</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/Smart-Prompts-Kit/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>Smart-Prompts-Kit</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">2</span>
</a>
<a class="flex items-center justify-between px-4 py-3 rounded-xl bg-slate-800/30 hover:bg-blue-600/20 text-slate-300 hover:text-white text-sm transition-all border border-transparent hover:border-blue-500/30" href="/category/أدوات-ذكية-تساعدك-في-العمل-اليومي-وتحويل-الأفكار-إلى-إبداعات-ملموسة/">
<span class="flex items-center gap-3"><i class="fas fa-folder text-blue-500"></i>أدوات ذكية تساعدك في العمل اليومي وتحويل الأفكار إلى إبداعات ملموسة</span>
<span class="text-xs bg-slate-800 px-2.5 py-1 rounded-full">2</span>
</a>
</div>
</div>
</div>
<div class="border-t border-slate-800 pt-10 mb-10">
<div class="flex flex-col md:flex-row items-center justify-between gap-6">
<div class="flex items-center gap-4">
<div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-blue-500 to-indigo-600 flex items-center justify-center text-white shadow-xl"><i class="fas fa-book-reader text-2xl"></i></div>
<div><h4 class="text-white font-bold text-xl">منصة الشامل التعليمية</h4><p class="text-slate-500 text-sm"><a class="keyword-link" href="/search.html?q=%D9%85%D9%84%D8%AE%D8%B5%D8%A7%D8%AA" style="color: #2563eb; text-decoration: underline; font-weight: bold;">ملخصات</a> وتمارين لجميع الأطوار الدراسية</p></div>
</div>
</div>
</div>
<div class="border-t border-slate-800 pt-8 pb-4 text-center">
<p class="text-sm text-slate-600 mb-6">
                جميع الحقوق محفوظة © <span class="text-blue-400 font-bold" id="current-year"></span> <span class="text-blue-500 font-bold mx-1">منصة الشامل التعليمية</span> | ملخصات وتمارين لجميع الأطوار
            </p>
<div class="flex items-center gap-4 text-sm text-slate-500 font-bold flex-wrap justify-center">
<a class="hover:text-blue-400 transition-colors" href="/p/about.html">من نحن</a><span class="text-slate-800">|</span>
<a class="hover:text-blue-400 transition-colors" href="/p/faq.html">الأسئلة الشائعة</a><span class="text-slate-800">|</span>
<a class="hover:text-blue-400 transition-colors" href="/p/privacy-policy.html">سياسة الخصوصية</a><span class="text-slate-800">|</span>
<a class="hover:text-blue-400 transition-colors" href="/p/terms.html">الشروط والأحكام</a><span class="text-slate-800">|</span>
<a class="hover:text-blue-400 transition-colors" href="/p/archive.html">أرشيف الموقع</a><span class="text-slate-800">|</span>
<a class="hover:text-blue-400 transition-colors" href="/p/contact-us.html">إتصل بنا</a>
</div>
</div>
</div>
</footer>
<!-- END: الفوتر -->
<!-- START: JavaScript -->
<script>
document.addEventListener("DOMContentLoaded", function() {
    // 1. برمجة السنة لتتحدث تلقائياً
    const yearElement = document.getElementById('current-year');
    if (yearElement) {
        yearElement.textContent = new Date().getFullYear();
    }
});
</script>

<script>
    function toggleDarkMode(){
        document.documentElement.classList.toggle('dark');
        localStorage.setItem('dk', document.documentElement.classList.contains('dark'));
    }
    if(localStorage.getItem('dk')==='true') document.documentElement.classList.add('dark');
    
    function openMobileMenu(){
        document.getElementById('mobileOverlay').classList.remove('opacity-0','pointer-events-none');
        document.getElementById('mobileDrawer').classList.remove('translate-x-full');
    }
    function closeMobileMenu(){
        document.getElementById('mobileOverlay').classList.add('opacity-0','pointer-events-none');
        document.getElementById('mobileDrawer').classList.add('translate-x-full');
    }
</script>

<script defer src="/external-redirect.js"></script>
<script>
(function(){
  window.addEventListener('scroll',function(){
    var d=document.documentElement;
    var pct=(d.scrollTop/(d.scrollHeight-d.clientHeight))*100;
    var bar=document.getElementById('reading-progress-bar');
    if(bar) bar.style.width=Math.min(pct,100)+'%';
  });
})();
</script>
</body>
</html>
