{"id":14088,"date":"2024-03-18T12:28:34","date_gmt":"2024-03-18T09:28:34","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=14088"},"modified":"2026-04-25T14:31:24","modified_gmt":"2026-04-25T11:31:24","slug":"%d8%a7%d9%84%d8%b7%d9%84%d8%a8%d8%a9-%d8%a7%d9%84%d8%a7%d9%88%d8%a7%d8%a6%d9%84","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=14088","title":{"rendered":"\u0627\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u0627\u0648\u0627\u0626\u0644"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n    <title>\u0644\u0648\u062d\u0629 \u0627\u0644\u0623\u0648\u0627\u0626\u0644 &#8211; \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n    \n    <style>\n        :root {\n            --bg:        #f0f4fa;\n            --surface:   rgba(255,255,255,0.97);\n            --border:    rgba(30,80,140,0.10);\n            --accent:    #1A4D8C;\n            --accent2:   #2e7fc0;\n            --text:      #1a2c3e;\n            --muted:     #6b8aab;\n            --radius:    1.6rem;\n            --orange:    #ffb347;\n        }\n\n        *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n        body {\n            background: var(--bg);\n            font-family: 'Cairo', sans-serif;\n            color: var(--text);\n            min-height: 100vh;\n            overflow-x: hidden;\n        }\n\n        \/* \u2500\u2500 3D LOGO & SCENE \u2500\u2500 *\/\n        .bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n        .bg-grid {\n            position: absolute; inset: 0;\n            background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px);\n            background-size: 56px 56px; animation: gridScroll 22s linear infinite;\n        }\n        @keyframes gridScroll { from { transform: perspective(700px) rotateX(28deg) translateY(0); } to { transform: perspective(700px) rotateX(28deg) translateY(56px); } }\n        \n        .logo-watermark { position: absolute; pointer-events: none; z-index: 0; }\n        .logo-center { top:50%; left:50%; transform:translate(-50%,-50%); }\n        .logo-top-right { top:4%; right:2%; }\n\n        .logo-3d-wrapper {\n            width:360px; height:360px;\n            animation: spin3D 25s linear infinite;\n            transform-style: preserve-3d; perspective: 800px;\n        }\n        .logo-3d-wrapper.logo-small { width:130px; height:130px; }\n        \n        @keyframes spin3D {\n            0% { transform: rotateY(0deg) rotateX(8deg); }\n            100% { transform: rotateY(360deg) rotateX(8deg); }\n        }\n\n        .logo-3d-img {\n            width:100%; height:100%; object-fit:contain;\n            opacity:.08; filter: saturate(0.5) brightness(0.8);\n            animation: logoPulse 4.5s ease-in-out infinite alternate;\n        }\n        @keyframes logoPulse { from{opacity:.04} to{opacity:.12} }\n\n        .particle {\n            position: fixed; border-radius:50%; pointer-events:none; z-index:0;\n            animation: floatP linear infinite; opacity:0;\n        }\n        @keyframes floatP {\n            0% { transform:translateY(100vh); opacity:0; }\n            50% { opacity:.4; }\n            100% { transform:translateY(-10vh); opacity:0; }\n        }\n\n        \/* \u2500\u2500 CONTENT \u2500\u2500 *\/\n        .page-wrap { position: relative; z-index:2; padding: 2.5rem 1.5rem; max-width: 1200px; margin: 0 auto; }\n        \n        .control-bar {\n            display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem;\n            background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n            padding: 1.5rem; margin-bottom: 2.5rem; backdrop-filter: blur(10px);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        }\n\n        .data-card {\n            background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n            margin-bottom: 1.5rem; overflow: hidden; transition: all 0.3s ease;\n        }\n\n        .card-header { padding: 1.2rem; background: rgba(26,77,140,0.03); display: flex; align-items: center; gap: 15px; border-bottom: 1px solid var(--border); }\n        .card-header i { font-size: 1.5rem; color: var(--accent2); }\n        \n        .dept-list { list-style: none; padding: 1.5rem; }\n        .dept-list li { padding: 0.8rem 0; border-bottom: 1px dashed var(--border); }\n        .dept-list a { color: var(--accent); text-decoration: none; font-weight: 700; transition: 0.3s; display: flex; align-items: center; gap: 10px; }\n        .dept-list a:hover { color: var(--orange); transform: translateX(-5px); }\n\n        .footer-note { text-align: center; margin-top: 3rem; color: var(--muted); font-weight: 700; border-top: 1px solid var(--border); padding-top: 20px; }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"bg-scene\">\n    <div class=\"bg-grid\"><\/div>\n    <div class=\"logo-watermark logo-center\">\n        <div class=\"logo-3d-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" class=\"logo-3d-img\" alt=\"Logo\">\n        <\/div>\n    <\/div>\n    <div class=\"logo-watermark logo-top-right\">\n        <div class=\"logo-3d-wrapper logo-small\">\n            <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" class=\"logo-3d-img\" alt=\"Logo\">\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"page-wrap\">\n    <div class=\"control-bar\">\n        <div>\n            <h1 style=\"color: var(--accent); font-size: 1.5rem;\">\u0623\u0631\u0634\u064a\u0641 \u0627\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u0623\u0648\u0627\u0626\u0644<\/h1>\n            <p style=\"color: var(--muted);\">\u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 &#8211; \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629<\/p>\n        <\/div>\n        <div style=\"background: var(--orange); color: #fff; padding: 8px 20px; border-radius: 50px; font-weight: bold;\">\n            5 \u0633\u0646\u0648\u0627\u062a \u062f\u0631\u0627\u0633\u064a\u0629\n        <\/div>\n    <\/div>\n\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px;\">\n        <div class=\"data-card\" data-tilt>\n            <div class=\"card-header\"><i class=\"fas fa-medal\"><\/i> <h3>\u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a 2020 &#8211; 2021<\/h3><\/div>\n            <ul class=\"dept-list\">\n                <li><a href=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2024\/03\/20202021.pdf\" target=\"_blank\"><i class=\"fas fa-file-pdf\"><\/i> \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 (PDF)<\/a><\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"data-card\" data-tilt>\n            <div class=\"card-header\"><i class=\"fas fa-medal\"><\/i> <h3>\u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a 2021 &#8211; 2022<\/h3><\/div>\n            <ul class=\"dept-list\">\n                <li><a href=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2024\/03\/20222021.pdf\" target=\"_blank\"><i class=\"fas fa-file-pdf\"><\/i> \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 (PDF)<\/a><\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"data-card\" data-tilt>\n            <div class=\"card-header\"><i class=\"fas fa-medal\"><\/i> <h3>\u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a 2022 &#8211; 2023<\/h3><\/div>\n            <ul class=\"dept-list\">\n                <li><a href=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2024\/03\/20222023.pdf\" target=\"_blank\"><i class=\"fas fa-file-pdf\"><\/i> \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 (PDF)<\/a><\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"data-card\" data-tilt>\n            <div class=\"card-header\"><i class=\"fas fa-link\"><\/i> <h3>\u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a 2023 &#8211; 2024<\/h3><\/div>\n            <ul class=\"dept-list\">\n                <li><a href=\"https:\/\/isa.atu.edu.iq\/?page_id=17036\" target=\"_blank\"><i class=\"fas fa-external-link-alt\"><\/i> \u0639\u0631\u0636 \u0627\u0644\u0623\u0633\u0645\u0627\u0621 (\u0648\u064a\u0628)<\/a><\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"data-card\" data-tilt>\n            <div class=\"card-header\"><i class=\"fas fa-star\"><\/i> <h3>\u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a 2024 &#8211; 2025<\/h3><\/div>\n            <ul class=\"dept-list\">\n                <li><a href=\"https:\/\/isa.atu.edu.iq\/?page_id=21208\" target=\"_blank\"><i class=\"fas fa-external-link-alt\"><\/i> \u0639\u0631\u0636 \u0627\u0644\u0623\u0633\u0645\u0627\u0621 (\u0648\u064a\u0628)<\/a><\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n\n    <div class=\"footer-note\">\n        \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629 \u00a9 2026 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Particle Generator\n    (function(){\n        for(let i = 0; i < 18; i++){\n            const p = document.createElement('div');\n            p.className = 'particle';\n            const s = Math.random() * 6 + 2;\n            p.style.cssText = `width:${s}px;height:${s}px;background:#2e7fc0;left:${Math.random()*100}vw;animation-duration:${Math.random()*12+6}s;animation-delay:${Math.random()*6}s;opacity:0.2;`;\n            document.body.appendChild(p);\n        }\n    })();\n\n    \/\/ 3D Tilt Effect\n    document.querySelectorAll('[data-tilt]').forEach(card => {\n        card.addEventListener('mousemove', e => {\n            const r = card.getBoundingClientRect();\n            const x = e.clientX - r.left;\n            const y = e.clientY - r.top;\n            const rX = ((y - r.height\/2) \/ (r.height\/2)) * -5;\n            const rY = ((x - r.width\/2) \/ (r.width\/2)) * 5;\n            card.style.transform = `perspective(1000px) rotateX(${rX}deg) rotateY(${rY}deg) translateY(-5px)`;\n            card.style.boxShadow = '0 15px 40px rgba(26,77,140,0.18)';\n        });\n        card.addEventListener('mouseleave', () => {\n            card.style.transform = '';\n            card.style.boxShadow = '';\n        });\n    });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0644\u0648\u062d\u0629 \u0627\u0644\u0623\u0648\u0627\u0626\u0644 &#8211; \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0623\u0631\u0634\u064a\u0641 \u0627\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u0623\u0648\u0627\u0626\u0644 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 &#8211; \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 5 \u0633\u0646\u0648\u0627\u062a \u062f\u0631\u0627\u0633\u064a\u0629 \u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a 2020 &#8211; 2021 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 (PDF) \u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a 2021 &#8211; 2022 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 (PDF) \u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a 2022 &#8211; 2023 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 (PDF) \u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a 2023 &#8211; 2024 \u0639\u0631\u0636 \u0627\u0644\u0623\u0633\u0645\u0627\u0621 (\u0648\u064a\u0628) \u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a 2024 &hellip; <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=14088\">Continued<\/a><\/p>\n","protected":false},"author":99908,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14088","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/14088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/99908"}],"replies":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14088"}],"version-history":[{"count":11,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/14088\/revisions"}],"predecessor-version":[{"id":22181,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/14088\/revisions\/22181"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}