{"id":40313,"date":"2026-04-15T10:57:45","date_gmt":"2026-04-15T10:57:45","guid":{"rendered":"https:\/\/iku.atu.edu.iq\/?page_id=40313"},"modified":"2026-04-20T19:22:35","modified_gmt":"2026-04-20T19:22:35","slug":"department-of-power-mechanical-techniques","status":"publish","type":"page","link":"https:\/\/iku.atu.edu.iq\/?page_id=40313&lang=en","title":{"rendered":"Department of Power Mechanical Techniques"},"content":{"rendered":"\n<div class=\"oil-wp\" dir=\"ltr\">\n\n    <div class=\"profile-banner\">\n        <img decoding=\"async\" src=\"https:\/\/iku.atu.edu.iq\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_5g5hm55g5hm55g5h.png\" \n             alt=\"Department of Power Mechanical Techniques\" \n             class=\"banner-image\">\n        <div class=\"banner-overlay\">\n            <div class=\"banner-content\">\n                <h1 style=\"color: #ffffff !important; font-weight: 800 !important; text-shadow: 3px 3px 15px rgba(0,0,0,1);\">\ud83d\ude97 Dept. of Power Mechanical Techniques<\/h1>\n                <p style=\"color: #ffffff !important; font-weight: 700 !important; text-shadow: 2px 2px 10px rgba(0,0,0,1); font-size: 1.2rem;\">Technical Institute of Kufa &#8211; Al-Furat Al-Awsat Technical University<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"oil-container\">\n\n        <div>\n            <div class=\"oil-card oil-animate\">\n                <h2 class=\"oil-title\" style=\"font-weight: 700; border-left-color: #e67e22;\">\ud83d\udcdd About the Department<\/h2>\n                <p style=\"text-align: justify; line-height: 1.8; font-weight: 600; color: #2d3436;\">\n                    The Department of Power Mechanics was established in 1989 as part of the Technical Institute of Kufa. It aims to prepare graduates specializing in automotive techniques with appropriate skills to effectively enter the fields of vehicle maintenance and repair. The department focuses on graduating technical staff capable of diagnosing malfunctions, maintaining vehicles, and designing service stations using modern methods.\n                <\/p>\n            <\/div>\n\n            <div class=\"oil-card oil-animate\">\n                <h2 class=\"oil-title\" style=\"font-weight: 700; border-left-color: #e67e22;\">\ud83c\udfaf Vision, Mission &#038; Goals<\/h2>\n                <div class=\"oil-accordion\">\n                    <div class=\"oil-accordion-item\">\n                        <button class=\"oil-accordion-header\" style=\"font-weight: 700;\"><span class=\"arrow\">\u25bc<\/span><span class=\"accordion-text\">\ud83d\udc41\ufe0f Vision<\/span><\/button>\n                        <div class=\"oil-accordion-content\">\n                            <p style=\"font-weight: 600; padding: 10px 0;\">To prepare distinguished specialized technical cadres in the field of vehicle maintenance, repair, and service station management, in line with labor market requirements.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"oil-accordion-item\">\n                        <button class=\"oil-accordion-header\" style=\"font-weight: 700;\"><span class=\"arrow\">\u25bc<\/span><span class=\"accordion-text\">\u2709\ufe0f Mission<\/span><\/button>\n                        <div class=\"oil-accordion-content\">\n                            <p style=\"font-weight: 600; padding: 10px 0;\">Providing educational and training programs to students scientifically to keep pace with modern technological developments in the automotive field.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"oil-accordion-item\">\n                        <button class=\"oil-accordion-header\" style=\"font-weight: 700;\"><span class=\"arrow\">\u25bc<\/span><span class=\"accordion-text\">\ud83c\udfc6 Goals<\/span><\/button>\n                        <div class=\"oil-accordion-content\">\n                            <ul style=\"list-style-type: disc; padding-left: 20px; margin-top: 10px; font-weight: 600;\">\n                                <li>Training on diagnosing technical faults using modern equipment.<\/li>\n                                <li>Consolidating occupational safety concepts and updating technical information.<\/li>\n                                <li>Instilling professional values and ethics to keep pace with the labor market.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"oil-card oil-animate\">\n                <h2 class=\"oil-title\" style=\"font-weight: 700; border-left-color: #e67e22;\">\ud83d\udcf7 Photo Gallery &#038; Activities<\/h2>\n                <div class=\"oil-images\">\n                    <div class=\"oil-image-box\">\n                        <img decoding=\"async\" src=\"https:\/\/iku.atu.edu.iq\/wp-content\/uploads\/2025\/12\/588552698_1306438214836607_5602313410668607112_n.jpg\" alt=\"Scientific Visits\">\n                        <div class=\"image-title\" style=\"font-weight: 700; background: rgba(230, 126, 34, 0.9);\">Scientific Visits<\/div>\n                    <\/div>\n                    <div class=\"oil-image-box\">\n                        <img decoding=\"async\" src=\"https:\/\/iku.atu.edu.iq\/wp-content\/uploads\/2024\/12\/WhatsApp-Image-2024-12-05-at-2.55.15-AM-2.jpeg\" alt=\"Training Courses\">\n                        <div class=\"image-title\" style=\"font-weight: 700; background: rgba(230, 126, 34, 0.9);\">Training Courses<\/div>\n                    <\/div>\n                    <div class=\"oil-image-box\">\n                        <img decoding=\"async\" src=\"https:\/\/iku.atu.edu.iq\/wp-content\/uploads\/2025\/12\/586932768_1306438168169945_5486425473284715125_n.jpg\" alt=\"Market Trends\">\n                        <div class=\"image-title\" style=\"font-weight: 700; background: rgba(230, 126, 34, 0.9);\">Market Alignment<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div>\n            <div class=\"oil-card oil-animate oil-profile\" style=\"border-top-color: #e67e22; display: flex; flex-direction: column; align-items: center; text-align: center;\">\n                <img decoding=\"async\" src=\"https:\/\/iku.atu.edu.iq\/wp-content\/uploads\/2026\/03\/647718870_1388866586593769_8310253602936335940_n.jpg\" alt=\"Head of Department\" style=\"margin: 0 auto 15px auto;\">\n                <h3 style=\"font-weight: 700; margin-bottom: 5px;\">Asst. Lecturer<br>Ali Mohsen Humaidi<\/h3>\n                <p style=\"font-weight: 600; color: #e67e22; margin-bottom: 5px;\">Head of Department<\/p>\n                <p style=\"font-size: 0.8rem; font-weight: 600; color: #0f3c5c; margin-bottom: 10px;\">Power Mechanical Techniques<\/p>\n                <hr style=\"border: 0; border-top: 1px solid #eee; margin: 10px 0; width: 100%;\">\n                <small style=\"font-weight: 700; color: #666; display: block; word-break: break-all;\">ali.muhsen@atu.edu.iq<\/small>\n            <\/div>\n\n            <div class=\"oil-card oil-animate oil-links\">\n                <h3 class=\"oil-title\" style=\"font-weight: 700; border-left-color: #e67e22;\">\ud83d\udd17 Quick Links<\/h3>\n                <a href=\"#\" style=\"font-weight: 700;\">\ud83d\udcdd Curriculum<\/a>\n                <a href=\"#\" style=\"font-weight: 700;\">\ud83d\udcc5 Lecture Schedule<\/a>\n                <a href=\"#\" style=\"font-weight: 700;\">\u2699\ufe0f Workshops &#038; Labs<\/a>\n                <a href=\"#\" style=\"font-weight: 700;\">\ud83d\udc65 Teaching Staff<\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap');\n.oil-wp { direction: ltr; text-align: left; padding-top: 20px; background-color: #f8fafc; }\n.oil-wp * { font-family: \"Cairo\", sans-serif; box-sizing: border-box; }\n.profile-banner { position: relative; height: 420px; overflow: hidden; width: 100%; margin-bottom: 40px; border-radius: 0 0 30px 30px; box-shadow: 0 8px 20px rgba(0,0,0,0.1); }\n.banner-image { width: 100%; height: 100%; object-fit: cover; }\n\n.banner-overlay { \n    position: absolute; \n    inset: 0; \n    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 60%); \n    display: flex; \n    align-items: flex-end; \n    justify-content: flex-start; \/* \u062a\u0645 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0644\u064a\u0643\u0648\u0646 \u0623\u0633\u0641\u0644 \u0627\u0644\u064a\u0633\u0627\u0631 \u0641\u064a \u0648\u0636\u0639 LTR *\/\n    padding: 2.5rem; \n}\n\n.banner-content { text-align: left; width: 100%; } \/* \u062a\u0645 \u062a\u0639\u062f\u064a\u0644 \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635 \u0644\u0644\u064a\u0633\u0627\u0631 *\/\n\n.oil-container { max-width: 1200px; margin: auto; display: grid; grid-template-columns: 3fr 1fr; gap: 24px; padding: 0 15px; }\n.oil-card { background: #fff; border-radius: 20px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,.05); margin-bottom: 25px; opacity: 0; transform: translateY(30px); transition: .7s; border: 1px solid #f0f0f0; }\n.oil-card.show { opacity: 1; transform: none; }\n.oil-title { font-size: 22px; margin-bottom: 18px; border-left: 6px solid #e67e22; padding-left: 15px; color: #0f3c5c; }\n.oil-images { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; margin-top: 15px; }\n.oil-image-box { position: relative; overflow: hidden; border-radius: 15px; border: 1px solid #eee; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }\n.oil-image-box img { width: 100%; height: 200px; object-fit: cover; transition: .5s; display: block; }\n.oil-image-box:hover img { transform: scale(1.1); }\n.image-title { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; padding: 10px; text-align: center; font-size: 15px; }\n.oil-links a { display: flex; align-items: center; gap: 10px; padding: 14px; margin-bottom: 12px; background: #fff4e6; border-radius: 12px; text-decoration: none; color: #1e293b; transition: .3s; }\n.oil-links a:hover { background: #d35400; color: #fff; transform: translateX(8px); }\n.oil-profile { text-align: center; border-top: 5px solid #e67e22; }\n.oil-profile img { width: 140px; height: 140px; border-radius: 50%; border: 4px solid #fff; object-fit: cover; margin-bottom: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }\n.oil-accordion-header { background: #f8fafc; border: 1px solid #e2e8f0; padding: 15px 20px; width: 100%; cursor: pointer; border-radius: 12px; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; text-align: left; transition: 0.3s; color: #334155; border-left: 4px solid #e67e22; }\n.oil-accordion-header:hover { background: #0f3c5c; color: #fff; }\n.oil-accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; padding: 0 15px; }\n.arrow { transition: transform 0.3s ease; }\n.arrow.open { transform: rotate(180deg); }\n\n@media(max-width:900px){ \n    .oil-container { grid-template-columns: 1fr; } \n    .profile-banner { height: 350px; } \n    .banner-overlay { justify-content: center; align-items: center; text-align: center; padding: 1rem; } \n    .banner-content { text-align: center; padding: 0; } \n}\n<\/style>\n\n<script>\n(function(){\n    const items = document.querySelectorAll('.oil-animate');\n    const obs = new IntersectionObserver(entries => {\n        entries.forEach(e => { if(e.isIntersecting) e.target.classList.add('show'); });\n    }, { threshold: 0.1 });\n    items.forEach(i => obs.observe(i));\n})();\n\nconst accordions = document.querySelectorAll('.oil-accordion-header');\naccordions.forEach(header => {\n    header.addEventListener('click', function(){\n        const content = this.nextElementSibling;\n        const arrow = this.querySelector('.arrow');\n        if(content.style.maxHeight){\n            content.style.maxHeight = null;\n            arrow.classList.remove('open');\n        } else {\n            document.querySelectorAll('.oil-accordion-content').forEach(c => c.style.maxHeight = null);\n            document.querySelectorAll('.arrow').forEach(a => a.classList.remove('open'));\n            content.style.maxHeight = content.scrollHeight + \"px\";\n            arrow.classList.add('open');\n        }\n    });\n});\n<\/script>\n\n\n\n<div style=\"background: #fff; border-radius: 16px; padding: 25px; box-shadow: 0 10px 25px rgba(0,0,0,.08); margin-bottom: 20px; border-left: 5px solid #3498db; border-right: none; direction: ltr; text-align: left;\">\n    \n    <h2 style=\"font-size: 22px; margin-bottom: 20px; color: #0f3c5c; font-family: 'Cairo', sans-serif; font-weight: 800;\">\ud83d\udcca Department Statistics<\/h2>\n    \n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 15px; font-family: 'Cairo', sans-serif;\">\n        \n        <div style=\"background: #f8fafc; padding: 20px; border-radius: 12px; text-align: center; border-bottom: 3px solid #3498db; transition: 0.3s;\">\n            <div style=\"font-size: 30px; margin-bottom: 10px;\">\ud83d\udc68\u200d\ud83c\udfeb<\/div>\n            <div style=\"font-size: 26px; font-weight: 800; color: #0f3c5c; display: block;\">19<\/div>\n            <div style=\"font-size: 15px; color: #333; font-weight: 700;\">Dept. Staff<\/div>\n        <\/div>\n\n        <div style=\"background: #f8fafc; padding: 20px; border-radius: 12px; text-align: center; border-bottom: 3px solid #3498db; transition: 0.3s;\">\n            <div style=\"font-size: 30px; margin-bottom: 10px;\">\ud83d\udc65<\/div>\n            <div style=\"font-size: 26px; font-weight: 800; color: #0f3c5c; display: block;\">46<\/div>\n            <div style=\"font-size: 15px; color: #333; font-weight: 700;\">Students<\/div>\n        <\/div>\n\n        <div style=\"background: #f8fafc; padding: 20px; border-radius: 12px; text-align: center; border-bottom: 3px solid #3498db; transition: 0.3s;\">\n            <div style=\"font-size: 30px; margin-bottom: 10px;\">\ud83c\udf93<\/div>\n            <div style=\"font-size: 26px; font-weight: 800; color: #0f3c5c; display: block;\">17<\/div>\n            <div style=\"font-size: 15px; color: #333; font-weight: 700;\">Graduates<\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n\n<p><\/p>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\ude97 Dept. of Power Mechanical Techniques Technical Institute of Kufa &#8211; Al-Furat Al-Awsat Technical University \ud83d\udcdd About the Department The Department of Power Mechanics was established in 1989 as part of the Technical Institute of Kufa. It aims to prepare graduates specializing in automotive techniques with appropriate skills to effectively enter the fields of vehicle &hellip; <a href=\"https:\/\/iku.atu.edu.iq\/?page_id=40313&#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-40313","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/40313","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=40313"}],"version-history":[{"count":12,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/40313\/revisions"}],"predecessor-version":[{"id":41008,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/40313\/revisions\/41008"}],"wp:attachment":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}