{"id":3536,"date":"2024-06-10T07:44:08","date_gmt":"2024-06-10T07:44:08","guid":{"rendered":"https:\/\/mpqua.upsi.edu.my\/index.php\/bengkel-latihan\/"},"modified":"2025-02-24T08:23:29","modified_gmt":"2025-02-24T08:23:29","slug":"bengkel-latihan","status":"publish","type":"page","link":"https:\/\/mpqua.upsi.edu.my\/index.php\/bengkel-latihan\/?lang=ms","title":{"rendered":"Bengkel\/Latihan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3536\" class=\"elementor elementor-3536 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\">LATIHAN<\/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\">JANUARI 2025<\/h3>\n        <h5 id=\"month-desc\">Acara untuk bulan Januari adalah seperti berikut:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-3\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">FEBRUARI 2025<\/h3>\n        <h5 id=\"month-desc\">Acara untuk bulan Februari adalah seperti berikut:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-4\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">MAC 2025<\/h3>\n        <h5 id=\"month-desc\">Acara untuk bulan Mac adalah seperti berikut:<\/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\">Acara untuk bulan April adalah seperti berikut:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-6\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">MEI 2025<\/h3>\n        <h5 id=\"month-desc\">Acara untuk bulan Mei adalah seperti berikut:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-7\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">JUN 2025<\/h3>\n        <h5 id=\"month-desc\">Acara untuk bulan Jun adalah seperti berikut:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-8\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">JULAI 2025<\/h3>\n        <h5 id=\"month-desc\">Acara untuk bulan Julai adalah seperti berikut:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-9\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">OGOS 2025<\/h3>\n        <h5 id=\"month-desc\">Acara untuk bulan Ogos adalah seperti berikut:<\/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\">Acara untuk bulan September adalah seperti di bawah:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-11\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">OKTOBER 2025<\/h3>\n        <h5 id=\"month-desc\">Acara untuk bulan Oktober adalah seperti di bawah:<\/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\">Acara untuk bulan November adalah seperti di bawah:<\/h5>\n    <\/div>\n    <div class=\"swiper-slide\" data-content=\"content-13\">\n        <!-- Tab 3 Slide -->\n        <h3 id=\"month-name\">DISEMBER 2025<\/h3>\n        <h5 id=\"month-desc\">Acara untuk bulan Disember adalah seperti di bawah:<\/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 -->\n<div id=\"content-area\">\n    <div id=\"content-1\" class=\"content-section\">\n\t\t<div class=\"content-inner\">\n\t\t\t<h2>Sesi Latihan Kami Direka Untuk:<\/h2>\n\t\t\t<div class=\"content-item\">\n\t\t\t<div class=\"icon\">\n\t\t\t\t<!-- Example icon (can use FontAwesome or similar) -->\n\t\t\t\t<i class=\"fa fa-cogs\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\t<div class=\"text\">\n\t\t\t\t<h3>Meningkatkan Kemahiran<\/h3>\n\t\t\t\t<p>Menawarkan latihan praktikal untuk meningkatkan kemahiran peserta dalam pengurusan kualiti, audit, dan bidang berkaitan.<\/p>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"content-item\">\n\t\t\t<div class=\"icon\">\n\t\t\t\t<!-- Example icon (can use FontAwesome or similar) -->\n\t\t\t\t<i class=\"fa fa-briefcase\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\t<div class=\"text\">\n\t\t\t\t<h3>Menyokong Pembangunan Profesional<\/h3>\n\t\t\t\t<p>Membantu kakitangan universiti memperkukuh kerjaya mereka dan menyumbang kepada kejayaan institusi mereka.<\/p>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"content-item\">\n\t\t\t<div class=\"icon\">\n\t\t\t\t<!-- Example icon (can use FontAwesome or similar) -->\n\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\t<div class=\"text\">\n\t\t\t\t<h3>Berkongsi Pengetahuan<\/h3>\n\t\t\t\t<p>Memudahkan pertukaran pengetahuan dan amalan terbaik di kalangan rakan sejawat dan pakar dalam bidang tersebut.<\/p>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n   <div id=\"content-2\" class=\"content-section\" style=\"display: none;\">\n\t<div class=\"eventWrapper\">\n\t\t<!-- Event 1 -->\n\t\t<div class=\"event\">\n\t\t\t<div class=\"event--img\">\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\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?export=view&amp;id=FILE_ID%20\">\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"event--date\"><span>JANUARI<\/span><span>24<\/span><span>2025<\/span><span>UM<\/span><\/div>\n\t\t\t<div class=\"event--content\">\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)\n\t\t\t\t<\/a><\/h2>\n\t\t\t\t<p class=\"event--content-hall\">Studio Jabatan Teknologi Maklumat UM<\/p>\n\t\t\t\t<p class=\"event--content-ensemble\">Pegawai Untuk Dihubungi:<\/p>\n\t\t\t\t<ul style=\"list-style: none; padding: 0; margin: 0;\">\n\t\t\t\t\t<li style=\"font-size: 1em; margin-bottom: 10px; padding: 10px; border-radius: 5px; background-color: #f5f5f5;\">\n\t\t\t\t\t\t<strong>Puan Haslina Che Harun<\/strong><br><span style=\"font-size: 1em; color: #555;\">012-326 1974<\/span>\n\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t<!-- Add Join Button -->\n\t\t\t\t<a href=\"https:\/\/events.teams.microsoft.com\/event\/b3b12d57-e90a-4116-8fb5-e788e5e2faa9@a63bb1a9-48c2-448b-8693-3317b00ca7fb\" class=\"event--content-link\" style=\"display: inline-block; padding: 10px 20px; background-color: #4CAF50; color: white; text-align: center; border-radius: 5px; text-decoration: none; margin-top: 15px;\">\n Sertai Webinar\n\t\t\t\t<\/a>\n\t\t\t<\/div>\t\n\t\t<\/div>\n\t<\/div>\n  <\/div>\n    <div id=\"content-3\" class=\"content-section\" style=\"display: none;\">\n\t\t<div class=\"eventWrapper\">\n\t\t\t<div class=\"event\">\n\t\t\t\t<h1>Bengkel\/Latihan baru yang menarik akan datang tidak lama lagi. Nantikan kemas kini! <\/h1>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n    <div id=\"content-4\" class=\"content-section\" style=\"display: none;\">\n\t\t<div class=\"eventWrapper\">\n\t\t\t<div class=\"event\">\n\t\t\t\t<h1>Bengkel\/Latihan baru yang menarik akan datang tidak lama lagi. Nantikan kemas kini! <\/h1>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n    <div id=\"content-5\" class=\"content-section\" style=\"display: none;\">\n\t\t<div class=\"eventWrapper\">\n\t\t\t<div class=\"event\">\n\t\t\t\t<h1>Bengkel\/Latihan baru yang menarik akan datang tidak lama lagi. Nantikan kemas kini! <\/h1>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div id=\"content-6\" class=\"content-section\" style=\"display: none;\">\n\t\t<div class=\"eventWrapper\">\n\t\t\t<div class=\"event\">\n\t\t\t\t<h1>Bengkel\/Latihan baru yang menarik akan datang tidak lama lagi. Nantikan kemas kini! <\/h1>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div id=\"content-7\" class=\"content-section\" style=\"display: none;\">\n\t\t<div class=\"eventWrapper\">\n\t\t\t<div class=\"event\">\n\t\t\t\t<h1>Bengkel\/Latihan baru yang menarik akan datang tidak lama lagi. Nantikan kemas kini! <\/h1>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div id=\"content-8\" class=\"content-section\" style=\"display: none;\">\n\t\t<div class=\"eventWrapper\">\n\t\t\t<div class=\"event\">\n\t\t\t\t<h1>Bengkel\/Latihan baru yang menarik akan datang tidak lama lagi. Nantikan kemas kini! <\/h1>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div id=\"content-9\" class=\"content-section\" style=\"display: none;\">\n\t\t<div class=\"eventWrapper\">\n\t\t\t<div class=\"event\">\n\t\t\t\t<h1>Bengkel\/Latihan baru yang menarik akan datang tidak lama lagi. Nantikan kemas kini! <\/h1>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div id=\"content-10\" class=\"content-section\" style=\"display: none;\">\n\t\t<div class=\"eventWrapper\">\n\t\t\t<div class=\"event\">\n\t\t\t\t<h1>Bengkel\/Latihan baru yang menarik akan datang tidak lama lagi. Nantikan kemas kini! <\/h1>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div id=\"content-11\" class=\"content-section\" style=\"display: none;\">\n\t\t<div class=\"eventWrapper\">\n\t\t\t<div class=\"event\">\n\t\t\t\t<h1>Bengkel\/Latihan baru yang menarik akan datang tidak lama lagi. Nantikan kemas kini! <\/h1>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div id=\"content-12\" class=\"content-section\" style=\"display: none;\">\n\t\t<div class=\"eventWrapper\">\n\t\t\t<div class=\"event\">\n\t\t\t\t<h1>Bengkel\/Latihan baru yang menarik akan datang tidak lama lagi. Nantikan kemas kini! <\/h1>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div id=\"content-13\" class=\"content-section\" style=\"display: none;\">\n\t\t<div class=\"eventWrapper\">\n\t\t\t<div class=\"event\">\n\t\t\t\t<h1>Bengkel\/Latihan baru yang menarik akan datang tidak lama lagi. Nantikan kemas kini! <\/h1>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n  <!-- Add more content sections as needed -->\n<\/div>\n\n<script>\nvar swiper = new Swiper('.swiper-container', {\n  navigation: {\n    nextEl: '.swiper-button-next',\n    prevEl: '.swiper-button-prev',\n  },\n  autoplay: {\n    delay: 3000, \/\/ Delay in ms\n    disableOnInteraction: false, \/\/ Continue autoplay after user interaction\n  },\n  on: {\n    slideChange: function () {\n      \/\/ Hide all content sections\n      document.querySelectorAll('.content-section').forEach(function(section) {\n        section.style.display = 'none';\n      });\n\n      \/\/ Show the content section for the active slide\n      var activeSlide = swiper.slides[swiper.activeIndex];\n      var contentId = activeSlide.getAttribute('data-content');\n      var activeContent = document.getElementById(contentId);\n      if (activeContent) {\n        activeContent.style.display = 'block';\n      }\n\n      \/\/ Hide all slides except the active one\n      swiper.slides.forEach(function(slide, index) {\n        if (index === swiper.activeIndex) {\n          slide.classList.remove('hidden-slide');\n        } else {\n          slide.classList.add('hidden-slide');\n        }\n      });\n    }\n  },\n  init: function () {\n    var initialSlide = swiper.slides[swiper.activeIndex];\n    var initialContentId = initialSlide.getAttribute('data-content');\n    var initialContent = document.getElementById(initialContentId);\n\n    if (initialContent) {\n      initialContent.style.display = 'block';\n    }\n    \n    \/\/ Initially hide all slides except the active one\n    swiper.slides.forEach(function(slide, index) {\n      if (index === swiper.activeIndex) {\n        slide.classList.remove('hidden-slide');\n      } else {\n        slide.classList.add('hidden-slide');\n      }\n    });\n  }\n});\n\n\/\/ Pause autoplay on hover\nswiper.el.addEventListener('mouseenter', function () {\n  swiper.autoplay.stop();\n});\n\nswiper.el.addEventListener('mouseleave', function () {\n  swiper.autoplay.start();\n});\n\n\/\/ Pause autoplay on hover of content sections\ndocument.querySelectorAll('.content-section').forEach(function(content) {\n  content.addEventListener('mouseenter', function () {\n    swiper.autoplay.stop();\n  });\n\n  content.addEventListener('mouseleave', function () {\n    swiper.autoplay.start();\n  });\n});\n<\/script>\n\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>LATIHAN JANUARI 2025 Acara untuk bulan Januari adalah seperti berikut: FEBRUARI 2025 Acara untuk bulan Februari adalah seperti berikut: MAC 2025 Acara untuk bulan Mac adalah seperti berikut: APRIL 2025 Acara untuk bulan April adalah seperti berikut: MEI 2025 Acara&#8230;<br \/><a class=\"read-more-button\" href=\"https:\/\/mpqua.upsi.edu.my\/index.php\/bengkel-latihan\/?lang=ms\">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-3536","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/pages\/3536","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=3536"}],"version-history":[{"count":9,"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/pages\/3536\/revisions"}],"predecessor-version":[{"id":4523,"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/pages\/3536\/revisions\/4523"}],"wp:attachment":[{"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/media?parent=3536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}