{"id":41530,"date":"2026-04-27T05:31:17","date_gmt":"2026-04-27T05:31:17","guid":{"rendered":"https:\/\/iku.atu.edu.iq\/?page_id=41530"},"modified":"2026-04-27T05:33:40","modified_gmt":"2026-04-27T05:33:40","slug":"41530-2","status":"publish","type":"page","link":"https:\/\/iku.atu.edu.iq\/?page_id=41530&lang=en","title":{"rendered":"Student Activities Division"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Student Activities Department<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@600;900&#038;family=Amiri:wght@700&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        :root {\n            --indigo-base: #1a237e; \/* Indigo Color *\/\n            --indigo-light: #3949ab;\n            --gold-gradient: linear-gradient(45deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);\n            --sport-orange: #ff5722; \/* Sporty Orange *\/\n            --sport-green: #4caf50; \/* Vibrant Green *\/\n            --sport-yellow: #ffeb3b; \/* Bright Yellow *\/\n            --white: #ffffff;\n        }\n\n        body {\n            font-family: 'Cairo', sans-serif;\n            background-color: #f0f2f5;\n            margin: 0;\n            padding: 0;\n            color: #333;\n        }\n\n        \/* Indigo Header *\/\n        .activities-header {\n            background: linear-gradient(rgba(26, 35, 126, 0.9), rgba(26, 35, 126, 0.9)), \n                        url('https:\/\/images.unsplash.com\/photo-1461896756913-c8b40e725004?auto=format&fit=crop&w=1500&q=80');\n            background-size: cover;\n            background-position: center;\n            color: white;\n            padding: 110px 20px;\n            text-align: center;\n            border-bottom: 5px solid #b38728; \/* Golden Divider *\/\n        }\n\n        \/* Title with Royal Gold Gradient *\/\n        .activities-header h1 {\n            font-size: 3.8rem;\n            margin: 0;\n            font-family: 'Amiri', serif;\n            background: var(--gold-gradient);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));\n            font-weight: 900;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: -40px auto 50px;\n            padding: 0 20px;\n        }\n\n        \/* About Card *\/\n        .about-card {\n            background: var(--white);\n            padding: 35px;\n            border-radius: 25px;\n            box-shadow: 0 15px 35px rgba(26, 35, 126, 0.15);\n            text-align: center;\n            margin-bottom: 40px;\n            border-left: 8px solid var(--indigo-base);\n            border-right: 8px solid var(--indigo-base);\n        }\n\n        .about-card p {\n            font-size: 1.3rem;\n            color: var(--indigo-base);\n            font-weight: 700;\n            line-height: 1.8;\n        }\n\n        \/* Section Titles in Gold *\/\n        .section-title {\n            text-align: center;\n            font-size: 2.8rem;\n            font-family: 'Amiri', serif;\n            margin-bottom: 40px;\n            background: var(--gold-gradient);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            font-weight: 900;\n        }\n\n        \/* Tasks Grid with vibrant colors *\/\n        .tasks-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin-bottom: 60px;\n        }\n\n        .task-item {\n            background: var(--white);\n            padding: 20px;\n            border-radius: 15px;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            font-weight: 700;\n            transition: 0.3s;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n            color: var(--indigo-base);\n        }\n\n        \/* Distributing colors on tasks *\/\n        .task-item:nth-child(odd) { border-top: 5px solid var(--sport-orange); }\n        .task-item:nth-child(even) { border-top: 5px solid var(--sport-green); }\n        .task-item:nth-child(3n) { border-top: 5px solid var(--sport-yellow); }\n\n        .task-item:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n        }\n\n        .task-icon {\n            font-size: 2rem;\n        }\n\n        \/* Activity Showcase Cards *\/\n        .activities-showcase {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 30px;\n        }\n\n        .act-card {\n            background: var(--white);\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n            transition: 0.4s;\n        }\n\n        .act-card:hover { transform: scale(1.02); }\n\n        .act-img {\n            width: 100%;\n            height: 220px;\n            object-fit: cover;\n            border-bottom: 5px solid var(--indigo-base);\n        }\n\n        .act-content { padding: 20px; text-align: center; }\n        \n        \/* Coloring sub-titles *\/\n        .act-content h3 { \n            color: var(--sport-orange); \n            font-size: 1.6rem; \n            margin-bottom: 10px;\n        }\n\n        .act-card:nth-child(2) .act-content h3 { color: var(--sport-green); }\n        .act-card:nth-child(3) .act-content h3 { color: var(--indigo-light); }\n\n        footer {\n            background: var(--indigo-base);\n            color: white;\n            text-align: center;\n            padding: 60px 20px;\n            margin-top: 80px;\n        }\n\n        .footer-logo {\n            font-family: 'Amiri', serif;\n            font-size: 2.5rem;\n            background: var(--gold-gradient);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            margin-bottom: 15px;\n        }\n\n        @media (max-width: 768px) {\n            .activities-header h1 { font-size: 2.5rem; }\n            .section-title { font-size: 2rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <header class=\"activities-header\">\n        <h1>Student Activities Department<\/h1>\n        <p style=\"font-weight: 700; font-size: 1.2rem; margin-top: 10px;\">Energy.. Creativity.. Excellence<\/p>\n    <\/header>\n\n    <div class=\"container\">\n        \n        <div class=\"about-card\">\n            <p>\n                The Student Activities Department is dedicated to encouraging students to showcase their talents, explore their hobbies and interests, \n                and foster cooperation between students and other departments to improve academic and physical performance.\n            <\/p>\n        <\/div>\n\n        <h2 class=\"section-title\">Official Department Tasks<\/h2>\n        \n        <div class=\"tasks-grid\">\n            <div class=\"task-item\"><span class=\"task-icon\">\ud83c\udf1f<\/span> Nurturing and promoting students&#8217; athletic, artistic, and cultural talents.<\/div>\n            <div class=\"task-item\"><span class=\"task-icon\">\ud83d\udcca<\/span> Preparing the annual plan for student activities across various fields.<\/div>\n            <div class=\"task-item\"><span class=\"task-icon\">\ud83d\udee1\ufe0f<\/span> Strengthening the institute&#8217;s sports, arts, and cultural teams.<\/div>\n            <div class=\"task-item\"><span class=\"task-icon\">\u26bd<\/span> Organizing internal tournaments for students in various sports.<\/div>\n            <div class=\"task-item\"><span class=\"task-icon\">\ud83c\udfad<\/span> Holding artistic and cultural festivals to enhance cooperation.<\/div>\n            <div class=\"task-item\"><span class=\"task-icon\">\ud83d\udc55<\/span> Providing teams with uniforms, equipment, and technical needs.<\/div>\n            <div class=\"task-item\"><span class=\"task-icon\">\ud83e\udde1<\/span> Promoting and organizing voluntary work for community service.<\/div>\n            <div class=\"task-item\"><span class=\"task-icon\">\ud83c\udfdf\ufe0f<\/span> Supervising the sports halls and fields within the institute.<\/div>\n        <\/div>\n\n        <h2 class=\"section-title\">Creative Arenas<\/h2>\n\n        <div class=\"activities-showcase\">\n            <div class=\"act-card\">\n                <img decoding=\"async\" src=\"https:\/\/iku.atu.edu.iq\/wp-content\/uploads\/2021\/10\/\u0645\u0627\u0631\u062b\u0648\u06461.jpg\" class=\"act-img\" alt=\"Institute Marathon\">\n                <div class=\"act-content\">\n                    <h3>Sports Activities<\/h3>\n                    <p>The spirit of fair competition in our fields and between our colleges.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"act-card\">\n                <img decoding=\"async\" src=\"https:\/\/iku.atu.edu.iq\/wp-content\/uploads\/2021\/06\/unnamed-file-3.jpg\" class=\"act-img\" alt=\"Art Festivals\">\n                <div class=\"act-content\">\n                    <h3>Artistic Festivals<\/h3>\n                    <p>A platform for art, calligraphy, painting, and promising talents.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"act-card\">\n                <img decoding=\"async\" src=\"https:\/\/iku.atu.edu.iq\/wp-content\/uploads\/2026\/03\/\u0635\u0648\u0631\u0629-\u0627\u0644\u062d\u062c\u0632-\u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a.png\" class=\"act-img\" alt=\"Voluntary Work\">\n                <div class=\"act-content\">\n                    <h3>Voluntary Work<\/h3>\n                    <p>A student&#8217;s footprint in serving our society and our precious homeland.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <footer>\n        <div class=\"footer-logo\">Technical Institute<\/div>\n        <p style=\"font-weight: 700; letter-spacing: 1px;\">Student Activities Unit &#8211; The Beating Heart of the Institute<\/p>\n        <div style=\"margin-top: 25px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; font-size: 0.8rem; opacity: 0.8;\">\n            Designed by Chief Engineer Alaa Jassim Kadhim \u00a9 2026\n        <\/div>\n    <\/footer>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Student Activities Department Student Activities Department Energy.. Creativity.. Excellence The Student Activities Department is dedicated to encouraging students to showcase their talents, explore their hobbies and interests, and foster cooperation between students and other departments to improve academic and physical performance. Official Department Tasks \ud83c\udf1f Nurturing and promoting students&#8217; athletic, artistic, and cultural talents. \ud83d\udcca &hellip; <a href=\"https:\/\/iku.atu.edu.iq\/?page_id=41530&#038;lang=en\">Continued<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-41530","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/41530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=41530"}],"version-history":[{"count":6,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/41530\/revisions"}],"predecessor-version":[{"id":41536,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/41530\/revisions\/41536"}],"wp:attachment":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}