{"id":467,"date":"2024-06-10T07:44:08","date_gmt":"2024-06-10T07:44:08","guid":{"rendered":"https:\/\/mpqua.upsi.edu.my\/?page_id=467"},"modified":"2025-01-21T06:31:42","modified_gmt":"2025-01-21T06:31:42","slug":"bengkel-latihan","status":"publish","type":"page","link":"https:\/\/mpqua.upsi.edu.my\/index.php\/bengkel-latihan\/","title":{"rendered":"Workshop\/Training"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"467\" class=\"elementor elementor-467\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0044874 e-grid e-con-boxed e-con e-parent\" data-id=\"0044874\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-014660d elementor-widget elementor-widget-html\" data-id=\"014660d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Link Swiper's CSS -->\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.css\" \/>\n\n<!-- Include Swiper's JS -->\n<script src=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.js\"><\/script>\n\n<div class=\"swiper-container\">\n  <div class=\"swiper-wrapper\">\n      \n    <div class=\"swiper-slide\" data-content=\"content-1\" style=\"\">\n      <!-- Tab 1 Slide -->\n        <h3 id=\"month-name\" style=\"padding-top:25px\">TRAINING<\/h3>\n        <h5 id=\"month-desc\"><\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-2\">\n        <!-- Tab 2 Slide -->\n        <h3 id=\"month-name\">JANUARY 2025<\/h3>\n        <h5 id=\"month-desc\">Event for January is as below:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-3\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">FEBRUARY 2025<\/h3>\n        <h5 id=\"month-desc\">Event for February is as below:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-4\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">MARCH 2025<\/h3>\n        <h5 id=\"month-desc\">Event for March is as below:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-5\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">APRIL 2025<\/h3>\n        <h5 id=\"month-desc\">Event for April is as below:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-6\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">MAY 2025<\/h3>\n        <h5 id=\"month-desc\">Event for May is as below:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-7\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">JUNE 2025<\/h3>\n        <h5 id=\"month-desc\">Event for June is as below:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-8\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">JULY 2025<\/h3>\n        <h5 id=\"month-desc\">Event for July is as below:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-9\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">AUGUST 2025<\/h3>\n        <h5 id=\"month-desc\">Event for August is as below:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-10\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">SEPTEMBER 2025<\/h3>\n        <h5 id=\"month-desc\">Event for September is as below:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-11\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">OCTOBER 2025<\/h3>\n        <h5 id=\"month-desc\">Event for October is as below:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-12\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">NOVEMBER 2025<\/h3>\n        <h5 id=\"month-desc\">Event for November is as below:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-13\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">DECEMBER 2025<\/h3>\n        <h5 id=\"month-desc\">Event for December is as below:<\/h5>\n    <\/div>\n    <!-- Add more slides as needed -->\n  <\/div>\n  <!-- Add Navigation -->\n  <div class=\"swiper-button-next\">\n  <\/div>\n  <div class=\"swiper-button-prev\"><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab2810d e-flex e-con-boxed e-con e-parent\" data-id=\"ab2810d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d22492 elementor-widget elementor-widget-html\" data-id=\"2d22492\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Content area below the slider -->\r\n<div id=\"content-area\">\r\n    <div id=\"content-1\" class=\"content-section\">\r\n\t\t<div class=\"content-inner\">\r\n\t\t\t<h2>Our Training Sessions Are Designed To:<\/h2>\r\n\t\t\t<div class=\"content-item\">\r\n\t\t\t<div class=\"icon\">\r\n\t\t\t\t<!-- Example icon (can use FontAwesome or similar) -->\r\n\t\t\t\t<i class=\"fa fa-cogs\" aria-hidden=\"true\"><\/i>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"text\">\r\n\t\t\t\t<h3>Enhance Skills<\/h3>\r\n\t\t\t\t<p>Offer practical, hands-on training to improve participants' skills in quality management, auditing, and related fields.<\/p>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"content-item\">\r\n\t\t\t<div class=\"icon\">\r\n\t\t\t\t<!-- Example icon (can use FontAwesome or similar) -->\r\n\t\t\t\t<i class=\"fa fa-briefcase\" aria-hidden=\"true\"><\/i>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"text\">\r\n\t\t\t\t<h3>Support Professional Development<\/h3>\r\n\t\t\t\t<p>Help university staff advance their careers and contribute to the success of their institutions.<\/p>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"content-item\">\r\n\t\t\t<div class=\"icon\">\r\n\t\t\t\t<!-- Example icon (can use FontAwesome or similar) -->\r\n\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"text\">\r\n\t\t\t\t<h3>Share Knowledge<\/h3>\r\n\t\t\t\t<p>Facilitate the exchange of knowledge and best practices among peers and experts in the field.<\/p>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n   <div id=\"content-2\" class=\"content-section\" style=\"display: none;\">\r\n\t<div class=\"eventWrapper\">\r\n\t\t<!-- Event 1 -->\r\n\t\t<div class=\"event\">\r\n\t\t\t<div class=\"event--img\">\r\n\t\t\t\t<a href=\"https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/Webinar-240125-2-Qmec-Staff.jpeg\" onclick=\"if (!lightboxLoaded) return false\" class=\"w-fancybox\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?export=view&id=FILE_ID\r\n\">\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"event--date\"><span>JANUARI<\/span><span>24<\/span><span>2025<\/span><span>UM<\/span><\/div>\r\n\t\t\t<div class=\"event--content\">\r\n\t\t\t\t<h2><a href=\"https:\/\/events.teams.microsoft.com\/event\/b3b12d57-e90a-4116-8fb5-e788e5e2faa9@a63bb1a9-48c2-448b-8693-3317b00ca7fb\" title=\"Program Bicara Kualiti Siri 1\/2024\">WEBINAR A DUAL LENS ON AUN - QA (Internal implementation and External Assesment)\r\n\t\t\t\t<\/a><\/h2>\r\n\t\t\t\t<p class=\"event--content-hall\">Studio Jabatan Teknologi Maklumat UM<\/p>\r\n\t\t\t\t<p class=\"event--content-ensemble\">Pegawai Untuk Dihubungi:<\/p>\r\n\t\t\t\t<ul style=\"list-style: none; padding: 0; margin: 0;\">\r\n\t\t\t\t\t<li style=\"font-size: 1em; margin-bottom: 10px; padding: 10px; border-radius: 5px; background-color: #f5f5f5;\">\r\n\t\t\t\t\t\t<strong>Puan Haslina Che Harun<\/strong><br>\r\n\t\t\t\t\t\t<span style=\"font-size: 1em; color: #555;\">012-326 1974<\/span>\r\n\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t<!-- Add Join Button -->\r\n\t\t\t\t<a href=\"https:\/\/events.teams.microsoft.com\/event\/b3b12d57-e90a-4116-8fb5-e788e5e2faa9@a63bb1a9-48c2-448b-8693-3317b00ca7fb\" \r\n\t\t\t\t   class=\"event--content-link\" \r\n\t\t\t\t   style=\"display: inline-block; padding: 10px 20px; background-color: #4CAF50; color: white; text-align: center; border-radius: 5px; text-decoration: none; margin-top: 15px;\">\r\n\t\t\t\t   Join the Webinar\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/div>\t\r\n\t\t<\/div>\r\n\t<\/div>\r\n  <\/div>\r\n    <div id=\"content-3\" class=\"content-section\" style=\"display: none;\">\r\n\t\t<div class=\"eventWrapper\">\r\n\t\t\t<div class=\"event\">\r\n\t\t\t\t<h1>Exciting new workshop\/training are coming soon. Stay tuned for updates!<\/h1>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n    <div id=\"content-4\" class=\"content-section\" style=\"display: none;\">\r\n\t\t<div class=\"eventWrapper\">\r\n\t\t\t<div class=\"event\">\r\n\t\t\t\t<h1>Exciting new workshop\/training are coming soon. Stay tuned for updates!<\/h1>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n    <div id=\"content-5\" class=\"content-section\" style=\"display: none;\">\r\n\t\t<div class=\"eventWrapper\">\r\n\t\t\t<div class=\"event\">\r\n\t\t\t\t<h1>Exciting new workshop\/training are coming soon. Stay tuned for updates!<\/h1>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<div id=\"content-6\" class=\"content-section\" style=\"display: none;\">\r\n\t\t<div class=\"eventWrapper\">\r\n\t\t\t<div class=\"event\">\r\n\t\t\t\t<h1>Exciting new workshop\/training are coming soon. Stay tuned for updates!<\/h1>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<div id=\"content-7\" class=\"content-section\" style=\"display: none;\">\r\n\t\t<div class=\"eventWrapper\">\r\n\t\t\t<div class=\"event\">\r\n\t\t\t\t<h1>Exciting new workshop\/training are coming soon. Stay tuned for updates!<\/h1>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<div id=\"content-8\" class=\"content-section\" style=\"display: none;\">\r\n\t\t<div class=\"eventWrapper\">\r\n\t\t\t<div class=\"event\">\r\n\t\t\t\t<h1>Exciting new workshop\/training are coming soon. Stay tuned for updates!<\/h1>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<div id=\"content-9\" class=\"content-section\" style=\"display: none;\">\r\n\t\t<div class=\"eventWrapper\">\r\n\t\t\t<div class=\"event\">\r\n\t\t\t\t<h1>Exciting new workshop\/training are coming soon. Stay tuned for updates!<\/h1>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<div id=\"content-10\" class=\"content-section\" style=\"display: none;\">\r\n\t\t<div class=\"eventWrapper\">\r\n\t\t\t<div class=\"event\">\r\n\t\t\t\t<h1>Exciting new workshop\/training are coming soon. Stay tuned for updates!<\/h1>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<div id=\"content-11\" class=\"content-section\" style=\"display: none;\">\r\n\t\t<div class=\"eventWrapper\">\r\n\t\t\t<div class=\"event\">\r\n\t\t\t\t<h1>Exciting new workshop\/training are coming soon. Stay tuned for updates!<\/h1>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<div id=\"content-12\" class=\"content-section\" style=\"display: none;\">\r\n\t\t<div class=\"eventWrapper\">\r\n\t\t\t<div class=\"event\">\r\n\t\t\t\t<h1>Exciting new workshop\/training are coming soon. Stay tuned for updates!<\/h1>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<div id=\"content-13\" class=\"content-section\" style=\"display: none;\">\r\n\t\t<div class=\"eventWrapper\">\r\n\t\t\t<div class=\"event\">\r\n\t\t\t\t<h1>Exciting new workshop\/training are coming soon. Stay tuned for updates!<\/h1>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n  <!-- Add more content sections as needed -->\r\n<\/div>\r\n\r\n<script>\r\nvar swiper = new Swiper('.swiper-container', {\r\n  navigation: {\r\n    nextEl: '.swiper-button-next',\r\n    prevEl: '.swiper-button-prev',\r\n  },\r\n  autoplay: {\r\n    delay: 3000, \/\/ Delay in ms\r\n    disableOnInteraction: false, \/\/ Continue autoplay after user interaction\r\n  },\r\n  on: {\r\n    slideChange: function () {\r\n      \/\/ Hide all content sections\r\n      document.querySelectorAll('.content-section').forEach(function(section) {\r\n        section.style.display = 'none';\r\n      });\r\n\r\n      \/\/ Show the content section for the active slide\r\n      var activeSlide = swiper.slides[swiper.activeIndex];\r\n      var contentId = activeSlide.getAttribute('data-content');\r\n      var activeContent = document.getElementById(contentId);\r\n      if (activeContent) {\r\n        activeContent.style.display = 'block';\r\n      }\r\n\r\n      \/\/ Hide all slides except the active one\r\n      swiper.slides.forEach(function(slide, index) {\r\n        if (index === swiper.activeIndex) {\r\n          slide.classList.remove('hidden-slide');\r\n        } else {\r\n          slide.classList.add('hidden-slide');\r\n        }\r\n      });\r\n    }\r\n  },\r\n  init: function () {\r\n    var initialSlide = swiper.slides[swiper.activeIndex];\r\n    var initialContentId = initialSlide.getAttribute('data-content');\r\n    var initialContent = document.getElementById(initialContentId);\r\n\r\n    if (initialContent) {\r\n      initialContent.style.display = 'block';\r\n    }\r\n    \r\n    \/\/ Initially hide all slides except the active one\r\n    swiper.slides.forEach(function(slide, index) {\r\n      if (index === swiper.activeIndex) {\r\n        slide.classList.remove('hidden-slide');\r\n      } else {\r\n        slide.classList.add('hidden-slide');\r\n      }\r\n    });\r\n  }\r\n});\r\n\r\n\/\/ Pause autoplay on hover\r\nswiper.el.addEventListener('mouseenter', function () {\r\n  swiper.autoplay.stop();\r\n});\r\n\r\nswiper.el.addEventListener('mouseleave', function () {\r\n  swiper.autoplay.start();\r\n});\r\n\r\n\/\/ Pause autoplay on hover of content sections\r\ndocument.querySelectorAll('.content-section').forEach(function(content) {\r\n  content.addEventListener('mouseenter', function () {\r\n    swiper.autoplay.stop();\r\n  });\r\n\r\n  content.addEventListener('mouseleave', function () {\r\n    swiper.autoplay.start();\r\n  });\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>TRAINING JANUARY 2025 Event for January is as below: FEBRUARY 2025 Event for February is as below: MARCH 2025 Event for March is as below: APRIL 2025 Event for April is as below: MAY 2025 Event for May is as&#8230;<br \/><a class=\"read-more-button\" href=\"https:\/\/mpqua.upsi.edu.my\/index.php\/bengkel-latihan\/\">Read more<\/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-467","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/pages\/467","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/comments?post=467"}],"version-history":[{"count":510,"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/pages\/467\/revisions"}],"predecessor-version":[{"id":3957,"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/pages\/467\/revisions\/3957"}],"wp:attachment":[{"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/media?parent=467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}