\u0645\u0648\u0627\u062f \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646<\/title>\n\n<style>\n:root{\n --bg1:#35208a;\n --bg2:#4b2ea6;\n --card:#3a2b8a;\n --card2:#2f2369;\n --text:#fff;\n --muted:rgba(255,255,255,.65);\n --radius:18px;\n font-family:\"Cairo\",\"Tajawal\",\"Segoe UI\",Tahoma,Arial,sans-serif;\n}\n*{box-sizing:border-box}\nbody{\n margin:0;\n color:var(--text);\n background:\n radial-gradient(900px 500px at 80% 10%, rgba(139,92,246,.18), transparent 60%),\n radial-gradient(700px 450px at 20% 85%, rgba(99,102,241,.16), transparent 60%),\n linear-gradient(180deg,var(--bg2),var(--bg1));\n min-height:100vh;\n}\n\n\/* ===== CONTAINER ===== *\/\n.wrap{\n max-width:1200px;\n margin:auto;\n padding:40px 18px 80px;\n}\n\n\/* ===== BACK BUTTON ===== *\/\n.back-btn {\n display:inline-flex;\n align-items:center;\n gap:8px;\n padding:10px 18px;\n background:rgba(255,255,255,0.1);\n border-radius:12px;\n text-decoration:none;\n color:var(--text);\n font-weight:600;\n font-size:14px;\n margin-bottom:25px;\n border:1px solid rgba(255,255,255,0.15);\n transition:all 0.3s ease;\n backdrop-filter:blur(10px);\n}\n.back-btn:hover {\n background:rgba(255,255,255,0.2);\n transform:translateX(5px);\n border-color:rgba(255,255,255,0.3);\n}\n.back-btn i {\n font-size:16px;\n}\n\n\/* ===== TITLE ===== *\/\n.page-title{\n text-align:right;\n margin-bottom:26px;\n font-size:26px;\n font-weight:900;\n}\n\n\/* ===== GRID ===== *\/\n.grid{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n gap:20px;\n}\n\n\/* ===== CARD ===== *\/\n.card{\n position:relative;\n background:linear-gradient(180deg,var(--card),var(--card2));\n border-radius:var(--radius);\n padding:22px 22px 20px;\n border:1px solid rgba(255,255,255,.08);\n min-height:150px;\n transition:transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n\/* top color line *\/\n.card::before{\n content:\"\";\n position:absolute;\n top:0; right:0; left:0;\n height:4px;\n background:var(--accent);\n border-radius:18px 18px 0 0;\n}\n\n\/* units badge *\/\n.units{\n position:absolute;\n top:12px; left:12px;\n padding:4px 10px;\n font-size:11px;\n font-weight:800;\n border-radius:999px;\n background:rgba(0,0,0,.25);\n}\n\n\/* icon *\/\n.icon{\n position:absolute;\n top:18px; right:18px;\n width:44px; height:44px;\n border-radius:14px;\n display:grid; place-items:center;\n font-size:20px;\n background:rgba(255,255,255,.14);\n}\n\n\/* content *\/\n.card h3{\n margin:56px 0 6px;\n font-size:18px;\n font-weight:900;\n}\n.card p{\n margin:0 0 10px;\n font-size:13px;\n color:var(--muted);\n line-height:1.8;\n}\n.go{\n font-size:13px;\n font-weight:900;\n color:rgba(255,255,255,.8);\n text-decoration:none;\n display:inline-block;\n transition:all 0.2s ease;\n}\n.go:hover{\n color:#fff;\n transform:translateX(-3px);\n}\n.go a{\n color:inherit;\n text-decoration:none;\n display:inline-block;\n}\n\n\/* ===== ACCENTS ===== *\/\n.blue-cyan{--accent:#3b82f6}\n.red{--accent:#dc2626}\n.amber{--accent:#f59e0b}\n.rose{--accent:#f43f5e}\n.orange{--accent:#fb923c}\n.teal{--accent:#14b8a6}\n.yellow{--accent:#eab308}\n.purple{--accent:#8b5cf6}\n.emerald{--accent:#10b981}\n.violet{--accent:#a78bfa}\n.green{--accent:#22c55e}\n\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width:1000px){\n .grid{grid-template-columns:repeat(2,1fr)}\n}\n@media(max-width:600px){\n .page-title{font-size:20px}\n .grid{grid-template-columns:1fr}\n .card{min-height:auto}\n .back-btn{\n font-size:13px;\n padding:8px 14px;\n }\n}\n<\/style>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<\/head>\n\n<body>\n\n<div class=\"wrap\">\n \n <a href=\"https:\/\/smartedujo.com\/%d8%a7%d9%84%d9%85%d8%b1%d8%a7%d8%ad%d9%84-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/\" class=\"back-btn\" id=\"backButton\">\n <i class=\"fas fa-arrow-right\"><\/i>\n \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629\n <\/a>\n \n <div class=\"page-title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646<\/div>\n\n <section class=\"grid\">\n\n <div class=\"card blue-cyan\">\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">🧮<\/div>\n <h3>\u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0627\u062a<\/h3>\n <p>\u0627\u0644\u0645\u0639\u0627\u062f\u0644\u0627\u062a \u0648\u0627\u0644\u062f\u0648\u0627\u0644 \u0627\u0644\u062e\u0637\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <div class=\"card red\">\n <span class=\"units\">9 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">🔬<\/div>\n <h3>\u0627\u0644\u0639\u0644\u0648\u0645<\/h3>\n <p>\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u0627\u062a \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0638\u0648\u0627\u0647\u0631 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <div class=\"card rose\">\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">📖<\/div>\n <h3>\u0644\u063a\u062a\u064a \u0627\u0644\u062e\u0627\u0644\u062f\u0629<\/h3>\n <p>\u0627\u0644\u062a\u0630\u0648\u0642 \u0627\u0644\u0623\u062f\u0628\u064a \u0648\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u062a\u0627\u0628\u0629.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <div class=\"card orange\">\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">🌐<\/div>\n <h3>\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629<\/h3>\n <p>\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <div class=\"card teal\">\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">📖<\/div>\n <h3>\u0627\u0644\u062a\u0631\u0628\u064a\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/h3>\n <p>\u0623\u062d\u0643\u0627\u0645 \u0627\u0644\u062a\u062c\u0648\u064a\u062f \u0648\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <div class=\"card yellow\">\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">🌐<\/div>\n <h3>\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629<\/h3>\n <p>\u062c\u063a\u0631\u0627\u0641\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645 \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0627\u0635\u0631\u0629.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <div class=\"card purple\">\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">💻<\/div>\n <h3>\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3>\n <p>\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0631\u0648\u0628\u0648\u062a \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <div class=\"card emerald\">\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">💰<\/div>\n <h3>\u0627\u0644\u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629<\/h3>\n <p>\u0627\u0644\u0628\u0646\u0648\u0643 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u062a \u0648\u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u0628\u0646\u0643\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <\/section>\n<\/div>\n\n<script>\n\/\/ \u0625\u0636\u0627\u0641\u0629 \u0631\u0648\u0627\u0628\u0637 \u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0644\u0645\u062d\u062a\u0648\u0649\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ \u0631\u0648\u0627\u0642\u0639 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 - \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u0628\u062f\u0627\u0644\u0647\u0627 \u0628\u0627\u0644\u0631\u0648\u0627\u0642\u0639 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629\n const subjectLinks = {\n '\u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0627\u062a': 'https:\/\/example.com\/math-8',\n '\u0627\u0644\u0639\u0644\u0648\u0645': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b5%d9%81-%d8%a7%d9%84%d8%ab%d8%a7%d9%85%d9%86-%d8%a7%d9%84%d8%b9%d9%84%d9%88%d9%85\/',\n '\u0644\u063a\u062a\u064a \u0627\u0644\u062e\u0627\u0644\u062f\u0629': 'https:\/\/example.com\/arabic-8',\n '\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629': 'https:\/\/example.com\/english-8',\n '\u0627\u0644\u062a\u0631\u0628\u064a\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629': 'https:\/\/example.com\/islamic-education-8',\n '\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629': 'https:\/\/example.com\/social-studies-8',\n '\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629': 'https:\/\/example.com\/digital-skills-8',\n '\u0627\u0644\u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629': 'https:\/\/example.com\/financial-literacy-8'\n };\n \n \/\/ \u0631\u0627\u0628\u0637 \u0627\u0644\u0639\u0648\u062f\u0629 - \u064a\u0645\u0643\u0646 \u062a\u063a\u064a\u064a\u0631\u0647\n const backLink = 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d9%85%d8%b1%d8%a7%d8%ad%d9%84-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/';\n document.getElementById('backButton').href = backLink;\n \n \/\/ \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0631\u0648\u0627\u0642\u0639 \u0639\u0644\u0649 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a\n const cards = document.querySelectorAll('.card');\n cards.forEach(card => {\n const title = card.querySelector('h3').textContent;\n const linkElement = card.querySelector('.go');\n \n if (subjectLinks[title]) {\n linkElement.href = subjectLinks[title];\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0645\u0624\u0634\u0631 \u0623\u0646 \u0627\u0644\u0631\u0627\u0628\u0637 \u0642\u0627\u0628\u0644 \u0644\u0644\u0646\u0642\u0631\n linkElement.style.cursor = 'pointer';\n linkElement.title = `\u062a\u0635\u0641\u062d \u0645\u062d\u062a\u0648\u0649 ${title}`;\n }\n \n \/\/ \u0625\u0636\u0627\u0641\u0629 \u062a\u0623\u062b\u064a\u0631 \u0639\u0646\u062f \u0627\u0644\u0645\u0631\u0648\u0631 \u0641\u0648\u0642 \u0627\u0644\u0628\u0637\u0627\u0642\u0629\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px)';\n this.style.boxShadow = '0 10px 20px rgba(0,0,0,0.2)';\n });\n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n this.style.boxShadow = 'none';\n });\n });\n \n \/\/ \u0625\u0636\u0627\u0641\u0629 \u062f\u0627\u0644\u0629 \u0644\u0644\u0639\u0648\u062f\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0632\u0631 Esc\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') {\n window.location.href = backLink;\n }\n });\n \n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0645\u0624\u0634\u0631 \u062a\u0641\u0627\u0639\u0644\u064a \u0644\u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629\n const backBtn = document.getElementById('backButton');\n backBtn.addEventListener('mouseenter', function() {\n this.querySelector('i').style.transform = 'translateX(3px)';\n });\n backBtn.addEventListener('mouseleave', function() {\n this.querySelector('i').style.transform = 'translateX(0)';\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0648\u0627\u062f \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646 \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646 2 \u0648\u062d\u062f\u0627\u062a 🧮 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0627\u062f\u0644\u0627\u062a \u0648\u0627\u0644\u062f\u0648\u0627\u0644 \u0627\u0644\u062e\u0637\u064a\u0629. \u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 9 \u0648\u062d\u062f\u0627\u062a 🔬 \u0627\u0644\u0639\u0644\u0648\u0645 \u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u0627\u062a \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0638\u0648\u0627\u0647\u0631 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629. \u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 2 \u0648\u062d\u062f\u0627\u062a 📖 \u0644\u063a\u062a\u064a \u0627\u0644\u062e\u0627\u0644\u062f\u0629 \u0627\u0644\u062a\u0630\u0648\u0642 \u0627\u0644\u0623\u062f\u0628\u064a \u0648\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u062a\u0627\u0628\u0629. \u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 2 \u0648\u062d\u062f\u0627\u062a 🌐 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629. \u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-16419","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16419","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/comments?post=16419"}],"version-history":[{"count":8,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16419\/revisions"}],"predecessor-version":[{"id":18930,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16419\/revisions\/18930"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=16419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":16419,"date":"2025-12-27T11:34:08","date_gmt":"2025-12-27T11:34:08","guid":{"rendered":"https:\/\/smartedujo.com\/?page_id=16419"},"modified":"2026-05-31T09:10:35","modified_gmt":"2026-05-31T06:10:35","slug":"%d8%a7%d9%84%d8%b5%d9%81-%d8%a7%d9%84%d8%ab%d8%a7%d9%85%d9%86","status":"publish","type":"page","link":"https:\/\/smartedujo.com\/ar\/%d8%a7%d9%84%d8%b5%d9%81-%d8%a7%d9%84%d8%ab%d8%a7%d9%85%d9%86\/","title":{"rendered":"\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646-\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629"},"content":{"rendered":"\n\n\n\n\n\n\u0645\u0648\u0627\u062f \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646<\/title>\n\n<style>\n:root{\n --bg1:#35208a;\n --bg2:#4b2ea6;\n --card:#3a2b8a;\n --card2:#2f2369;\n --text:#fff;\n --muted:rgba(255,255,255,.65);\n --radius:18px;\n font-family:\"Cairo\",\"Tajawal\",\"Segoe UI\",Tahoma,Arial,sans-serif;\n}\n*{box-sizing:border-box}\nbody{\n margin:0;\n color:var(--text);\n background:\n radial-gradient(900px 500px at 80% 10%, rgba(139,92,246,.18), transparent 60%),\n radial-gradient(700px 450px at 20% 85%, rgba(99,102,241,.16), transparent 60%),\n linear-gradient(180deg,var(--bg2),var(--bg1));\n min-height:100vh;\n}\n\n\/* ===== CONTAINER ===== *\/\n.wrap{\n max-width:1200px;\n margin:auto;\n padding:40px 18px 80px;\n}\n\n\/* ===== BACK BUTTON ===== *\/\n.back-btn {\n display:inline-flex;\n align-items:center;\n gap:8px;\n padding:10px 18px;\n background:rgba(255,255,255,0.1);\n border-radius:12px;\n text-decoration:none;\n color:var(--text);\n font-weight:600;\n font-size:14px;\n margin-bottom:25px;\n border:1px solid rgba(255,255,255,0.15);\n transition:all 0.3s ease;\n backdrop-filter:blur(10px);\n}\n.back-btn:hover {\n background:rgba(255,255,255,0.2);\n transform:translateX(5px);\n border-color:rgba(255,255,255,0.3);\n}\n.back-btn i {\n font-size:16px;\n}\n\n\/* ===== TITLE ===== *\/\n.page-title{\n text-align:right;\n margin-bottom:26px;\n font-size:26px;\n font-weight:900;\n}\n\n\/* ===== GRID ===== *\/\n.grid{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n gap:20px;\n}\n\n\/* ===== CARD ===== *\/\n.card{\n position:relative;\n background:linear-gradient(180deg,var(--card),var(--card2));\n border-radius:var(--radius);\n padding:22px 22px 20px;\n border:1px solid rgba(255,255,255,.08);\n min-height:150px;\n transition:transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n\/* top color line *\/\n.card::before{\n content:\"\";\n position:absolute;\n top:0; right:0; left:0;\n height:4px;\n background:var(--accent);\n border-radius:18px 18px 0 0;\n}\n\n\/* units badge *\/\n.units{\n position:absolute;\n top:12px; left:12px;\n padding:4px 10px;\n font-size:11px;\n font-weight:800;\n border-radius:999px;\n background:rgba(0,0,0,.25);\n}\n\n\/* icon *\/\n.icon{\n position:absolute;\n top:18px; right:18px;\n width:44px; height:44px;\n border-radius:14px;\n display:grid; place-items:center;\n font-size:20px;\n background:rgba(255,255,255,.14);\n}\n\n\/* content *\/\n.card h3{\n margin:56px 0 6px;\n font-size:18px;\n font-weight:900;\n}\n.card p{\n margin:0 0 10px;\n font-size:13px;\n color:var(--muted);\n line-height:1.8;\n}\n.go{\n font-size:13px;\n font-weight:900;\n color:rgba(255,255,255,.8);\n text-decoration:none;\n display:inline-block;\n transition:all 0.2s ease;\n}\n.go:hover{\n color:#fff;\n transform:translateX(-3px);\n}\n.go a{\n color:inherit;\n text-decoration:none;\n display:inline-block;\n}\n\n\/* ===== ACCENTS ===== *\/\n.blue-cyan{--accent:#3b82f6}\n.red{--accent:#dc2626}\n.amber{--accent:#f59e0b}\n.rose{--accent:#f43f5e}\n.orange{--accent:#fb923c}\n.teal{--accent:#14b8a6}\n.yellow{--accent:#eab308}\n.purple{--accent:#8b5cf6}\n.emerald{--accent:#10b981}\n.violet{--accent:#a78bfa}\n.green{--accent:#22c55e}\n\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width:1000px){\n .grid{grid-template-columns:repeat(2,1fr)}\n}\n@media(max-width:600px){\n .page-title{font-size:20px}\n .grid{grid-template-columns:1fr}\n .card{min-height:auto}\n .back-btn{\n font-size:13px;\n padding:8px 14px;\n }\n}\n<\/style>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<\/head>\n\n<body>\n\n<div class=\"wrap\">\n \n <a href=\"https:\/\/smartedujo.com\/%d8%a7%d9%84%d9%85%d8%b1%d8%a7%d8%ad%d9%84-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/\" class=\"back-btn\" id=\"backButton\">\n <i class=\"fas fa-arrow-right\"><\/i>\n \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629\n <\/a>\n \n <div class=\"page-title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646<\/div>\n\n <section class=\"grid\">\n\n <div class=\"card blue-cyan\">\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">🧮<\/div>\n <h3>\u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0627\u062a<\/h3>\n <p>\u0627\u0644\u0645\u0639\u0627\u062f\u0644\u0627\u062a \u0648\u0627\u0644\u062f\u0648\u0627\u0644 \u0627\u0644\u062e\u0637\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <div class=\"card red\">\n <span class=\"units\">9 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">🔬<\/div>\n <h3>\u0627\u0644\u0639\u0644\u0648\u0645<\/h3>\n <p>\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u0627\u062a \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0638\u0648\u0627\u0647\u0631 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <div class=\"card rose\">\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">📖<\/div>\n <h3>\u0644\u063a\u062a\u064a \u0627\u0644\u062e\u0627\u0644\u062f\u0629<\/h3>\n <p>\u0627\u0644\u062a\u0630\u0648\u0642 \u0627\u0644\u0623\u062f\u0628\u064a \u0648\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u062a\u0627\u0628\u0629.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <div class=\"card orange\">\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">🌐<\/div>\n <h3>\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629<\/h3>\n <p>\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <div class=\"card teal\">\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">📖<\/div>\n <h3>\u0627\u0644\u062a\u0631\u0628\u064a\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/h3>\n <p>\u0623\u062d\u0643\u0627\u0645 \u0627\u0644\u062a\u062c\u0648\u064a\u062f \u0648\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <div class=\"card yellow\">\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">🌐<\/div>\n <h3>\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629<\/h3>\n <p>\u062c\u063a\u0631\u0627\u0641\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645 \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0627\u0635\u0631\u0629.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <div class=\"card purple\">\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">💻<\/div>\n <h3>\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3>\n <p>\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0631\u0648\u0628\u0648\u062a \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <div class=\"card emerald\">\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <div class=\"icon\">💰<\/div>\n <h3>\u0627\u0644\u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629<\/h3>\n <p>\u0627\u0644\u0628\u0646\u0648\u0643 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u062a \u0648\u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u0628\u0646\u0643\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n <\/div>\n\n <\/section>\n<\/div>\n\n<script>\n\/\/ \u0625\u0636\u0627\u0641\u0629 \u0631\u0648\u0627\u0628\u0637 \u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0644\u0645\u062d\u062a\u0648\u0649\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ \u0631\u0648\u0627\u0642\u0639 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 - \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u0628\u062f\u0627\u0644\u0647\u0627 \u0628\u0627\u0644\u0631\u0648\u0627\u0642\u0639 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629\n const subjectLinks = {\n '\u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0627\u062a': 'https:\/\/example.com\/math-8',\n '\u0627\u0644\u0639\u0644\u0648\u0645': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b5%d9%81-%d8%a7%d9%84%d8%ab%d8%a7%d9%85%d9%86-%d8%a7%d9%84%d8%b9%d9%84%d9%88%d9%85\/',\n '\u0644\u063a\u062a\u064a \u0627\u0644\u062e\u0627\u0644\u062f\u0629': 'https:\/\/example.com\/arabic-8',\n '\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629': 'https:\/\/example.com\/english-8',\n '\u0627\u0644\u062a\u0631\u0628\u064a\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629': 'https:\/\/example.com\/islamic-education-8',\n '\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629': 'https:\/\/example.com\/social-studies-8',\n '\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629': 'https:\/\/example.com\/digital-skills-8',\n '\u0627\u0644\u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629': 'https:\/\/example.com\/financial-literacy-8'\n };\n \n \/\/ \u0631\u0627\u0628\u0637 \u0627\u0644\u0639\u0648\u062f\u0629 - \u064a\u0645\u0643\u0646 \u062a\u063a\u064a\u064a\u0631\u0647\n const backLink = 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d9%85%d8%b1%d8%a7%d8%ad%d9%84-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/';\n document.getElementById('backButton').href = backLink;\n \n \/\/ \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0631\u0648\u0627\u0642\u0639 \u0639\u0644\u0649 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a\n const cards = document.querySelectorAll('.card');\n cards.forEach(card => {\n const title = card.querySelector('h3').textContent;\n const linkElement = card.querySelector('.go');\n \n if (subjectLinks[title]) {\n linkElement.href = subjectLinks[title];\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0645\u0624\u0634\u0631 \u0623\u0646 \u0627\u0644\u0631\u0627\u0628\u0637 \u0642\u0627\u0628\u0644 \u0644\u0644\u0646\u0642\u0631\n linkElement.style.cursor = 'pointer';\n linkElement.title = `\u062a\u0635\u0641\u062d \u0645\u062d\u062a\u0648\u0649 ${title}`;\n }\n \n \/\/ \u0625\u0636\u0627\u0641\u0629 \u062a\u0623\u062b\u064a\u0631 \u0639\u0646\u062f \u0627\u0644\u0645\u0631\u0648\u0631 \u0641\u0648\u0642 \u0627\u0644\u0628\u0637\u0627\u0642\u0629\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px)';\n this.style.boxShadow = '0 10px 20px rgba(0,0,0,0.2)';\n });\n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n this.style.boxShadow = 'none';\n });\n });\n \n \/\/ \u0625\u0636\u0627\u0641\u0629 \u062f\u0627\u0644\u0629 \u0644\u0644\u0639\u0648\u062f\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0632\u0631 Esc\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') {\n window.location.href = backLink;\n }\n });\n \n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0645\u0624\u0634\u0631 \u062a\u0641\u0627\u0639\u0644\u064a \u0644\u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629\n const backBtn = document.getElementById('backButton');\n backBtn.addEventListener('mouseenter', function() {\n this.querySelector('i').style.transform = 'translateX(3px)';\n });\n backBtn.addEventListener('mouseleave', function() {\n this.querySelector('i').style.transform = 'translateX(0)';\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0648\u0627\u062f \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646 \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646 2 \u0648\u062d\u062f\u0627\u062a 🧮 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0627\u062f\u0644\u0627\u062a \u0648\u0627\u0644\u062f\u0648\u0627\u0644 \u0627\u0644\u062e\u0637\u064a\u0629. \u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 9 \u0648\u062d\u062f\u0627\u062a 🔬 \u0627\u0644\u0639\u0644\u0648\u0645 \u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u0627\u062a \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0638\u0648\u0627\u0647\u0631 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629. \u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 2 \u0648\u062d\u062f\u0627\u062a 📖 \u0644\u063a\u062a\u064a \u0627\u0644\u062e\u0627\u0644\u062f\u0629 \u0627\u0644\u062a\u0630\u0648\u0642 \u0627\u0644\u0623\u062f\u0628\u064a \u0648\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u062a\u0627\u0628\u0629. \u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 2 \u0648\u062d\u062f\u0627\u062a 🌐 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629. \u2039 \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-16419","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16419","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/comments?post=16419"}],"version-history":[{"count":8,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16419\/revisions"}],"predecessor-version":[{"id":18930,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16419\/revisions\/18930"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=16419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}