{"id":8365,"date":"2022-08-09T11:09:58","date_gmt":"2022-08-09T03:09:58","guid":{"rendered":"https:\/\/www.ukm.my\/inovasi-ukm\/?page_id=8365&#038;preview_id=8365"},"modified":"2025-09-26T15:16:45","modified_gmt":"2025-09-26T07:16:45","slug":"the-directors-office","status":"publish","type":"page","link":"https:\/\/www.ukm.my\/inovasi-ukm\/the-directors-office\/","title":{"rendered":"The Director\u2019s Office"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8365\" class=\"elementor elementor-8365\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-de46ee6 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"de46ee6\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=9VAIFBs8qDY&amp;list=PLLBWNs6n7YMVH6Y1-dm7W51zKlNwMgVDs&amp;index=1&quot;,&quot;background_video_start&quot;:10,&quot;background_video_end&quot;:40}\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\" role=\"presentation\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-6ddade5\" data-id=\"6ddade5\" 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-8bfd357 e-transform elementor-widget elementor-widget-heading\" data-id=\"8bfd357\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Meet The Team <\/h2>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2769fb9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2769fb9\" 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-c5b50d6\" data-id=\"c5b50d6\" 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-8b8d80e elementor-widget elementor-widget-spacer\" data-id=\"8b8d80e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3ef3047 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3ef3047\" 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-f68d79b\" data-id=\"f68d79b\" 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-a2d1ea6 elementor-widget elementor-widget-elementskit-heading\" data-id=\"a2d1ea6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><div class=\"ekit_heading_separetor_wraper ekit_heading_elementskit-border-divider elementskit-style-long\"><div class=\"elementskit-border-divider elementskit-style-long\"><\/div><\/div><h2 class=\"ekit-heading--title elementskit-section-title \">Director\u2019s  <span>Office<\/span><\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40e7fe8 elementor-widget elementor-widget-html\" data-id=\"40e7fe8\" 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<style>\r\n    :root {\r\n      --primary: #22A39F;\r\n      --text: #000000;\r\n      --background: #ffffff;\r\n    }\r\n\r\n    body {\r\n      font-family: 'Poppins', sans-serif;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    .carousel {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      gap: 20px;\r\n      padding: 20px;\r\n    }\r\n\r\n    .card {\r\n      background: var(--background);\r\n      border-radius: 12px;\r\n      width: 280px;\r\n      text-align: center;\r\n      padding: 20px;\r\n      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\r\n      transition: transform 0.3s ease;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .card:hover {\r\n      transform: translateY(-5px);\r\n    }\r\n\r\n    .card img {\r\n      width: 100%;\r\n      height: auto;\r\n      border-radius: 8px;\r\n      margin-bottom: 20px;\r\n      border-bottom: 4px solid var(--primary);\r\n      object-fit: cover;\r\n    }\r\n\r\n    .card h2 {\r\n      margin: 10px 0 5px;\r\n      font-size: 20px;\r\n      color: var(--primary);\r\n      text-transform: capitalize;\r\n    }\r\n\r\n    .card p {\r\n      margin: 5px 0 15px;\r\n      font-size: 14px;\r\n      color: #555;\r\n      text-transform: capitalize;\r\n    }\r\n\r\n    .modal {\r\n      display: none;\r\n      position: fixed;\r\n      z-index: 10;\r\n      left: 0;\r\n      top: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: rgba(0,0,0,0.6);\r\n      justify-content: center;\r\n      align-items: center;\r\n      padding: 10px;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .modal-content {\r\n      background: var(--background);\r\n      padding: 40px;\r\n      border-radius: 20px;\r\n      max-width: 900px;\r\n      width: 95%;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 32px;\r\n      transform: scale(0.95);\r\n      animation: zoomIn 0.3s forwards;\r\n      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .modal-content img {\r\n      width: 280px;\r\n      height: 280px;\r\n      object-fit: cover;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .modal-text h2 {\r\n      margin: 0 0 15px;\r\n      font-size: 28px;\r\n      color: var(--primary);\r\n      text-transform: capitalize;\r\n    }\r\n\r\n    .modal-text p {\r\n      margin: 8px 0;\r\n      color: var(--text);\r\n      font-size: 18px;\r\n    }\r\n\r\n    .close {\r\n      position: absolute;\r\n      top: 30px;\r\n      right: 30px;\r\n      font-size: 32px;\r\n      color: white;\r\n      cursor: pointer;\r\n    }\r\n\r\n    @keyframes zoomIn {\r\n      from {\r\n        opacity: 0;\r\n        transform: scale(0.9);\r\n      }\r\n      to {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n      }\r\n    }\r\n\r\n    \/* \u54cd\u5e94\u5f0f\u4f18\u5316\uff1a\u9002\u914d\u624b\u673a\u548c\u5e73\u677f *\/\r\n    @media (max-width: 768px) {\r\n      .carousel {\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n\r\n      .card {\r\n        width: 90%;\r\n      }\r\n\r\n      .modal-content {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        padding: 20px;\r\n      }\r\n\r\n      .modal-content img {\r\n        width: 150px;\r\n        height: 150px;\r\n      }\r\n\r\n      .modal-text {\r\n        text-align: center;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"carousel\" id=\"staff-directory-container\">\r\n    <!-- Staff cards will be dynamically added here -->\r\n  <\/div>\r\n\r\n  <div class=\"modal\" id=\"staffModal\" onclick=\"closeModal()\">\r\n    <div class=\"modal-content\" id=\"modalContent\" onclick=\"event.stopPropagation()\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/\/ ** IMPORTANT: REPLACE THIS URL with the one you copied from Step 1 **\r\n    const SHEET_URL = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vSon8T27NeggIyfkY-VGbjRPttQKqCcCZRXE9JeqQzEfuiRttTcHjFF-jWEaQZYn7ow1jM4jWLTxWFg\/pub?gid=0&single=true&output=csv'; \r\n\r\n    \/\/ ** IMPORTANT: Change this value for EACH department page **\r\n    \/\/ The value must exactly match the department name in your Google Sheet's 'department' column.\r\n    const DEPARTMENT_NAME = 'Director Office'; \r\n\r\n    const carouselContainer = document.getElementById('staff-directory-container');\r\n    const modal = document.getElementById('staffModal');\r\n    const modalContent = document.getElementById('modalContent');\r\n    let staffData = [];\r\n\r\n    \/\/ Helper function to format the phone number\r\n    function formatPhoneNumber(phone) {\r\n      if (!phone) return '';\r\n      const lastFour = phone.toString().slice(-4);\r\n      return `03-8921 ${lastFour}`;\r\n    }\r\n\r\n    \/\/ Helper function to capitalize each word in a string\r\n    function capitalizeCase(str) {\r\n      if (!str) return '';\r\n      return str.toLowerCase().split(' ').map(word => {\r\n        return word.charAt(0).toUpperCase() + word.slice(1);\r\n      }).join(' ');\r\n    }\r\n\r\n    \/\/ This function builds the HTML for a single staff card\r\n    function createCard(staff) {\r\n      const card = document.createElement('div');\r\n      card.classList.add('card');\r\n      card.innerHTML = `\r\n        <img decoding=\"async\" src=\"${staff.img}\" alt=\"${staff.name}\" onerror=\"this.src='https:\/\/placehold.co\/100x100?text=No+Image'\">\r\n        <h2>${capitalizeCase(staff.name)}<\/h2>\r\n        <p>${capitalizeCase(staff.position)}<\/p>\r\n      `;\r\n      card.addEventListener('click', () => openModal(staff));\r\n      return card;\r\n    }\r\n\r\n    \/\/ This function opens the modal with staff details\r\n    function openModal(staff) {\r\n      modalContent.innerHTML = `\r\n        <img decoding=\"async\" src=\"${staff.img}\" alt=\"${staff.name}\" onerror=\"this.src='https:\/\/placehold.co\/100x100?text=No+Image'\">\r\n        <div class=\"modal-text\">\r\n          <h2>${capitalizeCase(staff.name)}<\/h2>\r\n          <p>${capitalizeCase(staff.position)}<\/p>\r\n          <p><strong>Phone:<\/strong> ${formatPhoneNumber(staff.phone)}<\/p>\r\n          <p><strong>Email:<\/strong> ${staff.email}<\/p>\r\n        <\/div>\r\n      `;\r\n      modal.style.display = 'flex';\r\n    }\r\n\r\n    function closeModal() {\r\n      modal.style.display = 'none';\r\n    }\r\n\r\n    \/\/ A more robust function to parse CSV text, handling commas and newlines inside fields.\r\n    function parseCSV(csvText) {\r\n        const rows = [];\r\n        let inQuote = false;\r\n        let currentField = '';\r\n        let currentRow = [];\r\n\r\n        for (let i = 0; i < csvText.length; i++) {\r\n            const char = csvText[i];\r\n            const nextChar = csvText[i + 1];\r\n\r\n            if (char === '\"') {\r\n                inQuote = !inQuote;\r\n                \/\/ Don't add the quote to the field\r\n            } else if (char === ',' && !inQuote) {\r\n                currentRow.push(currentField);\r\n                currentField = '';\r\n            } else if (char === '\\n' && !inQuote) {\r\n                currentRow.push(currentField);\r\n                rows.push(currentRow);\r\n                currentRow = [];\r\n                currentField = '';\r\n            } else if (char === '\\r' && nextChar === '\\n' && !inQuote) {\r\n                \/\/ Handle Windows-style newlines\r\n                currentRow.push(currentField);\r\n                rows.push(currentRow);\r\n                currentRow = [];\r\n                currentField = '';\r\n                i++; \/\/ Skip the next character\r\n            } else {\r\n                currentField += char;\r\n            }\r\n        }\r\n        \/\/ Push the last field and row if they exist\r\n        if (currentField !== '' || currentRow.length > 0) {\r\n            currentRow.push(currentField);\r\n            rows.push(currentRow);\r\n        }\r\n        \/\/ Remove empty rows and trim whitespace from fields\r\n        return rows.filter(row => row.length > 1).map(row => row.map(field => field.trim()));\r\n    }\r\n\r\n\r\n    \/\/ This function fetches the data and renders the directory\r\n    async function loadStaffDirectory() {\r\n      try {\r\n        const response = await fetch(SHEET_URL);\r\n        const text = await response.text();\r\n        const dataRows = parseCSV(text);\r\n\r\n        \/\/ Filter out header row\r\n        const headerRow = dataRows.length > 0 ? dataRows[0] : [];\r\n        const staffRecords = dataRows.slice(1);\r\n        \r\n        \/\/ Map columns to friendly names based on the known column indices\r\n        const staff = staffRecords.map(columns => {\r\n          return {\r\n            name: columns[2] || '',\r\n            phone: columns[5] || '',\r\n            position: columns[15] || '',\r\n            email: columns[10] || '',\r\n            department: columns[17] || '',\r\n            img: columns[16] || ''\r\n          };\r\n        });\r\n\r\n        const filteredStaff = staff.filter(s => {\r\n          if (!s.department) return false;\r\n          const departments = s.department.toLowerCase().split(',').map(d => d.trim());\r\n          return departments.includes(DEPARTMENT_NAME.toLowerCase());\r\n        });\r\n        \r\n        carouselContainer.innerHTML = '';\r\n        if (filteredStaff.length > 0) {\r\n          filteredStaff.forEach(staff => {\r\n            const card = createCard(staff);\r\n            carouselContainer.appendChild(card);\r\n          });\r\n        } else {\r\n          carouselContainer.innerHTML = '<p>No staff members found for this department.<\/p>';\r\n        }\r\n\r\n      } catch (error) {\r\n        console.error(\"Error loading staff data:\", error);\r\n        carouselContainer.innerHTML = '<p>Failed to load staff directory. Please check the data source.<\/p>';\r\n      }\r\n    }\r\n\r\n    \/\/ Load the directory when the page is ready\r\n    window.addEventListener('load', loadStaffDirectory);\r\n  <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee23305 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"ee23305\" 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<style>\n :root {\n    --primary: #22A39F;\n    --text: #000000;\n    --background: #ffffff;\n  }\n\n  body {\n    font-family: 'Poppins', sans-serif;\n    margin: 0;\n    padding: 0;\n  }\n\n  .carousel {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 20px;\n    padding: 20px;\n  }\n\n  .card {\n    background: var(--background);\n    border-radius: 12px;\n    width: 280px;\n    text-align: center;\n    padding: 20px;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n    transition: transform 0.3s ease;\n  }\n\n  .card:hover {\n    transform: translateY(-5px);\n  }\n\n  .card img {\n    width: 100%;\n    height: auto;\n    border-radius: 8px;\n    margin-bottom: 20px;\n    border-bottom: 4px solid var(--primary);\n  }\n\n  .card h2 {\n    margin: 10px 0 5px;\n    font-size: 20px;\n    color: var(--primary);\n  }\n\n  .card p {\n    margin: 5px 0 15px;\n    font-size: 14px;\n    color: #555;\n  }\n\n  .modal {\n    display: none;\n    position: fixed;\n    z-index: 10;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.6);\n    justify-content: center;\n    align-items: center;\n    padding: 10px;\n    box-sizing: border-box;\n  }\n\n  .modal-content {\n  background: var(--background);\n  padding: 40px;\n  border-radius: 20px;\n  max-width: 900px;\n  width: 95%;\n  display: flex;\n  align-items: center;\n  gap: 32px;\n  transform: scale(0.95);\n  animation: zoomIn 0.3s forwards;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);\n  box-sizing: border-box;\n}\n\n.modal-content img {\n  width: 280px;\n  height: 280px;\n  object-fit: cover;\n  border-radius: 16px;\n}\n\n.modal-text h2 {\n  margin: 0 0 15px;\n  font-size: 28px;\n  color: var(--primary);\n}\n\n.modal-text p {\n  margin: 8px 0;\n  color: var(--text);\n  font-size: 18px;\n}\n\n  .close {\n    position: absolute;\n    top: 30px;\n    right: 30px;\n    font-size: 32px;\n    color: white;\n    cursor: pointer;\n  }\n\n  @keyframes zoomIn {\n    from {\n      opacity: 0;\n      transform: scale(0.9);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  \/* \u54cd\u5e94\u5f0f\u4f18\u5316\uff1a\u9002\u914d\u624b\u673a\u548c\u5e73\u677f *\/\n  @media (max-width: 768px) {\n    .carousel {\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .card {\n      width: 90%;\n    }\n\n    .modal-content {\n      flex-direction: column;\n      text-align: center;\n      padding: 20px;\n    }\n\n    .modal-content img {\n      width: 150px;\n      height: 150px;\n    }\n\n    .modal-text {\n      text-align: center;\n    }\n  }\n\n<\/style>\n\n<div class=\"carousel\">\n  <div class=\"card\" onclick=\"openModal(0)\">\n    <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/12\/PROF-SAWAL-2-1024x1024.png\" alt=\"Staff Photo\">\n    <h2>Prof. Dr. Sawal Hamid Md Ali<\/h2>\n    <p>Director<\/p>\n  <\/div>\n  <div class=\"card\" onclick=\"openModal(1)\">\n    <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2025\/01\/placeholder-276.png\" alt=\"Staff Photo\">\n    <h2><\/h2>\n    <p>Deputy Director<\/p>\n  <\/div>\n  <div class=\"card\" onclick=\"openModal(2)\">\n    <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/arzana-300x300.jpg\" alt=\"Staff Photo\">\n    <h2>Arzana Zakaria<\/h2>\n    <p>Head of Administration<\/p>\n  <\/div>\n  <div class=\"card\" onclick=\"openModal(3)\">\n    <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/01\/aein-300x300.jpg\" alt=\"Staff Photo\">\n    <h2>Nurul Aien Hashim<\/h2>\n    <p>Director\u2019s Secretary<\/p>\n  <\/div>\n  <div class=\"card\" onclick=\"openModal(4)\">\n    <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/aliza-300x300.jpg\" alt=\"Staff Photo\">\n    <h2>Alizawaty Athari<\/h2>\n    <p>Deputy Director\u2019s Secretary<\/p>\n  <\/div>\n \n<\/div>\n\n<div class=\"modal\" id=\"staffModal\" onclick=\"closeModal()\">\n  <div class=\"modal-content\" id=\"modalContent\" onclick=\"event.stopPropagation()\"><\/div>\n<\/div>\n\n<script>\n  const staffData = [\n    {\n      img: \"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/12\/PROF-SAWAL-2-1024x1024.png\",\n      name: \"Prof. Dr. Sawal Hamid Md Ali\",\n      position: \"Director\",\n      phone: \"03-8921 4876\",\n      email: \"pghinovasi@ukm.edu.my\"\n    },\n    {\n      img: \"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2025\/01\/placeholder-276.png\",\n      name: \"\",\n      position: \"Deputy Director\",\n      phone: \"03-8921-4115\",\n      email: \"tpinovasi@ukm.edu.my\"\n    },\n    {\n      img: \"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/arzana-300x300.jpg\",\n      name: \"Arzana Zakaria\",\n      position: \"Head of Administration\",\n      phone: \"03-8921 4822\",\n      email: \"kpinovasi@ukm.edu.my \/ arzanaz@ukm.edu.my\"\n    },\n    {\n      img: \"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/01\/aein-300x300.jpg\",\n      name: \"Nurul Aien Hashim\",\n      position: \"Director\u2019s Secretary\",\n      phone: \"03-8921-4876\",\n      email: \"suinovasi@ukm.my\"\n    },\n    {\n      img: \"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/aliza-300x300.jpg\",\n      name: \"Alizawaty Athari\",\n      position: \"Deputy Director\u2019s Secretary\",\n      phone: \"03-8921 4115\",\n      email: \"aleeza@ukm.edu.my\"\n    }\n  ];\n\n  function openModal(index) {\n    const staff = staffData[index];\n    const modal = document.getElementById('staffModal');\n    const content = document.getElementById('modalContent');\n\n    content.innerHTML = `\n      <img decoding=\"async\" src=\"${staff.img}\" alt=\"${staff.name}\">\n      <div class=\"modal-text\">\n        <h2>${staff.name}<\/h2>\n        <p>${staff.position}<\/p>\n        <p><strong>Phone:<\/strong> ${staff.phone}<\/p>\n        <p><strong>Email:<\/strong> ${staff.email}<\/p>\n      <\/div>\n    `;\n\n    modal.style.display = 'flex';\n  }\n\n  function closeModal() {\n    document.getElementById('staffModal').style.display = 'none';\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-58623ce elementor-section-height-min-height elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default\" data-id=\"58623ce\" 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-25 elementor-inner-column elementor-element elementor-element-32aeac2\" data-id=\"32aeac2\" 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-532bf9c elementor-widget elementor-widget-elementskit-team\" data-id=\"532bf9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-team.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\t\t <div class=\"profile-square-v\"> \t\t\t\t\t\t\n\t\t<div class=\"profile-card elementor-animation- text-center ekit-team-style-centered_style\">\n\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_532bf9c_8365\" class=\"ekit-team-popup\">\n\t\t\t\n\t\t\t\t<div class=\"profile-header ekit-team-img \"  data-toggle=\"modal\" data-target=\"ekit_team_modal_#532bf9c_8365\" >\n\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/dr.wan_-1024x1024.jpg\" class=\"attachment-large size-large wp-image-9962\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/dr.wan_-1024x1024.jpg 1024w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/dr.wan_-300x300.jpg 300w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/dr.wan_-150x150.jpg 150w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/dr.wan_-768x768.jpg 768w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/dr.wan_.jpg 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t<\/div><!-- .profile-header END -->\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\n\t\t\t\t<div class=\"profile-body\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"profile-title\">\n\t\t\t\t\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_532bf9c_8365\" class=\"ekit-team-popup\">\n\t\t\t\t\t\tAssoc. Prof. Dr. Wan Mohd Hirwani Wan Hussain\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t<p class=\"profile-designation\">Director<\/p>\n\t\t\t\t\t\t\t\t\t<\/div><!-- .profile-body END -->\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t <\/div> \t\t\t\n\t\t\t\n\t\t\t\t\t<div class=\"zoom-anim-dialog mfp-hide elementskit-team-popup team-popup-id-532bf9c\" id=\"ekit_team_modal_532bf9c_8365\" tabindex=\"-1\" role=\"dialog\" aria-modal=\"true\">\n\t\t\t\t<div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n\t\t\t\t\t<div class=\"modal-content\">\n\t\t\t\t\t\t<button type=\"button\" class=\"ekit-team-modal-close\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-times\"><\/i>\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-img\">\n\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/dr.wan_-1024x1024.jpg\" class=\"attachment-large size-large wp-image-9962\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/dr.wan_-1024x1024.jpg 1024w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/dr.wan_-300x300.jpg 300w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/dr.wan_-150x150.jpg 150w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/dr.wan_-768x768.jpg 768w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/dr.wan_.jpg 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"ekit-team-modal-info has-img\">\n\t\t\t\t\t\t\t\t<h2 class=\"ekit-team-modal-title\">Assoc. Prof. Dr. Wan Mohd Hirwani Wan Hussain<\/h2>\n\t\t\t\t\t\t\t\t<p class=\"ekit-team-modal-position\">Director<\/p>\n\n\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"ekit-team-modal-list\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><strong>Phone:<\/strong><a href=\"tel:03-8921 4876\">03-8921 4876<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><strong>Email:<\/strong><a href=\"mailto:pghinovasi@ukm.edu.my\">pghinovasi@ukm.edu.my<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\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<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-0243e04\" data-id=\"0243e04\" 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-98cffe2 elementor-widget elementor-widget-elementskit-team\" data-id=\"98cffe2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-team.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\t\t <div class=\"profile-square-v\"> \t\t\t\t\t\t\n\t\t<div class=\"profile-card elementor-animation- text-center ekit-team-style-centered_style\">\n\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_98cffe2_8365\" class=\"ekit-team-popup\">\n\t\t\t\n\t\t\t\t<div class=\"profile-header ekit-team-img \"  data-toggle=\"modal\" data-target=\"ekit_team_modal_#98cffe2_8365\" >\n\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/12\/PROF-SAWAL-2-1024x1024.png\" class=\"attachment-large size-large wp-image-11777\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/12\/PROF-SAWAL-2-1024x1024.png 1024w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/12\/PROF-SAWAL-2-300x300.png 300w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/12\/PROF-SAWAL-2-150x150.png 150w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/12\/PROF-SAWAL-2-768x768.png 768w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/12\/PROF-SAWAL-2.png 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t<\/div><!-- .profile-header END -->\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\n\t\t\t\t<div class=\"profile-body\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"profile-title\">\n\t\t\t\t\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_98cffe2_8365\" class=\"ekit-team-popup\">\n\t\t\t\t\t\tProf. Dr. Sawal Hamid Md Ali\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t<p class=\"profile-designation\">Deputy Director<\/p>\n\t\t\t\t\t\t\t\t\t<\/div><!-- .profile-body END -->\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t <\/div> \t\t\t\n\t\t\t\n\t\t\t\t\t<div class=\"zoom-anim-dialog mfp-hide elementskit-team-popup team-popup-id-98cffe2\" id=\"ekit_team_modal_98cffe2_8365\" tabindex=\"-1\" role=\"dialog\" aria-modal=\"true\">\n\t\t\t\t<div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n\t\t\t\t\t<div class=\"modal-content\">\n\t\t\t\t\t\t<button type=\"button\" class=\"ekit-team-modal-close\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-times\"><\/i>\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-img\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/12\/PROF-SAWAL-2-1024x1024.png\" class=\"attachment-large size-large wp-image-11777\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/12\/PROF-SAWAL-2-1024x1024.png 1024w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/12\/PROF-SAWAL-2-300x300.png 300w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/12\/PROF-SAWAL-2-150x150.png 150w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/12\/PROF-SAWAL-2-768x768.png 768w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/12\/PROF-SAWAL-2.png 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"ekit-team-modal-info has-img\">\n\t\t\t\t\t\t\t\t<h2 class=\"ekit-team-modal-title\">Prof. Dr. Sawal Hamid Md Ali<\/h2>\n\t\t\t\t\t\t\t\t<p class=\"ekit-team-modal-position\">Deputy Director<\/p>\n\n\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"ekit-team-modal-list\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><strong>Phone:<\/strong><a href=\"tel:03-8921-4115\">03-8921-4115<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><strong>Email:<\/strong><a href=\"mailto: tpinovasi@ukm.edu.my \/ sawal@ukm.edu.my\"> tpinovasi@ukm.edu.my \/ sawal@ukm.edu.my<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\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<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-a993c83\" data-id=\"a993c83\" 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-003f946 elementor-widget elementor-widget-elementskit-team\" data-id=\"003f946\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-team.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\t\t <div class=\"profile-square-v\"> \t\t\t\t\t\t\n\t\t<div class=\"profile-card elementor-animation- text-center ekit-team-style-centered_style\">\n\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_003f946_8365\" class=\"ekit-team-popup\">\n\t\t\t\n\t\t\t\t<div class=\"profile-header ekit-team-img \"  data-toggle=\"modal\" data-target=\"ekit_team_modal_#003f946_8365\" >\n\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/arzana-300x300.jpg\" class=\"attachment-medium size-medium wp-image-9961\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/arzana-300x300.jpg 300w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/arzana-1024x1024.jpg 1024w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/arzana-150x150.jpg 150w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/arzana-768x768.jpg 768w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/arzana.jpg 1080w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t<\/div><!-- .profile-header END -->\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\n\t\t\t\t<div class=\"profile-body\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"profile-title\">\n\t\t\t\t\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_003f946_8365\" class=\"ekit-team-popup\">\n\t\t\t\t\t\tArzana Zakaria\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t<p class=\"profile-designation\">Head of Administration<\/p>\n\t\t\t\t\t\t\t\t\t<\/div><!-- .profile-body END -->\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t <\/div> \t\t\t\n\t\t\t\n\t\t\t\t\t<div class=\"zoom-anim-dialog mfp-hide elementskit-team-popup team-popup-id-003f946\" id=\"ekit_team_modal_003f946_8365\" tabindex=\"-1\" role=\"dialog\" aria-modal=\"true\">\n\t\t\t\t<div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n\t\t\t\t\t<div class=\"modal-content\">\n\t\t\t\t\t\t<button type=\"button\" class=\"ekit-team-modal-close\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-times\"><\/i>\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-img\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/arzana-300x300.jpg\" class=\"attachment-medium size-medium wp-image-9961\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/arzana-300x300.jpg 300w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/arzana-1024x1024.jpg 1024w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/arzana-150x150.jpg 150w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/arzana-768x768.jpg 768w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/arzana.jpg 1080w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"ekit-team-modal-info has-img\">\n\t\t\t\t\t\t\t\t<h2 class=\"ekit-team-modal-title\">Arzana Zakaria<\/h2>\n\t\t\t\t\t\t\t\t<p class=\"ekit-team-modal-position\">Head of Administration<\/p>\n\n\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"ekit-team-modal-list\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><strong>Phone:<\/strong><a href=\"tel:03-8921 4822\">03-8921 4822<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><strong>Email:<\/strong><a href=\"mailto:kpinovasi@ukm.edu.my\/arzanaz@ukm.edu.my\">kpinovasi@ukm.edu.my\/arzanaz@ukm.edu.my<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\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<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-3b43728\" data-id=\"3b43728\" 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-4de7785 elementor-widget elementor-widget-elementskit-team\" data-id=\"4de7785\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-team.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\t\t <div class=\"profile-square-v\"> \t\t\t\t\t\t\n\t\t<div class=\"profile-card elementor-animation- text-center ekit-team-style-centered_style\">\n\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_4de7785_8365\" class=\"ekit-team-popup\">\n\t\t\t\n\t\t\t\t<div class=\"profile-header ekit-team-img \"  data-toggle=\"modal\" data-target=\"ekit_team_modal_#4de7785_8365\" >\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/01\/aein-300x300.jpg\" class=\"attachment-medium size-medium wp-image-10125\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/01\/aein-300x300.jpg 300w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/01\/aein-1024x1024.jpg 1024w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/01\/aein-150x150.jpg 150w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/01\/aein-768x768.jpg 768w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/01\/aein.jpg 1080w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t<\/div><!-- .profile-header END -->\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\n\t\t\t\t<div class=\"profile-body\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"profile-title\">\n\t\t\t\t\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_4de7785_8365\" class=\"ekit-team-popup\">\n\t\t\t\t\t\tNurul Aien Hashim\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t<p class=\"profile-designation\">Director\u2019s Secretary<\/p>\n\t\t\t\t\t\t\t\t\t<\/div><!-- .profile-body END -->\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t <\/div> \t\t\t\n\t\t\t\n\t\t\t\t\t<div class=\"zoom-anim-dialog mfp-hide elementskit-team-popup team-popup-id-4de7785\" id=\"ekit_team_modal_4de7785_8365\" tabindex=\"-1\" role=\"dialog\" aria-modal=\"true\">\n\t\t\t\t<div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n\t\t\t\t\t<div class=\"modal-content\">\n\t\t\t\t\t\t<button type=\"button\" class=\"ekit-team-modal-close\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-times\"><\/i>\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-img\">\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/01\/aein-300x300.jpg\" class=\"attachment-medium size-medium wp-image-10125\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/01\/aein-300x300.jpg 300w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/01\/aein-1024x1024.jpg 1024w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/01\/aein-150x150.jpg 150w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/01\/aein-768x768.jpg 768w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2023\/01\/aein.jpg 1080w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"ekit-team-modal-info has-img\">\n\t\t\t\t\t\t\t\t<h2 class=\"ekit-team-modal-title\">Nurul Aien Hashim<\/h2>\n\t\t\t\t\t\t\t\t<p class=\"ekit-team-modal-position\">Director\u2019s Secretary<\/p>\n\n\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"ekit-team-modal-list\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><strong>Phone:<\/strong><a href=\"tel:03-8921-4876\">03-8921-4876<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><strong>Email:<\/strong><a href=\"mailto:suinovasi@ukm.my\">suinovasi@ukm.my<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-01a7fd5 elementor-section-height-min-height elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default\" data-id=\"01a7fd5\" 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-25 elementor-inner-column elementor-element elementor-element-a5a1dc4\" data-id=\"a5a1dc4\" 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-6d6a9dc elementor-widget elementor-widget-elementskit-team\" data-id=\"6d6a9dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-team.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\">\t\t <div class=\"profile-square-v\"> \t\t\t\t\t\t\n\t\t<div class=\"profile-card elementor-animation- text-center ekit-team-style-centered_style\">\n\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_6d6a9dc_8365\" class=\"ekit-team-popup\">\n\t\t\t\n\t\t\t\t<div class=\"profile-header ekit-team-img \"  data-toggle=\"modal\" data-target=\"ekit_team_modal_#6d6a9dc_8365\" >\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/aliza-300x300.jpg\" class=\"attachment-medium size-medium wp-image-9959\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/aliza-300x300.jpg 300w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/aliza-1024x1024.jpg 1024w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/aliza-150x150.jpg 150w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/aliza-768x768.jpg 768w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/aliza.jpg 1080w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t<\/div><!-- .profile-header END -->\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\n\n\t\t\t\t<div class=\"profile-body\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"profile-title\">\n\t\t\t\t\t\t\t\t\t\t\t<a aria-label=\"profile\" href=\"javascript:void(0)\" data-mfp-src=\"#ekit_team_modal_6d6a9dc_8365\" class=\"ekit-team-popup\">\n\t\t\t\t\t\tAlizawaty Athari\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t<p class=\"profile-designation\">Deputy Director\u2019s Secretary<\/p>\n\t\t\t\t\t\t\t\t\t<\/div><!-- .profile-body END -->\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t <\/div> \t\t\t\n\t\t\t\n\t\t\t\t\t<div class=\"zoom-anim-dialog mfp-hide elementskit-team-popup team-popup-id-6d6a9dc\" id=\"ekit_team_modal_6d6a9dc_8365\" tabindex=\"-1\" role=\"dialog\" aria-modal=\"true\">\n\t\t\t\t<div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n\t\t\t\t\t<div class=\"modal-content\">\n\t\t\t\t\t\t<button type=\"button\" class=\"ekit-team-modal-close\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-times\"><\/i>\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-img\">\n\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/aliza-300x300.jpg\" class=\"attachment-medium size-medium wp-image-9959\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/aliza-300x300.jpg 300w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/aliza-1024x1024.jpg 1024w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/aliza-150x150.jpg 150w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/aliza-768x768.jpg 768w, https:\/\/www.ukm.my\/inovasi-ukm\/wp-content\/uploads\/2022\/12\/aliza.jpg 1080w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"ekit-team-modal-info has-img\">\n\t\t\t\t\t\t\t\t<h2 class=\"ekit-team-modal-title\">Alizawaty Athari<\/h2>\n\t\t\t\t\t\t\t\t<p class=\"ekit-team-modal-position\">Deputy Director\u2019s Secretary<\/p>\n\n\t\t\t\t\t\t\t\t<div class=\"ekit-team-modal-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"ekit-team-modal-list\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><strong>Phone:<\/strong><a href=\"tel:03-8921 4115\">03-8921 4115<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><strong>Email:<\/strong><a href=\"mailto:aleeza@ukm.edu.my\">aleeza@ukm.edu.my<\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\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<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-077e70a\" data-id=\"077e70a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-5887f0c\" data-id=\"5887f0c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-c72287a\" data-id=\"c72287a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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 class=\"elementor-element elementor-element-cf7f6ca elementor-widget elementor-widget-spacer\" data-id=\"cf7f6ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8cf8595 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8cf8595\" 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-013120c\" data-id=\"013120c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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>Meet The Team Director\u2019s Office Prof. Dr. Sawal Hamid Md Ali Director Deputy Director Arzana Zakaria Head of Administration Nurul Aien Hashim Director\u2019s Secretary Alizawaty<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/inovasi-ukm\/the-directors-office\/\"> &#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-8365","page","type-page","status-publish","hentry"],"aioseo_notices":[],"publishpress_future_action":{"enabled":false,"date":"2026-04-28 09:51:21","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"language","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"pik","author_link":"https:\/\/www.ukm.my\/inovasi-ukm\/author\/pik\/"},"rttpg_comment":0,"rttpg_category":" <a href=\"https:\/\/www.ukm.my\/inovasi-ukm\/\" rel=\"tag\">English<\/a>","rttpg_excerpt":"Meet The Team Director\u2019s Office Prof. Dr. Sawal Hamid Md Ali Director Deputy Director Arzana Zakaria Head of Administration Nurul Aien Hashim Director\u2019s Secretary Alizawaty ...","_links":{"self":[{"href":"https:\/\/www.ukm.my\/inovasi-ukm\/wp-json\/wp\/v2\/pages\/8365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ukm.my\/inovasi-ukm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ukm.my\/inovasi-ukm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/inovasi-ukm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/inovasi-ukm\/wp-json\/wp\/v2\/comments?post=8365"}],"version-history":[{"count":289,"href":"https:\/\/www.ukm.my\/inovasi-ukm\/wp-json\/wp\/v2\/pages\/8365\/revisions"}],"predecessor-version":[{"id":14037,"href":"https:\/\/www.ukm.my\/inovasi-ukm\/wp-json\/wp\/v2\/pages\/8365\/revisions\/14037"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/inovasi-ukm\/wp-json\/wp\/v2\/media?parent=8365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}