{"id":42471,"date":"2026-06-07T08:35:30","date_gmt":"2026-06-07T08:35:30","guid":{"rendered":"https:\/\/iku.atu.edu.iq\/?page_id=42471"},"modified":"2026-06-07T08:57:44","modified_gmt":"2026-06-07T08:57:44","slug":"official-website-guide","status":"publish","type":"page","link":"https:\/\/iku.atu.edu.iq\/?page_id=42471&lang=en","title":{"rendered":"Official Website Guide"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Digital Sites and Systems Portal | Kufa Technical Institute<\/title>\n    <!-- Premium Academic Font: Tajawal -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght=400;500;700;800;900&amp;display=swap\" rel=\"stylesheet\">\n    <!-- Premium Icons Library: FontAwesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n    \n    <style>\n        :root {\n            --navy-dark: #0a192f;       \/* Deep Royal Navy for the header *\/\n            --gold-bright: #d4af37;     \/* Bright Gold for headings, dividers, and icons *\/\n            --bg-light: #f4f6f9;        \/* Light Grey for body background *\/\n            --card-bg: #ffffff;         \/* Pure White for cards *\/\n            --text-navy: #0a192f;       \/* Navy color for text inside cards *\/\n            --text-muted: #64748b;      \/* Muted text color *\/\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            font-family: 'Tajawal', sans-serif;\n            background-color: var(--bg-light);\n            color: var(--text-navy);\n            min-height: 100vh;\n            padding-bottom: 60px;\n        }\n\n        \/* Extended Header Section (Dark Navy) *\/\n        .hero-header {\n            background-color: var(--navy-dark);\n            text-align: center;\n            padding: 60px 20px 140px 20px;\n            border-bottom: 5px solid var(--gold-bright);\n            position: relative;\n        }\n\n        .hero-header h1 {\n            color: var(--gold-bright);\n            font-size: 2.8rem;\n            font-weight: 900;\n            margin-bottom: 15px;\n            letter-spacing: -0.5px;\n        }\n\n        .hero-header p {\n            color: #94a3b8;\n            font-size: 1.2rem;\n            font-weight: 500;\n        }\n\n        \/* Content and Cards Wrapper *\/\n        .wrapper {\n            max-width: 1200px;\n            margin: -90px auto 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 10;\n        }\n\n        \/* Elegant Section Titles *\/\n        .section-title {\n            font-size: 1.4rem;\n            font-weight: 800;\n            color: var(--text-navy);\n            margin-top: 40px;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        \/* Make the first title white as it sits on top of the navy header *\/\n        .wrapper > .section-title:first-child {\n            color: #ffffff;\n            margin-top: 0;\n        }\n\n        .section-title i {\n            color: var(--gold-bright);\n        }\n\n        \/* Cards Grid: 4 items per row *\/\n        .cards-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr); \n            gap: 20px; \n            margin-bottom: 30px;\n        }\n\n        \/* Premium Card Design *\/\n        .premium-card {\n            background-color: var(--card-bg);\n            border-radius: 20px; \n            padding: 25px 15px; \n            text-align: center;\n            text-decoration: none;\n            color: inherit;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\n            border: 1px solid rgba(255, 255, 255, 0.8);\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            align-items: center;\n            transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;\n        }\n\n        .premium-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(10, 25, 47, 0.1);\n        }\n\n        \/* Gold Card Icons *\/\n        .card-icon-gold {\n            font-size: 2rem; \n            color: var(--gold-bright);\n            margin-bottom: 15px;\n            transition: transform 0.3s ease;\n        }\n\n        .premium-card:hover .card-icon-gold {\n            transform: scale(1.08);\n        }\n\n        \/* Card Titles and Text *\/\n        .card-name {\n            font-size: 1.05rem; \n            font-weight: 800;\n            color: var(--text-navy);\n            line-height: 1.4;\n            margin-bottom: 8px;\n        }\n\n        .card-desc {\n            font-size: 0.85rem;\n            color: var(--text-muted);\n            line-height: 1.5;\n            font-weight: 400;\n            margin-bottom: 15px;\n        }\n\n        .card-action-btn {\n            font-size: 0.8rem;\n            font-weight: 700;\n            color: var(--gold-bright);\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            border-top: 1px solid #f1f5f9;\n            width: 100%;\n            padding-top: 12px;\n            justify-content: center;\n        }\n\n        \/* Responsive Layout *\/\n        @media (max-width: 1024px) {\n            .cards-grid { grid-template-columns: repeat(2, 1fr); } \n        }\n\n        @media (max-width: 600px) {\n            .hero-header h1 { font-size: 2rem; }\n            .hero-header { padding-bottom: 120px; }\n            .wrapper { margin-top: -70px; }\n            .cards-grid { grid-template-columns: 1fr; } \n        }\n    <\/style>\n\n\n\n    <!-- Hero Header Section -->\n    <div class=\"hero-header\">\n        <h1>Digital Platforms and Sites Portal<\/h1>\n        <p>Important websites for communication, higher references, and sister sites that we facilitate access to<\/p>\n    <\/div>\n\n    <!-- Main Content Wrapper -->\n    <div class=\"wrapper\">\n\n        <!-- ================= SECTION ONE: SISTER SITES & HIGHER REFERENCES ================= -->\n        <div class=\"section-title\">\n            <i class=\"fa-solid fa-star\"><\/i> Sister Sites and Higher References\n        <\/div>\n\n        <div class=\"cards-grid\">\n            \n            <!-- Ministry Card -->\n            <a href=\"https:\/\/mohesr.gov.iq\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-building-columns\"><\/i><\/div>\n                    <div class=\"card-name\">Ministry of Higher Education and Scientific Research<\/div>\n                    <div class=\"card-desc\">The official website to follow central ministerial decisions and systems.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Visit Site <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- University Card -->\n            <a href=\"https:\/\/atu.edu.iq\/\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/div>\n                    <div class=\"card-name\">Al-Furat Al-Awsat Technical University<\/div>\n                    <div class=\"card-desc\">The digital portal for the university presidency and electronic services for academics and students.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Visit Site <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- Health and Medical Technologies College Card -->\n            <a href=\"https:\/\/chm.atu.edu.iq\/\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-user-nurse\"><\/i><\/div>\n                    <div class=\"card-name\">College of Health and Medical Technologies &#8211; Kufa<\/div>\n                    <div class=\"card-desc\">The official website to follow up on various medical and health science disciplines for student affairs.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Visit Site <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- Engineering Technical College Card -->\n            <a href=\"https:\/\/cnj.atu.edu.iq\/\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-microchip\"><\/i><\/div>\n                    <div class=\"card-name\">Engineering Technical College &#8211; Najaf<\/div>\n                    <div class=\"card-desc\">The portal for engineering technical studies and its advanced specialized laboratories.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Visit Site <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n        <\/div>\n\n        <!-- Row 2 of University Formations -->\n        <div class=\"cards-grid\">\n            \n            <!-- Technical College of Polytechnic - Karbala -->\n            <a href=\"https:\/\/ikr.atu.edu.iq\/\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-school\"><\/i><\/div>\n                    <div class=\"card-name\">Polytechnic College &#8211; Karbala<\/div>\n                    <div class=\"card-desc\">The official academic portal to follow up on technical and engineering programs in Karbala.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Visit Site <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- Technical College of Polytechnic - Qadisiya -->\n            <a href=\"https:\/\/idi.atu.edu.iq\/\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-school\"><\/i><\/div>\n                    <div class=\"card-name\">Polytechnic College &#8211; Al-Qadisiya<\/div>\n                    <div class=\"card-desc\">The dedicated website to follow up on modern scientific and technical departments.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Visit Site <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- Technical College - Al-Musaib -->\n            <a href=\"https:\/\/cms.atu.edu.iq\/\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-seedling\"><\/i><\/div>\n                    <div class=\"card-name\">Technical College &#8211; Al-Musaib<\/div>\n                    <div class=\"card-desc\">The educational platform for engineering departments and specialized agricultural technologies.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Visit Site <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- College of Oil Technology Engineering -->\n            <a href=\"https:\/\/ogc.atu.edu.iq\/\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-oil-well\"><\/i><\/div>\n                    <div class=\"card-name\">College of Oil Technology Engineering<\/div>\n                    <div class=\"card-desc\">The digital portal for disciplines of oil and gas engineering and petrochemical industries.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Visit Site <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n        <\/div>\n\n        <!-- Row 3 of University Formations -->\n        <div class=\"cards-grid\">\n            \n            <!-- Administrative Technical College - Kufa -->\n            <a href=\"https:\/\/cku.atu.edu.iq\/\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-chart-pie\"><\/i><\/div>\n                    <div class=\"card-name\">Administrative Technical College &#8211; Kufa<\/div>\n                    <div class=\"card-desc\">The academic platform for management sciences, accounting, and digital financial technologies.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Visit Site <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- Technical Institute - Najaf -->\n            <a href=\"https:\/\/inj.atu.edu.iq\/\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-building\"><\/i><\/div>\n                    <div class=\"card-name\">Technical Institute &#8211; Najaf<\/div>\n                    <div class=\"card-desc\">The official academic portal for engineering, medical, and administrative departments in Najaf.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Visit Site <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- Technical Institute - Babylon -->\n            <a href=\"https:\/\/iba.atu.edu.iq\/\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-building\"><\/i><\/div>\n                    <div class=\"card-name\">Technical Institute &#8211; Babylon<\/div>\n                    <div class=\"card-desc\">The official electronic platform to follow up on student and faculty affairs.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Visit Site <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- Technical Institute - Samawa -->\n            <a href=\"https:\/\/isa.atu.edu.iq\/\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-building\"><\/i><\/div>\n                    <div class=\"card-name\">Technical Institute &#8211; Samawa<\/div>\n                    <div class=\"card-desc\">The digital portal for technical education services and student activities in Al-Muthanna.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Visit Site <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n        <\/div>\n\n        <!-- Row 4 of University Formations -->\n        <div class=\"cards-grid\">\n            \n            <!-- Technical Institute - Al-Musaib -->\n            <a href=\"https:\/\/ims.atu.edu.iq\/\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-building\"><\/i><\/div>\n                    <div class=\"card-name\">Technical Institute &#8211; Al-Musaib<\/div>\n                    <div class=\"card-desc\">The official website to follow up on scientific affairs and technical training programs.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Visit Site <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- Technical Institute - Rumaitha -->\n            <a href=\"https:\/\/irm.atu.edu.iq\/\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-building\"><\/i><\/div>\n                    <div class=\"card-name\">Technical Institute &#8211; Rumaitha<\/div>\n                    <div class=\"card-desc\">The electronic platform for educational services and approved study summaries.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Visit Site <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n        <\/div>\n\n\n        <!-- ================= SECTION TWO: APPROVED SYSTEMS AND PORTALS ================= -->\n        <div class=\"section-title\">\n            <i class=\"fa-solid fa-sliders\"><\/i> Approved Government Systems and Portals\n        <\/div>\n\n        <div class=\"cards-grid\">\n            \n            <!-- Ur Electronic Portal -->\n            <a href=\"https:\/\/ur.gov.iq\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-cloud\"><\/i><\/div>\n                    <div class=\"card-name\">Ur Electronic Portal<\/div>\n                    <div class=\"card-desc\">The main page to access unified government digital services.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Go to Portal <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- Medical Services in Universities -->\n            <a href=\"https:\/\/ur.gov.iq\/\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-stethoscope\"><\/i><\/div>\n                    <div class=\"card-name\">Medical Services in Universities<\/div>\n                    <div class=\"card-desc\">The platform dedicated to monitoring university healthcare services.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Go to Platform <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- Electronic Inquiries -->\n            <a href=\"https:\/\/ur.gov.iq\/index\/show-eservice\/50525\/16\/org\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-circle-info\"><\/i><\/div>\n                    <div class=\"card-name\">Electronic Inquiries<\/div>\n                    <div class=\"card-desc\">The portal for submitting direct electronic requests and inquiries.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Enter Portal <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- Transfer, Coordination, and Sabbatical Requests -->\n            <a href=\"https:\/\/ur.gov.iq\/index\/show-eservice\/40371\/16\/org\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-arrows-spin\"><\/i><\/div>\n                    <div class=\"card-name\">Transfer, Coordination, and Sabbatical Requests<\/div>\n                    <div class=\"card-desc\">An electronic system to follow up on scientific sabbatical requests for academics.<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Track Requests <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n        <\/div>\n\n        <!-- Ministry Directorates Section -->\n        <div class=\"section-title\">\n            <i class=\"fa-solid fa-network-wired\"><\/i> Directorates of the Ministry of Higher Education and Scientific Research\n        <\/div>\n\n        <div class=\"cards-grid\">\n            \n            <!-- Studies, Planning, and Follow-up Directorate -->\n            <a href=\"https:\/\/dirasat.mohesr.gov.iq\/\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\n                    <div class=\"card-name\">Directorate of Studies, Planning, and Follow-up<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Open Link <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n            <!-- Research and Development Directorate -->\n            <a href=\"https:\/\/mohesr.gov.iq\/ar\/ministrySection\/49\" target=\"_blank\" class=\"premium-card\">\n                <div>\n                    <div class=\"card-icon-gold\"><i class=\"fa-solid fa-flask\"><\/i><\/div>\n                    <div class=\"card-name\">Directorate of Research and Development<\/div>\n                <\/div>\n                <div class=\"card-action-btn\">Open Link <i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Digital Sites and Systems Portal | Kufa Technical Institute Digital Platforms and Sites Portal Important websites for communication, higher references, and sister sites that we facilitate access to Sister Sites and Higher References Ministry of Higher Education and Scientific Research The official website to follow central ministerial decisions and systems. Visit Site Al-Furat Al-Awsat Technical &hellip; <a href=\"https:\/\/iku.atu.edu.iq\/?page_id=42471&#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-42471","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/42471","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=42471"}],"version-history":[{"count":4,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/42471\/revisions"}],"predecessor-version":[{"id":42477,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/42471\/revisions\/42477"}],"wp:attachment":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=42471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}