{"id":15681,"date":"2022-09-06T10:33:07","date_gmt":"2022-09-06T07:33:07","guid":{"rendered":"https:\/\/bti.stu.edu.iq\/gentlemen-deans-3\/"},"modified":"2026-09-08T00:29:11","modified_gmt":"2026-09-07T21:29:11","slug":"gentlemen-deans-3","status":"publish","type":"page","link":"https:\/\/bti.stu.edu.iq\/en\/gentlemen-deans-3\/","title":{"rendered":"Gentlemen Deans"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15681\" class=\"elementor elementor-15681 elementor-11012\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-71c4274 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"71c4274\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-96038d5\" data-id=\"96038d5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2f0fa58 elementor-widget elementor-widget-html\" data-id=\"2f0fa58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html dir=\"ltr\" lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Deans of the College<\/title>\r\n    <style>\r\n        \/* ===== Reset ===== *\/\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            background: #f4f6f9;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            min-height: 100vh;\r\n            padding: 30px 15px;\r\n            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n        }\r\n\r\n        .deans-university-wrapper {\r\n            max-width: 1000px;\r\n            width: 100%;\r\n            background: #ffffff;\r\n            border-radius: 16px;\r\n            box-shadow: 0 8px 40px rgba(10, 42, 74, 0.15);\r\n            overflow: hidden;\r\n            border: 1px solid #e8edf3;\r\n            direction: ltr;\r\n        }\r\n\r\n        \/* ===== Header ===== *\/\r\n        .deans-university-header {\r\n            background: linear-gradient(145deg, #1a080c 0%, #3d121b 50%, #5e1a26 100%);\r\n            padding: 25px 35px 20px 35px;\r\n            border-bottom: 4px solid #c9a84c;\r\n            text-align: center;\r\n            box-shadow: inset 0 -4px 20px rgba(0, 0, 0, 0.3);\r\n            position: relative;\r\n        }\r\n\r\n        .deans-university-header::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: rgba(0, 0, 0, 0.2);\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .deans-university-header > * {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .header-title {\r\n            font-size: 1.8rem;\r\n            font-weight: 800;\r\n            color: #ffffff;\r\n            letter-spacing: 0.5px;\r\n            text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .header-sub {\r\n            font-size: 0.85rem;\r\n            color: #f0d9b0;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        \/* ===== Religious Texts ===== *\/\r\n        .deans-basmalah {\r\n            background: #fcf6ef;\r\n            padding: 20px 25px 15px 25px;\r\n            text-align: center;\r\n            border-bottom: 1px solid #f0e4d5;\r\n        }\r\n\r\n        .deans-basmalah .bismillah {\r\n            font-size: 1.6rem;\r\n            font-weight: 700;\r\n            color: #5e1625;\r\n            margin-bottom: 8px;\r\n            font-family: 'Georgia', serif;\r\n        }\r\n\r\n        .deans-basmalah .ayah {\r\n            font-size: 1.2rem;\r\n            color: #2d1f1f;\r\n            font-weight: 500;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .deans-basmalah .sadaq {\r\n            font-size: 1rem;\r\n            color: #7a1e30;\r\n            font-weight: 700;\r\n            margin-top: 5px;\r\n            font-style: italic;\r\n        }\r\n\r\n        .deans-intro {\r\n            background: #ffffff;\r\n            padding: 18px 25px 10px 25px;\r\n            text-align: center;\r\n            font-size: 1.05rem;\r\n            font-weight: 700;\r\n            color: #1e2a3a;\r\n            border-bottom: 1px solid #edf2f7;\r\n        }\r\n\r\n        \/* ===== Table ===== *\/\r\n        .deans-table-wrapper {\r\n            padding: 20px 25px 25px 25px;\r\n            overflow-x: auto;\r\n        }\r\n\r\n        .deans-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .deans-table thead th {\r\n            padding: 14px 18px;\r\n            text-align: center;\r\n            border-bottom: 3px solid #c9a84c;\r\n            color: #ffffff;\r\n            font-weight: 800;\r\n            font-size: 0.9rem;\r\n            letter-spacing: 0.3px;\r\n            background: linear-gradient(145deg, #1a080c 0%, #3d121b 50%, #5e1a26 100%);\r\n        }\r\n\r\n        .deans-table tbody td {\r\n            padding: 14px 18px;\r\n            border-bottom: 1px solid #edf2f7;\r\n            vertical-align: middle;\r\n            color: #1e2a3a;\r\n            text-align: center;\r\n        }\r\n\r\n        .deans-table tbody tr {\r\n            transition: background 0.2s ease;\r\n        }\r\n\r\n        .deans-table tbody tr:hover {\r\n            background: #fcf6ef;\r\n        }\r\n\r\n        .deans-table tbody tr:last-child td {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .col-number {\r\n            width: 60px;\r\n            font-weight: 700;\r\n            color: #7a1e30;\r\n            font-size: 0.85rem;\r\n        }\r\n\r\n        .col-name {\r\n            font-weight: 600;\r\n            color: #1e2a3a;\r\n            text-align: left;\r\n            padding-left: 20px;\r\n        }\r\n\r\n        .col-title {\r\n            font-weight: 500;\r\n            color: #5e1625;\r\n        }\r\n\r\n        .col-period {\r\n            font-weight: 500;\r\n            color: #2d4a5e;\r\n        }\r\n\r\n        \/* ===== Footer ===== *\/\r\n        .deans-university-footer {\r\n            background: #f5f8fc;\r\n            padding: 14px 35px;\r\n            text-align: center;\r\n            border-top: 1px solid #e2e8f0;\r\n            font-size: 0.85rem;\r\n            color: #3a4a5a;\r\n        }\r\n\r\n        .deans-university-footer .footer-year {\r\n            font-weight: 600;\r\n            color: #5e1625;\r\n        }\r\n\r\n        \/* ===== Responsive ===== *\/\r\n        @media (max-width: 768px) {\r\n            .deans-university-wrapper {\r\n                margin: 10px 5px;\r\n                border-radius: 12px;\r\n            }\r\n            .deans-university-header {\r\n                padding: 18px 15px;\r\n            }\r\n            .header-title {\r\n                font-size: 1.3rem;\r\n            }\r\n            .deans-basmalah .bismillah {\r\n                font-size: 1.2rem;\r\n            }\r\n            .deans-basmalah .ayah {\r\n                font-size: 1rem;\r\n            }\r\n            .deans-table-wrapper {\r\n                padding: 12px 10px;\r\n            }\r\n            .deans-table thead th,\r\n            .deans-table tbody td {\r\n                padding: 10px 8px;\r\n                font-size: 0.82rem;\r\n            }\r\n            .col-name {\r\n                padding-left: 10px;\r\n            }\r\n\r\n            .deans-table {\r\n                display: block;\r\n            }\r\n            .deans-table thead {\r\n                display: none;\r\n            }\r\n            .deans-table tbody {\r\n                display: block;\r\n            }\r\n            .deans-table tbody tr {\r\n                display: block;\r\n                background: #ffffff;\r\n                border: 1px solid #e8edf3;\r\n                border-radius: 12px;\r\n                padding: 14px 16px;\r\n                margin-bottom: 12px;\r\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\r\n                border-left: 4px solid #c9a84c;\r\n                border-right: none;\r\n            }\r\n            .deans-table tbody tr:hover {\r\n                background: #fcf6ef;\r\n            }\r\n            .deans-table tbody td {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                padding: 6px 0;\r\n                border: none;\r\n                border-bottom: 1px dashed #f0f4f9;\r\n                text-align: left;\r\n                font-size: 0.9rem;\r\n            }\r\n            .deans-table tbody td:last-child {\r\n                border-bottom: none;\r\n            }\r\n            .col-number {\r\n                width: auto;\r\n                font-weight: 700;\r\n                color: #7a1e30;\r\n            }\r\n            .col-number::before {\r\n                content: \"#: \";\r\n                font-weight: 400;\r\n                color: #6b7280;\r\n            }\r\n            .col-name {\r\n                padding-left: 0;\r\n                font-weight: 600;\r\n            }\r\n            .col-name::before {\r\n                content: \"Name: \";\r\n                font-weight: 400;\r\n                color: #6b7280;\r\n            }\r\n            .col-title::before {\r\n                content: \"Title: \";\r\n                font-weight: 400;\r\n                color: #6b7280;\r\n            }\r\n            .col-period::before {\r\n                content: \"Period: \";\r\n                font-weight: 400;\r\n                color: #6b7280;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .deans-university-header {\r\n                padding: 14px 10px;\r\n            }\r\n            .header-title {\r\n                font-size: 1.1rem;\r\n            }\r\n            .deans-basmalah .bismillah {\r\n                font-size: 1rem;\r\n            }\r\n            .deans-basmalah .ayah {\r\n                font-size: 0.85rem;\r\n            }\r\n            .deans-intro {\r\n                font-size: 0.9rem;\r\n                padding: 12px 15px;\r\n            }\r\n            .deans-table tbody tr {\r\n                padding: 12px 12px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"deans-university-wrapper\">\r\n\r\n        <!-- ===== Header ===== -->\r\n        <div class=\"deans-university-header\">\r\n            <div class=\"header-title\">Deans of the College<\/div>\r\n            <div class=\"header-sub\">Engineering Polytechnic College \/ Basra<\/div>\r\n        <\/div>\r\n\r\n        <!-- ===== Religious Texts ===== -->\r\n        <div class=\"deans-basmalah\">\r\n            <div class=\"bismillah\">In the Name of Allah, the Most Gracious, the Most Merciful<\/div>\r\n            <div class=\"ayah\">And say: \"Work; for Allah will see your work, and His Messenger, and the believers.\"<\/div>\r\n            <div class=\"sadaq\">Allah Almighty has spoken the truth.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"deans-intro\">\r\n            The following have succeeded one another as Deans of the College since its establishment to the present day:\r\n        <\/div>\r\n\r\n        <!-- ===== Table ===== -->\r\n        <div class=\"deans-table-wrapper\">\r\n            <table class=\"deans-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th class=\"col-number\">#<\/th>\r\n                        <th class=\"col-name\">Name<\/th>\r\n                        <th class=\"col-title\">Academic Title<\/th>\r\n                        <th class=\"col-period\">Period<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody id=\"deans-body\">\r\n\r\n                    <!-- start -->\r\n                    <tr>\r\n                        <td class=\"col-number\">01<\/td>\r\n                        <td class=\"col-name\">Dhiyaa Kamel Shari Suneisl Al-Thamer<\/td>\r\n                        <td class=\"col-title\">Assistant Professor Dr.<\/td>\r\n                        <td class=\"col-period\">2026 \u2013 present<\/td>\r\n                    <\/tr>\r\n                    <!-- end -->\r\n\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n\r\n        <!-- ===== Footer ===== -->\r\n        <div class=\"deans-university-footer\">\r\n            <span class=\"footer-year\">2025-2026<\/span>\r\n            <span style=\"margin:0 8px;color:#c9d6e3;\">|<\/span>\r\n            <span>Engineering Polytechnic College \/ Basra<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===== Auto\u2011numbering Script ===== -->\r\n    <script>\r\n        (function() {\r\n            var rows = document.querySelectorAll('#deans-body tr');\r\n            rows.forEach(function(row, index) {\r\n                var numCell = row.querySelector('.col-number');\r\n                if (numCell) {\r\n                    var num = (index + 1).toString().padStart(2, '0');\r\n                    numCell.textContent = num;\r\n                }\r\n            });\r\n        })();\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Deans of the College Deans of the College Engineering Polytechnic College \/ Basra In the Name of Allah, the Most Gracious, the Most Merciful And say: &#8220;Work; for Allah will see your work, and His Messenger, and the believers.&#8221; Allah Almighty has spoken the truth. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15681","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/15681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/comments?post=15681"}],"version-history":[{"count":5,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/15681\/revisions"}],"predecessor-version":[{"id":41790,"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/pages\/15681\/revisions\/41790"}],"wp:attachment":[{"href":"https:\/\/bti.stu.edu.iq\/en\/wp-json\/wp\/v2\/media?parent=15681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}