{"id":3880,"date":"2025-08-28T21:25:58","date_gmt":"2025-08-28T19:25:58","guid":{"rendered":"https:\/\/www.univ-sba.dz\/lla\/?page_id=3880"},"modified":"2025-08-28T21:45:33","modified_gmt":"2025-08-28T19:45:33","slug":"%d8%b9%d8%b1%d9%88%d8%b6-%d8%a7%d9%84%d8%aa%d9%83%d9%88%d9%8a%d9%86","status":"publish","type":"page","link":"https:\/\/www.univ-sba.dz\/lla\/%d8%b9%d8%b1%d9%88%d8%b6-%d8%a7%d9%84%d8%aa%d9%83%d9%88%d9%8a%d9%86\/","title":{"rendered":"\u0639\u0631\u0648\u0636 \u0627\u0644\u062a\u0643\u0648\u064a\u0646"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3880\" class=\"elementor elementor-3880\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-122e55f e-flex e-con-boxed e-con e-parent\" data-id=\"122e55f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-d4f38d4 e-con-full e-grid e-con e-child\" data-id=\"d4f38d4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-86a3cf0 elementor-widget elementor-widget-text-editor\" data-id=\"86a3cf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<style>\n.header-title {\n  text-align: center;\n  font-size: 36px;\n  font-weight: 900; \/* texte bien gras *\/\n  color: #ffffff !important; \/* blanc forc\u00e9 *\/\n  text-shadow: 2px 2px 4px rgba(0,0,0,0.5), \n               -2px -2px 4px rgba(0,0,0,0.3); \/* effet 3D l\u00e9ger *\/\n  animation: floatText 2s ease-in-out infinite alternate;\n}\n\n@keyframes floatText {\n  0% { transform: translateY(0px); }\n  50% { transform: translateY(-8px); }\n  100% { transform: translateY(0px); }\n}\n<\/style>\n\n<h1 class=\"header-title\"> \u0639\u0631\u0648\u0636 \u0627\u0644\u062a\u0643\u0648\u064a\u0646<\/h1>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-851d913 e-flex e-con-boxed e-con e-parent\" data-id=\"851d913\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-57db046 elementor-widget elementor-widget-text-editor\" data-id=\"57db046\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n<meta charset=\"UTF-8\">\n<title>\u0627\u0644\u0623\u0642\u0633\u0627\u0645<\/title>\n<style>\n  body {\n    font-family: \"Tahoma\", sans-serif;\n    direction: rtl;\n    background: #f2f3f7;\n    padding: 30px;\n    line-height: 1.8;\n  }\n\n  h2 {\n    text-align: center;\n    margin-bottom: 25px;\n    color: #333;\n  }\n\n  .departments {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n    max-width: 700px;\n    margin: auto;\n  }\n\n  .dept-btn {\n    background: linear-gradient(145deg, #3f87a6, #ebf8e1);\n    color: #fff;\n    padding: 14px;\n    border-radius: 10px;\n    cursor: pointer;\n    border: none;\n    text-align: right;\n    transition: 0.3s;\n    font-size: 18px;\n    font-weight: bold;\n    box-shadow: 3px 3px 8px rgba(0,0,0,0.25), -3px -3px 8px rgba(255,255,255,0.8);\n  }\n\n  .dept-btn:hover {\n    background: linear-gradient(145deg, #2e6780, #dcead0);\n  }\n\n  \/* \u2705 \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0645\u0633\u062a\u0648\u064a\u0627\u062a *\/\n  .levels {\n    display: none;\n    margin-top: 10px;\n    background: #ffffff;\n    border-radius: 12px;\n    padding: 20px;\n    box-shadow: 6px 6px 15px rgba(0,0,0,0.15), -6px -6px 15px rgba(255,255,255,0.8);\n    animation: fadeIn 0.5s ease;\n  }\n\n  .levels-table {\n    display: flex;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 15px;\n  }\n\n  .level-btn {\n    flex: 1;\n    background: #f1f1f1;\n    padding: 16px;\n    border-radius: 10px;\n    cursor: pointer;\n    text-align: center;\n    font-weight: bold;\n    transition: 0.3s;\n    box-shadow: 3px 3px 8px rgba(0,0,0,0.2), -3px -3px 8px rgba(255,255,255,0.7);\n  }\n\n  .level-btn:hover {\n    background: #e0e0e0;\n  }\n\n  \/* \u2705 \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0646\u0634\u0637\u0629 *\/\n  .active-level {\n    background: #3f87a6;\n    color: white;\n    box-shadow: inset 3px 3px 8px rgba(0,0,0,0.3), inset -3px -3px 8px rgba(255,255,255,0.5);\n  }\n\n  \/* \u2705 \u0648\u062b\u0627\u0626\u0642 *\/\n  .docs {\n    display: none;\n    margin-top: 10px;\n    animation: slideDown 0.6s ease;\n  }\n\n  .docs a {\n    display: block;\n    margin: 6px 0;\n    color: #3f87a6;\n    text-decoration: none;\n    font-weight: 500;\n  }\n\n  .docs a:hover {\n    text-decoration: underline;\n  }\n\n  \/* \u2705 \u0623\u0646\u064a\u0645\u064a\u0634\u0646 *\/\n  @keyframes fadeIn {\n    from {opacity: 0; transform: scale(0.95);}\n    to {opacity: 1; transform: scale(1);}\n  }\n\n  @keyframes slideDown {\n    from {opacity: 0; transform: translateY(-10px);}\n    to {opacity: 1; transform: translateY(0);}\n  }\n<\/style>\n<\/head>\n<body>\n\n<h2>\u0639\u0631\u0648\u0636 \u0627\u0644\u062a\u0643\u0648\u064a\u0646 \u062d\u0633\u0628 \u0643\u0644 \u0642\u0633\u0645<\/h2>\n<div class=\"departments\">\n\n  <!-- \u0642\u0633\u0645 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 -->\n  <button class=\"dept-btn\" onclick=\"toggleLevels('english')\">\u0642\u0633\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629<\/button>\n  <div class=\"levels\" id=\"english\">\n    <div class=\"levels-table\">\n      <div class=\"level-btn\" onclick=\"toggleDocs('english-licence', this)\">\u0644\u064a\u0633\u0627\u0646\u0633<\/div>\n      <div class=\"level-btn\" onclick=\"toggleDocs('english-master', this)\">\u0645\u0627\u0633\u062a\u0631<\/div>\n      <div class=\"level-btn\" onclick=\"toggleDocs('english-doctorat', this)\">\u062f\u0643\u062a\u0648\u0631\u0627\u0647<\/div>\n    <\/div>\n    <div id=\"english-licence\" class=\"docs\">\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0644\u064a\u0633\u0627\u0646\u0633 \u0625\u0646\u062c\u0644\u064a\u0632\u064a 1<\/a>\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0644\u064a\u0633\u0627\u0646\u0633 \u0625\u0646\u062c\u0644\u064a\u0632\u064a 2<\/a>\n    <\/div>\n    <div id=\"english-master\" class=\"docs\">\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0645\u0627\u0633\u062a\u0631 \u0625\u0646\u062c\u0644\u064a\u0632\u064a 1<\/a>\n    <\/div>\n    <div id=\"english-doctorat\" class=\"docs\">\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0625\u0646\u062c\u0644\u064a\u0632\u064a<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- \u0642\u0633\u0645 \u0627\u0644\u0641\u0631\u0646\u0633\u064a\u0629 -->\n  <button class=\"dept-btn\" onclick=\"toggleLevels('french')\">\u0642\u0633\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0641\u0631\u0646\u0633\u064a\u0629<\/button>\n  <div class=\"levels\" id=\"french\">\n    <div class=\"levels-table\">\n      <div class=\"level-btn\" onclick=\"toggleDocs('french-licence', this)\">\u0644\u064a\u0633\u0627\u0646\u0633<\/div>\n      <div class=\"level-btn\" onclick=\"toggleDocs('french-master', this)\">\u0645\u0627\u0633\u062a\u0631<\/div>\n      <div class=\"level-btn\" onclick=\"toggleDocs('french-doctorat', this)\">\u062f\u0643\u062a\u0648\u0631\u0627\u0647<\/div>\n    <\/div>\n    <div id=\"french-licence\" class=\"docs\">\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0644\u064a\u0633\u0627\u0646\u0633 \u0641\u0631\u0646\u0633\u064a<\/a>\n    <\/div>\n    <div id=\"french-master\" class=\"docs\">\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0645\u0627\u0633\u062a\u0631 \u0641\u0631\u0646\u0633\u064a<\/a>\n    <\/div>\n    <div id=\"french-doctorat\" class=\"docs\">\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0641\u0631\u0646\u0633\u064a<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- \u0642\u0633\u0645 \u0627\u0644\u0623\u0644\u0645\u0627\u0646\u064a\u0629 -->\n  <button class=\"dept-btn\" onclick=\"toggleLevels('german')\">\u0642\u0633\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0623\u0644\u0645\u0627\u0646\u064a\u0629<\/button>\n  <div class=\"levels\" id=\"german\">\n    <div class=\"levels-table\">\n      <div class=\"level-btn\" onclick=\"toggleDocs('german-licence', this)\">\u0644\u064a\u0633\u0627\u0646\u0633<\/div>\n      <div class=\"level-btn\" onclick=\"toggleDocs('german-master', this)\">\u0645\u0627\u0633\u062a\u0631<\/div>\n      <div class=\"level-btn\" onclick=\"toggleDocs('german-doctorat', this)\">\u062f\u0643\u062a\u0648\u0631\u0627\u0647<\/div>\n    <\/div>\n    <div id=\"german-licence\" class=\"docs\">\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0644\u064a\u0633\u0627\u0646\u0633 \u0623\u0644\u0645\u0627\u0646\u064a<\/a>\n    <\/div>\n    <div id=\"german-master\" class=\"docs\">\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0645\u0627\u0633\u062a\u0631 \u0623\u0644\u0645\u0627\u0646\u064a<\/a>\n    <\/div>\n    <div id=\"german-doctorat\" class=\"docs\">\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0623\u0644\u0645\u0627\u0646\u064a<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- \u0642\u0633\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 -->\n  <button class=\"dept-btn\" onclick=\"toggleLevels('arabic')\">\u0642\u0633\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0622\u062f\u0627\u0628\u0647\u0627<\/button>\n  <div class=\"levels\" id=\"arabic\">\n    <div class=\"levels-table\">\n      <div class=\"level-btn\" onclick=\"toggleDocs('arabic-licence', this)\">\u0644\u064a\u0633\u0627\u0646\u0633<\/div>\n      <div class=\"level-btn\" onclick=\"toggleDocs('arabic-master', this)\">\u0645\u0627\u0633\u062a\u0631<\/div>\n      <div class=\"level-btn\" onclick=\"toggleDocs('arabic-doctorat', this)\">\u062f\u0643\u062a\u0648\u0631\u0627\u0647<\/div>\n    <\/div>\n    <div id=\"arabic-licence\" class=\"docs\">\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0644\u064a\u0633\u0627\u0646\u0633 \u0639\u0631\u0628\u064a<\/a>\n    <\/div>\n    <div id=\"arabic-master\" class=\"docs\">\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0645\u0627\u0633\u062a\u0631 \u0639\u0631\u0628\u064a<\/a>\n    <\/div>\n    <div id=\"arabic-doctorat\" class=\"docs\">\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0639\u0631\u0628\u064a<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- \u0642\u0633\u0645 \u0627\u0644\u0641\u0646\u0648\u0646 -->\n  <button class=\"dept-btn\" onclick=\"toggleLevels('arts')\">\u0642\u0633\u0645 \u0627\u0644\u0641\u0646\u0648\u0646<\/button>\n  <div class=\"levels\" id=\"arts\">\n    <div class=\"levels-table\">\n      <div class=\"level-btn\" onclick=\"toggleDocs('arts-licence', this)\">\u0644\u064a\u0633\u0627\u0646\u0633<\/div>\n      <div class=\"level-btn\" onclick=\"toggleDocs('arts-master', this)\">\u0645\u0627\u0633\u062a\u0631<\/div>\n      <div class=\"level-btn\" onclick=\"toggleDocs('arts-doctorat', this)\">\u062f\u0643\u062a\u0648\u0631\u0627\u0647<\/div>\n    <\/div>\n    <div id=\"arts-licence\" class=\"docs\">\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0644\u064a\u0633\u0627\u0646\u0633 \u0641\u0646\u0648\u0646<\/a>\n    <\/div>\n    <div id=\"arts-master\" class=\"docs\">\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0645\u0627\u0633\u062a\u0631 \u0641\u0646\u0648\u0646<\/a>\n    <\/div>\n    <div id=\"arts-doctorat\" class=\"docs\">\n      <a href=\"#\">\ud83d\udcc4 \u062a\u062e\u0635\u0635 \u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0641\u0646\u0648\u0646<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  function toggleLevels(id) {\n    \/\/ \u0625\u062e\u0641\u0627\u0621 \u0628\u0627\u0642\u064a \u0627\u0644\u0623\u0642\u0633\u0627\u0645\n    document.querySelectorAll(\".levels\").forEach(div => div.style.display = \"none\");\n    document.querySelectorAll(\".docs\").forEach(div => div.style.display = \"none\");\n    document.querySelectorAll(\".level-btn\").forEach(btn => btn.classList.remove(\"active-level\"));\n\n    let el = document.getElementById(id);\n    el.style.display = \"block\";\n  }\n\n  function toggleDocs(id, btn) {\n    \/\/ \u0625\u062e\u0641\u0627\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u0648\u062b\u0627\u0626\u0642\n    document.querySelectorAll(\".docs\").forEach(div => div.style.display = \"none\");\n    document.querySelectorAll(\".level-btn\").forEach(b => b.classList.remove(\"active-level\"));\n\n    let el = document.getElementById(id);\n    el.style.display = \"block\";\n    btn.classList.add(\"active-level\"); \/\/ \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0644\u0648\u0646\n  }\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-2616c67 e-flex e-con-boxed e-con e-parent\" data-id=\"2616c67\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-86a6d6e elementor-widget elementor-widget-text-editor\" data-id=\"86a6d6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div style=\"text-align:center; margin:30px;\">\n  <a href=\"https:\/\/www.facebook.com\/share\/v\/17GzXdWvNx\/\" target=\"_blank\" \n     style=\"display:inline-block; \n            background: linear-gradient(135deg, #1877f2, #3b5998); \n            color: white; \n            font-size: 20px; \n            font-weight: bold; \n            padding: 15px 30px; \n            border-radius: 50px; \n            text-decoration: none; \n            box-shadow: 0 4px 10px rgba(0,0,0,0.3); \n            transition: transform 0.3s ease, background 0.3s ease;\">\n    \ud83c\udfac \u0634\u0627\u0647\u062f \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0639\u0644\u0649 \u0641\u064a\u0633\u0628\u0648\u0643\n  <\/a>\n<\/div>\n\n<style>\na:hover {\n  transform: scale(1.1);\n  background: linear-gradient(135deg, #3b5998, #1877f2);\n}\n<\/style>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-f395bbb e-flex e-con-boxed e-con e-parent\" data-id=\"f395bbb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-7c4c4d7 elementor-widget elementor-widget-text-editor\" data-id=\"7c4c4d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n<meta charset=\"UTF-8\">\n<title>\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0643\u0644\u064a\u0629<\/title>\n<style>\n  body {\n    font-family: \"Arial\", sans-serif;\n    margin: 0;\n    padding: 0;\n  }\n\n  .stats-section {\n    position: relative;\n    padding: 80px 20px;\n    text-align: center;\n    color: white;\n    overflow: hidden;\n  }\n\n  \/* \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0645\u0639 \u062a\u0623\u062b\u064a\u0631 blur *\/\n  .stats-section::before {\n    content: \"\";\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: url('https:\/\/images.unsplash.com\/photo-1561414927-2d9f6597c2aa?auto=format&fit=crop&w=1350&q=80') center\/cover no-repeat;\n    filter: blur(6px) brightness(0.6);\n    z-index: -1;\n  }\n\n  h2 {\n    font-size: 32px;\n    margin-bottom: 50px;\n    text-shadow: 2px 2px 8px rgba(0,0,0,0.5);\n  }\n\n  .stats-container {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n    max-width: 1000px;\n    margin: auto;\n  }\n\n  .stat-box {\n    background: rgba(255,255,255,0.1);\n    padding: 30px;\n    border-radius: 20px;\n    box-shadow: 0 6px 20px rgba(0,0,0,0.3);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    backdrop-filter: blur(5px);\n  }\n\n  .stat-box:hover {\n    transform: translateY(-10px) scale(1.05);\n    box-shadow: 0 12px 25px rgba(0,0,0,0.4);\n  }\n\n  .stat-icon {\n    font-size: 50px;\n    margin-bottom: 15px;\n    color: #ffd700;\n    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);\n  }\n\n  .stat-number {\n    font-size: 40px;\n    font-weight: bold;\n    margin-bottom: 10px;\n    text-shadow: 2px 2px 6px rgba(0,0,0,0.5);\n  }\n\n  .stat-title {\n    font-size: 18px;\n    color: #fff;\n    text-shadow: 1px 1px 4px rgba(0,0,0,0.5);\n  }\n\n  @media(max-width: 800px){\n    .stats-container {\n      grid-template-columns: 1fr;\n      gap: 30px;\n    }\n  }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"stats-section\">\n  <h2>\ud83d\udcca \u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a<\/h2>\n  <div class=\"stats-container\">\n    <div class=\"stat-box\">\n      <div class=\"stat-icon\">\ud83c\udf93<\/div>\n      <div class=\"stat-number\" data-target=\"20\">0<\/div>\n      <div class=\"stat-title\">\u0639\u062f\u062f \u0644\u064a\u0633\u0627\u0646\u0633<\/div>\n    <\/div>\n    <div class=\"stat-box\">\n      <div class=\"stat-icon\">\ud83d\udcd8<\/div>\n      <div class=\"stat-number\" data-target=\"15\">0<\/div>\n      <div class=\"stat-title\">\u0639\u062f\u062f \u0645\u0627\u0633\u062a\u0631<\/div>\n    <\/div>\n    <div class=\"stat-box\">\n      <div class=\"stat-icon\">\ud83c\udfc5<\/div>\n      <div class=\"stat-number\" data-target=\"1\">0<\/div>\n      <div class=\"stat-title\">\u0639\u062f\u062f \u062f\u0643\u062a\u0648\u0631\u0627\u0647<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nfunction animateCounters() {\n  const counters = document.querySelectorAll('.stat-number');\n  counters.forEach(counter => {\n    const target = +counter.getAttribute('data-target');\n    let count = 0;\n    const speed = 20; \/\/ \u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u062d\u062f\u064a\u062b\n    const step = () => {\n      const increment = Math.ceil(target \/ 100); \/\/ \u0632\u064a\u0627\u062f\u0629 \u062a\u062f\u0631\u064a\u062c\u064a\u0629\n      count += increment;\n      if(count > target) count = target;\n      counter.innerText = count;\n      if(count < target){\n        setTimeout(step, speed);\n      }\n    };\n    step();\n  });\n}\n\n\/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0639\u062f \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0646\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\nwindow.onload = animateCounters;\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0639\u0631\u0648\u0636 \u0627\u0644\u062a\u0643\u0648\u064a\u0646 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0639\u0631\u0648\u0636 \u0627\u0644\u062a\u0643\u0648\u064a\u0646 \u062d\u0633\u0628 \u0643\u0644 \u0642\u0633\u0645 \u0642\u0633\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0644\u064a\u0633\u0627\u0646\u0633 \u0645\u0627\u0633\u062a\u0631 \u062f\u0643\u062a\u0648\u0631\u0627\u0647 \ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0644\u064a\u0633\u0627\u0646\u0633 \u0625\u0646\u062c\u0644\u064a\u0632\u064a 1 \ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0644\u064a\u0633\u0627\u0646\u0633 \u0625\u0646\u062c\u0644\u064a\u0632\u064a 2 \ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0645\u0627\u0633\u062a\u0631 \u0625\u0646\u062c\u0644\u064a\u0632\u064a 1 \ud83d\udcc4 \u062a\u062e\u0635\u0635 \u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0642\u0633\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0641\u0631\u0646\u0633\u064a\u0629 \u0644\u064a\u0633\u0627\u0646\u0633 \u0645\u0627\u0633\u062a\u0631 \u062f\u0643\u062a\u0648\u0631\u0627\u0647 \ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0644\u064a\u0633\u0627\u0646\u0633 \u0641\u0631\u0646\u0633\u064a \ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0645\u0627\u0633\u062a\u0631 \u0641\u0631\u0646\u0633\u064a \ud83d\udcc4 \u062a\u062e\u0635\u0635 \u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0641\u0631\u0646\u0633\u064a \u0642\u0633\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0623\u0644\u0645\u0627\u0646\u064a\u0629 \u0644\u064a\u0633\u0627\u0646\u0633 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3880","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admflla","author_link":"https:\/\/www.univ-sba.dz\/lla\/author\/admflla\/"},"rttpg_comment":0,"rttpg_category":" <a href=\"https:\/\/www.univ-sba.dz\/lla\/\" rel=\"tag\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/a>","rttpg_excerpt":"\u0639\u0631\u0648\u0636 \u0627\u0644\u062a\u0643\u0648\u064a\u0646 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0639\u0631\u0648\u0636 \u0627\u0644\u062a\u0643\u0648\u064a\u0646 \u062d\u0633\u0628 \u0643\u0644 \u0642\u0633\u0645 \u0642\u0633\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0644\u064a\u0633\u0627\u0646\u0633 \u0645\u0627\u0633\u062a\u0631 \u062f\u0643\u062a\u0648\u0631\u0627\u0647 \ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0644\u064a\u0633\u0627\u0646\u0633 \u0625\u0646\u062c\u0644\u064a\u0632\u064a 1 \ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0644\u064a\u0633\u0627\u0646\u0633 \u0625\u0646\u062c\u0644\u064a\u0632\u064a 2 \ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0645\u0627\u0633\u062a\u0631 \u0625\u0646\u062c\u0644\u064a\u0632\u064a 1 \ud83d\udcc4 \u062a\u062e\u0635\u0635 \u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0642\u0633\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0641\u0631\u0646\u0633\u064a\u0629 \u0644\u064a\u0633\u0627\u0646\u0633 \u0645\u0627\u0633\u062a\u0631 \u062f\u0643\u062a\u0648\u0631\u0627\u0647 \ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0644\u064a\u0633\u0627\u0646\u0633 \u0641\u0631\u0646\u0633\u064a \ud83d\udcc4 \u062a\u062e\u0635\u0635 \u0645\u0627\u0633\u062a\u0631 \u0641\u0631\u0646\u0633\u064a \ud83d\udcc4 \u062a\u062e\u0635\u0635 \u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0641\u0631\u0646\u0633\u064a \u0642\u0633\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0623\u0644\u0645\u0627\u0646\u064a\u0629 \u0644\u064a\u0633\u0627\u0646\u0633\u2026","_links":{"self":[{"href":"https:\/\/www.univ-sba.dz\/lla\/wp-json\/wp\/v2\/pages\/3880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.univ-sba.dz\/lla\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.univ-sba.dz\/lla\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.univ-sba.dz\/lla\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.univ-sba.dz\/lla\/wp-json\/wp\/v2\/comments?post=3880"}],"version-history":[{"count":10,"href":"https:\/\/www.univ-sba.dz\/lla\/wp-json\/wp\/v2\/pages\/3880\/revisions"}],"predecessor-version":[{"id":3891,"href":"https:\/\/www.univ-sba.dz\/lla\/wp-json\/wp\/v2\/pages\/3880\/revisions\/3891"}],"wp:attachment":[{"href":"https:\/\/www.univ-sba.dz\/lla\/wp-json\/wp\/v2\/media?parent=3880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}