Student Activities Division – Al-Samawa Technical Institute<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&family=Cairo:wght@400;600;700;800&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 --orange: #ffb347;\n }\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\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 line-height: 1.6;\n }\n \/* \u2500\u2500 BACKGROUND ANIMATIONS (fully preserved) \u2500\u2500 *\/\n .bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n .bg-grid {\n position: absolute; inset: 0;\n background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px),\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 { position: absolute; border-radius: 50%; filter: blur(90px); animation: orbFloat 9s ease-in-out infinite alternate; }\n .orb1 { width:520px;height:520px;background:rgba(180,200,230,.38);top:-170px;right:-130px; }\n .orb2 { width:360px;height:360px;background:rgba(155,185,220,.28);bottom:8%;left:3%;}\n .orb3 { width:260px;height:260px;background:rgba(255,179,71,.15);top:40%;right:20%;}\n @keyframes orbFloat { from { transform: translate(0,0) scale(1); } to { transform: translate(28px,28px) scale(1.09); } }\n \/* 3D LOGO WATERMARKS *\/\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 .logo-3d-wrapper { width:360px; height:360px; animation: spin3D 25s linear infinite; transform-style: preserve-3d; perspective: 800px; }\n .logo-3d-wrapper.logo-small { width:130px; height:130px; }\n .logo-3d-wrapper.logo-slow { animation-duration:35s; animation-direction:reverse; }\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 { width:100%; height:100%; object-fit:contain; opacity:.06; mix-blend-mode:screen; filter: saturate(.8) brightness(.85); border-radius: 50%; animation: logoPulse 4.5s ease-in-out infinite alternate; }\n @keyframes logoPulse { from{opacity:.04} to{opacity:.12} }\n \/* FLOATING PARTICLES *\/\n .particle { position: fixed; border-radius:50%; pointer-events:none; z-index:0; animation: floatP linear infinite; opacity:0; }\n @keyframes floatP { 0% { transform:translateY(100vh) rotate(0deg); opacity:0; } 10% { opacity:.55; } 90% { opacity:.55; } 100% { transform:translateY(-120px) rotate(360deg); opacity:0; } }\n \/* LAYOUT *\/\n .page-wrap { position: relative; z-index:2; padding: 2.5rem 1.5rem 4rem; max-width: 1350px; margin: 0 auto; }\n \/* CONTROL BAR (Updated) *\/\n .control-bar {\n display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;\n gap: 1rem; background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.2rem 1.5rem; margin-bottom: 2.5rem;\n box-shadow: 0 4px 24px rgba(0,0,0,.08); backdrop-filter: blur(8px);\n }\n .bar-left { display: flex; align-items: center; gap: 1rem; }\n .bar-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.3rem; box-shadow: 0 4px 12px rgba(26,77,140,.3); flex-shrink: 0; }\n .bar-title { font-size: 1.2rem; font-weight: 800; color: var(--accent); line-height: 1.2; }\n .bar-subtitle { font-size: 0.85rem; color: var(--muted); font-weight: 600; margin-top: 4px; }\n .bar-right { display: flex; gap: 10px; flex-wrap: wrap; }\n .badge-count { background: var(--pill-bg); border: 1px solid var(--pill-bdr); padding: 0.4rem 1.2rem; border-radius: 60px; font-size: 0.85rem; font-weight: 700; color: var(--accent); display: flex; align-items: center; gap: 6px; }\n .badge-orange { background: rgba(255, 179, 71, 0.15); border-color: rgba(255, 179, 71, 0.4); color: #b45f06; }\n .section-title { font-size: 1.6rem; font-weight: 800; color: #0a2b44; margin: 2.5rem 0 1.5rem; position: relative; display: inline-block; padding-left: 15px; }\n .section-title:after { content: \"\"; position: absolute; left: 0; bottom: -8px; width: 60px; height: 4px; background: var(--orange); border-radius: 4px; }\n .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.8rem; }\n .data-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,.06); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; }\n .card-header { background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98)); padding: 1.2rem 1.4rem; border-bottom: 1.5px solid rgba(26,77,140,.10); display: flex; align-items: center; gap: 12px; }\n .card-header i { font-size: 1.8rem; color: var(--accent2); }\n .card-header h3 { font-size: 1.3rem; font-weight: 700; color: #1f4e79; }\n .card-body { padding: 1.5rem; }\n .dept-list { list-style: none; }\n .dept-list li { padding: 0.6rem 0; border-bottom: 1px dashed rgba(26,77,140,.15); display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 0.95rem; color: var(--text); transition: color 0.2s; }\n .dept-list li:last-child { border-bottom: none; }\n .dept-list li:hover { color: var(--accent2); }\n .dept-list li i { color: var(--orange); font-size: 0.9rem; width: 20px; text-align: center; }\n .stats-wrapper { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }\n .number-block { background: linear-gradient(135deg, #ffffff, #f4f8fc); border-radius: 20px; padding: 1rem; text-align: center; flex: 1; min-width: 100px; box-shadow: 0 4px 12px rgba(0,0,0,0.04); border: 1px solid var(--border); }\n .number-block .num { font-size: 2.2rem; font-weight: 800; color: var(--accent); line-height: 1; }\n .number-block .label { font-size: 0.85rem; font-weight: 700; color: var(--muted); margin-top: 5px; }\n .mission-vision { background: linear-gradient(110deg, rgba(255,255,255,0.9) 0%, rgba(248,250,252,0.9) 100%); border-radius: var(--radius); padding: 2rem; border-left: 6px solid var(--orange); box-shadow: 0 8px 32px rgba(0,0,0,.05); font-size: 1.05rem; font-weight: 500; }\n .mission-vision hr { border: 0; height: 1px; background: linear-gradient(to left, transparent, rgba(30,80,140,0.2), transparent); margin: 20px 0; }\n .goal-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.2rem; }\n .goal-item { background: var(--surface); padding: 1.2rem; border-radius: 20px; display: flex; align-items: flex-start; gap: 12px; border: 1px solid var(--border); box-shadow: 0 4px 12px rgba(0,0,0,0.03); }\n .goal-item i { font-size: 1.5rem; color: var(--orange); margin-top: 2px; }\n .goal-item strong { color: var(--accent); display: block; margin-bottom: 4px; font-size: 1.05rem; }\n .goal-item span { font-size: 0.9rem; color: #5a738e; }\n .team-card { background: var(--surface); border-radius: var(--radius); padding: 1.5rem; border: 1px solid var(--border); display: flex; flex-wrap: wrap; gap: 1.8rem; align-items: center; margin-bottom: 1rem; }\n .team-avatar { flex-shrink: 0; width: 120px; height: 120px; background: #f0f4fa; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 3px solid var(--orange); }\n .team-avatar img { width: 100%; height: 100%; object-fit: cover; }\n .team-info h3 { font-size: 1.5rem; color: var(--accent); margin-bottom: 5px; }\n .member-grid { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 0.5rem; }\n .member-badge { background: var(--pill-bg); border-radius: 40px; padding: 0.4rem 1rem; font-weight: 600; font-size: 0.9rem; color: var(--accent); display: inline-flex; align-items: center; gap: 0.5rem; }\n .footer-note { margin-top: 3.5rem; text-align: center; background: var(--surface); border: 1px solid var(--border); border-radius: 60px; padding: 1rem 2rem; width: fit-content; margin-left: auto; margin-right: auto; font-size: 0.9rem; font-weight: 600; color: var(--muted); box-shadow: 0 4px 16px rgba(0,0,0,.05); }\n .news-item { background: #ffffffdd; border-radius: 28px; padding: 0.8rem 1.2rem; margin-bottom: 0.8rem; border-left: 4px solid var(--orange); font-weight: 500; transition: 0.2s; }\n .video-placeholder { background: #eef2f8; border-radius: 28px; padding: 2rem; text-align: center; border: 1px dashed var(--accent2); }\n @media (max-width: 768px) { .page-wrap { padding: 1.5rem 1rem; } .control-bar { flex-direction: column; align-items: flex-start; } .bar-right { width: 100%; justify-content: flex-start; } .section-title { font-size: 1.35rem; } .team-card { flex-direction: column; text-align: center; } }\n <\/style>\n<\/head>\n<body>\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 <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.style.display='none'\" class=\"logo-3d-img\" alt=\"Institute 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.style.display='none'\" class=\"logo-3d-img\" alt=\"Institute 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.style.display='none'\" class=\"logo-3d-img\" alt=\"Institute Logo\"><\/div><\/div>\n<\/div>\n<div class=\"page-wrap\">\n \n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-users-viewfinder\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">Student Activities Division – Al-Samawa Technical Institute<\/div>\n <div class=\"bar-subtitle\"><i class=\"fas fa-map-marker-alt\" style=\"color:var(--orange);\"><\/i> Al-Furat Al-Awsat Technical University | Talent Development – Youth Leadership – Community Service<\/div>\n <\/div>\n <\/div>\n <div class=\"bar-right\">\n <div class=\"badge-count\"><i class=\"fas fa-layer-group\"><\/i> 5 Specialized Units<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-calendar-alt\"><\/i> 30+ Yearly Events<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-user-friends\"><\/i> Active Staff<\/div>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-info-circle\" style=\"color:var(--orange); margin-right:8px;\"><\/i> About the Division<\/h2>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-body\">\n <p style=\"font-size:1.05rem; line-height:1.7;\">The <strong>Student Activities Division<\/strong> at Al-Samawa Technical Institute is one of the active divisions affiliated with the <strong>Student Activities Department<\/strong> at Al-Furat Al-Awsat Technical University. It plays a pivotal role in enhancing university life and developing students’ personalities in a comprehensive manner. The division plans, organizes, and implements various student activities that refine students’ intellectual, physical, artistic, and social skills, while instilling values of belonging, teamwork, and initiative. Its tasks include organizing cultural festivals, sports tournaments, religious ceremonies, art exhibitions, scouting programs, and impactful community service initiatives.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"cards-grid\" style=\"grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); margin-bottom: 1rem;\">\n <div>\n <h2 class=\"section-title\"><i class=\"fas fa-eye\" style=\"margin-right:8px;\"><\/i> Vision<\/h2>\n <div class=\"mission-vision\" data-tilt>\n <p>For the Student Activities Division at the Technical Institute to be a pioneering and stimulating environment for creativity and excellence, contributing to the preparation of students who possess leadership skills, high national spirit, and a balanced personality capable of giving and serving society, in line with the vision and goals of Al-Furat Al-Awsat Technical University.<\/p>\n <hr>\n <p>We strive to be a role model in extracurricular activities at both local and regional levels.<\/p>\n <\/div>\n <\/div>\n <div>\n <h2 class=\"section-title\"><i class=\"fas fa-scroll\" style=\"margin-right:8px;\"><\/i> Mission<\/h2>\n <div class=\"mission-vision\" data-tilt style=\"border-left-color: var(--accent2);\">\n <p>To provide diverse and comprehensive student programs and activities that enhance students’ scientific, cultural, sports, artistic, and social capabilities, and reinforce values of cooperation, discipline, and community responsibility through organized institutional work, effective planning, and positive partnership inside and outside the university campus.<\/p>\n <hr>\n <p>We are committed to providing an inclusive environment to unleash hidden potentials and support collective innovation.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-tasks\" style=\"color:var(--orange); margin-right:8px;\"><\/i> Tasks & Responsibilities<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-calendar-check\"><\/i><h3>Core Responsibilities<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-microphone-alt\"><\/i> Organizing cultural festivals and literary evenings<\/li>\n <li><i class=\"fas fa-futbol\"><\/i> Managing internal and external sports tournaments and activities<\/li>\n <li><i class=\"fas fa-palette\"><\/i> Supervising art exhibitions and creative workshops<\/li>\n <li><i class=\"fas fa-campground\"><\/i> Activating scouting programs and team spirit development<\/li>\n <li><i class=\"fas fa-hand-holding-heart\"><\/i> Launching volunteer campaigns and local community service<\/li>\n <li><i class=\"fas fa-church\"><\/i> Celebrating religious and national occasions<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-chart-line\"><\/i><h3>Community Impact<\/h3><\/div>\n <div class=\"card-body\">\n <p>The division works to enrich the governorate with purposeful activities and raise awareness, in addition to representing the institute in university, national, and international events, and strengthening cooperation with civil institutions to expand volunteer and developmental participation.<\/p>\n <div class=\"stats-wrapper\" style=\"margin-top:1.2rem;\">\n <div class=\"number-block\"><div class=\"num\">25+<\/div><div class=\"label\">Yearly Activities<\/div><\/div>\n <div class=\"number-block\"><div class=\"num\">1500+<\/div><div class=\"label\">Participating Students<\/div><\/div>\n <div class=\"number-block\"><div class=\"num\">10<\/div><div class=\"label\">Community Partnerships<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-bullseye\" style=\"color:#e8748f; margin-right:8px;\"><\/i> Strategic Goals<\/h2>\n <div class=\"goal-list\">\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-lightbulb\"><\/i><div><strong>Develop student talents and creativity<\/strong><span>in cultural, artistic, sports, and scientific fields.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-hands-helping\"><\/i><div><strong>Promote volunteer work culture<\/strong><span> and service to the local and institutional community.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-heartbeat\"><\/i><div><strong>Support sports and health activities<\/strong><span> to build an active, physically and mentally balanced generation.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-flag-checkered\"><\/i><div><strong>Instill national values and cultural identity<\/strong><span> and belonging to Iraq and the university heritage.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-chalkboard-user\"><\/i><div><strong>Empower students with leadership skills<\/strong><span> and teamwork and project management abilities.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-trophy\"><\/i><div><strong>Represent the institute honorably<\/strong><span> in university and national events and achieve advanced rankings.<\/span><\/div><\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-sitemap\" style=\"color:var(--accent2); margin-right:8px;\"><\/i> Organizational Units<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt><div class=\"card-header\"><i class=\"fas fa-book\"><\/i><h3>Cultural Activities Unit<\/h3><\/div><div class=\"card-body\"><p>Organizing lectures, cultural competitions, literary clubs, and supporting intellectual talents and dialogue development.<\/p><\/div><\/div>\n <div class=\"data-card\" data-tilt><div class=\"card-header\"><i class=\"fas fa-futbol\"><\/i><h3>Sports Activities Unit<\/h3><\/div><div class=\"card-body\"><p>Supervising sports tournaments, team and individual games, and organizing recreational sports events.<\/p><\/div><\/div>\n <div class=\"data-card\" data-tilt><div class=\"card-header\"><i class=\"fas fa-paintbrush\"><\/i><h3>Artistic Activities Unit<\/h3><\/div><div class=\"card-body\"><p>Supporting visual arts, music, theater, art exhibitions and discovering creative talents.<\/p><\/div><\/div>\n <div class=\"data-card\" data-tilt><div class=\"card-header\"><i class=\"fas fa-campground\"><\/i><h3>Scouting Activities Unit<\/h3><\/div><div class=\"card-body\"><p>Scouting programs, student camps, enhancing self-reliance and teamwork in nature.<\/p><\/div><\/div>\n <div class=\"data-card\" data-tilt><div class=\"card-header\"><i class=\"fas fa-seedling\"><\/i><h3>Volunteer Work Unit<\/h3><\/div><div class=\"card-body\"><p>Organizing environmental and humanitarian volunteer campaigns, combating poverty and illiteracy, supporting community initiatives.<\/p><\/div><\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-id-card\" style=\"margin-right:8px;\"><\/i> Student Activities Division Staff<\/h2>\n <div class=\"team-card\" data-tilt>\n <div class=\"team-avatar\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-21-103122.png\" onerror=\"this.src='https:\/\/via.placeholder.com\/120?text=Staff+Photo'\" alt=\"Division Head Photo\">\n <\/div>\n <div class=\"team-info\">\n <h3>Sadiq Madloul Dohan<\/h3>\n <p><strong><i class=\"fas fa-graduation-cap\"><\/i> Degree:<\/strong> Accountant \/ Division Head<\/p>\n <p><i class=\"fas fa-user-tie\"><\/i> Head of Student Activities Division \u2013 overall supervision, annual planning, and coordination with the five units.<\/p>\n <div class=\"member-grid\">\n <span class=\"member-badge\"><i class=\"fas fa-user-check\"><\/i> Zuhair Jasim Mohammed \u2013 Active Member<\/span>\n <span class=\"member-badge\"><i class=\"fas fa-chalkboard-user\"><\/i> Heads of the five units (Cultural, Sports, Artistic, Scouting, Volunteer)<\/span>\n <span class=\"member-badge\"><i class=\"fas fa-envelope\"><\/i> Division Secretariat<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"cards-grid\" style=\"grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); margin-top: 1rem;\">\n <div>\n <h2 class=\"section-title\"><i class=\"fas fa-video\" style=\"margin-right:8px;\"><\/i> Introductory Video<\/h2>\n <div class=\"video-placeholder\" data-tilt>\n <i class=\"fas fa-play-circle\" style=\"font-size: 3.5rem; color: var(--accent2); margin-bottom: 1rem;\"><\/i>\n <p style=\"font-weight: bold;\">\ud83d\udcfd\ufe0f Coming Soon: Documentary on Division Achievements & Student Events<\/p>\n <p style=\"font-size:0.85rem;\">Highlighting sports tournaments, art exhibitions, and volunteer camps<\/p>\n <div style=\"margin-top:10px;\"><span class=\"badge-count\"><i class=\"fas fa-calendar-week\"><\/i> Expected Launch 2026<\/span><\/div>\n <\/div>\n <\/div>\n <div>\n <h2 class=\"section-title\"><i class=\"fas fa-newspaper\" style=\"margin-right:8px;\"><\/i> Latest News & Events<\/h2>\n <div class=\"data-card\" data-tilt style=\"background: var(--surface);\">\n <div class=\"card-body\">\n <div class=\"news-item\"><i class=\"fas fa-trophy\" style=\"color: var(--orange);\"><\/i> <strong>Institute Football Cup Finals<\/strong> \u2013 12 teams from various departments participating.<\/div>\n <div class=\"news-item\"><i class=\"fas fa-microphone-alt\"><\/i> <strong>First Cultural Creativity Forum<\/strong> \u2013 Poetry and short story competition with 80 students.<\/div>\n <div class=\"news-item\"><i class=\"fas fa-hands-helping\"><\/i> <strong>Large-Scale Tree Planting Campaign<\/strong> as part of \u201cGreen Najaf\u201d initiative with 300 volunteers.<\/div>\n <div class=\"news-item\"><i class=\"fas fa-palette\"><\/i> <strong>Fine Arts Exhibition<\/strong> \u2013 Annual exhibition of paintings and photography.<\/div>\n <div class=\"news-item\"><i class=\"fas fa-campground\"><\/i> <strong>Central Scout Camp<\/strong> \u2013 Training in survival skills and teamwork.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"stats-wrapper\" style=\"margin: 2rem 0 0.5rem; justify-content: center;\">\n <div class=\"number-block\"><div class=\"num\">+25<\/div><div class=\"label\">Yearly Diverse Events<\/div><\/div>\n <div class=\"number-block\"><div class=\"num\">5<\/div><div class=\"label\">Organizational Units<\/div><\/div>\n <div class=\"number-block\"><div class=\"num\">7<\/div><div class=\"label\">Permanent Staff & Members<\/div><\/div>\n <\/div>\n\n <div class=\"footer-note\">\n <i class=\"fas fa-university\"><\/i> \u00a9 2026 Al-Furat Al-Awsat Technical University – Al-Samawa Technical Institute | Student Activities Division: Towards a Pioneering, Integrated Generation\n <\/div>\n<\/div>\n\n<script>\n \/\/ Particles generator (preserved)\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 \/\/ 3D TILT EFFECT\n document.querySelectorAll('[data-tilt]').forEach(card => {\n card.addEventListener('mousemove', e => {\n const r = card.getBoundingClientRect();\n const x = e.clientX - r.left;\n const y = e.clientY - r.top;\n const cx = r.width \/ 2;\n const cy = r.height \/ 2;\n const rX = ((y - cy) \/ cy) * 3;\n const rY = ((x - cx) \/ cx) * -3;\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.015) translateY(-4px)`;\n card.style.boxShadow = `0 16px 32px -10px rgba(26,77,140,0.2)`;\n card.style.borderColor = 'rgba(255,179,71,0.4)';\n });\n card.addEventListener('mouseleave', () => {\n card.style.transition = 'transform 0.45s cubic-bezier(.2,.9,.4,1), box-shadow 0.45s ease, border-color 0.3s ease';\n card.style.transform = '';\n card.style.boxShadow = '';\n card.style.borderColor = '';\n });\n });\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Student Activities Division – Al-Samawa Technical Institute Student Activities Division – Al-Samawa Technical Institute Al-Furat Al-Awsat Technical University | Talent Development – Youth Leadership – Community Service 5 Specialized Units 30+ Yearly Events Active Staff About the Division The Student Activities Division at Al-Samawa Technical Institute is one of the active divisions affiliated with the … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22626&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-22626","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22626","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=22626"}],"version-history":[{"count":2,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22626\/revisions"}],"predecessor-version":[{"id":22628,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22626\/revisions\/22628"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22626,"date":"2026-04-30T09:14:12","date_gmt":"2026-04-30T06:14:12","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=22626"},"modified":"2026-04-30T09:14:20","modified_gmt":"2026-04-30T06:14:20","slug":"student-activities-division","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=22626&lang=en","title":{"rendered":"Student Activities Division"},"content":{"rendered":"\n\n\n\n \n \n Student Activities Division – Al-Samawa Technical Institute<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&family=Cairo:wght@400;600;700;800&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 --orange: #ffb347;\n }\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\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 line-height: 1.6;\n }\n \/* \u2500\u2500 BACKGROUND ANIMATIONS (fully preserved) \u2500\u2500 *\/\n .bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n .bg-grid {\n position: absolute; inset: 0;\n background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px),\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 { position: absolute; border-radius: 50%; filter: blur(90px); animation: orbFloat 9s ease-in-out infinite alternate; }\n .orb1 { width:520px;height:520px;background:rgba(180,200,230,.38);top:-170px;right:-130px; }\n .orb2 { width:360px;height:360px;background:rgba(155,185,220,.28);bottom:8%;left:3%;}\n .orb3 { width:260px;height:260px;background:rgba(255,179,71,.15);top:40%;right:20%;}\n @keyframes orbFloat { from { transform: translate(0,0) scale(1); } to { transform: translate(28px,28px) scale(1.09); } }\n \/* 3D LOGO WATERMARKS *\/\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 .logo-3d-wrapper { width:360px; height:360px; animation: spin3D 25s linear infinite; transform-style: preserve-3d; perspective: 800px; }\n .logo-3d-wrapper.logo-small { width:130px; height:130px; }\n .logo-3d-wrapper.logo-slow { animation-duration:35s; animation-direction:reverse; }\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 { width:100%; height:100%; object-fit:contain; opacity:.06; mix-blend-mode:screen; filter: saturate(.8) brightness(.85); border-radius: 50%; animation: logoPulse 4.5s ease-in-out infinite alternate; }\n @keyframes logoPulse { from{opacity:.04} to{opacity:.12} }\n \/* FLOATING PARTICLES *\/\n .particle { position: fixed; border-radius:50%; pointer-events:none; z-index:0; animation: floatP linear infinite; opacity:0; }\n @keyframes floatP { 0% { transform:translateY(100vh) rotate(0deg); opacity:0; } 10% { opacity:.55; } 90% { opacity:.55; } 100% { transform:translateY(-120px) rotate(360deg); opacity:0; } }\n \/* LAYOUT *\/\n .page-wrap { position: relative; z-index:2; padding: 2.5rem 1.5rem 4rem; max-width: 1350px; margin: 0 auto; }\n \/* CONTROL BAR (Updated) *\/\n .control-bar {\n display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;\n gap: 1rem; background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.2rem 1.5rem; margin-bottom: 2.5rem;\n box-shadow: 0 4px 24px rgba(0,0,0,.08); backdrop-filter: blur(8px);\n }\n .bar-left { display: flex; align-items: center; gap: 1rem; }\n .bar-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.3rem; box-shadow: 0 4px 12px rgba(26,77,140,.3); flex-shrink: 0; }\n .bar-title { font-size: 1.2rem; font-weight: 800; color: var(--accent); line-height: 1.2; }\n .bar-subtitle { font-size: 0.85rem; color: var(--muted); font-weight: 600; margin-top: 4px; }\n .bar-right { display: flex; gap: 10px; flex-wrap: wrap; }\n .badge-count { background: var(--pill-bg); border: 1px solid var(--pill-bdr); padding: 0.4rem 1.2rem; border-radius: 60px; font-size: 0.85rem; font-weight: 700; color: var(--accent); display: flex; align-items: center; gap: 6px; }\n .badge-orange { background: rgba(255, 179, 71, 0.15); border-color: rgba(255, 179, 71, 0.4); color: #b45f06; }\n .section-title { font-size: 1.6rem; font-weight: 800; color: #0a2b44; margin: 2.5rem 0 1.5rem; position: relative; display: inline-block; padding-left: 15px; }\n .section-title:after { content: \"\"; position: absolute; left: 0; bottom: -8px; width: 60px; height: 4px; background: var(--orange); border-radius: 4px; }\n .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.8rem; }\n .data-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,.06); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; }\n .card-header { background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98)); padding: 1.2rem 1.4rem; border-bottom: 1.5px solid rgba(26,77,140,.10); display: flex; align-items: center; gap: 12px; }\n .card-header i { font-size: 1.8rem; color: var(--accent2); }\n .card-header h3 { font-size: 1.3rem; font-weight: 700; color: #1f4e79; }\n .card-body { padding: 1.5rem; }\n .dept-list { list-style: none; }\n .dept-list li { padding: 0.6rem 0; border-bottom: 1px dashed rgba(26,77,140,.15); display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 0.95rem; color: var(--text); transition: color 0.2s; }\n .dept-list li:last-child { border-bottom: none; }\n .dept-list li:hover { color: var(--accent2); }\n .dept-list li i { color: var(--orange); font-size: 0.9rem; width: 20px; text-align: center; }\n .stats-wrapper { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }\n .number-block { background: linear-gradient(135deg, #ffffff, #f4f8fc); border-radius: 20px; padding: 1rem; text-align: center; flex: 1; min-width: 100px; box-shadow: 0 4px 12px rgba(0,0,0,0.04); border: 1px solid var(--border); }\n .number-block .num { font-size: 2.2rem; font-weight: 800; color: var(--accent); line-height: 1; }\n .number-block .label { font-size: 0.85rem; font-weight: 700; color: var(--muted); margin-top: 5px; }\n .mission-vision { background: linear-gradient(110deg, rgba(255,255,255,0.9) 0%, rgba(248,250,252,0.9) 100%); border-radius: var(--radius); padding: 2rem; border-left: 6px solid var(--orange); box-shadow: 0 8px 32px rgba(0,0,0,.05); font-size: 1.05rem; font-weight: 500; }\n .mission-vision hr { border: 0; height: 1px; background: linear-gradient(to left, transparent, rgba(30,80,140,0.2), transparent); margin: 20px 0; }\n .goal-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.2rem; }\n .goal-item { background: var(--surface); padding: 1.2rem; border-radius: 20px; display: flex; align-items: flex-start; gap: 12px; border: 1px solid var(--border); box-shadow: 0 4px 12px rgba(0,0,0,0.03); }\n .goal-item i { font-size: 1.5rem; color: var(--orange); margin-top: 2px; }\n .goal-item strong { color: var(--accent); display: block; margin-bottom: 4px; font-size: 1.05rem; }\n .goal-item span { font-size: 0.9rem; color: #5a738e; }\n .team-card { background: var(--surface); border-radius: var(--radius); padding: 1.5rem; border: 1px solid var(--border); display: flex; flex-wrap: wrap; gap: 1.8rem; align-items: center; margin-bottom: 1rem; }\n .team-avatar { flex-shrink: 0; width: 120px; height: 120px; background: #f0f4fa; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 3px solid var(--orange); }\n .team-avatar img { width: 100%; height: 100%; object-fit: cover; }\n .team-info h3 { font-size: 1.5rem; color: var(--accent); margin-bottom: 5px; }\n .member-grid { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 0.5rem; }\n .member-badge { background: var(--pill-bg); border-radius: 40px; padding: 0.4rem 1rem; font-weight: 600; font-size: 0.9rem; color: var(--accent); display: inline-flex; align-items: center; gap: 0.5rem; }\n .footer-note { margin-top: 3.5rem; text-align: center; background: var(--surface); border: 1px solid var(--border); border-radius: 60px; padding: 1rem 2rem; width: fit-content; margin-left: auto; margin-right: auto; font-size: 0.9rem; font-weight: 600; color: var(--muted); box-shadow: 0 4px 16px rgba(0,0,0,.05); }\n .news-item { background: #ffffffdd; border-radius: 28px; padding: 0.8rem 1.2rem; margin-bottom: 0.8rem; border-left: 4px solid var(--orange); font-weight: 500; transition: 0.2s; }\n .video-placeholder { background: #eef2f8; border-radius: 28px; padding: 2rem; text-align: center; border: 1px dashed var(--accent2); }\n @media (max-width: 768px) { .page-wrap { padding: 1.5rem 1rem; } .control-bar { flex-direction: column; align-items: flex-start; } .bar-right { width: 100%; justify-content: flex-start; } .section-title { font-size: 1.35rem; } .team-card { flex-direction: column; text-align: center; } }\n <\/style>\n<\/head>\n<body>\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 <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.style.display='none'\" class=\"logo-3d-img\" alt=\"Institute 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.style.display='none'\" class=\"logo-3d-img\" alt=\"Institute 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.style.display='none'\" class=\"logo-3d-img\" alt=\"Institute Logo\"><\/div><\/div>\n<\/div>\n<div class=\"page-wrap\">\n \n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-users-viewfinder\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">Student Activities Division – Al-Samawa Technical Institute<\/div>\n <div class=\"bar-subtitle\"><i class=\"fas fa-map-marker-alt\" style=\"color:var(--orange);\"><\/i> Al-Furat Al-Awsat Technical University | Talent Development – Youth Leadership – Community Service<\/div>\n <\/div>\n <\/div>\n <div class=\"bar-right\">\n <div class=\"badge-count\"><i class=\"fas fa-layer-group\"><\/i> 5 Specialized Units<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-calendar-alt\"><\/i> 30+ Yearly Events<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-user-friends\"><\/i> Active Staff<\/div>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-info-circle\" style=\"color:var(--orange); margin-right:8px;\"><\/i> About the Division<\/h2>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-body\">\n <p style=\"font-size:1.05rem; line-height:1.7;\">The <strong>Student Activities Division<\/strong> at Al-Samawa Technical Institute is one of the active divisions affiliated with the <strong>Student Activities Department<\/strong> at Al-Furat Al-Awsat Technical University. It plays a pivotal role in enhancing university life and developing students’ personalities in a comprehensive manner. The division plans, organizes, and implements various student activities that refine students’ intellectual, physical, artistic, and social skills, while instilling values of belonging, teamwork, and initiative. Its tasks include organizing cultural festivals, sports tournaments, religious ceremonies, art exhibitions, scouting programs, and impactful community service initiatives.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"cards-grid\" style=\"grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); margin-bottom: 1rem;\">\n <div>\n <h2 class=\"section-title\"><i class=\"fas fa-eye\" style=\"margin-right:8px;\"><\/i> Vision<\/h2>\n <div class=\"mission-vision\" data-tilt>\n <p>For the Student Activities Division at the Technical Institute to be a pioneering and stimulating environment for creativity and excellence, contributing to the preparation of students who possess leadership skills, high national spirit, and a balanced personality capable of giving and serving society, in line with the vision and goals of Al-Furat Al-Awsat Technical University.<\/p>\n <hr>\n <p>We strive to be a role model in extracurricular activities at both local and regional levels.<\/p>\n <\/div>\n <\/div>\n <div>\n <h2 class=\"section-title\"><i class=\"fas fa-scroll\" style=\"margin-right:8px;\"><\/i> Mission<\/h2>\n <div class=\"mission-vision\" data-tilt style=\"border-left-color: var(--accent2);\">\n <p>To provide diverse and comprehensive student programs and activities that enhance students’ scientific, cultural, sports, artistic, and social capabilities, and reinforce values of cooperation, discipline, and community responsibility through organized institutional work, effective planning, and positive partnership inside and outside the university campus.<\/p>\n <hr>\n <p>We are committed to providing an inclusive environment to unleash hidden potentials and support collective innovation.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-tasks\" style=\"color:var(--orange); margin-right:8px;\"><\/i> Tasks & Responsibilities<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-calendar-check\"><\/i><h3>Core Responsibilities<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-microphone-alt\"><\/i> Organizing cultural festivals and literary evenings<\/li>\n <li><i class=\"fas fa-futbol\"><\/i> Managing internal and external sports tournaments and activities<\/li>\n <li><i class=\"fas fa-palette\"><\/i> Supervising art exhibitions and creative workshops<\/li>\n <li><i class=\"fas fa-campground\"><\/i> Activating scouting programs and team spirit development<\/li>\n <li><i class=\"fas fa-hand-holding-heart\"><\/i> Launching volunteer campaigns and local community service<\/li>\n <li><i class=\"fas fa-church\"><\/i> Celebrating religious and national occasions<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-chart-line\"><\/i><h3>Community Impact<\/h3><\/div>\n <div class=\"card-body\">\n <p>The division works to enrich the governorate with purposeful activities and raise awareness, in addition to representing the institute in university, national, and international events, and strengthening cooperation with civil institutions to expand volunteer and developmental participation.<\/p>\n <div class=\"stats-wrapper\" style=\"margin-top:1.2rem;\">\n <div class=\"number-block\"><div class=\"num\">25+<\/div><div class=\"label\">Yearly Activities<\/div><\/div>\n <div class=\"number-block\"><div class=\"num\">1500+<\/div><div class=\"label\">Participating Students<\/div><\/div>\n <div class=\"number-block\"><div class=\"num\">10<\/div><div class=\"label\">Community Partnerships<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-bullseye\" style=\"color:#e8748f; margin-right:8px;\"><\/i> Strategic Goals<\/h2>\n <div class=\"goal-list\">\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-lightbulb\"><\/i><div><strong>Develop student talents and creativity<\/strong><span>in cultural, artistic, sports, and scientific fields.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-hands-helping\"><\/i><div><strong>Promote volunteer work culture<\/strong><span> and service to the local and institutional community.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-heartbeat\"><\/i><div><strong>Support sports and health activities<\/strong><span> to build an active, physically and mentally balanced generation.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-flag-checkered\"><\/i><div><strong>Instill national values and cultural identity<\/strong><span> and belonging to Iraq and the university heritage.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-chalkboard-user\"><\/i><div><strong>Empower students with leadership skills<\/strong><span> and teamwork and project management abilities.<\/span><\/div><\/div>\n <div class=\"goal-item\" data-tilt><i class=\"fas fa-trophy\"><\/i><div><strong>Represent the institute honorably<\/strong><span> in university and national events and achieve advanced rankings.<\/span><\/div><\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-sitemap\" style=\"color:var(--accent2); margin-right:8px;\"><\/i> Organizational Units<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt><div class=\"card-header\"><i class=\"fas fa-book\"><\/i><h3>Cultural Activities Unit<\/h3><\/div><div class=\"card-body\"><p>Organizing lectures, cultural competitions, literary clubs, and supporting intellectual talents and dialogue development.<\/p><\/div><\/div>\n <div class=\"data-card\" data-tilt><div class=\"card-header\"><i class=\"fas fa-futbol\"><\/i><h3>Sports Activities Unit<\/h3><\/div><div class=\"card-body\"><p>Supervising sports tournaments, team and individual games, and organizing recreational sports events.<\/p><\/div><\/div>\n <div class=\"data-card\" data-tilt><div class=\"card-header\"><i class=\"fas fa-paintbrush\"><\/i><h3>Artistic Activities Unit<\/h3><\/div><div class=\"card-body\"><p>Supporting visual arts, music, theater, art exhibitions and discovering creative talents.<\/p><\/div><\/div>\n <div class=\"data-card\" data-tilt><div class=\"card-header\"><i class=\"fas fa-campground\"><\/i><h3>Scouting Activities Unit<\/h3><\/div><div class=\"card-body\"><p>Scouting programs, student camps, enhancing self-reliance and teamwork in nature.<\/p><\/div><\/div>\n <div class=\"data-card\" data-tilt><div class=\"card-header\"><i class=\"fas fa-seedling\"><\/i><h3>Volunteer Work Unit<\/h3><\/div><div class=\"card-body\"><p>Organizing environmental and humanitarian volunteer campaigns, combating poverty and illiteracy, supporting community initiatives.<\/p><\/div><\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-id-card\" style=\"margin-right:8px;\"><\/i> Student Activities Division Staff<\/h2>\n <div class=\"team-card\" data-tilt>\n <div class=\"team-avatar\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-21-103122.png\" onerror=\"this.src='https:\/\/via.placeholder.com\/120?text=Staff+Photo'\" alt=\"Division Head Photo\">\n <\/div>\n <div class=\"team-info\">\n <h3>Sadiq Madloul Dohan<\/h3>\n <p><strong><i class=\"fas fa-graduation-cap\"><\/i> Degree:<\/strong> Accountant \/ Division Head<\/p>\n <p><i class=\"fas fa-user-tie\"><\/i> Head of Student Activities Division \u2013 overall supervision, annual planning, and coordination with the five units.<\/p>\n <div class=\"member-grid\">\n <span class=\"member-badge\"><i class=\"fas fa-user-check\"><\/i> Zuhair Jasim Mohammed \u2013 Active Member<\/span>\n <span class=\"member-badge\"><i class=\"fas fa-chalkboard-user\"><\/i> Heads of the five units (Cultural, Sports, Artistic, Scouting, Volunteer)<\/span>\n <span class=\"member-badge\"><i class=\"fas fa-envelope\"><\/i> Division Secretariat<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"cards-grid\" style=\"grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); margin-top: 1rem;\">\n <div>\n <h2 class=\"section-title\"><i class=\"fas fa-video\" style=\"margin-right:8px;\"><\/i> Introductory Video<\/h2>\n <div class=\"video-placeholder\" data-tilt>\n <i class=\"fas fa-play-circle\" style=\"font-size: 3.5rem; color: var(--accent2); margin-bottom: 1rem;\"><\/i>\n <p style=\"font-weight: bold;\">\ud83d\udcfd\ufe0f Coming Soon: Documentary on Division Achievements & Student Events<\/p>\n <p style=\"font-size:0.85rem;\">Highlighting sports tournaments, art exhibitions, and volunteer camps<\/p>\n <div style=\"margin-top:10px;\"><span class=\"badge-count\"><i class=\"fas fa-calendar-week\"><\/i> Expected Launch 2026<\/span><\/div>\n <\/div>\n <\/div>\n <div>\n <h2 class=\"section-title\"><i class=\"fas fa-newspaper\" style=\"margin-right:8px;\"><\/i> Latest News & Events<\/h2>\n <div class=\"data-card\" data-tilt style=\"background: var(--surface);\">\n <div class=\"card-body\">\n <div class=\"news-item\"><i class=\"fas fa-trophy\" style=\"color: var(--orange);\"><\/i> <strong>Institute Football Cup Finals<\/strong> \u2013 12 teams from various departments participating.<\/div>\n <div class=\"news-item\"><i class=\"fas fa-microphone-alt\"><\/i> <strong>First Cultural Creativity Forum<\/strong> \u2013 Poetry and short story competition with 80 students.<\/div>\n <div class=\"news-item\"><i class=\"fas fa-hands-helping\"><\/i> <strong>Large-Scale Tree Planting Campaign<\/strong> as part of \u201cGreen Najaf\u201d initiative with 300 volunteers.<\/div>\n <div class=\"news-item\"><i class=\"fas fa-palette\"><\/i> <strong>Fine Arts Exhibition<\/strong> \u2013 Annual exhibition of paintings and photography.<\/div>\n <div class=\"news-item\"><i class=\"fas fa-campground\"><\/i> <strong>Central Scout Camp<\/strong> \u2013 Training in survival skills and teamwork.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"stats-wrapper\" style=\"margin: 2rem 0 0.5rem; justify-content: center;\">\n <div class=\"number-block\"><div class=\"num\">+25<\/div><div class=\"label\">Yearly Diverse Events<\/div><\/div>\n <div class=\"number-block\"><div class=\"num\">5<\/div><div class=\"label\">Organizational Units<\/div><\/div>\n <div class=\"number-block\"><div class=\"num\">7<\/div><div class=\"label\">Permanent Staff & Members<\/div><\/div>\n <\/div>\n\n <div class=\"footer-note\">\n <i class=\"fas fa-university\"><\/i> \u00a9 2026 Al-Furat Al-Awsat Technical University – Al-Samawa Technical Institute | Student Activities Division: Towards a Pioneering, Integrated Generation\n <\/div>\n<\/div>\n\n<script>\n \/\/ Particles generator (preserved)\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 \/\/ 3D TILT EFFECT\n document.querySelectorAll('[data-tilt]').forEach(card => {\n card.addEventListener('mousemove', e => {\n const r = card.getBoundingClientRect();\n const x = e.clientX - r.left;\n const y = e.clientY - r.top;\n const cx = r.width \/ 2;\n const cy = r.height \/ 2;\n const rX = ((y - cy) \/ cy) * 3;\n const rY = ((x - cx) \/ cx) * -3;\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.015) translateY(-4px)`;\n card.style.boxShadow = `0 16px 32px -10px rgba(26,77,140,0.2)`;\n card.style.borderColor = 'rgba(255,179,71,0.4)';\n });\n card.addEventListener('mouseleave', () => {\n card.style.transition = 'transform 0.45s cubic-bezier(.2,.9,.4,1), box-shadow 0.45s ease, border-color 0.3s ease';\n card.style.transform = '';\n card.style.boxShadow = '';\n card.style.borderColor = '';\n });\n });\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Student Activities Division – Al-Samawa Technical Institute Student Activities Division – Al-Samawa Technical Institute Al-Furat Al-Awsat Technical University | Talent Development – Youth Leadership – Community Service 5 Specialized Units 30+ Yearly Events Active Staff About the Division The Student Activities Division at Al-Samawa Technical Institute is one of the active divisions affiliated with the … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22626&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-22626","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22626","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=22626"}],"version-history":[{"count":2,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22626\/revisions"}],"predecessor-version":[{"id":22628,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22626\/revisions\/22628"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}