{"id":21996,"date":"2026-04-23T11:04:22","date_gmt":"2026-04-23T08:04:22","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=21996"},"modified":"2026-05-31T13:22:50","modified_gmt":"2026-05-31T10:22:50","slug":"21996-2","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=21996","title":{"rendered":"\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u062c\u0627\u0645\u0639\u064a"},"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>\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a \u2014 \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=Sora:wght@300;400;500;600;700&#038;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    <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            --pill-bg:   rgba(230,243,255,0.85);\n            --pill-bdr:  #bcd5ee;\n            --radius:    1.6rem;\n        }\n\n        *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n        html { scroll-behavior: smooth; }\n\n        body {\n            background: var(--bg);\n            font-family: 'Sora', 'Cairo', system-ui, sans-serif;\n            color: var(--text);\n            min-height: 100vh;\n            overflow-x: hidden;\n        }\n\n        \/* \u2500\u2500 BACKGROUND \u2500\u2500 *\/\n        .bg-scene {\n            position: fixed; inset: 0; z-index: 0;\n            overflow: hidden; pointer-events: none;\n        }\n        .bg-grid {\n            position: absolute; inset: 0;\n            background-image:\n                linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px);\n            background-size: 56px 56px;\n            animation: gridScroll 22s linear infinite;\n        }\n        @keyframes gridScroll {\n            from { transform: perspective(700px) rotateX(28deg) translateY(0); }\n            to   { transform: perspective(700px) rotateX(28deg) translateY(56px); }\n        }\n        .bg-orb {\n            position: absolute; border-radius: 50%;\n            filter: blur(90px);\n            animation: orbFloat 9s ease-in-out infinite alternate;\n        }\n        .orb1 { width:520px;height:520px;background:rgba(180,200,230,.38);top:-170px;right:-130px;animation-delay:0s; }\n        .orb2 { width:360px;height:360px;background:rgba(155,185,220,.28);bottom:8%;left:3%;animation-delay:-4s; }\n        .orb3 { width:260px;height:260px;background:rgba(200,215,235,.30);top:38%;right:18%;animation-delay:-7s; }\n        @keyframes orbFloat {\n            from { transform: translate(0,0) scale(1); }\n            to   { transform: translate(28px,28px) scale(1.09); }\n        }\n\n        \/* \u2500\u2500 3-D LOGO WATERMARKS \u2500\u2500 *\/\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-left     { top:4%;  left:2%; }\n        .logo-bottom-right { bottom:4%; right:2%; }\n\n        .logo-3d-wrapper {\n            width:360px; height:360px;\n            animation: spin3D 18s linear infinite;\n            transform-style: preserve-3d;\n            perspective: 800px;\n        }\n        .logo-3d-wrapper.logo-small { width:130px; height:130px; }\n        .logo-3d-wrapper.logo-slow  { animation-duration:30s; animation-direction:reverse; }\n\n        @keyframes spin3D {\n            0%   { transform: rotateY(0deg)   rotateX(8deg); }\n            25%  { transform: rotateY(90deg)  rotateX(14deg) rotateZ(3deg); }\n            50%  { transform: rotateY(180deg) rotateX(8deg); }\n            75%  { transform: rotateY(270deg) rotateX(14deg) rotateZ(-3deg); }\n            100% { transform: rotateY(360deg) rotateX(8deg); }\n        }\n        .logo-3d-img {\n            width:100%; height:100%; object-fit:contain;\n            opacity:.09; mix-blend-mode:screen;\n            filter: saturate(.8) brightness(.85);\n            border-radius: 50%;\n            animation: logoPulse 4.5s ease-in-out infinite alternate;\n        }\n        .logo-small .logo-3d-img { opacity:.05; animation-name:logoPulseSmall; }\n\n        @keyframes logoPulse      { from{opacity:.06} to{opacity:.18} }\n        @keyframes logoPulseSmall { from{opacity:.03} to{opacity:.08} }\n\n        .logo-3d-wrapper::after, .logo-3d-wrapper::before {\n            content:''; position:absolute; border-radius:50%;\n            border:1px solid rgba(26,77,140,.15);\n            animation: ringPulse 3.2s ease-in-out infinite;\n            pointer-events:none;\n        }\n        .logo-3d-wrapper::after  { inset:-10px; }\n        .logo-3d-wrapper::before { inset:-26px; animation-delay:1.6s; }\n        @keyframes ringPulse {\n            0%,100%{transform:scale(1);opacity:.5}\n            50%{transform:scale(1.05);opacity:1}\n        }\n\n        \/* \u2500\u2500 FLOATING PARTICLES \u2500\u2500 *\/\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) rotate(0deg); opacity:0; }\n            10%  { opacity:.55; }\n            90%  { opacity:.55; }\n            100% { transform:translateY(-120px) rotate(360deg); opacity:0; }\n        }\n\n        \/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\n        .page-wrap {\n            position: relative; z-index:2;\n            padding: 2.5rem 1.5rem 3rem;\n            max-width: 1380px;\n            margin: 0 auto;\n        }\n\n        \/* \u2500\u2500 CONTROL BAR (same as faculty page) \u2500\u2500 *\/\n        .control-bar {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            gap: 1rem;\n            background: var(--surface);\n            border: 1px solid var(--border);\n            border-radius: var(--radius);\n            padding: 1rem 1.4rem;\n            margin-bottom: 2rem;\n            box-shadow: 0 4px 24px rgba(0,0,0,.08);\n            backdrop-filter: blur(6px);\n        }\n        .bar-left {\n            display: flex; align-items: center; gap: 0.9rem;\n        }\n        .bar-icon {\n            width: 44px; height: 44px;\n            background: linear-gradient(135deg, #1A4D8C, #2e7fc0);\n            border-radius: 12px;\n            display: flex; align-items: center; justify-content: center;\n            color: #fff; font-size: 1.1rem;\n            box-shadow: 0 4px 12px rgba(26,77,140,.3);\n            flex-shrink: 0;\n        }\n        .bar-title {\n            font-size: 1.08rem;\n            font-weight: 700;\n            color: var(--accent);\n            line-height: 1.3;\n        }\n        .bar-subtitle {\n            font-size: 0.75rem;\n            color: var(--muted);\n            font-weight: 400;\n        }\n        .bar-right {\n            display: flex; align-items: center; gap: 0.8rem;\n            flex-wrap: wrap;\n        }\n        .badge-count {\n            background: var(--pill-bg);\n            border: 1px solid var(--pill-bdr);\n            padding: 0.38rem 1rem;\n            border-radius: 60px;\n            font-size: 0.82rem;\n            font-weight: 700;\n            color: var(--accent);\n            white-space: nowrap;\n        }\n\n        \/* \u2500\u2500 CARDS GRID \u2500\u2500 *\/\n        .cards-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 2rem;\n        }\n\n        \/* \u2500\u2500 CALENDAR CARD \u2500\u2500 *\/\n        .calendar-card {\n            background: var(--surface);\n            border: 1px solid var(--border);\n            border-radius: var(--radius);\n            overflow: hidden;\n            box-shadow: 0 8px 32px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);\n            opacity: 0;\n            transform: translateY(36px);\n            animation: cardGlideUp 0.6s cubic-bezier(.2,.9,.4,1.1) forwards;\n            will-change: transform, box-shadow;\n            transition: box-shadow 0.3s ease, border-color 0.3s ease;\n            cursor: default;\n        }\n        .calendar-card:nth-child(1) { animation-delay: 0.08s; }\n        .calendar-card:nth-child(2) { animation-delay: 0.22s; }\n        .calendar-card:nth-child(3) { animation-delay: 0.36s; }\n\n        @keyframes cardGlideUp {\n            to { opacity:1; transform:translateY(0); }\n        }\n\n        \/* \u2500\u2500 CARD HEADER \u2500\u2500 *\/\n        .card-header {\n            background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98));\n            padding: 1.2rem 1.4rem 0.9rem;\n            border-bottom: 1.5px solid rgba(26,77,140,.10);\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 0.8rem;\n        }\n        .year-badge {\n            font-size: 1.75rem;\n            font-weight: 800;\n            color: #1f4e79;\n            letter-spacing: -1px;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            transition: transform 0.25s ease;\n        }\n        .year-badge i {\n            font-size: 1.55rem;\n            color: var(--accent2);\n            transition: transform 0.25s ease;\n        }\n        .calendar-card:hover .year-badge i {\n            transform: rotate(10deg) scale(1.08);\n        }\n        .card-tag {\n            background: var(--pill-bg);\n            border: 1px solid var(--pill-bdr);\n            padding: 0.3rem 0.9rem;\n            border-radius: 40px;\n            font-size: 0.78rem;\n            font-weight: 600;\n            color: var(--accent);\n            display: inline-flex; align-items: center; gap: 5px;\n        }\n\n        \/* \u2500\u2500 IMAGE AREA \u2500\u2500 *\/\n        .image-wrapper {\n            padding: 1.1rem 1.1rem 0.7rem;\n            background: #fefefe;\n        }\n        .image-link {\n            display: block;\n            overflow: hidden;\n            border-radius: 1.2rem;\n            background: #eef3fc;\n            box-shadow: 0 4px 16px rgba(0,0,0,.06);\n            transition: box-shadow 0.3s ease;\n        }\n        .image-link:hover {\n            box-shadow: 0 8px 28px rgba(26,77,140,.18);\n        }\n        .image-link img {\n            width: 100%;\n            height: auto;\n            max-height: 340px;\n            object-fit: contain;\n            display: block;\n            background: #f0f5fb;\n            border-radius: 1.2rem;\n            transition: transform 0.4s cubic-bezier(.2,.8,.4,1);\n        }\n        .calendar-card:hover .image-link img {\n            transform: scale(1.025);\n        }\n\n        \/* \u2500\u2500 CARD FOOTER \u2500\u2500 *\/\n        .card-footer {\n            padding: 0.9rem 1.4rem 1.5rem;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 0.7rem;\n            border-top: 1px solid rgba(0,0,0,.05);\n            background: rgba(248,251,255,.95);\n        }\n        .btn-view {\n            background: linear-gradient(95deg, #1f6392, #1e4f77);\n            border: none;\n            padding: 0.62rem 1.3rem;\n            border-radius: 2.5rem;\n            color: #fff;\n            font-weight: 600;\n            font-size: 0.85rem;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            cursor: pointer;\n            transition: all 0.25s;\n            text-decoration: none;\n            font-family: 'Sora', sans-serif;\n            box-shadow: 0 4px 10px rgba(26,77,140,.2);\n        }\n        .btn-view i { font-size: .9rem; transition: transform 0.2s; }\n        .btn-view:hover {\n            background: linear-gradient(95deg, #0f547e, #124067);\n            transform: translateY(-3px);\n            box-shadow: 0 10px 22px -6px rgba(0,60,100,.4);\n        }\n        .btn-view:hover i { transform: scale(1.15); }\n\n        .info-pill {\n            font-size: 0.78rem;\n            color: #4a627a;\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            background: var(--pill-bg);\n            border: 1px solid var(--pill-bdr);\n            padding: 0.3rem 0.85rem;\n            border-radius: 30px;\n        }\n        .info-pill i { font-size: .82rem; color: var(--accent2); }\n\n        \/* \u2500\u2500 FOOTER NOTE \u2500\u2500 *\/\n        .footer-note {\n            margin-top: 2.8rem;\n            text-align: center;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n            flex-wrap: wrap;\n            background: var(--surface);\n            border: 1px solid var(--border);\n            border-radius: 60px;\n            padding: 0.75rem 1.6rem;\n            width: fit-content;\n            margin-left: auto;\n            margin-right: auto;\n            font-size: 0.8rem;\n            color: var(--muted);\n            box-shadow: 0 2px 12px rgba(0,0,0,.05);\n        }\n        .footer-note i { color: var(--accent2); animation: pulseIcon 1.8s ease-in-out infinite alternate; }\n        @keyframes pulseIcon {\n            from { transform: scale(1); opacity: .7; }\n            to   { transform: scale(1.12); opacity: 1; }\n        }\n\n        \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n        @media (max-width: 700px) {\n            .page-wrap { padding: 1.2rem .9rem 2rem; }\n            .control-bar { padding: .85rem 1rem; }\n            .bar-title { font-size:.95rem; }\n            .bar-right { width:100%; }\n            .logo-3d-wrapper { width:190px; height:190px; }\n            .logo-3d-wrapper.logo-small { width:75px; height:75px; }\n            .cards-grid { gap: 1.4rem; }\n            .year-badge { font-size: 1.45rem; }\n        }\n\n        \/* scrollbar *\/\n        ::-webkit-scrollbar { width: 7px; }\n        ::-webkit-scrollbar-track { background: #e2e8f0; border-radius: 10px; }\n        ::-webkit-scrollbar-thumb { background: var(--accent2); border-radius: 10px; }\n    <\/style>\n<\/head>\n<body>\n\n<!-- \u2500\u2500 ANIMATED BACKGROUND \u2500\u2500 -->\n<div class=\"bg-scene\">\n    <div class=\"bg-grid\"><\/div>\n    <div class=\"bg-orb orb1\"><\/div>\n    <div class=\"bg-orb orb2\"><\/div>\n    <div class=\"bg-orb orb3\"><\/div>\n\n    <!-- 3-D SPINNING LOGO WATERMARKS -->\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\"\n                 onerror=\"this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 100 100%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%234a6fa5%22\/%3E%3C\/svg%3E'\"\n                 class=\"logo-3d-img\" alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u062c\u0627\u0645\u0639\u0629\">\n        <\/div>\n    <\/div>\n    <div class=\"logo-watermark logo-top-left\">\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\"\n                 onerror=\"this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 100 100%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%234a6fa5%22\/%3E%3C\/svg%3E'\"\n                 class=\"logo-3d-img\" alt=\"\">\n        <\/div>\n    <\/div>\n    <div class=\"logo-watermark logo-bottom-right\">\n        <div class=\"logo-3d-wrapper logo-small logo-slow\">\n            <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\"\n                 onerror=\"this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 100 100%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%234a6fa5%22\/%3E%3C\/svg%3E'\"\n                 class=\"logo-3d-img\" alt=\"\">\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- \u2500\u2500 PAGE WRAP \u2500\u2500 -->\n<div class=\"page-wrap\">\n\n    <!-- FLOATING CONTROL BAR -->\n    <div class=\"control-bar\">\n        <div class=\"bar-left\">\n            <div class=\"bar-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div>\n            <div>\n                <div class=\"bar-title\">\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a \u2014 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/div>\n                <div class=\"bar-subtitle\">\u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0633\u0646\u0648\u064a\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"bar-right\">\n            <div class=\"badge-count\">\n                <i class=\"fas fa-layer-group\"><\/i>&nbsp; 3 \u0633\u0646\u0648\u0627\u062a \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CARDS GRID -->\n    <div class=\"cards-grid\">\n\n        <!-- 2024 -->\n        <div class=\"calendar-card\" data-tilt>\n            <div class=\"card-header\">\n                <div class=\"year-badge\">\n                    <i class=\"fas fa-calendar-week\"><\/i> 2024\n                <\/div>\n                <div class=\"card-tag\"><i class=\"fas fa-star-of-life\"><\/i> \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/div>\n            <\/div>\n            <div class=\"image-wrapper\">\n                <a href=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2024\/09\/%D8%AA%D9%82%D9%88%D9%8A%D9%85-2024-1.png\"\n                   target=\"_blank\" rel=\"noopener noreferrer\" class=\"image-link\">\n                    <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2024\/09\/%D8%AA%D9%82%D9%88%D9%8A%D9%85-2024-1.png\"\n                         alt=\"\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a 2024\"\n                         loading=\"lazy\"\n                         onerror=\"this.onerror=null;this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 600 380%22%3E%3Crect width=%22600%22 height=%22380%22 fill=%22%23eef2fa%22\/%3E%3Ctext x=%2250%25%22 y=%2250%25%22 dominant-baseline=%22middle%22 text-anchor=%22middle%22 fill=%22%23355a7a%22 font-size=%2218%22 font-family=%22sans-serif%22%3E\u26a0 \u0635\u0648\u0631\u0629 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u063a\u064a\u0631 \u0645\u062a\u0648\u0641\u0631\u0629%3C\/text%3E%3C\/svg%3E';\">\n                <\/a>\n            <\/div>\n            <div class=\"card-footer\">\n                <a href=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2024\/09\/%D8%AA%D9%82%D9%88%D9%8A%D9%85-2024-1.png\"\n                   target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-view\">\n                    <i class=\"fas fa-expand-alt\"><\/i> \u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0643\u0627\u0645\u0644\u0627\u064b\n                <\/a>\n                <div class=\"info-pill\">\n                    <i class=\"fas fa-info-circle\"><\/i> \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0627\u0644\u0623\u0648\u0644 \u0648\u0627\u0644\u062b\u0627\u0646\u064a\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 2025 -->\n        <div class=\"calendar-card\" data-tilt>\n            <div class=\"card-header\">\n                <div class=\"year-badge\">\n                    <i class=\"fas fa-calendar-plus\"><\/i> 2025\n                <\/div>\n                <div class=\"card-tag\"><i class=\"fas fa-chart-line\"><\/i> \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/div>\n            <\/div>\n            <div class=\"image-wrapper\">\n                <a href=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2024\/09\/Capture.jpg\"\n                   target=\"_blank\" rel=\"noopener noreferrer\" class=\"image-link\">\n                    <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2024\/09\/Capture.jpg\"\n                         alt=\"\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a 2025\"\n                         loading=\"lazy\"\n                         onerror=\"this.onerror=null;this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 600 380%22%3E%3Crect width=%22600%22 height=%22380%22 fill=%22%23eef2fa%22\/%3E%3Ctext x=%2250%25%22 y=%2250%25%22 dominant-baseline=%22middle%22 text-anchor=%22middle%22 fill=%22%23355a7a%22 font-size=%2218%22 font-family=%22sans-serif%22%3E\ud83d\udcc5 \u0635\u0648\u0631\u0629 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u063a\u064a\u0631 \u0645\u062a\u0648\u0641\u0631\u0629%3C\/text%3E%3C\/svg%3E';\">\n                <\/a>\n            <\/div>\n            <div class=\"card-footer\">\n                <a href=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2024\/09\/Capture.jpg\"\n                   target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-view\">\n                    <i class=\"fas fa-expand-alt\"><\/i> \u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0643\u0627\u0645\u0644\u0627\u064b\n                <\/a>\n                <div class=\"info-pill\">\n                    <i class=\"fas fa-clock\"><\/i> \u0627\u0644\u0627\u0645\u062a\u062d\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0639\u0637\u0644 \u0627\u0644\u0631\u0633\u0645\u064a\u0629\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 2026 -->\n        <div class=\"calendar-card\" data-tilt>\n            <div class=\"card-header\">\n                <div class=\"year-badge\">\n                    <i class=\"fas fa-calendar-check\"><\/i> 2026\n                <\/div>\n                <div class=\"card-tag\"><i class=\"fas fa-rocket\"><\/i> \u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u062d\u0627\u0644\u064a<\/div>\n            <\/div>\n            <div class=\"image-wrapper\">\n                <a href=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/%D8%AA%D9%82%D9%88%D9%8A%D9%85.jpg\"\n                   target=\"_blank\" rel=\"noopener noreferrer\" class=\"image-link\">\n                    <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/%D8%AA%D9%82%D9%88%D9%8A%D9%85.jpg\"\n                         alt=\"\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a 2026\"\n                         loading=\"lazy\"\n                         onerror=\"this.onerror=null;this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 600 380%22%3E%3Crect width=%22600%22 height=%22380%22 fill=%22%23eef2fa%22\/%3E%3Ctext x=%2250%25%22 y=%2250%25%22 dominant-baseline=%22middle%22 text-anchor=%22middle%22 fill=%22%23355a7a%22 font-size=%2218%22 font-family=%22sans-serif%22%3E\ud83c\udf1f \u0627\u0644\u062a\u0642\u0648\u064a\u0645 2026 \u0642\u0631\u064a\u0628\u0627\u064b%3C\/text%3E%3C\/svg%3E';\">\n                <\/a>\n            <\/div>\n            <div class=\"card-footer\">\n                <a href=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/%D8%AA%D9%82%D9%88%D9%8A%D9%85.jpg\"\n                   target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-view\">\n                    <i class=\"fas fa-expand-alt\"><\/i> \u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0643\u0627\u0645\u0644\u0627\u064b\n                <\/a>\n                <div class=\"info-pill\">\n                    <i class=\"fas fa-microchip\"><\/i> \u062e\u0637\u0629 \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div><!-- \/cards-grid -->\n\n    <!-- FOOTER NOTE -->\n    <div class=\"footer-note\">\n        <i class=\"fas fa-sync-alt fa-fw\"><\/i>\n        \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062d\u062f\u064a\u062b \u0648\u0641\u0642\u0627\u064b \u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u062c\u0627\u0645\u0639\u0629\n        &nbsp;|&nbsp;\n        <i class=\"fas fa-hand-pointer\"><\/i>\n        \u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0635\u0648\u0631\u0629 \u0623\u0648 \u0627\u0644\u0632\u0631 \u0644\u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0643\u0627\u0645\u0644\u0627\u064b\n    <\/div>\n\n<\/div><!-- \/page-wrap -->\n\n<script>\n    \/* \u2500\u2500 PARTICLES \u2500\u2500 *\/\n    (function(){\n        const colors = ['#8faac8','#a2b9d6','#bfcfdf'];\n        for(let i = 0; i < 18; i++){\n            const el = document.createElement('div');\n            el.className = 'particle';\n            const s = Math.random() * 4 + 2;\n            el.style.cssText = `width:${s}px;height:${s}px;background:${colors[i%3]};left:${Math.random()*100}vw;animation-duration:${Math.random()*12+8}s;animation-delay:${Math.random()*10}s;`;\n            document.body.appendChild(el);\n        }\n    })();\n\n    \/* \u2500\u2500 INTERACTIVE 3-D TILT ON CARDS \u2500\u2500 *\/\n    document.querySelectorAll('.calendar-card[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 cx  = r.width  \/ 2;\n            const cy  = r.height \/ 2;\n            const rX  = ((y - cy) \/ cy) * 5;   \/\/ max \u00b15 deg\n            const rY  = ((x - cx) \/ cx) * -5;\n            card.style.transition = 'transform 0.08s ease, box-shadow 0.08s ease, border-color 0.3s ease';\n            card.style.transform  = `perspective(1000px) rotateX(${rX}deg) rotateY(${rY}deg) scale(1.02) translateY(-6px)`;\n            card.style.boxShadow  = `0 24px 48px -12px rgba(26,77,140,0.28)`;\n            card.style.borderColor = 'rgba(46,127,192,0.35)';\n        });\n        card.addEventListener('mouseleave', () => {\n            card.style.transition = 'transform 0.45s cubic-bezier(.2,.9,.4,1), box-shadow 0.45s ease, border-color 0.3s ease';\n            card.style.transform  = '';\n            card.style.boxShadow  = '';\n            card.style.borderColor = '';\n        });\n    });\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a \u2014 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a \u2014 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0633\u0646\u0648\u064a\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 &nbsp; 3 \u0633\u0646\u0648\u0627\u062a \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 2024 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0643\u0627\u0645\u0644\u0627\u064b \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0627\u0644\u0623\u0648\u0644 \u0648\u0627\u0644\u062b\u0627\u0646\u064a 2025 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0643\u0627\u0645\u0644\u0627\u064b \u0627\u0644\u0627\u0645\u062a\u062d\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0639\u0637\u0644 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 2026 \u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u062d\u0627\u0644\u064a \u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0643\u0627\u0645\u0644\u0627\u064b \u062e\u0637\u0629 \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062d\u062f\u064a\u062b \u0648\u0641\u0642\u0627\u064b \u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u062c\u0627\u0645\u0639\u0629 &nbsp;|&nbsp; &hellip; <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=21996\">Continued<\/a><\/p>\n","protected":false},"author":99900,"featured_media":22976,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21996","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/21996","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\/99900"}],"replies":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21996"}],"version-history":[{"count":5,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/21996\/revisions"}],"predecessor-version":[{"id":22081,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/21996\/revisions\/22081"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/media\/22976"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}