Interactive Org Structure | Technical Institute of Kufa<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --primary: #0f3c5c;\n --gold-bright: #FFD700; \/* Bright Gold *\/\n --gold-gradient: linear-gradient(45deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);\n --bg: #f0f4f8;\n --white: #ffffff;\n --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n\n body {\n font-family: 'Cairo', sans-serif;\n background-color: var(--bg);\n margin: 0;\n padding: 20px;\n }\n\n .org-container {\n max-width: 1200px;\n margin: auto;\n text-align: center;\n }\n\n \/* Gold Header Styling *\/\n .header-box {\n background: var(--primary);\n padding: 25px;\n border-radius: 15px;\n display: inline-block;\n margin-bottom: 30px;\n box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n border: 2px solid var(--gold-bright);\n transition: var(--transition);\n }\n\n .header-box:hover {\n transform: scale(1.05);\n box-shadow: 0 15px 30px rgba(15, 60, 92, 0.3);\n }\n\n .gold-text {\n background: var(--gold-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: 900;\n margin: 0;\n filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.3));\n }\n\n .header-box h3.gold-text { font-size: 1.8rem; margin-bottom: 10px; }\n .header-box p.gold-text { font-size: 1.2rem; }\n\n \/* Main Sections Grid *\/\n .major-columns {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 25px;\n margin-top: 40px;\n }\n\n .column-box {\n background: var(--white);\n padding: 20px;\n border-radius: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: var(--transition);\n border: 2px solid transparent;\n cursor: default;\n }\n\n \/* Hover Effect for the entire column *\/\n .column-box:hover {\n transform: translateY(-10px);\n background: var(--primary);\n border-color: var(--gold-bright);\n }\n\n .column-box:hover .title-tag, \n .column-box:hover .sub-list li {\n color: var(--white);\n }\n\n .column-box:hover .sub-list li {\n background: rgba(255, 255, 255, 0.1);\n border-left-color: var(--gold-bright);\n }\n\n .title-tag {\n font-weight: 800;\n display: block;\n margin-bottom: 15px;\n color: var(--primary);\n border-bottom: 2px solid #eee;\n padding-bottom: 10px;\n font-size: 1.1rem;\n transition: var(--transition);\n }\n\n .sub-list {\n list-style: none;\n padding: 0;\n text-align: left; \/* Changed for English *\/\n }\n\n .sub-list li {\n background: #f8f9fa;\n margin-bottom: 10px;\n padding: 12px 15px;\n border-radius: 10px;\n font-size: 0.9rem;\n border-left: 4px solid var(--primary); \/* Switched from right to left *\/\n transition: var(--transition);\n font-weight: 600;\n }\n\n \/* Hover Effect for specific list items *\/\n .sub-list li:hover {\n background: var(--gold-bright) !important;\n color: var(--primary) !important;\n transform: translateX(10px); \/* Move right for English *\/\n }\n\n \/* Top Level Nodes (Council & Dean) *\/\n .node {\n background: var(--white);\n border: 3px solid var(--primary);\n border-radius: 12px;\n padding: 15px 30px;\n display: inline-block;\n margin: 10px;\n transition: var(--transition);\n cursor: pointer;\n }\n\n .node:hover {\n background: var(--gold-bright);\n border-color: var(--primary);\n transform: scale(1.1) rotate(-2deg);\n }\n\n .node h4 { margin: 0; color: var(--primary); font-weight: 800; }\n\n @media (max-width: 900px) {\n .major-columns { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"org-container\">\n <div class=\"header-box\">\n <h3 class=\"gold-text\">Ministry of Higher Education and Scientific Research<\/h3>\n <p class=\"gold-text\">Al-Furat Al-Awsat Technical University – Technical Institute of Kufa<\/p>\n <\/div>\n\n <div style=\"margin-bottom: 30px;\">\n <div class=\"node\"><h4><i class=\"fas fa-users-rectangle\"><\/i> Institute Council<\/h4><\/div>\n <div class=\"node\"><h4><i class=\"fas fa-user-tie\"><\/i> The Dean<\/h4><\/div>\n <\/div>\n\n <div class=\"major-columns\">\n \n <div class=\"column-box\">\n <span class=\"title-tag\">Assistant Dean for Scientific & Student Affairs<\/span>\n <ul class=\"sub-list\">\n <li>Student Affairs & Registration Dept.<\/li>\n <li>Studies & Planning Dept.<\/li>\n <li>Scientific Affairs Unit<\/li>\n <li>Continuing Education Unit<\/li>\n <li>Rehabilitation & Employment Unit<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"column-box\">\n <span class=\"title-tag\">Scientific Departments (10 Depts)<\/span>\n <ul class=\"sub-list\">\n <li><i class=\"fas fa-pills\"><\/i> Pharmacy Techniques<\/li>\n <li><i class=\"fas fa-microscope\"><\/i> Medical Laboratory Techniques<\/li>\n <li><i class=\"fas fa-user-nurse\"><\/i> Nursing Techniques<\/li>\n <li><i class=\"fas fa-heartbeat\"><\/i> Community Health Techniques<\/li>\n <li><i class=\"fas fa-puzzle-piece\"><\/i> Autism Spectrum Techniques<\/li>\n <li><i class=\"fas fa-bolt\"><\/i> Electrical Techniques<\/li>\n <li><i class=\"fas fa-cogs\"><\/i> Mechanical Techniques<\/li>\n <li><i class=\"fas fa-car\"><\/i> Power Mechanical Techniques<\/li>\n <li><i class=\"fas fa-box\"><\/i> Material Management Techniques<\/li>\n <li><i class=\"fas fa-wheelchair\"><\/i> Prosthetics & Orthotics Techniques<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"column-box\">\n <span class=\"title-tag\">Assistant Dean for Administrative Affairs<\/span>\n <ul class=\"sub-list\">\n <li>Human Resources Dept.<\/li>\n <li>Financial Affairs Dept.<\/li>\n <li>Information Technology Dept.<\/li>\n <li>Services Dept.<\/li>\n <li>Construction & Projects Unit<\/li>\n <li>Legal Dept.<\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Interactive Org Structure | Technical Institute of Kufa Ministry of Higher Education and Scientific Research Al-Furat Al-Awsat Technical University – Technical Institute of Kufa Institute Council The Dean Assistant Dean for Scientific & Student Affairs Student Affairs & Registration Dept. Studies & Planning Dept. Scientific Affairs Unit Continuing Education Unit Rehabilitation & Employment Unit Scientific … <a href=\"https:\/\/iku.atu.edu.iq\/?page_id=40568&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-40568","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/40568","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=40568"}],"version-history":[{"count":1,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/40568\/revisions"}],"predecessor-version":[{"id":40569,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/40568\/revisions\/40569"}],"wp:attachment":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":40568,"date":"2026-04-16T21:42:04","date_gmt":"2026-04-16T21:42:04","guid":{"rendered":"https:\/\/iku.atu.edu.iq\/?page_id=40568"},"modified":"2026-04-16T21:42:14","modified_gmt":"2026-04-16T21:42:14","slug":"organizational-structure-of-the-institute","status":"publish","type":"page","link":"https:\/\/iku.atu.edu.iq\/?page_id=40568&lang=en","title":{"rendered":"Organizational Structure of the Institute"},"content":{"rendered":"\n\n\n\n \n \n Interactive Org Structure | Technical Institute of Kufa<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --primary: #0f3c5c;\n --gold-bright: #FFD700; \/* Bright Gold *\/\n --gold-gradient: linear-gradient(45deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);\n --bg: #f0f4f8;\n --white: #ffffff;\n --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n\n body {\n font-family: 'Cairo', sans-serif;\n background-color: var(--bg);\n margin: 0;\n padding: 20px;\n }\n\n .org-container {\n max-width: 1200px;\n margin: auto;\n text-align: center;\n }\n\n \/* Gold Header Styling *\/\n .header-box {\n background: var(--primary);\n padding: 25px;\n border-radius: 15px;\n display: inline-block;\n margin-bottom: 30px;\n box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n border: 2px solid var(--gold-bright);\n transition: var(--transition);\n }\n\n .header-box:hover {\n transform: scale(1.05);\n box-shadow: 0 15px 30px rgba(15, 60, 92, 0.3);\n }\n\n .gold-text {\n background: var(--gold-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: 900;\n margin: 0;\n filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.3));\n }\n\n .header-box h3.gold-text { font-size: 1.8rem; margin-bottom: 10px; }\n .header-box p.gold-text { font-size: 1.2rem; }\n\n \/* Main Sections Grid *\/\n .major-columns {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 25px;\n margin-top: 40px;\n }\n\n .column-box {\n background: var(--white);\n padding: 20px;\n border-radius: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: var(--transition);\n border: 2px solid transparent;\n cursor: default;\n }\n\n \/* Hover Effect for the entire column *\/\n .column-box:hover {\n transform: translateY(-10px);\n background: var(--primary);\n border-color: var(--gold-bright);\n }\n\n .column-box:hover .title-tag, \n .column-box:hover .sub-list li {\n color: var(--white);\n }\n\n .column-box:hover .sub-list li {\n background: rgba(255, 255, 255, 0.1);\n border-left-color: var(--gold-bright);\n }\n\n .title-tag {\n font-weight: 800;\n display: block;\n margin-bottom: 15px;\n color: var(--primary);\n border-bottom: 2px solid #eee;\n padding-bottom: 10px;\n font-size: 1.1rem;\n transition: var(--transition);\n }\n\n .sub-list {\n list-style: none;\n padding: 0;\n text-align: left; \/* Changed for English *\/\n }\n\n .sub-list li {\n background: #f8f9fa;\n margin-bottom: 10px;\n padding: 12px 15px;\n border-radius: 10px;\n font-size: 0.9rem;\n border-left: 4px solid var(--primary); \/* Switched from right to left *\/\n transition: var(--transition);\n font-weight: 600;\n }\n\n \/* Hover Effect for specific list items *\/\n .sub-list li:hover {\n background: var(--gold-bright) !important;\n color: var(--primary) !important;\n transform: translateX(10px); \/* Move right for English *\/\n }\n\n \/* Top Level Nodes (Council & Dean) *\/\n .node {\n background: var(--white);\n border: 3px solid var(--primary);\n border-radius: 12px;\n padding: 15px 30px;\n display: inline-block;\n margin: 10px;\n transition: var(--transition);\n cursor: pointer;\n }\n\n .node:hover {\n background: var(--gold-bright);\n border-color: var(--primary);\n transform: scale(1.1) rotate(-2deg);\n }\n\n .node h4 { margin: 0; color: var(--primary); font-weight: 800; }\n\n @media (max-width: 900px) {\n .major-columns { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"org-container\">\n <div class=\"header-box\">\n <h3 class=\"gold-text\">Ministry of Higher Education and Scientific Research<\/h3>\n <p class=\"gold-text\">Al-Furat Al-Awsat Technical University – Technical Institute of Kufa<\/p>\n <\/div>\n\n <div style=\"margin-bottom: 30px;\">\n <div class=\"node\"><h4><i class=\"fas fa-users-rectangle\"><\/i> Institute Council<\/h4><\/div>\n <div class=\"node\"><h4><i class=\"fas fa-user-tie\"><\/i> The Dean<\/h4><\/div>\n <\/div>\n\n <div class=\"major-columns\">\n \n <div class=\"column-box\">\n <span class=\"title-tag\">Assistant Dean for Scientific & Student Affairs<\/span>\n <ul class=\"sub-list\">\n <li>Student Affairs & Registration Dept.<\/li>\n <li>Studies & Planning Dept.<\/li>\n <li>Scientific Affairs Unit<\/li>\n <li>Continuing Education Unit<\/li>\n <li>Rehabilitation & Employment Unit<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"column-box\">\n <span class=\"title-tag\">Scientific Departments (10 Depts)<\/span>\n <ul class=\"sub-list\">\n <li><i class=\"fas fa-pills\"><\/i> Pharmacy Techniques<\/li>\n <li><i class=\"fas fa-microscope\"><\/i> Medical Laboratory Techniques<\/li>\n <li><i class=\"fas fa-user-nurse\"><\/i> Nursing Techniques<\/li>\n <li><i class=\"fas fa-heartbeat\"><\/i> Community Health Techniques<\/li>\n <li><i class=\"fas fa-puzzle-piece\"><\/i> Autism Spectrum Techniques<\/li>\n <li><i class=\"fas fa-bolt\"><\/i> Electrical Techniques<\/li>\n <li><i class=\"fas fa-cogs\"><\/i> Mechanical Techniques<\/li>\n <li><i class=\"fas fa-car\"><\/i> Power Mechanical Techniques<\/li>\n <li><i class=\"fas fa-box\"><\/i> Material Management Techniques<\/li>\n <li><i class=\"fas fa-wheelchair\"><\/i> Prosthetics & Orthotics Techniques<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"column-box\">\n <span class=\"title-tag\">Assistant Dean for Administrative Affairs<\/span>\n <ul class=\"sub-list\">\n <li>Human Resources Dept.<\/li>\n <li>Financial Affairs Dept.<\/li>\n <li>Information Technology Dept.<\/li>\n <li>Services Dept.<\/li>\n <li>Construction & Projects Unit<\/li>\n <li>Legal Dept.<\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Interactive Org Structure | Technical Institute of Kufa Ministry of Higher Education and Scientific Research Al-Furat Al-Awsat Technical University – Technical Institute of Kufa Institute Council The Dean Assistant Dean for Scientific & Student Affairs Student Affairs & Registration Dept. Studies & Planning Dept. Scientific Affairs Unit Continuing Education Unit Rehabilitation & Employment Unit Scientific … <a href=\"https:\/\/iku.atu.edu.iq\/?page_id=40568&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-40568","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/40568","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=40568"}],"version-history":[{"count":1,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/40568\/revisions"}],"predecessor-version":[{"id":40569,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/40568\/revisions\/40569"}],"wp:attachment":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}