{"id":22079,"date":"2026-04-24T15:56:59","date_gmt":"2026-04-24T12:56:59","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=22079"},"modified":"2026-04-27T20:09:55","modified_gmt":"2026-04-27T17:09:55","slug":"22079-2","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=22079&lang=en","title":{"rendered":"Academic Calendar"},"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>Academic Calendar \u2014 Al-Samawa Technical Institute<\/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=\"University Logo\">\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\">Academic Calendar \u2014 Al-Samawa Technical Institute<\/div>\n                <div class=\"bar-subtitle\">Annual Academic Schedules &amp; Key Dates<\/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 Academic Years\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> Academic Year<\/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=\"Academic Calendar 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 Calendar image unavailable%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> View Full Calendar\n                <\/a>\n                <div class=\"info-pill\">\n                    <i class=\"fas fa-info-circle\"><\/i> Semester 1 &amp; 2\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> Academic Year<\/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=\"Academic Calendar 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 Calendar image unavailable%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> View Full Calendar\n                <\/a>\n                <div class=\"info-pill\">\n                    <i class=\"fas fa-clock\"><\/i> Exams &amp; Holidays\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> Current Year<\/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=\"Academic Calendar 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 Calendar 2026 Coming Soon%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> View Full Calendar\n                <\/a>\n                <div class=\"info-pill\">\n                    <i class=\"fas fa-microchip\"><\/i> Advanced Academic Plan\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        Calendar dates are subject to update per university announcements\n        &nbsp;|&nbsp;\n        <i class=\"fas fa-hand-pointer\"><\/i>\n        Click any card image or button to preview in full\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","protected":false},"excerpt":{"rendered":"<p>Academic Calendar \u2014 Al-Samawa Technical Institute Academic Calendar \u2014 Al-Samawa Technical Institute Annual Academic Schedules &amp; Key Dates &nbsp; 3 Academic Years 2024 Academic Year View Full Calendar Semester 1 &amp; 2 2025 Academic Year View Full Calendar Exams &amp; Holidays 2026 Current Year View Full Calendar Advanced Academic Plan Calendar dates are subject to &hellip; <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22079&#038;lang=en\">Continued<\/a><\/p>\n","protected":false},"author":99900,"featured_media":20442,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22079","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22079","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=22079"}],"version-history":[{"count":2,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22079\/revisions"}],"predecessor-version":[{"id":22375,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22079\/revisions\/22375"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/media\/20442"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}