{"id":1572,"date":"2026-06-23T16:42:03","date_gmt":"2026-06-23T16:42:03","guid":{"rendered":"https:\/\/www.ukm.my\/kkm\/?page_id=1572"},"modified":"2026-06-30T06:46:43","modified_gmt":"2026-06-30T06:46:43","slug":"pentadbiran-kolej-keris-mas","status":"publish","type":"page","link":"https:\/\/www.ukm.my\/kkm\/pentadbiran-kolej-keris-mas\/","title":{"rendered":"pentadbiran kolej keris mas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1572\" class=\"elementor elementor-1572\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93d7c24 e-con-full e-flex e-con e-parent\" data-id=\"93d7c24\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f9ec34 elementor-widget elementor-widget-heading\" data-id=\"3f9ec34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">BARISAN PENGURUSAN<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ca5dd8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6ca5dd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Main Container *\/\r\n  .org-chart-container {\r\n    \/*background: hsla(25, 100%, 50%, 1);\r\n    background: linear-gradient(0deg, hsla(25, 100%, 50%, 1) 0%, hsla(30, 84%, 58%, 1) 100%);\r\n    background-image: url(\"https:\/\/www.ukm.my\/kkm\/wp-content\/uploads\/2026\/06\/KKM-BACKGROUND-TEMPLATE-WESBITE.png\");\r\n    background-repeat: no-repeat ;\r\n    background-size: cover;\r\n    background-position: center;*\/\r\n    border-radius: 16px;\r\n    padding: 60px 20px;\r\n    font-family: sans-serif;\r\n    overflow-x: auto;\r\n  }\r\n\r\n  .org-tree {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    min-width: 1100px;\r\n  }\r\n\r\n  \/* Vertical Chain (Top 4 people) *\/\r\n  .vertical-chain {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    position: relative;\r\n  }\r\n  \r\n  .vertical-chain .card {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  \/* The main branching horizontal line under the 4th person *\/\r\n  .main-branch-line {\r\n    width: 68%; \/* Stretches perfectly between the left and right columns *\/\r\n    height: 2px;\r\n    background-color: white;\r\n    margin: 0 auto;\r\n    position: relative;\r\n  }\r\n\r\n  \/* Small vertical ticks drops from the main horizontal line *\/\r\n  .main-branch-line::before,\r\n  .main-branch-line::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -15px;\r\n    width: 2px;\r\n    height: 15px;\r\n    background-color: white;\r\n  }\r\n  .main-branch-line::before { left: 0; }\r\n  .main-branch-line::after { right: 0; }\r\n  \r\n  .sec-branch-line {\r\n    width: 68%; \/* Stretches perfectly between the left and right columns *\/\r\n    height: 2px;\r\n    background-color: white;\r\n    margin: 0 auto;\r\n    position: relative;\r\n  }\r\n\r\n  \/* Small vertical ticks drops from the main horizontal line *\/\r\n  .sec-branch-line::before,\r\n  .sec-branch-line::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -15px;\r\n    width: 2px;\r\n    height: 15px;\r\n    background-color: white;\r\n  }\r\n  .sec-branch-line::before { left: 0; }\r\n  .sec-branch-line::after { right: 0; }\r\n\r\n  \/* Branching Levels Layout *\/\r\n  .branch-level {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    gap: 40px;\r\n    margin-top: 15px;\r\n    position: relative;\r\n  }\r\n  \r\n  .branch-level::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; \/* Aligns with the top of the columns\/labels *\/\r\n    \/* Dynamically calculate width from the center of the first card to the center of the last card *\/\r\n    left: calc(220px \/ 2); \/* Half of your .card width (220px) *\/\r\n    right: calc(220px \/ 2);\r\n    height: 2px;\r\n    background-color: white;\r\n    z-index: 0;\r\n}\r\n\r\n  .branch-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 25px;\r\n    position: relative;\r\n  }\r\n\r\n  .sub-branches {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 20px;\r\n  }\r\n\r\n  \/* Card Styling *\/\r\n  .card {\r\n    background-color: white;\r\n    width: 220px;\r\n    border-radius: 10px;\r\n    border: 3px solid #A93400;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .card-img {\r\n    width: 100%;\r\n    height: auto;\r\n    border-bottom: 2px solid #ccc;\r\n  }\r\n\r\n  .card-content {\r\n    padding: 10px;\r\n    text-align: center;\r\n    background-color: #eee;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .jawatan {\r\n    color: #DE6001;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .nama {\r\n    font-size: 23px;\r\n    font-weight: bold;\r\n    color: #000;\r\n    line-height: 1.3;\r\n  }\r\n\r\n<\/style>\r\n\r\n<div class=\"org-chart-container\">\r\n  <div class=\"org-tree\">\r\n    <div class=\"vertical-chain\">\r\n    <a href=\"https:\/\/www.ukm.my\/kkm\/pengetua\/\" target=\"_parent\" style=\"text-decoration:none\">\r\n      <div class=\"card\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/kkm\/wp-content\/uploads\/2026\/06\/4.png\" class=\"card-img\">\r\n        <div class=\"card-content\">\r\n          <div class=\"jawatan\">PENGETUA<\/div>\r\n          <div class=\"nama\"><i class='fas fa-address-card'><\/i><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/a>\r\n\r\n      <div class=\"card\">\r\n          <a href=\"https:\/\/www.ukm.my\/kkm\/t-pengetua\/\" target=\"_parent\" style=\"text-decoration:none\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/kkm\/wp-content\/uploads\/2026\/06\/5.png\" class=\"card-img\">\r\n        <div class=\"card-content\">\r\n          <div class=\"jawatan\">TIMBALAN PENGETUA<\/div>\r\n          <div class=\"nama\"><i class='fas fa-address-card'><\/i><\/div>\r\n        <\/div>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n          <a href=\"https:\/\/www.ukm.my\/kkm\/ketua-pentadbiran\/\" target=\"_parent\" style=\"text-decoration:none\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/kkm\/wp-content\/uploads\/2026\/06\/7.png\" class=\"card-img\">\r\n        <div class=\"card-content\">\r\n          <div class=\"jawatan\">KETUA PENTADBIRAN <\/div>\r\n          <div class=\"nama\"><i class='fas fa-address-card'><\/i><\/div>\r\n        <\/div>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"card\" style=\"margin-bottom: 0;\">\r\n          <a href=\"https:\/\/www.ukm.my\/kkm\/p-pegawai-tadbir\/\" target=\"_parent\" style=\"text-decoration:none\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/kkm\/wp-content\/uploads\/2026\/06\/6.png \" class=\"card-img\">\r\n        <div class=\"card-content\">\r\n          <div class=\"jawatan\">PENOLONG PEGAWAI TADBIR <\/div>\r\n          <div class=\"nama\"><i class='fas fa-address-card'><\/i><\/div>\r\n        <\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"branch-level\">\r\n      <div class=\"branch-col\">\r\n          \r\n        <div style=\"width:2px; height:18px; background-color:white;\"><\/div><!-- line down -->\r\n        \r\n        <div class=\"card\">\r\n            <a href=\"https:\/\/www.ukm.my\/kkm\/pembantu-tadbir3\/\" target=\"_parent\" style=\"text-decoration:none\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/kkm\/wp-content\/uploads\/2026\/06\/8.png\" class=\"card-img\">\r\n          <div class=\"card-content\">\r\n            <div class=\"jawatan\">PENTADBIRAN<\/div>\r\n            <div class=\"nama\"><i class='fas fa-address-card'><\/i><\/div>\r\n          <\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"branch-col\">\r\n        <div style=\"width:2px; height:18px; background-color:white;\"><\/div>\r\n        <div class=\"card\">\r\n            <a href=\"https:\/\/www.ukm.my\/kkm\/pembantu-tadbir1\/\" target=\"_parent\" style=\"text-decoration:none\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/kkm\/wp-content\/uploads\/2026\/06\/11.png\" class=\"card-img\">\r\n          <div class=\"card-content\">\r\n            <div class=\"jawatan\">PENGINAPAN DAN PENYELENGGARAAN<\/div>\r\n            <div class=\"nama\"><i class='fas fa-address-card'><\/i><\/div>\r\n          <\/div>\r\n          <\/a>\r\n        <\/div>\r\n        \r\n        <div class=\"sec-branch-line\"><\/div>\r\n        \r\n        <div style=\"width:2px; height:18px; background-color:white; margin-top: -25px\"><\/div><!-- line down -->\r\n        \r\n        <!-- middle sub branch -->\r\n        <div class=\"sub-branches\">\r\n          <div class=\"branch-col\">\r\n            <div class=\"card\">\r\n                <a href=\"https:\/\/www.ukm.my\/kkm\/pembantu-khidmat4\/\" target=\"_parent\" style=\"text-decoration:none\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/kkm\/wp-content\/uploads\/2026\/06\/14.png\">\r\n              <div class=\"card-content\">\r\n                <div class=\"jawatan\">PENYELENGGARAAN ELEKTRIK<\/div>\r\n                <div class=\"nama\"><i class='fas fa-address-card'><\/i><\/div>\r\n              <\/div>\r\n              <\/a>\r\n            <\/div>\r\n            <div class=\"card\">\r\n                <a href=\"https:\/\/www.ukm.my\/kkm\/pembantu-khidmat2\/\" target=\"_parent\" style=\"text-decoration:none\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/kkm\/wp-content\/uploads\/2026\/06\/10.png\" class=\"card-img\">\r\n              <div class=\"card-content\">\r\n                <div class=\"jawatan\">PENYELENGGARAAN ELEKTRIK<\/div>\r\n                <div class=\"nama\"><i class='fas fa-address-card'><\/i><\/div>\r\n              <\/div>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"branch-col\">\r\n            <div class=\"card\">\r\n                <a href=\"https:\/\/www.ukm.my\/kkm\/pembantu-kemahiran\/\" target=\"_parent\" style=\"text-decoration:none\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/kkm\/wp-content\/uploads\/2026\/06\/13.png\" class=\"card-img\">\r\n              <div class=\"card-content\">\r\n                <div class=\"jawatan\">PENYELENGGARAAN AWAM<\/div>\r\n                <div class=\"nama\"><i class='fas fa-address-card'><\/i><\/div>\r\n              <\/div>\r\n              <\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"card\">\r\n                <a href=\"https:\/\/www.ukm.my\/kkm\/pembantu-khidmat\/\" target=\"_parent\" style=\"text-decoration:none\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/kkm\/wp-content\/uploads\/2026\/06\/15.png\" class=\"card-img\" >\r\n              <div class=\"card-content\">\r\n                <div class=\"jawatan\">PENYELENGGARAAN AWAM<\/div>\r\n                <div class=\"nama\"><i class='fas fa-address-card'><\/i><\/div>\r\n              <\/div>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"branch-col\">\r\n            <div class=\"card\">\r\n                <a href=\"https:\/\/www.ukm.my\/kkm\/pembantu-khidmat3\/\" target=\"_parent\" style=\"text-decoration:none\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/kkm\/wp-content\/uploads\/2026\/06\/12.png\" class=\"card-img\">\r\n              <div class=\"card-content\">\r\n                <div class=\"jawatan\">PENYELENGGARAAN PAIP<\/div>\r\n                <div class=\"nama\"><i class='fas fa-address-card'><\/i><\/div>\r\n              <\/div>\r\n              <\/a>\r\n            <\/div>\r\n            <div class=\"card\">\r\n                <a href=\"https:\/\/www.ukm.my\/kkm\/pembantu-khidmat5\/\" target=\"_parent\" style=\"text-decoration:none\">\r\n              <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/kkm\/wp-content\/uploads\/2026\/06\/16.png\" class=\"card-img\">\r\n              <div class=\"card-content\">\r\n                <div class=\"jawatan\">PENYELENGGARAAN PAIP<\/div>\r\n                <div class=\"nama\"><i class='fas fa-address-card'><\/i><\/div>\r\n              <\/div>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n            <!-- end of middle sub branch -->\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"branch-col\">\r\n          \r\n          <div style=\"width:2px; height:18px; background-color:white;\"><\/div><!-- line down -->\r\n          \r\n        <div class=\"card\">\r\n            <a href=\"https:\/\/www.ukm.my\/kkm\/pembantu-tadbir\/\" target=\"_parent\" style=\"text-decoration:none\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/kkm\/wp-content\/uploads\/2026\/06\/9.png\" class=\"card-img\">\r\n          <div class=\"card-content\">\r\n            <div class=\"jawatan\">KEWANGAN<\/div>\r\n            <div class=\"nama\"><i class='fas fa-address-card'><\/i><\/div>\r\n          <\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BARISAN PENGURUSAN PENGETUA TIMBALAN PENGETUA KETUA PENTADBIRAN PENOLONG PEGAWAI TADBIR PENTADBIRAN PENGINAPAN DAN PENYELENGGARAAN PENYELENGGARAAN ELEKTRIK PENYELENGGARAAN ELEKTRIK PENYELENGGARAAN AWAM PENYELENGGARAAN AWAM PENYELENGGARAAN PAIP PENYELENGGARAAN<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/kkm\/pentadbiran-kolej-keris-mas\/\"> &#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1572","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/kkm\/wp-json\/wp\/v2\/pages\/1572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ukm.my\/kkm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ukm.my\/kkm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/kkm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/kkm\/wp-json\/wp\/v2\/comments?post=1572"}],"version-history":[{"count":54,"href":"https:\/\/www.ukm.my\/kkm\/wp-json\/wp\/v2\/pages\/1572\/revisions"}],"predecessor-version":[{"id":1887,"href":"https:\/\/www.ukm.my\/kkm\/wp-json\/wp\/v2\/pages\/1572\/revisions\/1887"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/kkm\/wp-json\/wp\/v2\/media?parent=1572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}