Information Technology Division | Al-Samawa Technical Institute<\/title>\n <meta name=\"description\" content=\"Information Technology Division at Al-Samawa Technical Institute - Vision, Mission, Objectives, Organizational Structure, and Members.\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #4a6fa5;\n --primary-light: #5a85c0;\n --accent: #5b8dd9;\n --accent2: #7ab3e0;\n --dark: #f0f2f5;\n --dark2: #e4e8ed;\n --glass: rgba(255,255,255,0.7);\n --glass-border: rgba(90,133,192,0.25);\n --text: #1e2a38;\n --text-muted: #4a6078;\n --glow: 0 0 30px rgba(90,133,192,0.2);\n }\n * { margin:0; padding:0; box-sizing:border-box; }\n\n body {\n font-family: 'Cairo', sans-serif;\n background: #edf0f4;\n color: #1e2a38;\n overflow-x: hidden;\n min-height: 100vh;\n }\n\n \/* \u2500\u2500 ANIMATED BG \u2500\u2500 *\/\n .bg-scene {\n position: fixed;\n inset: 0;\n z-index: 0;\n overflow: hidden;\n }\n .bg-grid {\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(rgba(90,133,192,0.08) 1px, transparent 1px),\n linear-gradient(90deg, rgba(90,133,192,0.08) 1px, transparent 1px);\n background-size: 60px 60px;\n animation: gridScroll 20s linear infinite;\n }\n @keyframes gridScroll {\n 0% { transform: perspective(600px) rotateX(30deg) translateY(0); }\n 100% { transform: perspective(600px) rotateX(30deg) translateY(60px); }\n }\n .bg-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n animation: orbFloat 8s ease-in-out infinite alternate;\n }\n .orb1 { width:500px; height:500px; background:rgba(180,195,220,0.5); top:-150px; right:-100px; animation-delay:0s; }\n .orb2 { width:350px; height:350px; background:rgba(160,185,215,0.35); bottom:10%; left:5%; animation-delay:-3s; }\n .orb3 { width:250px; height:250px; background:rgba(200,210,225,0.4); top:40%; right:20%; animation-delay:-6s; }\n @keyframes orbFloat {\n from { transform: translate(0,0) scale(1); }\n to { transform: translate(30px,30px) scale(1.1); }\n }\n\n \/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\n .container { max-width:1300px; margin:0 auto; padding:0 24px; position:relative; z-index:1; }\n .page-content { display:flex; flex-wrap:wrap; gap:32px; margin:32px 0 60px; }\n .main-col { flex:3; min-width:280px; }\n .sidebar { flex:1; min-width:250px; }\n\n \/* \u2500\u2500 HERO HEADER \u2500\u2500 *\/\n .hero {\n position: relative;\n padding: 60px 0 30px;\n text-align: center;\n perspective: 1000px;\n }\n .hero-title {\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 900;\n line-height: 1.1;\n background: linear-gradient(135deg, #1e2a38 0%, #4a6fa5 50%, #5b8dd9 100%);\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n background-size: 200% 200%;\n animation: gradientShift 4s ease infinite, heroEntrance 0.8s cubic-bezier(.22,1,.36,1) forwards;\n opacity: 0;\n transform: translateY(30px) rotateX(-15deg);\n transform-style: preserve-3d;\n }\n @keyframes gradientShift {\n 0%,100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n @keyframes heroEntrance {\n to { opacity:1; transform:translateY(0) rotateX(0deg); }\n }\n .hero-subtitle {\n font-size:1rem; color:var(--text-muted); margin-top:10px;\n animation: fadeUp 0.8s 0.3s ease forwards; opacity:0; transform:translateY(20px);\n }\n .hero-line {\n width:120px; height:3px; margin:20px auto 0;\n background: linear-gradient(90deg, transparent, #4a6fa5, #5b8dd9, transparent);\n border-radius:2px;\n animation: lineExpand 1s 0.6s ease forwards; transform:scaleX(0);\n }\n @keyframes lineExpand { to { transform:scaleX(1); } }\n @keyframes fadeUp { to { opacity:1; transform:translateY(0); } }\n\n \/* \u2500\u2500 GLASS CARD \u2500\u2500 *\/\n .card {\n background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(240,244,250,0.85));\n border: 1px solid var(--glass-border);\n border-radius: 24px;\n padding: 28px 32px;\n margin-bottom: 28px;\n backdrop-filter: blur(12px);\n position: relative;\n overflow: hidden;\n transform-style: preserve-3d;\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n animation: cardReveal 0.6s ease forwards;\n opacity: 0;\n }\n .card::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(90,133,192,0.04) 0%, transparent 60%);\n border-radius: inherit;\n pointer-events: none;\n }\n .card::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: conic-gradient(transparent 0deg, rgba(90,133,192,0.04) 60deg, transparent 120deg);\n animation: cardSpin 12s linear infinite;\n pointer-events: none;\n }\n @keyframes cardSpin { to { transform: rotate(360deg); } }\n @keyframes cardReveal { to { opacity:1; } }\n .card:hover {\n transform: translateY(-6px) rotateX(2deg);\n box-shadow: 0 30px 60px rgba(90,133,192,0.15), var(--glow);\n border-color: rgba(90,133,192,0.45);\n }\n\n \/* \u2500\u2500 SECTION TITLES \u2500\u2500 *\/\n .section-title {\n font-size: 1.4rem;\n font-weight: 800;\n margin: 2rem 0 1.2rem;\n display: flex;\n align-items: center;\n gap: 10px;\n color: #1e2a38;\n }\n .section-title .icon-badge {\n font-size: 1.2rem;\n background: linear-gradient(135deg, #4a6fa5, #5b8dd9);\n padding: 6px 10px;\n border-radius: 10px;\n border: 1px solid rgba(90,133,192,0.25);\n box-shadow: 0 4px 15px rgba(90,133,192,0.2);\n }\n .section-title .line {\n flex: 1;\n height: 1px;\n background: linear-gradient(90deg, rgba(90,133,192,0.3), transparent);\n }\n\n p { margin-bottom: 1rem; color: #4a6078; line-height: 1.8; }\n\n \/* \u2500\u2500 PROFILE UNIT \u2500\u2500 *\/\n .profile-unit {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 28px;\n background: linear-gradient(135deg, rgba(210,222,240,0.7), rgba(230,238,250,0.6));\n border: 1px solid rgba(90,133,192,0.25);\n border-radius: 20px;\n padding: 24px;\n margin-bottom: 28px;\n position: relative;\n overflow: hidden;\n animation: profileSlide 0.7s 0.2s ease forwards;\n opacity: 0;\n transform: translateX(30px);\n }\n @keyframes profileSlide { to { opacity:1; transform:translateX(0); } }\n .profile-unit::before {\n content: '';\n position: absolute;\n width: 200px; height: 200px;\n background: radial-gradient(circle, rgba(90,133,192,0.12), transparent 70%);\n top: -50px; right: -50px;\n border-radius: 50%;\n animation: pulseSoft 3s ease-in-out infinite;\n }\n @keyframes pulseSoft {\n 0%,100% { transform: scale(1); opacity:0.5; }\n 50% { transform: scale(1.3); opacity:1; }\n }\n .profile-img-wrapper {\n position: relative;\n flex-shrink: 0;\n }\n .profile-img-wrapper::before {\n content: '';\n position: absolute;\n inset: -4px;\n border-radius: 50%;\n background: conic-gradient(#5b8dd9, #7ab3e0, #4a6fa5, #5b8dd9);\n animation: spinBorder 3s linear infinite;\n z-index: 0;\n }\n @keyframes spinBorder { to { transform: rotate(360deg); } }\n .profile-img {\n width: 120px; height: 120px;\n border-radius: 50%;\n object-fit: cover;\n border: 4px solid #e8edf5;\n position: relative;\n z-index: 1;\n display: block;\n }\n .profile-info strong { color: #4a6fa5; }\n .email-link { color: #4a6fa5; font-weight: 600; text-decoration: none; }\n .email-link:hover { color: var(--accent2); }\n\n \/* \u2500\u2500 MEMBER TAGS \u2500\u2500 *\/\n .members-list { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0; }\n .member-tag {\n background: linear-gradient(135deg, rgba(210,225,245,0.9), rgba(225,235,252,0.8));\n border: 1px solid rgba(90,133,192,0.25);\n padding: 8px 16px;\n border-radius: 40px;\n font-size: 0.88rem;\n font-weight: 600;\n color: #1e2a38;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n cursor: default;\n transition: all 0.3s;\n position: relative;\n overflow: hidden;\n }\n .member-tag::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(90deg, transparent, rgba(90,133,192,0.15), transparent);\n transform: translateX(-100%);\n }\n .member-tag:hover::before { animation: shimmer 0.6s ease forwards; }\n @keyframes shimmer { to { transform: translateX(100%); } }\n .member-tag:hover { border-color: #4a6fa5; box-shadow: 0 0 16px rgba(90,133,192,0.2); transform: translateY(-2px); }\n .member-role {\n font-size: 0.68rem;\n font-weight: 700;\n background: linear-gradient(135deg, #4a6fa5, #5b8dd9);\n padding: 3px 10px;\n border-radius: 30px;\n color: white;\n }\n\n \/* \u2500\u2500 UNITS GRID (3D CARDS) \u2500\u2500 *\/\n .units-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-top: 20px;\n perspective: 1200px;\n }\n .unit-card {\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(235,243,255,0.9));\n border: 1px solid rgba(90,133,192,0.18);\n border-radius: 20px;\n padding: 22px;\n cursor: default;\n transition: all 0.4s cubic-bezier(.22,1,.36,1);\n transform-style: preserve-3d;\n position: relative;\n overflow: hidden;\n animation: cardReveal 0.6s ease forwards;\n opacity: 0;\n }\n .unit-card:nth-child(1) { animation-delay:0.1s; }\n .unit-card:nth-child(2) { animation-delay:0.2s; }\n .unit-card:nth-child(3) { animation-delay:0.3s; }\n .unit-card:nth-child(4) { animation-delay:0.4s; }\n .unit-card:nth-child(5) { animation-delay:0.5s; }\n .unit-card::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 2px;\n background: linear-gradient(90deg, #5b8dd9, #7ab3e0);\n transform: scaleX(0);\n transition: transform 0.3s ease;\n }\n .unit-card:hover { transform: translateY(-10px) rotateX(5deg) rotateY(-2deg); box-shadow: 0 25px 50px rgba(90,133,192,0.15), 0 0 30px rgba(90,133,192,0.1); border-color: rgba(90,133,192,0.4); }\n .unit-card:hover::after { transform: scaleX(1); }\n .unit-card h4 { font-size:1.05rem; font-weight:800; margin-bottom:10px; color:var(--text); display:flex; align-items:center; gap:8px; }\n .unit-card p { font-size:0.85rem; }\n\n \/* \u2500\u2500 BTN \u2500\u2500 *\/\n .btn {\n display: inline-block;\n background: linear-gradient(135deg, #4a6fa5, #5b8dd9);\n color: white;\n padding: 7px 18px;\n border-radius: 40px;\n text-decoration: none;\n font-weight: 700;\n font-size: 0.82rem;\n transition: all 0.3s;\n border: 1px solid rgba(90,133,192,0.22);\n position: relative;\n overflow: hidden;\n margin-top: 8px;\n }\n .btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #4a6fa5, #5b8dd9);\n opacity: 0;\n transition: opacity 0.3s;\n border-radius: inherit;\n }\n .btn span { position: relative; z-index: 1; }\n .btn:hover::before { opacity: 1; }\n .btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,212,255,0.3); color: #fff; }\n\n \/* \u2500\u2500 HIGHLIGHT BOX \u2500\u2500 *\/\n .highlight-box {\n background: linear-gradient(135deg, rgba(210,225,245,0.8), rgba(228,238,255,0.7));\n border: 1px solid rgba(90,133,192,0.25);\n border-right: 4px solid var(--accent);\n padding: 20px 24px;\n border-radius: 16px;\n margin: 24px 0;\n position: relative;\n overflow: hidden;\n }\n .highlight-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 1px;\n background: linear-gradient(90deg, transparent, #5b8dd9, transparent);\n animation: scanLine 3s ease-in-out infinite;\n }\n @keyframes scanLine {\n 0%,100% { transform: translateX(-100%); }\n 50% { transform: translateX(100%); }\n }\n .highlight-box a { color: #4a6fa5; }\n\n \/* \u2500\u2500 INFO GRID \u2500\u2500 *\/\n .info-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(250px,1fr)); gap:20px; margin:24px 0; }\n .info-card {\n background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(230,240,255,0.85));\n border: 1px solid rgba(90,133,192,0.15);\n border-radius: 16px;\n padding: 20px;\n transition: all 0.35s cubic-bezier(.22,1,.36,1);\n transform-style: preserve-3d;\n animation: cardReveal 0.6s ease forwards;\n opacity: 0;\n }\n .info-card:hover { transform: translateY(-6px) rotateX(3deg); border-color: rgba(90,133,192,0.35); box-shadow: 0 20px 40px rgba(90,133,192,0.12), var(--glow); }\n .info-card h4 { font-weight:800; margin-bottom:10px; color:var(--accent); }\n\n \/* \u2500\u2500 SIDEBAR WIDGET \u2500\u2500 *\/\n .widget {\n background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(235,242,252,0.8));\n border: 1px solid rgba(90,133,192,0.18);\n border-radius: 20px;\n padding: 22px 24px;\n margin-bottom: 24px;\n backdrop-filter: blur(8px);\n transition: all 0.3s;\n animation: cardReveal 0.7s ease forwards;\n opacity: 0;\n position: relative;\n overflow: hidden;\n }\n .widget::before {\n content: '';\n position: absolute;\n top: 0; right: 0;\n width: 80px; height: 80px;\n background: radial-gradient(circle, rgba(90,133,192,0.12), transparent 70%);\n pointer-events: none;\n }\n .widget:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(90,133,192,0.12), 0 0 20px rgba(90,133,192,0.08); border-color: rgba(90,133,192,0.3); }\n .widget h3 {\n font-size: 1.1rem;\n font-weight: 800;\n margin-bottom: 16px;\n color: #1e2a38;\n border-right: 3px solid #5b8dd9;\n padding-right: 12px;\n }\n .widget ul { list-style:none; }\n .widget li { margin-bottom: 10px; }\n .widget li a {\n text-decoration: none;\n color: #4a6078;\n font-weight: 500;\n font-size: 0.9rem;\n transition: all 0.2s;\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 6px 8px;\n border-radius: 8px;\n }\n .widget li a:hover { color: #4a6fa5; background: rgba(0,212,255,0.06); padding-right: 14px; }\n .widget p { font-size:0.88rem; margin-bottom:8px; }\n\n \/* course list *\/\n .course-list { list-style: none; margin: 0; }\n .course-list li {\n display: flex;\n align-items: baseline;\n gap: 10px;\n padding: 12px 0;\n border-bottom: 1px solid rgba(90,133,192,0.12);\n font-size: 0.85rem;\n line-height: 1.5;\n }\n .course-list li:last-child { border-bottom: none; }\n .course-date {\n font-weight: 800;\n color: #4a6fa5;\n background: rgba(90,133,192,0.1);\n padding: 4px 8px;\n border-radius: 12px;\n font-size: 0.7rem;\n white-space: nowrap;\n }\n .course-title { color: #1e2a38; font-weight: 600; flex:1; }\n\n \/* quick links *\/\n .quick-links { display:flex; flex-direction:column; gap:8px; }\n .quick-link-item {\n border-radius: 12px;\n transition: all 0.25s;\n overflow: hidden;\n }\n .quick-link-item a {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 9px 12px;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.88rem;\n color: #4a6078;\n background: rgba(240,245,255,0.8);\n border: 1px solid rgba(90,133,192,0.12);\n border-radius: 12px;\n transition: all 0.25s;\n }\n .quick-link-item:hover a { color: #4a6fa5; background: rgba(0,212,255,0.08); border-color: rgba(0,212,255,0.2); transform: translateX(-4px); }\n\n hr { margin:24px 0; border:0; height:1px; background: linear-gradient(90deg, transparent, rgba(90,133,192,0.2), transparent); }\n ul { margin-left: 20px; }\n ul li { margin-bottom: 8px; color: #4a6078; font-size: 0.95rem; line-height: 1.7; }\n ul li::marker { color: #4a6fa5; }\n\n \/* particles & counters *\/\n .particle { position: fixed; border-radius: 50%; pointer-events: none; z-index: 0; animation: floatParticle linear infinite; opacity: 0; }\n @keyframes floatParticle {\n 0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n 100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n }\n .stat-bar { display: flex; gap: 16px; flex-wrap: wrap; margin: 20px 0; }\n .stat-item { flex:1; min-width:120px; background: linear-gradient(135deg, rgba(210,225,245,0.85), rgba(225,238,255,0.75)); border:1px solid rgba(90,133,192,0.22); border-radius:16px; padding:16px; text-align:center; transition: all 0.3s; }\n .stat-item:hover { transform: translateY(-4px) scale(1.03); box-shadow: var(--glow); }\n .stat-num { font-size:2rem; font-weight:900; background:linear-gradient(135deg,#4a6fa5,#5b8dd9); background-clip:text; -webkit-background-clip:text; color:transparent; display:block; }\n .stat-label { font-size:0.78rem; color:#4a6078; font-weight:600; }\n\n \/* 3D logos *\/\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:8%; left:5%; }\n .logo-bottom-right { bottom:8%; right:3%; }\n .logo-3d-wrapper { width:380px; height:380px; animation: spin3D 18s linear infinite; transform-style: preserve-3d; perspective:800px; position:relative; }\n .logo-3d-wrapper.logo-small { width:160px; height:160px; }\n .logo-3d-wrapper.logo-slow { animation-duration:28s; animation-direction:reverse; }\n @keyframes spin3D {\n 0% { transform: rotateY(0deg) rotateX(8deg); }\n 25% { transform: rotateY(90deg) rotateX(15deg) rotateZ(3deg); }\n 50% { transform: rotateY(180deg) rotateX(8deg); }\n 75% { transform: rotateY(270deg) rotateX(15deg) rotateZ(-3deg); }\n 100% { transform: rotateY(360deg) rotateX(8deg); }\n }\n .logo-3d-img { width:100%; height:100%; object-fit: contain; opacity: 0.08; mix-blend-mode: screen; filter: hue-rotate(0deg) saturate(0.8) brightness(0.85); border-radius: 50%; animation: logoPulse 4s ease-in-out infinite alternate; }\n .logo-small .logo-3d-img { opacity:0.045; animation-name:logoPulseSmall; }\n @keyframes logoPulse { from { opacity:0.06; } to { opacity:0.18; } }\n @keyframes logoPulseSmall { from { opacity:0.03; } to { opacity:0.07; } }\n .logo-3d-wrapper::after { content:''; position:absolute; inset:-10px; border-radius:50%; border:1px solid rgba(90,133,192,0.2); animation:ringPulse 3s ease-in-out infinite; pointer-events:none; }\n .logo-3d-wrapper::before { content:''; position:absolute; inset:-25px; border-radius:50%; border:1px solid rgba(90,133,192,0.1); animation:ringPulse 3s 1.5s ease-in-out infinite; pointer-events:none; }\n @keyframes ringPulse { 0%,100% { transform:scale(1); opacity:0.5; } 50% { transform:scale(1.05); opacity:1; } }\n @media (max-width: 780px) { .logo-3d-wrapper { width:220px; height:220px; } .logo-3d-wrapper.logo-small { width:100px; height:100px; } .container { padding: 0 14px; } .page-content { flex-direction: column; } .hero-title { font-size: 2rem; } .profile-unit { flex-direction: column; text-align: center; } .profile-img-wrapper { margin: 0 auto; } }\n <\/style>\n <script>const LOGO_DATA_URL = \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\";<\/script>\n<\/head>\n<body>\n<div class=\"bg-scene\">\n <div class=\"bg-grid\"><\/div>\n <div class=\"bg-orb orb1\"><\/div><div class=\"bg-orb orb2\"><\/div><div class=\"bg-orb orb3\"><\/div>\n <div class=\"logo-watermark logo-center\"><div class=\"logo-3d-wrapper\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.src='data:image\/png;base64,'\" class=\"logo-3d-img logo-img-uploaded\" alt=\"ATU Logo\"><\/div><\/div>\n <div class=\"logo-watermark logo-top-left\"><div class=\"logo-3d-wrapper logo-small\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.src='data:image\/png;base64,'\" class=\"logo-3d-img logo-img-uploaded\" alt=\"ATU Logo\"><\/div><\/div>\n <div class=\"logo-watermark logo-bottom-right\"><div class=\"logo-3d-wrapper logo-small logo-slow\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.src='data:image\/png;base64,'\" class=\"logo-3d-img logo-img-uploaded\" alt=\"ATU Logo\"><\/div><\/div>\n<\/div>\n<div class=\"container\">\n <div class=\"hero\"><h1 class=\"hero-title\">Information Technology Division<\/h1><p class=\"hero-subtitle\">Al-Samawa Technical Institute \u2014 Al-Furat Al-Awsat Technical University<\/p><div class=\"hero-line\"><\/div><\/div>\n <div class=\"stat-bar\"><div class=\"stat-item\"><span class=\"stat-num\" data-target=\"11\">0<\/span><span class=\"stat-label\">Computer Labs<\/span><\/div><div class=\"stat-item\"><span class=\"stat-num\" data-target=\"5\">0<\/span><span class=\"stat-label\">Main Units<\/span><\/div><div class=\"stat-item\"><span class=\"stat-num\" data-target=\"1989\">0<\/span><span class=\"stat-label\">Year Founded<\/span><\/div><div class=\"stat-item\"><span class=\"stat-num\" data-target=\"500\">0<\/span><span class=\"stat-label\">Network Speed (Mbps)<\/span><\/div><\/div>\n <div class=\"page-content\">\n <div class=\"main-col\">\n <div class=\"card tilt-card\">\n <div class=\"profile-unit\">\n <div class=\"profile-img-wrapper\"><img decoding=\"async\" class=\"profile-img\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/salah.jpg\" alt=\"Prof. Dr. Salah Mohammed Awwad\" onerror=\"this.src='https:\/\/placehold.co\/120x120\/0a4a63\/00d4ff?text=IT'\"><\/div>\n <div class=\"profile-info\"><p><strong>Division Head:<\/strong> Prof. Dr. Salah Mohammed Awwad<\/p><p><strong>Position:<\/strong> Lecturer \/ Division Head<\/p><p><strong>Official Email:<\/strong> <a href=\"mailto:web.isa@atu.edu.iq\" class=\"email-link\">web.isa@atu.edu.iq<\/a><\/p><p><strong>\ud83d\udcde Technical Support:<\/strong> 0780123****<\/p><\/div>\n <\/div>\n <div class=\"section-title\"><span class=\"icon-badge\">\ud83d\udc65<\/span>Division Members & Responsibilities<span class=\"line\"><\/span><\/div>\n <div class=\"members-list\"><span class=\"member-tag\">Ghufran Hussein Ajil <span class=\"member-role\">Website<\/span><\/span><span class=\"member-tag\">Mahdia Abdullah Jabbar <span class=\"member-role\">Admin Affairs<\/span><\/span><span class=\"member-tag\">Mariam Noor Naji <span class=\"member-role\">Systems & Software<\/span><\/span><span class=\"member-tag\">Ahmed Jawad Kadhim <span class=\"member-role\">Computer & Network Maintenance<\/span><\/span><\/div>\n <div class=\"section-title\"><span class=\"icon-badge\">\ud83d\udccb<\/span>About the IT Division<span class=\"line\"><\/span><\/div>\n <p>The IT Division is the executive and service interface of the institution, responsible for managing and maintaining vital facilities and providing technical and logistical support. It was established in 1989 as the Electronic Computing Center and is one of the most important divisions due to its impact on the institution’s operations amid current technological developments.<\/p>\n <ul><li>Organizing workshops and courses on computer installation, operation, and maintenance.<\/li><li>Designing, developing, and managing the official website.<\/li><li>Providing university emails for all faculty, staff, and students.<\/li><li>Implementing the fiber optic network connecting all academic departments and units.<\/li><li>Equipping labs with high-speed internal networks.<\/li><li>Installing a camera network covering all institute buildings linked via fiber optics.<\/li><li>Conducting efficiency courses and postgraduate entrance exams.<\/li><li>The division is an INELT (National English Language Testing) center.<\/li><\/ul>\n <hr>\n <div class=\"section-title\"><span class=\"icon-badge\">\ud83d\udc41\ufe0f<\/span>Vision<span class=\"line\"><\/span><\/div><p>To become a center of excellence and scientific innovation to improve education quality by providing an advanced technological environment and using cutting-edge e\u2011software.<\/p>\n <div class=\"section-title\"><span class=\"icon-badge\">\ud83c\udfaf<\/span>Mission<span class=\"line\"><\/span><\/div><p>The IT Division supports digital transformation by offering e\u2011services to employees and students, enhancing institutional performance, accelerating task completion, and ensuring effective communication.<\/p>\n <div class=\"section-title\"><span class=\"icon-badge\">\ud83c\udfc6<\/span>Objectives<span class=\"line\"><\/span><\/div>\n <ul><li>Qualify technical cadres for administrative work in government and private sectors.<\/li><li>Develop computer applications and software for state and private institutions.<\/li><li>Prepare and operate computer software according to scientific and administrative department requirements.<\/li><li>Maintain, program, and update computer systems.<\/li><li>Train students on modern curricula like Office applications and AI.<\/li><li>Install and maintain communication networks.<\/li><li>Excel in IT to meet community needs.<\/li><li>Equip individuals with skills aligned with labor market demands.<\/li><\/ul>\n <div class=\"highlight-box\"><strong style=\"color:var(--accent);\">\ud83d\udce2 Official Division Email:<\/strong> web.isa@atu.edu.iq<br><br><strong>\u26a1 Useful Links:<\/strong><br>\ud83d\udcd8 <a href=\"https:\/\/drive.google.com\" target=\"_blank\">Educational Team Platform<\/a> | \ud83d\udca1 <a href=\"https:\/\/www.microsoft.com\/ar-sa\/education\" target=\"_blank\">Microsoft Tools<\/a> | \ud83d\udee1\ufe0f <a href=\"https:\/\/www.virustotal.com\" target=\"_blank\">File Scanner<\/a><\/div>\n <\/div>\n <div><div class=\"section-title\" style=\"margin-bottom:16px;\"><span class=\"icon-badge\">\ud83e\udde9<\/span>Main Units \u2014 Organizational Structure<span class=\"line\"><\/span><\/div>\n <div class=\"units-grid\"><div class=\"unit-card tilt-card\"><h4>\ud83d\udccb Administrative Affairs Unit<\/h4><p>File management, HR, logistics. Mahdia Abdullah Jabbar.<\/p><a href=\"#\" class=\"btn\"><span>Request Service<\/span><\/a><\/div><div class=\"unit-card tilt-card\"><h4>\ud83c\udf93 Training & Technical Support Unit<\/h4><p>Organizing training courses and technical assistance.<\/p><a href=\"#\" class=\"btn\"><span>Register for Courses<\/span><\/a><\/div><div class=\"unit-card tilt-card\"><h4>\ud83d\udee0\ufe0f Computer Maintenance Unit<\/h4><p>Hardware, network maintenance. Ahmed Jawad Kadhim.<\/p><a href=\"#\" class=\"btn\"><span>Request Maintenance<\/span><\/a><\/div><div class=\"unit-card tilt-card\"><h4>\ud83c\udf10 Website Unit<\/h4><p>Website development and management. Ghufran Hussein Ajil.<\/p><a href=\"https:\/\/isa.atu.edu.iq\" class=\"btn\" target=\"_blank\"><span>Visit Website<\/span><\/a><\/div><div class=\"unit-card tilt-card\"><h4>\ud83d\udcbe Systems & Software Unit<\/h4><p>Software development, internal systems. Mariam Noor Naji.<\/p><a href=\"#\" class=\"btn\"><span>Request Software<\/span><\/a><\/div><\/div><\/div>\n <div class=\"card tilt-card\" style=\"margin-top:24px;\"><div class=\"section-title\"><span class=\"icon-badge\">\ud83d\udd17<\/span>Useful IT Resources<span class=\"line\"><\/span><\/div><div class=\"info-grid\"><div class=\"info-card\"><h4>\ud83d\udce7 University Email<\/h4><p>Access your university email and reset password.<\/p><a href=\"https:\/\/mail.google.com\" target=\"_blank\" class=\"btn\"><span>University Email<\/span><\/a><\/div><div class=\"info-card\"><h4>\ud83d\udda5\ufe0f Free Student Software<\/h4><p>Office 365 free for university students & dev tools.<\/p><a href=\"https:\/\/www.microsoft.com\/ar-sa\/education\/products\/office\" target=\"_blank\" class=\"btn\"><span>Download Software<\/span><\/a><\/div><div class=\"info-card\"><h4>\ud83c\udf10 VPN Secure Access<\/h4><p>Secure connection guide for databases & digital libraries.<\/p><a href=\"https:\/\/www.cloudflare.com\/learning\/vpn\/what-is-a-vpn\/\" target=\"_blank\" class=\"btn\"><span>VPN Guide<\/span><\/a><\/div><div class=\"info-card\"><h4>\ud83d\udcda E-Learning Platforms<\/h4><p>Free courses in programming, networking, cybersecurity.<\/p><a href=\"https:\/\/www.coursera.org\" target=\"_blank\" class=\"btn\"><span>Explore Platforms<\/span><\/a><\/div><\/div><\/div>\n <\/div>\n <div class=\"sidebar\">\n <div class=\"widget\"><h3>\ud83d\udcc1 Drivers & Software Links<\/h3><ul><li><a href=\"https:\/\/isa.atu.edu.iq\/?page_id=7608\" target=\"_blank\">\ud83d\udda8\ufe0f Printer Drivers<\/a><\/li><li><a href=\"https:\/\/isa.atu.edu.iq\/?page_id=7622\" target=\"_blank\">\ud83c\udfac Video Converter Software<\/a><\/li><li><a href=\"https:\/\/isa.atu.edu.iq\/?page_id=7613\" target=\"_blank\">\ud83d\udcbb Dell Drivers – Latest<\/a><\/li><li><a href=\"https:\/\/isa.atu.edu.iq\/?page_id=7611\" target=\"_blank\">\ud83d\udda5\ufe0f HP Drivers – Full Support<\/a><\/li><li><a href=\"https:\/\/www.ninite.com\" target=\"_blank\">\u2699\ufe0f Essential Software Bundle (Ninite)<\/a><\/li><\/ul><\/div>\n <div class=\"widget\"><h3>\ud83d\ude80 Quick Technical Support Tools<\/h3><div class=\"quick-links\"><div class=\"quick-link-item\"><a href=\"https:\/\/www.speedtest.net\/ar\" target=\"_blank\">\ud83d\udce1 Internet Speed Test<\/a><\/div><div class=\"quick-link-item\"><a href=\"https:\/\/www.whatsmyip.org\" target=\"_blank\">\ud83c\udf0d Find My IP<\/a><\/div><div class=\"quick-link-item\"><a href=\"https:\/\/www.pdf2go.com\/ar\" target=\"_blank\">\ud83d\udcc4 Edit & Convert PDF<\/a><\/div><div class=\"quick-link-item\"><a href=\"https:\/\/www.teamviewer.com\/ar\" target=\"_blank\">\ud83d\udda5\ufe0f Remote Support TeamViewer<\/a><\/div><div class=\"quick-link-item\"><a href=\"https:\/\/www.wireshark.org\/download.html\" target=\"_blank\">\ud83d\udd0d Network Analysis Wireshark<\/a><\/div><\/div><\/div>\n <div class=\"widget\"><h3>\ud83d\udcde Contact Information<\/h3><p><strong>\ud83d\udce7 Email:<\/strong> <a href=\"mailto:web.isa@atu.edu.iq\" class=\"email-link\">web.isa@atu.edu.iq<\/a><\/p><p><strong>\ud83d\udcde Phone:<\/strong> 0780 123 4567<\/p><p><strong>\ud83e\uddd1\u200d\ud83d\udcbb Head:<\/strong> Prof. Dr. Salah Mohammed Awwad<\/p><p><strong>\ud83d\udd52 Working Hours:<\/strong> Sunday \u2013 Thursday (9am \u2013 2pm)<\/p><p><strong>\ud83c\udf10 Website:<\/strong> <a href=\"https:\/\/isa.atu.edu.iq\" target=\"_blank\">isa.atu.edu.iq<\/a><\/p><\/div>\n \n <div class=\"widget\"><h3>\ud83d\udcc5 Training Courses – IT Division<\/h3><ul class=\"course-list\"><li><span class=\"course-date\">26\/11\/2025<\/span><span class=\"course-title\">Using AI Algorithms for Cancer Diagnosis<\/span><\/li><li><span class=\"course-date\">30\/11\/2025<\/span><span class=\"course-title\">Interactive Teaching: Tools & Techniques to Motivate Students<\/span><\/li><li><span class=\"course-date\">28\/9\/2025<\/span><span class=\"course-title\">Computer Applications for Academic Promotions<\/span><\/li><\/ul><a href=\"#\" class=\"btn\" style=\"margin-top:12px; display:inline-block;\"><span>Register for Courses<\/span><\/a><\/div>\n <\/div>\n <\/div>\n<\/div>\n<script>\n(function(){ const colors=['#8faac8','#a0b8d8','#c0cfe0','#b0c4dc']; for(let i=0;i<18;i++){ const p=document.createElement('div'); p.className='particle'; const size=Math.random()*4+2; p.style.cssText=`width:${size}px; height:${size}px; background:${colors[Math.floor(Math.random()*colors.length)]}; left:${Math.random()*100}vw; animation-duration:${Math.random()*12+8}s; animation-delay:${Math.random()*10}s; box-shadow:0 0 ${size*3}px currentColor;`; document.body.appendChild(p); } })();\nfunction animateCounter(el,target,duration=2000){ let start=null; function step(ts){ if(!start) start=ts; const progress=Math.min((ts-start)\/duration,1); const eased=1-Math.pow(1-progress,3); el.textContent=Math.floor(eased*target).toLocaleString('en'); if(progress<1) requestAnimationFrame(step); else el.textContent=target.toLocaleString('en'); } requestAnimationFrame(step); }\nconst observer=new IntersectionObserver((entries)=>{ entries.forEach(entry=>{ if(entry.isIntersecting){ const nums=entry.target.querySelectorAll('[data-target]'); nums.forEach(n=>animateCounter(n,parseInt(n.dataset.target))); observer.unobserve(entry.target); } }); },{threshold:0.3});\ndocument.querySelectorAll('.stat-bar').forEach(el=>observer.observe(el));\ndocument.querySelectorAll('.tilt-card').forEach(card=>{ card.addEventListener('mousemove',e=>{ const rect=card.getBoundingClientRect(); const x=(e.clientX-rect.left)\/rect.width-0.5; const y=(e.clientY-rect.top)\/rect.height-0.5; card.style.transform=`perspective(800px) rotateY(${x*10}deg) rotateX(${-y*8}deg) translateZ(4px)`; }); card.addEventListener('mouseleave',()=>{ card.style.transform='perspective(800px) rotateY(0deg) rotateX(0deg) translateZ(0)'; card.style.transition='transform 0.5s ease'; }); card.addEventListener('mouseenter',()=>{ card.style.transition='none'; }); });\ndocument.querySelectorAll('.btn').forEach(btn=>{ if(btn.getAttribute('href')==='#'){ btn.addEventListener('click',e=>{ e.preventDefault(); btn.style.background='linear-gradient(135deg,#00d4ff,#00ff9d)'; btn.style.color='#060e17'; setTimeout(()=>{ btn.style.background=''; btn.style.color=''; },600); }); } });\nconst revealObserver=new IntersectionObserver((entries)=>{ entries.forEach((entry,i)=>{ if(entry.isIntersecting){ setTimeout(()=>{ entry.target.style.animationPlayState='running'; },i*80); revealObserver.unobserve(entry.target); } }); },{threshold:0.1});\ndocument.querySelectorAll('.unit-card,.info-card,.widget').forEach(el=>{ el.style.animationPlayState='paused'; revealObserver.observe(el); });\ndocument.querySelectorAll('.logo-img-uploaded').forEach(img=>{ img.src=LOGO_DATA_URL; img.onerror=null; });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Information Technology Division | Al-Samawa Technical Institute Information Technology Division Al-Samawa Technical Institute \u2014 Al-Furat Al-Awsat Technical University 0Computer Labs 0Main Units 0Year Founded 0Network Speed (Mbps) Division Head: Prof. Dr. Salah Mohammed Awwad Position: Lecturer \/ Division Head Official Email: web.isa@atu.edu.iq \ud83d\udcde Technical Support: 0780123**** \ud83d\udc65Division Members & Responsibilities Ghufran Hussein Ajil WebsiteMahdia Abdullah … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22015&lang=en\">Continued<\/a><\/p>\n","protected":false},"author":99900,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22015","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22015","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=22015"}],"version-history":[{"count":2,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22015\/revisions"}],"predecessor-version":[{"id":22020,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22015\/revisions\/22020"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22015,"date":"2026-04-23T11:38:59","date_gmt":"2026-04-23T08:38:59","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=22015"},"modified":"2026-04-23T12:16:00","modified_gmt":"2026-04-23T09:16:00","slug":"information-technology-division-2","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=22015&lang=en","title":{"rendered":"Information Technology Division"},"content":{"rendered":"\n

<\/pre>\n\n\n\n\n\n\n  \n  \n  Information Technology Division | Al-Samawa Technical Institute<\/title>\n  <meta name=\"description\" content=\"Information Technology Division at Al-Samawa Technical Institute - Vision, Mission, Objectives, Organizational Structure, and Members.\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n  <style>\n    :root {\n      --primary: #4a6fa5;\n      --primary-light: #5a85c0;\n      --accent: #5b8dd9;\n      --accent2: #7ab3e0;\n      --dark: #f0f2f5;\n      --dark2: #e4e8ed;\n      --glass: rgba(255,255,255,0.7);\n      --glass-border: rgba(90,133,192,0.25);\n      --text: #1e2a38;\n      --text-muted: #4a6078;\n      --glow: 0 0 30px rgba(90,133,192,0.2);\n    }\n    * { margin:0; padding:0; box-sizing:border-box; }\n\n    body {\n      font-family: 'Cairo', sans-serif;\n      background: #edf0f4;\n      color: #1e2a38;\n      overflow-x: hidden;\n      min-height: 100vh;\n    }\n\n    \/* \u2500\u2500 ANIMATED BG \u2500\u2500 *\/\n    .bg-scene {\n      position: fixed;\n      inset: 0;\n      z-index: 0;\n      overflow: hidden;\n    }\n    .bg-grid {\n      position: absolute;\n      inset: 0;\n      background-image:\n        linear-gradient(rgba(90,133,192,0.08) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(90,133,192,0.08) 1px, transparent 1px);\n      background-size: 60px 60px;\n      animation: gridScroll 20s linear infinite;\n    }\n    @keyframes gridScroll {\n      0%   { transform: perspective(600px) rotateX(30deg) translateY(0); }\n      100% { transform: perspective(600px) rotateX(30deg) translateY(60px); }\n    }\n    .bg-orb {\n      position: absolute;\n      border-radius: 50%;\n      filter: blur(80px);\n      animation: orbFloat 8s ease-in-out infinite alternate;\n    }\n    .orb1 { width:500px; height:500px; background:rgba(180,195,220,0.5); top:-150px; right:-100px; animation-delay:0s; }\n    .orb2 { width:350px; height:350px; background:rgba(160,185,215,0.35); bottom:10%; left:5%; animation-delay:-3s; }\n    .orb3 { width:250px; height:250px; background:rgba(200,210,225,0.4); top:40%; right:20%; animation-delay:-6s; }\n    @keyframes orbFloat {\n      from { transform: translate(0,0) scale(1); }\n      to   { transform: translate(30px,30px) scale(1.1); }\n    }\n\n    \/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\n    .container { max-width:1300px; margin:0 auto; padding:0 24px; position:relative; z-index:1; }\n    .page-content { display:flex; flex-wrap:wrap; gap:32px; margin:32px 0 60px; }\n    .main-col { flex:3; min-width:280px; }\n    .sidebar  { flex:1; min-width:250px; }\n\n    \/* \u2500\u2500 HERO HEADER \u2500\u2500 *\/\n    .hero {\n      position: relative;\n      padding: 60px 0 30px;\n      text-align: center;\n      perspective: 1000px;\n    }\n    .hero-title {\n      font-size: clamp(2rem, 5vw, 3.5rem);\n      font-weight: 900;\n      line-height: 1.1;\n      background: linear-gradient(135deg, #1e2a38 0%, #4a6fa5 50%, #5b8dd9 100%);\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      background-size: 200% 200%;\n      animation: gradientShift 4s ease infinite, heroEntrance 0.8s cubic-bezier(.22,1,.36,1) forwards;\n      opacity: 0;\n      transform: translateY(30px) rotateX(-15deg);\n      transform-style: preserve-3d;\n    }\n    @keyframes gradientShift {\n      0%,100% { background-position: 0% 50%; }\n      50%      { background-position: 100% 50%; }\n    }\n    @keyframes heroEntrance {\n      to { opacity:1; transform:translateY(0) rotateX(0deg); }\n    }\n    .hero-subtitle {\n      font-size:1rem; color:var(--text-muted); margin-top:10px;\n      animation: fadeUp 0.8s 0.3s ease forwards; opacity:0; transform:translateY(20px);\n    }\n    .hero-line {\n      width:120px; height:3px; margin:20px auto 0;\n      background: linear-gradient(90deg, transparent, #4a6fa5, #5b8dd9, transparent);\n      border-radius:2px;\n      animation: lineExpand 1s 0.6s ease forwards; transform:scaleX(0);\n    }\n    @keyframes lineExpand { to { transform:scaleX(1); } }\n    @keyframes fadeUp { to { opacity:1; transform:translateY(0); } }\n\n    \/* \u2500\u2500 GLASS CARD \u2500\u2500 *\/\n    .card {\n      background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(240,244,250,0.85));\n      border: 1px solid var(--glass-border);\n      border-radius: 24px;\n      padding: 28px 32px;\n      margin-bottom: 28px;\n      backdrop-filter: blur(12px);\n      position: relative;\n      overflow: hidden;\n      transform-style: preserve-3d;\n      transition: transform 0.4s ease, box-shadow 0.4s ease;\n      animation: cardReveal 0.6s ease forwards;\n      opacity: 0;\n    }\n    .card::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(135deg, rgba(90,133,192,0.04) 0%, transparent 60%);\n      border-radius: inherit;\n      pointer-events: none;\n    }\n    .card::after {\n      content: '';\n      position: absolute;\n      top: -50%; left: -50%;\n      width: 200%; height: 200%;\n      background: conic-gradient(transparent 0deg, rgba(90,133,192,0.04) 60deg, transparent 120deg);\n      animation: cardSpin 12s linear infinite;\n      pointer-events: none;\n    }\n    @keyframes cardSpin { to { transform: rotate(360deg); } }\n    @keyframes cardReveal { to { opacity:1; } }\n    .card:hover {\n      transform: translateY(-6px) rotateX(2deg);\n      box-shadow: 0 30px 60px rgba(90,133,192,0.15), var(--glow);\n      border-color: rgba(90,133,192,0.45);\n    }\n\n    \/* \u2500\u2500 SECTION TITLES \u2500\u2500 *\/\n    .section-title {\n      font-size: 1.4rem;\n      font-weight: 800;\n      margin: 2rem 0 1.2rem;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      color: #1e2a38;\n    }\n    .section-title .icon-badge {\n      font-size: 1.2rem;\n      background: linear-gradient(135deg, #4a6fa5, #5b8dd9);\n      padding: 6px 10px;\n      border-radius: 10px;\n      border: 1px solid rgba(90,133,192,0.25);\n      box-shadow: 0 4px 15px rgba(90,133,192,0.2);\n    }\n    .section-title .line {\n      flex: 1;\n      height: 1px;\n      background: linear-gradient(90deg, rgba(90,133,192,0.3), transparent);\n    }\n\n    p { margin-bottom: 1rem; color: #4a6078; line-height: 1.8; }\n\n    \/* \u2500\u2500 PROFILE UNIT \u2500\u2500 *\/\n    .profile-unit {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 28px;\n      background: linear-gradient(135deg, rgba(210,222,240,0.7), rgba(230,238,250,0.6));\n      border: 1px solid rgba(90,133,192,0.25);\n      border-radius: 20px;\n      padding: 24px;\n      margin-bottom: 28px;\n      position: relative;\n      overflow: hidden;\n      animation: profileSlide 0.7s 0.2s ease forwards;\n      opacity: 0;\n      transform: translateX(30px);\n    }\n    @keyframes profileSlide { to { opacity:1; transform:translateX(0); } }\n    .profile-unit::before {\n      content: '';\n      position: absolute;\n      width: 200px; height: 200px;\n      background: radial-gradient(circle, rgba(90,133,192,0.12), transparent 70%);\n      top: -50px; right: -50px;\n      border-radius: 50%;\n      animation: pulseSoft 3s ease-in-out infinite;\n    }\n    @keyframes pulseSoft {\n      0%,100% { transform: scale(1); opacity:0.5; }\n      50%      { transform: scale(1.3); opacity:1; }\n    }\n    .profile-img-wrapper {\n      position: relative;\n      flex-shrink: 0;\n    }\n    .profile-img-wrapper::before {\n      content: '';\n      position: absolute;\n      inset: -4px;\n      border-radius: 50%;\n      background: conic-gradient(#5b8dd9, #7ab3e0, #4a6fa5, #5b8dd9);\n      animation: spinBorder 3s linear infinite;\n      z-index: 0;\n    }\n    @keyframes spinBorder { to { transform: rotate(360deg); } }\n    .profile-img {\n      width: 120px; height: 120px;\n      border-radius: 50%;\n      object-fit: cover;\n      border: 4px solid #e8edf5;\n      position: relative;\n      z-index: 1;\n      display: block;\n    }\n    .profile-info strong { color: #4a6fa5; }\n    .email-link { color: #4a6fa5; font-weight: 600; text-decoration: none; }\n    .email-link:hover { color: var(--accent2); }\n\n    \/* \u2500\u2500 MEMBER TAGS \u2500\u2500 *\/\n    .members-list { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0; }\n    .member-tag {\n      background: linear-gradient(135deg, rgba(210,225,245,0.9), rgba(225,235,252,0.8));\n      border: 1px solid rgba(90,133,192,0.25);\n      padding: 8px 16px;\n      border-radius: 40px;\n      font-size: 0.88rem;\n      font-weight: 600;\n      color: #1e2a38;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      cursor: default;\n      transition: all 0.3s;\n      position: relative;\n      overflow: hidden;\n    }\n    .member-tag::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(90deg, transparent, rgba(90,133,192,0.15), transparent);\n      transform: translateX(-100%);\n    }\n    .member-tag:hover::before { animation: shimmer 0.6s ease forwards; }\n    @keyframes shimmer { to { transform: translateX(100%); } }\n    .member-tag:hover { border-color: #4a6fa5; box-shadow: 0 0 16px rgba(90,133,192,0.2); transform: translateY(-2px); }\n    .member-role {\n      font-size: 0.68rem;\n      font-weight: 700;\n      background: linear-gradient(135deg, #4a6fa5, #5b8dd9);\n      padding: 3px 10px;\n      border-radius: 30px;\n      color: white;\n    }\n\n    \/* \u2500\u2500 UNITS GRID (3D CARDS) \u2500\u2500 *\/\n    .units-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 20px;\n      margin-top: 20px;\n      perspective: 1200px;\n    }\n    .unit-card {\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(235,243,255,0.9));\n      border: 1px solid rgba(90,133,192,0.18);\n      border-radius: 20px;\n      padding: 22px;\n      cursor: default;\n      transition: all 0.4s cubic-bezier(.22,1,.36,1);\n      transform-style: preserve-3d;\n      position: relative;\n      overflow: hidden;\n      animation: cardReveal 0.6s ease forwards;\n      opacity: 0;\n    }\n    .unit-card:nth-child(1) { animation-delay:0.1s; }\n    .unit-card:nth-child(2) { animation-delay:0.2s; }\n    .unit-card:nth-child(3) { animation-delay:0.3s; }\n    .unit-card:nth-child(4) { animation-delay:0.4s; }\n    .unit-card:nth-child(5) { animation-delay:0.5s; }\n    .unit-card::after {\n      content: '';\n      position: absolute;\n      bottom: 0; left: 0; right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, #5b8dd9, #7ab3e0);\n      transform: scaleX(0);\n      transition: transform 0.3s ease;\n    }\n    .unit-card:hover { transform: translateY(-10px) rotateX(5deg) rotateY(-2deg); box-shadow: 0 25px 50px rgba(90,133,192,0.15), 0 0 30px rgba(90,133,192,0.1); border-color: rgba(90,133,192,0.4); }\n    .unit-card:hover::after { transform: scaleX(1); }\n    .unit-card h4 { font-size:1.05rem; font-weight:800; margin-bottom:10px; color:var(--text); display:flex; align-items:center; gap:8px; }\n    .unit-card p { font-size:0.85rem; }\n\n    \/* \u2500\u2500 BTN \u2500\u2500 *\/\n    .btn {\n      display: inline-block;\n      background: linear-gradient(135deg, #4a6fa5, #5b8dd9);\n      color: white;\n      padding: 7px 18px;\n      border-radius: 40px;\n      text-decoration: none;\n      font-weight: 700;\n      font-size: 0.82rem;\n      transition: all 0.3s;\n      border: 1px solid rgba(90,133,192,0.22);\n      position: relative;\n      overflow: hidden;\n      margin-top: 8px;\n    }\n    .btn::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(135deg, #4a6fa5, #5b8dd9);\n      opacity: 0;\n      transition: opacity 0.3s;\n      border-radius: inherit;\n    }\n    .btn span { position: relative; z-index: 1; }\n    .btn:hover::before { opacity: 1; }\n    .btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,212,255,0.3); color: #fff; }\n\n    \/* \u2500\u2500 HIGHLIGHT BOX \u2500\u2500 *\/\n    .highlight-box {\n      background: linear-gradient(135deg, rgba(210,225,245,0.8), rgba(228,238,255,0.7));\n      border: 1px solid rgba(90,133,192,0.25);\n      border-right: 4px solid var(--accent);\n      padding: 20px 24px;\n      border-radius: 16px;\n      margin: 24px 0;\n      position: relative;\n      overflow: hidden;\n    }\n    .highlight-box::before {\n      content: '';\n      position: absolute;\n      top: 0; left: 0;\n      width: 100%; height: 1px;\n      background: linear-gradient(90deg, transparent, #5b8dd9, transparent);\n      animation: scanLine 3s ease-in-out infinite;\n    }\n    @keyframes scanLine {\n      0%,100% { transform: translateX(-100%); }\n      50%      { transform: translateX(100%); }\n    }\n    .highlight-box a { color: #4a6fa5; }\n\n    \/* \u2500\u2500 INFO GRID \u2500\u2500 *\/\n    .info-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(250px,1fr)); gap:20px; margin:24px 0; }\n    .info-card {\n      background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(230,240,255,0.85));\n      border: 1px solid rgba(90,133,192,0.15);\n      border-radius: 16px;\n      padding: 20px;\n      transition: all 0.35s cubic-bezier(.22,1,.36,1);\n      transform-style: preserve-3d;\n      animation: cardReveal 0.6s ease forwards;\n      opacity: 0;\n    }\n    .info-card:hover { transform: translateY(-6px) rotateX(3deg); border-color: rgba(90,133,192,0.35); box-shadow: 0 20px 40px rgba(90,133,192,0.12), var(--glow); }\n    .info-card h4 { font-weight:800; margin-bottom:10px; color:var(--accent); }\n\n    \/* \u2500\u2500 SIDEBAR WIDGET \u2500\u2500 *\/\n    .widget {\n      background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(235,242,252,0.8));\n      border: 1px solid rgba(90,133,192,0.18);\n      border-radius: 20px;\n      padding: 22px 24px;\n      margin-bottom: 24px;\n      backdrop-filter: blur(8px);\n      transition: all 0.3s;\n      animation: cardReveal 0.7s ease forwards;\n      opacity: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    .widget::before {\n      content: '';\n      position: absolute;\n      top: 0; right: 0;\n      width: 80px; height: 80px;\n      background: radial-gradient(circle, rgba(90,133,192,0.12), transparent 70%);\n      pointer-events: none;\n    }\n    .widget:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(90,133,192,0.12), 0 0 20px rgba(90,133,192,0.08); border-color: rgba(90,133,192,0.3); }\n    .widget h3 {\n      font-size: 1.1rem;\n      font-weight: 800;\n      margin-bottom: 16px;\n      color: #1e2a38;\n      border-right: 3px solid #5b8dd9;\n      padding-right: 12px;\n    }\n    .widget ul { list-style:none; }\n    .widget li { margin-bottom: 10px; }\n    .widget li a {\n      text-decoration: none;\n      color: #4a6078;\n      font-weight: 500;\n      font-size: 0.9rem;\n      transition: all 0.2s;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 8px;\n      border-radius: 8px;\n    }\n    .widget li a:hover { color: #4a6fa5; background: rgba(0,212,255,0.06); padding-right: 14px; }\n    .widget p { font-size:0.88rem; margin-bottom:8px; }\n\n    \/* course list *\/\n    .course-list { list-style: none; margin: 0; }\n    .course-list li {\n      display: flex;\n      align-items: baseline;\n      gap: 10px;\n      padding: 12px 0;\n      border-bottom: 1px solid rgba(90,133,192,0.12);\n      font-size: 0.85rem;\n      line-height: 1.5;\n    }\n    .course-list li:last-child { border-bottom: none; }\n    .course-date {\n      font-weight: 800;\n      color: #4a6fa5;\n      background: rgba(90,133,192,0.1);\n      padding: 4px 8px;\n      border-radius: 12px;\n      font-size: 0.7rem;\n      white-space: nowrap;\n    }\n    .course-title { color: #1e2a38; font-weight: 600; flex:1; }\n\n    \/* quick links *\/\n    .quick-links { display:flex; flex-direction:column; gap:8px; }\n    .quick-link-item {\n      border-radius: 12px;\n      transition: all 0.25s;\n      overflow: hidden;\n    }\n    .quick-link-item a {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 9px 12px;\n      text-decoration: none;\n      font-weight: 600;\n      font-size: 0.88rem;\n      color: #4a6078;\n      background: rgba(240,245,255,0.8);\n      border: 1px solid rgba(90,133,192,0.12);\n      border-radius: 12px;\n      transition: all 0.25s;\n    }\n    .quick-link-item:hover a { color: #4a6fa5; background: rgba(0,212,255,0.08); border-color: rgba(0,212,255,0.2); transform: translateX(-4px); }\n\n    hr { margin:24px 0; border:0; height:1px; background: linear-gradient(90deg, transparent, rgba(90,133,192,0.2), transparent); }\n    ul { margin-left: 20px; }\n    ul li { margin-bottom: 8px; color: #4a6078; font-size: 0.95rem; line-height: 1.7; }\n    ul li::marker { color: #4a6fa5; }\n\n    \/* particles & counters *\/\n    .particle { position: fixed; border-radius: 50%; pointer-events: none; z-index: 0; animation: floatParticle linear infinite; opacity: 0; }\n    @keyframes floatParticle {\n      0%   { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n      10%  { opacity: 1; }\n      90%  { opacity: 1; }\n      100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n    }\n    .stat-bar { display: flex; gap: 16px; flex-wrap: wrap; margin: 20px 0; }\n    .stat-item { flex:1; min-width:120px; background: linear-gradient(135deg, rgba(210,225,245,0.85), rgba(225,238,255,0.75)); border:1px solid rgba(90,133,192,0.22); border-radius:16px; padding:16px; text-align:center; transition: all 0.3s; }\n    .stat-item:hover { transform: translateY(-4px) scale(1.03); box-shadow: var(--glow); }\n    .stat-num { font-size:2rem; font-weight:900; background:linear-gradient(135deg,#4a6fa5,#5b8dd9); background-clip:text; -webkit-background-clip:text; color:transparent; display:block; }\n    .stat-label { font-size:0.78rem; color:#4a6078; font-weight:600; }\n\n    \/* 3D logos *\/\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:8%; left:5%; }\n    .logo-bottom-right { bottom:8%; right:3%; }\n    .logo-3d-wrapper { width:380px; height:380px; animation: spin3D 18s linear infinite; transform-style: preserve-3d; perspective:800px; position:relative; }\n    .logo-3d-wrapper.logo-small  { width:160px; height:160px; }\n    .logo-3d-wrapper.logo-slow   { animation-duration:28s; animation-direction:reverse; }\n    @keyframes spin3D {\n      0%   { transform: rotateY(0deg)   rotateX(8deg); }\n      25%  { transform: rotateY(90deg)  rotateX(15deg) rotateZ(3deg); }\n      50%  { transform: rotateY(180deg) rotateX(8deg); }\n      75%  { transform: rotateY(270deg) rotateX(15deg) rotateZ(-3deg); }\n      100% { transform: rotateY(360deg) rotateX(8deg); }\n    }\n    .logo-3d-img { width:100%; height:100%; object-fit: contain; opacity: 0.08; mix-blend-mode: screen; filter: hue-rotate(0deg) saturate(0.8) brightness(0.85); border-radius: 50%; animation: logoPulse 4s ease-in-out infinite alternate; }\n    .logo-small .logo-3d-img { opacity:0.045; animation-name:logoPulseSmall; }\n    @keyframes logoPulse { from { opacity:0.06; } to { opacity:0.18; } }\n    @keyframes logoPulseSmall { from { opacity:0.03; } to { opacity:0.07; } }\n    .logo-3d-wrapper::after { content:''; position:absolute; inset:-10px; border-radius:50%; border:1px solid rgba(90,133,192,0.2); animation:ringPulse 3s ease-in-out infinite; pointer-events:none; }\n    .logo-3d-wrapper::before { content:''; position:absolute; inset:-25px; border-radius:50%; border:1px solid rgba(90,133,192,0.1); animation:ringPulse 3s 1.5s ease-in-out infinite; pointer-events:none; }\n    @keyframes ringPulse { 0%,100% { transform:scale(1); opacity:0.5; } 50% { transform:scale(1.05); opacity:1; } }\n    @media (max-width: 780px) { .logo-3d-wrapper { width:220px; height:220px; } .logo-3d-wrapper.logo-small { width:100px; height:100px; } .container { padding: 0 14px; } .page-content { flex-direction: column; } .hero-title { font-size: 2rem; } .profile-unit { flex-direction: column; text-align: center; } .profile-img-wrapper { margin: 0 auto; } }\n  <\/style>\n  <script>const LOGO_DATA_URL = \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\";<\/script>\n<\/head>\n<body>\n<div class=\"bg-scene\">\n  <div class=\"bg-grid\"><\/div>\n  <div class=\"bg-orb orb1\"><\/div><div class=\"bg-orb orb2\"><\/div><div class=\"bg-orb orb3\"><\/div>\n  <div class=\"logo-watermark logo-center\"><div class=\"logo-3d-wrapper\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.src='data:image\/png;base64,'\" class=\"logo-3d-img logo-img-uploaded\" alt=\"ATU Logo\"><\/div><\/div>\n  <div class=\"logo-watermark logo-top-left\"><div class=\"logo-3d-wrapper logo-small\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.src='data:image\/png;base64,'\" class=\"logo-3d-img logo-img-uploaded\" alt=\"ATU Logo\"><\/div><\/div>\n  <div class=\"logo-watermark logo-bottom-right\"><div class=\"logo-3d-wrapper logo-small logo-slow\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.src='data:image\/png;base64,'\" class=\"logo-3d-img logo-img-uploaded\" alt=\"ATU Logo\"><\/div><\/div>\n<\/div>\n<div class=\"container\">\n  <div class=\"hero\"><h1 class=\"hero-title\">Information Technology Division<\/h1><p class=\"hero-subtitle\">Al-Samawa Technical Institute \u2014 Al-Furat Al-Awsat Technical University<\/p><div class=\"hero-line\"><\/div><\/div>\n  <div class=\"stat-bar\"><div class=\"stat-item\"><span class=\"stat-num\" data-target=\"11\">0<\/span><span class=\"stat-label\">Computer Labs<\/span><\/div><div class=\"stat-item\"><span class=\"stat-num\" data-target=\"5\">0<\/span><span class=\"stat-label\">Main Units<\/span><\/div><div class=\"stat-item\"><span class=\"stat-num\" data-target=\"1989\">0<\/span><span class=\"stat-label\">Year Founded<\/span><\/div><div class=\"stat-item\"><span class=\"stat-num\" data-target=\"500\">0<\/span><span class=\"stat-label\">Network Speed (Mbps)<\/span><\/div><\/div>\n  <div class=\"page-content\">\n    <div class=\"main-col\">\n      <div class=\"card tilt-card\">\n        <div class=\"profile-unit\">\n          <div class=\"profile-img-wrapper\"><img decoding=\"async\" class=\"profile-img\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/salah.jpg\" alt=\"Prof. Dr. Salah Mohammed Awwad\" onerror=\"this.src='https:\/\/placehold.co\/120x120\/0a4a63\/00d4ff?text=IT'\"><\/div>\n          <div class=\"profile-info\"><p><strong>Division Head:<\/strong> Prof. Dr. Salah Mohammed Awwad<\/p><p><strong>Position:<\/strong> Lecturer \/ Division Head<\/p><p><strong>Official Email:<\/strong> <a href=\"mailto:web.isa@atu.edu.iq\" class=\"email-link\">web.isa@atu.edu.iq<\/a><\/p><p><strong>\ud83d\udcde Technical Support:<\/strong> 0780123****<\/p><\/div>\n        <\/div>\n        <div class=\"section-title\"><span class=\"icon-badge\">\ud83d\udc65<\/span>Division Members & Responsibilities<span class=\"line\"><\/span><\/div>\n        <div class=\"members-list\"><span class=\"member-tag\">Ghufran Hussein Ajil <span class=\"member-role\">Website<\/span><\/span><span class=\"member-tag\">Mahdia Abdullah Jabbar <span class=\"member-role\">Admin Affairs<\/span><\/span><span class=\"member-tag\">Mariam Noor Naji <span class=\"member-role\">Systems & Software<\/span><\/span><span class=\"member-tag\">Ahmed Jawad Kadhim <span class=\"member-role\">Computer & Network Maintenance<\/span><\/span><\/div>\n        <div class=\"section-title\"><span class=\"icon-badge\">\ud83d\udccb<\/span>About the IT Division<span class=\"line\"><\/span><\/div>\n        <p>The IT Division is the executive and service interface of the institution, responsible for managing and maintaining vital facilities and providing technical and logistical support. It was established in 1989 as the Electronic Computing Center and is one of the most important divisions due to its impact on the institution’s operations amid current technological developments.<\/p>\n        <ul><li>Organizing workshops and courses on computer installation, operation, and maintenance.<\/li><li>Designing, developing, and managing the official website.<\/li><li>Providing university emails for all faculty, staff, and students.<\/li><li>Implementing the fiber optic network connecting all academic departments and units.<\/li><li>Equipping labs with high-speed internal networks.<\/li><li>Installing a camera network covering all institute buildings linked via fiber optics.<\/li><li>Conducting efficiency courses and postgraduate entrance exams.<\/li><li>The division is an INELT (National English Language Testing) center.<\/li><\/ul>\n        <hr>\n        <div class=\"section-title\"><span class=\"icon-badge\">\ud83d\udc41\ufe0f<\/span>Vision<span class=\"line\"><\/span><\/div><p>To become a center of excellence and scientific innovation to improve education quality by providing an advanced technological environment and using cutting-edge e\u2011software.<\/p>\n        <div class=\"section-title\"><span class=\"icon-badge\">\ud83c\udfaf<\/span>Mission<span class=\"line\"><\/span><\/div><p>The IT Division supports digital transformation by offering e\u2011services to employees and students, enhancing institutional performance, accelerating task completion, and ensuring effective communication.<\/p>\n        <div class=\"section-title\"><span class=\"icon-badge\">\ud83c\udfc6<\/span>Objectives<span class=\"line\"><\/span><\/div>\n        <ul><li>Qualify technical cadres for administrative work in government and private sectors.<\/li><li>Develop computer applications and software for state and private institutions.<\/li><li>Prepare and operate computer software according to scientific and administrative department requirements.<\/li><li>Maintain, program, and update computer systems.<\/li><li>Train students on modern curricula like Office applications and AI.<\/li><li>Install and maintain communication networks.<\/li><li>Excel in IT to meet community needs.<\/li><li>Equip individuals with skills aligned with labor market demands.<\/li><\/ul>\n        <div class=\"highlight-box\"><strong style=\"color:var(--accent);\">\ud83d\udce2 Official Division Email:<\/strong> web.isa@atu.edu.iq<br><br><strong>\u26a1 Useful Links:<\/strong><br>\ud83d\udcd8 <a href=\"https:\/\/drive.google.com\" target=\"_blank\">Educational Team Platform<\/a> | \ud83d\udca1 <a href=\"https:\/\/www.microsoft.com\/ar-sa\/education\" target=\"_blank\">Microsoft Tools<\/a> | \ud83d\udee1\ufe0f <a href=\"https:\/\/www.virustotal.com\" target=\"_blank\">File Scanner<\/a><\/div>\n      <\/div>\n      <div><div class=\"section-title\" style=\"margin-bottom:16px;\"><span class=\"icon-badge\">\ud83e\udde9<\/span>Main Units \u2014 Organizational Structure<span class=\"line\"><\/span><\/div>\n      <div class=\"units-grid\"><div class=\"unit-card tilt-card\"><h4>\ud83d\udccb Administrative Affairs Unit<\/h4><p>File management, HR, logistics. Mahdia Abdullah Jabbar.<\/p><a href=\"#\" class=\"btn\"><span>Request Service<\/span><\/a><\/div><div class=\"unit-card tilt-card\"><h4>\ud83c\udf93 Training & Technical Support Unit<\/h4><p>Organizing training courses and technical assistance.<\/p><a href=\"#\" class=\"btn\"><span>Register for Courses<\/span><\/a><\/div><div class=\"unit-card tilt-card\"><h4>\ud83d\udee0\ufe0f Computer Maintenance Unit<\/h4><p>Hardware, network maintenance. Ahmed Jawad Kadhim.<\/p><a href=\"#\" class=\"btn\"><span>Request Maintenance<\/span><\/a><\/div><div class=\"unit-card tilt-card\"><h4>\ud83c\udf10 Website Unit<\/h4><p>Website development and management. Ghufran Hussein Ajil.<\/p><a href=\"https:\/\/isa.atu.edu.iq\" class=\"btn\" target=\"_blank\"><span>Visit Website<\/span><\/a><\/div><div class=\"unit-card tilt-card\"><h4>\ud83d\udcbe Systems & Software Unit<\/h4><p>Software development, internal systems. Mariam Noor Naji.<\/p><a href=\"#\" class=\"btn\"><span>Request Software<\/span><\/a><\/div><\/div><\/div>\n      <div class=\"card tilt-card\" style=\"margin-top:24px;\"><div class=\"section-title\"><span class=\"icon-badge\">\ud83d\udd17<\/span>Useful IT Resources<span class=\"line\"><\/span><\/div><div class=\"info-grid\"><div class=\"info-card\"><h4>\ud83d\udce7 University Email<\/h4><p>Access your university email and reset password.<\/p><a href=\"https:\/\/mail.google.com\" target=\"_blank\" class=\"btn\"><span>University Email<\/span><\/a><\/div><div class=\"info-card\"><h4>\ud83d\udda5\ufe0f Free Student Software<\/h4><p>Office 365 free for university students & dev tools.<\/p><a href=\"https:\/\/www.microsoft.com\/ar-sa\/education\/products\/office\" target=\"_blank\" class=\"btn\"><span>Download Software<\/span><\/a><\/div><div class=\"info-card\"><h4>\ud83c\udf10 VPN Secure Access<\/h4><p>Secure connection guide for databases & digital libraries.<\/p><a href=\"https:\/\/www.cloudflare.com\/learning\/vpn\/what-is-a-vpn\/\" target=\"_blank\" class=\"btn\"><span>VPN Guide<\/span><\/a><\/div><div class=\"info-card\"><h4>\ud83d\udcda E-Learning Platforms<\/h4><p>Free courses in programming, networking, cybersecurity.<\/p><a href=\"https:\/\/www.coursera.org\" target=\"_blank\" class=\"btn\"><span>Explore Platforms<\/span><\/a><\/div><\/div><\/div>\n    <\/div>\n    <div class=\"sidebar\">\n      <div class=\"widget\"><h3>\ud83d\udcc1 Drivers & Software Links<\/h3><ul><li><a href=\"https:\/\/isa.atu.edu.iq\/?page_id=7608\" target=\"_blank\">\ud83d\udda8\ufe0f Printer Drivers<\/a><\/li><li><a href=\"https:\/\/isa.atu.edu.iq\/?page_id=7622\" target=\"_blank\">\ud83c\udfac Video Converter Software<\/a><\/li><li><a href=\"https:\/\/isa.atu.edu.iq\/?page_id=7613\" target=\"_blank\">\ud83d\udcbb Dell Drivers – Latest<\/a><\/li><li><a href=\"https:\/\/isa.atu.edu.iq\/?page_id=7611\" target=\"_blank\">\ud83d\udda5\ufe0f HP Drivers – Full Support<\/a><\/li><li><a href=\"https:\/\/www.ninite.com\" target=\"_blank\">\u2699\ufe0f Essential Software Bundle (Ninite)<\/a><\/li><\/ul><\/div>\n      <div class=\"widget\"><h3>\ud83d\ude80 Quick Technical Support Tools<\/h3><div class=\"quick-links\"><div class=\"quick-link-item\"><a href=\"https:\/\/www.speedtest.net\/ar\" target=\"_blank\">\ud83d\udce1 Internet Speed Test<\/a><\/div><div class=\"quick-link-item\"><a href=\"https:\/\/www.whatsmyip.org\" target=\"_blank\">\ud83c\udf0d Find My IP<\/a><\/div><div class=\"quick-link-item\"><a href=\"https:\/\/www.pdf2go.com\/ar\" target=\"_blank\">\ud83d\udcc4 Edit & Convert PDF<\/a><\/div><div class=\"quick-link-item\"><a href=\"https:\/\/www.teamviewer.com\/ar\" target=\"_blank\">\ud83d\udda5\ufe0f Remote Support TeamViewer<\/a><\/div><div class=\"quick-link-item\"><a href=\"https:\/\/www.wireshark.org\/download.html\" target=\"_blank\">\ud83d\udd0d Network Analysis Wireshark<\/a><\/div><\/div><\/div>\n      <div class=\"widget\"><h3>\ud83d\udcde Contact Information<\/h3><p><strong>\ud83d\udce7 Email:<\/strong> <a href=\"mailto:web.isa@atu.edu.iq\" class=\"email-link\">web.isa@atu.edu.iq<\/a><\/p><p><strong>\ud83d\udcde Phone:<\/strong> 0780 123 4567<\/p><p><strong>\ud83e\uddd1\u200d\ud83d\udcbb Head:<\/strong> Prof. Dr. Salah Mohammed Awwad<\/p><p><strong>\ud83d\udd52 Working Hours:<\/strong> Sunday \u2013 Thursday (9am \u2013 2pm)<\/p><p><strong>\ud83c\udf10 Website:<\/strong> <a href=\"https:\/\/isa.atu.edu.iq\" target=\"_blank\">isa.atu.edu.iq<\/a><\/p><\/div>\n      <!-- Training courses (replaces announcements) -->\n      <div class=\"widget\"><h3>\ud83d\udcc5 Training Courses – IT Division<\/h3><ul class=\"course-list\"><li><span class=\"course-date\">26\/11\/2025<\/span><span class=\"course-title\">Using AI Algorithms for Cancer Diagnosis<\/span><\/li><li><span class=\"course-date\">30\/11\/2025<\/span><span class=\"course-title\">Interactive Teaching: Tools & Techniques to Motivate Students<\/span><\/li><li><span class=\"course-date\">28\/9\/2025<\/span><span class=\"course-title\">Computer Applications for Academic Promotions<\/span><\/li><\/ul><a href=\"#\" class=\"btn\" style=\"margin-top:12px; display:inline-block;\"><span>Register for Courses<\/span><\/a><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n(function(){ const colors=['#8faac8','#a0b8d8','#c0cfe0','#b0c4dc']; for(let i=0;i<18;i++){ const p=document.createElement('div'); p.className='particle'; const size=Math.random()*4+2; p.style.cssText=`width:${size}px; height:${size}px; background:${colors[Math.floor(Math.random()*colors.length)]}; left:${Math.random()*100}vw; animation-duration:${Math.random()*12+8}s; animation-delay:${Math.random()*10}s; box-shadow:0 0 ${size*3}px currentColor;`; document.body.appendChild(p); } })();\nfunction animateCounter(el,target,duration=2000){ let start=null; function step(ts){ if(!start) start=ts; const progress=Math.min((ts-start)\/duration,1); const eased=1-Math.pow(1-progress,3); el.textContent=Math.floor(eased*target).toLocaleString('en'); if(progress<1) requestAnimationFrame(step); else el.textContent=target.toLocaleString('en'); } requestAnimationFrame(step); }\nconst observer=new IntersectionObserver((entries)=>{ entries.forEach(entry=>{ if(entry.isIntersecting){ const nums=entry.target.querySelectorAll('[data-target]'); nums.forEach(n=>animateCounter(n,parseInt(n.dataset.target))); observer.unobserve(entry.target); } }); },{threshold:0.3});\ndocument.querySelectorAll('.stat-bar').forEach(el=>observer.observe(el));\ndocument.querySelectorAll('.tilt-card').forEach(card=>{ card.addEventListener('mousemove',e=>{ const rect=card.getBoundingClientRect(); const x=(e.clientX-rect.left)\/rect.width-0.5; const y=(e.clientY-rect.top)\/rect.height-0.5; card.style.transform=`perspective(800px) rotateY(${x*10}deg) rotateX(${-y*8}deg) translateZ(4px)`; }); card.addEventListener('mouseleave',()=>{ card.style.transform='perspective(800px) rotateY(0deg) rotateX(0deg) translateZ(0)'; card.style.transition='transform 0.5s ease'; }); card.addEventListener('mouseenter',()=>{ card.style.transition='none'; }); });\ndocument.querySelectorAll('.btn').forEach(btn=>{ if(btn.getAttribute('href')==='#'){ btn.addEventListener('click',e=>{ e.preventDefault(); btn.style.background='linear-gradient(135deg,#00d4ff,#00ff9d)'; btn.style.color='#060e17'; setTimeout(()=>{ btn.style.background=''; btn.style.color=''; },600); }); } });\nconst revealObserver=new IntersectionObserver((entries)=>{ entries.forEach((entry,i)=>{ if(entry.isIntersecting){ setTimeout(()=>{ entry.target.style.animationPlayState='running'; },i*80); revealObserver.unobserve(entry.target); } }); },{threshold:0.1});\ndocument.querySelectorAll('.unit-card,.info-card,.widget').forEach(el=>{ el.style.animationPlayState='paused'; revealObserver.observe(el); });\ndocument.querySelectorAll('.logo-img-uploaded').forEach(img=>{ img.src=LOGO_DATA_URL; img.onerror=null; });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Information Technology Division | Al-Samawa Technical Institute Information Technology Division Al-Samawa Technical Institute \u2014 Al-Furat Al-Awsat Technical University 0Computer Labs 0Main Units 0Year Founded 0Network Speed (Mbps) Division Head: Prof. Dr. Salah Mohammed Awwad Position: Lecturer \/ Division Head Official Email: web.isa@atu.edu.iq \ud83d\udcde Technical Support: 0780123**** \ud83d\udc65Division Members & Responsibilities Ghufran Hussein Ajil WebsiteMahdia Abdullah … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22015&lang=en\">Continued<\/a><\/p>\n","protected":false},"author":99900,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22015","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22015","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=22015"}],"version-history":[{"count":2,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22015\/revisions"}],"predecessor-version":[{"id":22020,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22015\/revisions\/22020"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}