Our Worlds | MetaSkool<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.2\/dist\/css\/bootstrap.min.css\">\n <style>\n \/* MetaSkool header styles (responsive with hamburger) *\/\n\t.metaskool-site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.6rem 1rem;background:linear-gradient(90deg,var(--ukm-blue),#004080);color:#fff;position:relative}\n\t.metaskool-site-header .brand{display:flex;align-items:center;gap:0.75rem}\n\t.metaskool-site-header .brand img{height:44px;width:auto}\n\t.metaskool-site-header h1{font-size:1.05rem;margin:0;color:#fff;font-family:'Montserrat',sans-serif}\n\t.metaskool-site-header .site-nav{display:flex;gap:0.5rem;align-items:center}\n\t.metaskool-site-header .site-nav a{color:#fff;text-decoration:none;padding:0.45rem 0.6rem;border-radius:6px;font-weight:600}\n\t.metaskool-site-header .site-nav a:hover{background:rgba(255,255,255,0.08)}\n\t.menu-toggle{display:none;background:transparent;border:none;color:#fff;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}\n\t.menu-toggle .hamburger{display:block;width:20px;height:2px;background:#fff;position:relative}\n\t.menu-toggle .hamburger::before,.menu-toggle .hamburger::after{content:'';position:absolute;left:0;right:0;height:2px;background:#fff}\n\t.menu-toggle .hamburger::before{top:-6px}.menu-toggle .hamburger::after{top:6px}\n\t@media(max-width:768px){\n\t\t.metaskool-site-header{padding:0.75rem 1rem;align-items:flex-start}\n\t\t.metaskool-site-header .brand{flex-direction:column;align-items:center;gap:0.5rem;text-align:center}\n\t\t.metaskool-site-header .brand img{height:36px}\n\t\t.metaskool-site-header h1{font-size:0.9rem;line-height:1.2}\n\t\t.menu-toggle{display:flex;position:absolute;top:0.75rem;right:1rem}\n\t\t.metaskool-site-header .site-nav{position:absolute;left:0;right:0;top:100%;background:linear-gradient(180deg,var(--ukm-blue),#003355);flex-direction:column;display:none;padding:0.25rem 0}\n\t\t.metaskool-site-header .site-nav.open{display:flex}\n\t\t.metaskool-site-header .site-nav a{padding:0.75rem 1rem;border-radius:0;border-bottom:1px solid rgba(255,255,255,0.06)}\n\t}\n :root {\n --ukm-blue: #003366;\n --ukm-red: #c00;\n --ukm-light-blue: #007bff;\n --light-gray: #f8f9fa;\n --medium-gray: #e9ecef;\n --dark-gray: #495057;\n --spacing-xs: 0.5rem;\n --spacing-sm: 1rem;\n --spacing-md: 2rem;\n --spacing-lg: 4rem;\n --section-bg-1: #ffffff;\n --section-bg-2: #f8f9fa;\n --card-hover-bg: #ffffff;\n }\n \n body {\n background: #fff;\n font-family: 'Roboto', Arial, sans-serif;\n color: #333;\n margin: 0;\n padding: 0;\n }\n\n .metaskool-container {\n padding: 4rem 0;\n background: #ffffff;\n position: relative;\n max-width:1200px; \n margin:0 auto;\n }\n\n .metaskool-container::before {\n display: none;\n }\n\n .metaskool-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .metaskool-header h1 {\n position: relative;\n font-family: 'Montserrat', sans-serif;\n font-size: 2.8rem;\n font-weight: 700;\n color: var(--ukm-blue);\n margin-bottom: 2rem;\n padding-bottom: 1rem;\n text-shadow: 1px 1px 1px rgba(0,0,0,0.1);\n }\n\n .metaskool-header h1:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(to right, var(--ukm-blue), var(--ukm-red));\n }\n\n .metaskool-worlds-grid {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 1rem;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n\n .metaskool-world-card {\n background: white;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n border: 1px solid rgba(0,51,102,0.1);\n box-sizing: border-box;\n }\n\n .metaskool-world-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 20px rgba(0,0,0,0.15);\n background: var(--card-hover-bg);\n border-color: var(--ukm-red);\n }\n\n .metaskool-world-image {\n width: 100%;\n height: 250px;\n object-fit: cover;\n }\n\n .metaskool-world-content {\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n min-height: auto;\n box-sizing: border-box;\n }\n\n .metaskool-world-title {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.3rem;\n font-weight: 600;\n color: var(--ukm-blue);\n margin-bottom: 0.75rem;\n }\n\n .metaskool-world-creator {\n display: inline-block;\n background: var(--ukm-blue);\n color: white;\n font-size: clamp(0.7rem, 2.5vw, 0.9rem);\n padding: 0.5rem 1.2rem;\n border-radius: 50px;\n margin-bottom: 1rem;\n line-height: 1.4;\n max-width: 100%;\n white-space: normal;\n text-align: center;\n box-shadow: 0 2px 4px rgba(0, 51, 102, 0.1);\n }\n\n \/* Additional rule for very long creator names *\/\n .metaskool-world-creator:has(span) {\n font-size: 0.75rem;\n padding: 0.4rem 1rem;\n }\n\n .metaskool-world-description {\n color: var(--dark-gray);\n font-size: 0.95rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n flex-grow: 1;\n }\n\n .metaskool-play-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(100% - 0px);\n background: linear-gradient(45deg, var(--ukm-blue) 0%, var(--ukm-light-blue) 100%);\n color: white;\n text-decoration: none;\n padding: 0.75rem 1.5rem;\n border-radius: 50px;\n font-weight: 500;\n transition: all 0.3s ease;\n box-shadow: 0 2px 5px rgba(0, 51, 102, 0.2);\n border: none;\n cursor: pointer;\n gap: 0.5rem;\n margin-top: auto;\n flex-shrink: 0;\n box-sizing: border-box;\n max-width: 100%;\n }\n\n .metaskool-play-button:hover {\n background: linear-gradient(45deg, var(--ukm-light-blue) 0%, var(--ukm-blue) 100%);\n color: white;\n transform: translateY(-2px);\n box-shadow: 0 4px 10px rgba(0, 51, 102, 0.3);\n text-decoration: none;\n }\n\n .metaskool-featured-card {\n grid-column: 1 \/ -1;\n }\n\n .metaskool-featured-card .metaskool-world-content {\n background: linear-gradient(135deg, var(--ukm-blue) 0%, #004080 100%);\n border-radius: 0 0 4px 4px;\n min-height: 300px;\n }\n\n .metaskool-featured-card .metaskool-world-title {\n color: white;\n font-size: 1.8rem;\n }\n\n .metaskool-featured-card .metaskool-world-description {\n color: rgba(255, 255, 255, 0.9);\n }\n\n .metaskool-featured-card .metaskool-world-creator {\n background: rgba(255, 255, 255, 0.2);\n border: 1px solid rgba(255, 255, 255, 0.3);\n box-shadow: none;\n }\n\n .metaskool-featured-card .metaskool-play-button {\n background: rgba(255, 255, 255, 0.2);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n .metaskool-featured-card .metaskool-play-button:hover {\n background: white;\n color: var(--ukm-blue);\n border-color: white;\n }\n\n \/* Video Button Styles *\/\n .metaskool-world-image-container {\n position: relative;\n }\n\n .metaskool-world-image-container .metaskool-video-btn {\n position: absolute;\n top: 10px;\n right: 10px;\n background: rgba(255, 255, 255, 0.9);\n color: var(--ukm-blue);\n border: none;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n font-size: 20px;\n z-index: 2;\n transition: all 0.3s ease;\n }\n\n .metaskool-world-image-container .metaskool-video-btn:hover {\n background: white;\n transform: scale(1.1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n }\n\n @media (max-width: 768px) {\n .metaskool-container {\n padding: 3rem 0;\n }\n\n .metaskool-header h1 {\n font-size: 2rem;\n }\n\n .metaskool-worlds-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n padding: 0 1rem;\n }\n\n .metaskool-world-image {\n height: 200px;\n }\n\n .metaskool-world-title {\n font-size: 1.2rem;\n }\n\n .metaskool-featured-card .metaskool-world-title {\n font-size: 1.5rem;\n }\n\n .metaskool-world-image-container .metaskool-video-btn {\n width: 36px;\n height: 36px;\n font-size: 18px;\n }\n }\n\n @media (max-width: 480px) {\n .metaskool-container {\n padding: 2rem 0;\n }\n\n .metaskool-header h1 {\n font-size: 1.8rem;\n }\n\n .metaskool-world-image {\n height: 180px;\n }\n\n .metaskool-world-title {\n font-size: 1.1rem;\n }\n\n .metaskool-featured-card .metaskool-world-title {\n font-size: 1.3rem;\n }\n\n .metaskool-play-button {\n padding: 0.6rem 1.2rem;\n font-size: 0.9rem;\n }\n }\n\n .metaskool-fade-in {\n animation: metaskoolFadeIn 0.6s ease-in;\n }\n\n @keyframes metaskoolFadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Modal Styles *\/\n .metaskool-modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.9);\n z-index: 1000;\n align-items: center;\n justify-content: center;\n }\n\n .metaskool-modal.active {\n display: flex;\n }\n\n .metaskool-modal-content {\n position: relative;\n width: 90%;\n max-width: 800px;\n background: black;\n border-radius: 10px;\n overflow: hidden;\n }\n\n .metaskool-modal-close {\n position: absolute;\n top: 10px;\n right: 10px;\n color: white;\n background: rgba(255, 255, 255, 0.2);\n border: none;\n border-radius: 50%;\n width: 30px;\n height: 30px;\n font-size: 20px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1001;\n }\n\n .metaskool-video-container {\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n }\n\n .metaskool-video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"metaskool-container\">\n <header class=\"metaskool-header metaskool-fade-in\">\n <h1>JPN Pahang<\/h1>\n <\/header>\n\n <div class=\"metaskool-worlds-grid\">\n \n\n \n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SK%20PASIR%20PANJANG.png\" \n alt=\"SK PASIR PANJANG\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK PASIR PANJANG<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK PASIR PANJANG<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SK-PASIR-PANJANG-686c0cfe4a7d6311bc5fa7fd?share=8796373946548157707\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20SERI%20PEKAN%20(SISP).png\" \n alt=\"SMK SERI PEKAN (SISP)\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK SERI PEKAN (SISP)<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK SERI PEKAN (SISP)<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-SERI-PEKAN-SISP-686c0d4bd3dc62a2d86c7d06?share=4107584958012777191\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20SERI%20PEKAN.png\" \n alt=\"SMK SERI PEKAN\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK SERI PEKAN<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK SERI PEKAN<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-SERI-PEKAN-686c0e93d3dc62a2d86c7f6e?share=8082193893740539079\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20PEKAN.png\" \n alt=\"SMK PEKAN\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK PEKAN<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK PEKAN<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-PEKAN-686c0ed74a7d6311bc5faad1?share=7634366286858942124\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SK%20(FELDA)%20CHINI%20TIMUR%201.png\" \n alt=\"SK (FELDA) CHINI TIMUR 1\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK (FELDA) CHINI TIMUR 1<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK (FELDA) CHINI TIMUR 1<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SK-FELDA-CHINI-TIMUR-1-686c0efed3dc62a2d86c7f9d?share=6942031779512670928\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20NENASI.png\" \n alt=\"SMK NENASI\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK NENASI<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK NENASI<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-NENASI-686e2bc2d3dc62a2d870d846?share=789557123308369220\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20SULTAN%20AHMAD.png\" \n alt=\"SMK SULTAN AHMAD\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK SULTAN AHMAD<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK SULTAN AHMAD<\/h2>\n <div class=\"metaskool-world-creator\">Creator: Students & Teacher \u2014 SMK SULTAN AHMAD<\/div>\n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-SULTAN-AHMAD-686e26c7d3dc62a2d870ca3e?share=3928218953842228280\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20PALOH%20HINAI.png\" \n alt=\"SMK PALOH HINAI\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK PALOH HINAI<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK PALOH HINAI<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-PALOH-HINAI-686e69074a7d6311bc646231?share=8758641241859114674\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/INSTAR.png\" \n alt=\"INSTAR\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">INSTAR<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">INSTAR<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-INSTAR-686c0f8d4a7d6311bc5fab44?share=602546876124323484\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20TENGKU%20ABDULLAH.png\" \n alt=\"SMK TENGKU ABDULLAH\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK TENGKU ABDULLAH<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK TENGKU ABDULLAH<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-TENGKU-ABDULLAH-686c0fb7d3dc62a2d86c8054?share=2244066006502369063\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20UBAI.png\" \n alt=\"SMK UBAI\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK UBAI<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK UBAI<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-UBAI-686c0ff3d3dc62a2d86c8062?share=4781903080613141924\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20INDERA%20SHAHBANDAR.png\" \n alt=\"SMK INDERA SHAHBANDAR\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK INDERA SHAHBANDAR<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK INDERA SHAHBANDAR<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-INDERA-SHAHBANDAR-686c10144a7d6311bc5fabcb?share=913577258673688751\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20PERAMU%20JAYA.png\" \n alt=\"SMK PERAMU JAYA\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK PERAMU JAYA<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK PERAMU JAYA<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-PERAMU-JAYA-686c10429864de1814e54c70?share=5990317183960523501\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20DATO'%20MAHMUD%20MAT.png\" \n alt=\"SMK DATO' MAHMUD MAT\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK DATO' MAHMUD MAT<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK DATO' MAHMUD MAT<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-DATO-MAHMUD-MAT-686c10609864de1814e54c73?share=3618646857259609810\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20LEPAR.png\" \n alt=\"SMK LEPAR\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK LEPAR<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK LEPAR<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-LEPAR-686e121b4a7d6311bc63a748?share=4538974547637470070\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"metaskool-modal\" id=\"videoModal\">\n <div class=\"metaskool-modal-content\">\n <button class=\"metaskool-modal-close\" onclick=\"closeVideo()\">×<\/button>\n <div class=\"metaskool-video-container\">\n <iframe id=\"videoFrame\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n \/\/ Add Font Awesome for the play icon\n if (!document.querySelector('link[href*=\"font-awesome\"]')) {\n const link = document.createElement('link');\n link.rel = 'stylesheet';\n link.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css';\n document.head.appendChild(link);\n }\n\n function openVideo(videoId) {\n const modal = document.getElementById('videoModal');\n const videoFrame = document.getElementById('videoFrame');\n videoFrame.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1`;\n modal.classList.add('active');\n document.body.style.overflow = 'hidden'; \/\/ Prevent scrolling\n }\n\n function closeVideo() {\n const modal = document.getElementById('videoModal');\n const videoFrame = document.getElementById('videoFrame');\n videoFrame.src = '';\n modal.classList.remove('active');\n document.body.style.overflow = ''; \/\/ Restore scrolling\n }\n\n \/\/ Close modal on background click\n document.getElementById('videoModal').addEventListener('click', function(e) {\n if (e.target === this) {\n closeVideo();\n }\n });\n\n \/\/ Close modal on escape key\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') {\n closeVideo();\n }\n });\n<\/script>\n\n\n<script>\n(function(){\n const placeholder = 'data:image\/svg+xml;charset=utf-8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"9\" viewBox=\"0 0 16 9\"><\/svg>';\n const imgs = document.querySelectorAll('.metaskool-world-image');\n imgs.forEach(img => {\n if (!img.dataset.src) {\n img.dataset.src = img.src; \/\/ store real src\n img.src = placeholder; \/\/ tiny placeholder\n img.loading = 'lazy';\n }\n });\n\n function loadImg(img){\n const src = img.dataset.src;\n if (!src) return;\n const newImg = new Image();\n newImg.src = src;\n newImg.decoding = 'async';\n newImg.onload = () => {\n img.src = src;\n };\n newImg.onerror = () => {\n img.src = src; \/\/ try anyway on error\n };\n }\n\n if ('IntersectionObserver' in window) {\n const io = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n loadImg(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, {rootMargin: '200px'});\n imgs.forEach(i => io.observe(i));\n } else {\n \/\/ no IntersectionObserver, load all\n imgs.forEach(loadImg);\n }\n})();\n<\/script>\n<script>\n\/\/ header menu toggle\n(function() {\n\tfunction initMenu() {\n\t\tconst btn = document.querySelector('.menu-toggle');\n\t\tconst nav = document.getElementById('siteNav');\n\t\t\n\t\tif (!btn || !nav) {\n\t\t\tconsole.log('Menu elements not found');\n\t\t\treturn;\n\t\t}\n\t\t\n\t\tbtn.addEventListener('click', function(e) {\n\t\t\te.preventDefault();\n\t\t\tconst isOpen = nav.classList.contains('open');\n\t\t\t\n\t\t\tif (isOpen) {\n\t\t\t\tnav.classList.remove('open');\n\t\t\t\tbtn.setAttribute('aria-expanded', 'false');\n\t\t\t} else {\n\t\t\t\tnav.classList.add('open');\n\t\t\t\tbtn.setAttribute('aria-expanded', 'true');\n\t\t\t}\n\t\t});\n\t}\n\t\n\tif (document.readyState === 'loading') {\n\t\tdocument.addEventListener('DOMContentLoaded', initMenu);\n\t} else {\n\t\tinitMenu();\n\t}\n})();\n<\/script>\n<\/body>\n<\/html>\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>Our Worlds | MetaSkool JPN Pahang SK PASIR PANJANG SK PASIR PANJANG Access Metaverse SMK SERI PEKAN (SISP) SMK SERI PEKAN (SISP) Access Metaverse SMK<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-pahang\/\"> …<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-673","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/comments?post=673"}],"version-history":[{"count":11,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/673\/revisions"}],"predecessor-version":[{"id":837,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/673\/revisions\/837"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/media?parent=673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Our Worlds | MetaSkool<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.2\/dist\/css\/bootstrap.min.css\">\n <style>\n \/* MetaSkool header styles (responsive with hamburger) *\/\n\t.metaskool-site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.6rem 1rem;background:linear-gradient(90deg,var(--ukm-blue),#004080);color:#fff;position:relative}\n\t.metaskool-site-header .brand{display:flex;align-items:center;gap:0.75rem}\n\t.metaskool-site-header .brand img{height:44px;width:auto}\n\t.metaskool-site-header h1{font-size:1.05rem;margin:0;color:#fff;font-family:'Montserrat',sans-serif}\n\t.metaskool-site-header .site-nav{display:flex;gap:0.5rem;align-items:center}\n\t.metaskool-site-header .site-nav a{color:#fff;text-decoration:none;padding:0.45rem 0.6rem;border-radius:6px;font-weight:600}\n\t.metaskool-site-header .site-nav a:hover{background:rgba(255,255,255,0.08)}\n\t.menu-toggle{display:none;background:transparent;border:none;color:#fff;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}\n\t.menu-toggle .hamburger{display:block;width:20px;height:2px;background:#fff;position:relative}\n\t.menu-toggle .hamburger::before,.menu-toggle .hamburger::after{content:'';position:absolute;left:0;right:0;height:2px;background:#fff}\n\t.menu-toggle .hamburger::before{top:-6px}.menu-toggle .hamburger::after{top:6px}\n\t@media(max-width:768px){\n\t\t.metaskool-site-header{padding:0.75rem 1rem;align-items:flex-start}\n\t\t.metaskool-site-header .brand{flex-direction:column;align-items:center;gap:0.5rem;text-align:center}\n\t\t.metaskool-site-header .brand img{height:36px}\n\t\t.metaskool-site-header h1{font-size:0.9rem;line-height:1.2}\n\t\t.menu-toggle{display:flex;position:absolute;top:0.75rem;right:1rem}\n\t\t.metaskool-site-header .site-nav{position:absolute;left:0;right:0;top:100%;background:linear-gradient(180deg,var(--ukm-blue),#003355);flex-direction:column;display:none;padding:0.25rem 0}\n\t\t.metaskool-site-header .site-nav.open{display:flex}\n\t\t.metaskool-site-header .site-nav a{padding:0.75rem 1rem;border-radius:0;border-bottom:1px solid rgba(255,255,255,0.06)}\n\t}\n :root {\n --ukm-blue: #003366;\n --ukm-red: #c00;\n --ukm-light-blue: #007bff;\n --light-gray: #f8f9fa;\n --medium-gray: #e9ecef;\n --dark-gray: #495057;\n --spacing-xs: 0.5rem;\n --spacing-sm: 1rem;\n --spacing-md: 2rem;\n --spacing-lg: 4rem;\n --section-bg-1: #ffffff;\n --section-bg-2: #f8f9fa;\n --card-hover-bg: #ffffff;\n }\n \n body {\n background: #fff;\n font-family: 'Roboto', Arial, sans-serif;\n color: #333;\n margin: 0;\n padding: 0;\n }\n\n .metaskool-container {\n padding: 4rem 0;\n background: #ffffff;\n position: relative;\n max-width:1200px; \n margin:0 auto;\n }\n\n .metaskool-container::before {\n display: none;\n }\n\n .metaskool-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .metaskool-header h1 {\n position: relative;\n font-family: 'Montserrat', sans-serif;\n font-size: 2.8rem;\n font-weight: 700;\n color: var(--ukm-blue);\n margin-bottom: 2rem;\n padding-bottom: 1rem;\n text-shadow: 1px 1px 1px rgba(0,0,0,0.1);\n }\n\n .metaskool-header h1:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(to right, var(--ukm-blue), var(--ukm-red));\n }\n\n .metaskool-worlds-grid {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 1rem;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n\n .metaskool-world-card {\n background: white;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n border: 1px solid rgba(0,51,102,0.1);\n box-sizing: border-box;\n }\n\n .metaskool-world-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 20px rgba(0,0,0,0.15);\n background: var(--card-hover-bg);\n border-color: var(--ukm-red);\n }\n\n .metaskool-world-image {\n width: 100%;\n height: 250px;\n object-fit: cover;\n }\n\n .metaskool-world-content {\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n min-height: auto;\n box-sizing: border-box;\n }\n\n .metaskool-world-title {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.3rem;\n font-weight: 600;\n color: var(--ukm-blue);\n margin-bottom: 0.75rem;\n }\n\n .metaskool-world-creator {\n display: inline-block;\n background: var(--ukm-blue);\n color: white;\n font-size: clamp(0.7rem, 2.5vw, 0.9rem);\n padding: 0.5rem 1.2rem;\n border-radius: 50px;\n margin-bottom: 1rem;\n line-height: 1.4;\n max-width: 100%;\n white-space: normal;\n text-align: center;\n box-shadow: 0 2px 4px rgba(0, 51, 102, 0.1);\n }\n\n \/* Additional rule for very long creator names *\/\n .metaskool-world-creator:has(span) {\n font-size: 0.75rem;\n padding: 0.4rem 1rem;\n }\n\n .metaskool-world-description {\n color: var(--dark-gray);\n font-size: 0.95rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n flex-grow: 1;\n }\n\n .metaskool-play-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(100% - 0px);\n background: linear-gradient(45deg, var(--ukm-blue) 0%, var(--ukm-light-blue) 100%);\n color: white;\n text-decoration: none;\n padding: 0.75rem 1.5rem;\n border-radius: 50px;\n font-weight: 500;\n transition: all 0.3s ease;\n box-shadow: 0 2px 5px rgba(0, 51, 102, 0.2);\n border: none;\n cursor: pointer;\n gap: 0.5rem;\n margin-top: auto;\n flex-shrink: 0;\n box-sizing: border-box;\n max-width: 100%;\n }\n\n .metaskool-play-button:hover {\n background: linear-gradient(45deg, var(--ukm-light-blue) 0%, var(--ukm-blue) 100%);\n color: white;\n transform: translateY(-2px);\n box-shadow: 0 4px 10px rgba(0, 51, 102, 0.3);\n text-decoration: none;\n }\n\n .metaskool-featured-card {\n grid-column: 1 \/ -1;\n }\n\n .metaskool-featured-card .metaskool-world-content {\n background: linear-gradient(135deg, var(--ukm-blue) 0%, #004080 100%);\n border-radius: 0 0 4px 4px;\n min-height: 300px;\n }\n\n .metaskool-featured-card .metaskool-world-title {\n color: white;\n font-size: 1.8rem;\n }\n\n .metaskool-featured-card .metaskool-world-description {\n color: rgba(255, 255, 255, 0.9);\n }\n\n .metaskool-featured-card .metaskool-world-creator {\n background: rgba(255, 255, 255, 0.2);\n border: 1px solid rgba(255, 255, 255, 0.3);\n box-shadow: none;\n }\n\n .metaskool-featured-card .metaskool-play-button {\n background: rgba(255, 255, 255, 0.2);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n .metaskool-featured-card .metaskool-play-button:hover {\n background: white;\n color: var(--ukm-blue);\n border-color: white;\n }\n\n \/* Video Button Styles *\/\n .metaskool-world-image-container {\n position: relative;\n }\n\n .metaskool-world-image-container .metaskool-video-btn {\n position: absolute;\n top: 10px;\n right: 10px;\n background: rgba(255, 255, 255, 0.9);\n color: var(--ukm-blue);\n border: none;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n font-size: 20px;\n z-index: 2;\n transition: all 0.3s ease;\n }\n\n .metaskool-world-image-container .metaskool-video-btn:hover {\n background: white;\n transform: scale(1.1);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n }\n\n @media (max-width: 768px) {\n .metaskool-container {\n padding: 3rem 0;\n }\n\n .metaskool-header h1 {\n font-size: 2rem;\n }\n\n .metaskool-worlds-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n padding: 0 1rem;\n }\n\n .metaskool-world-image {\n height: 200px;\n }\n\n .metaskool-world-title {\n font-size: 1.2rem;\n }\n\n .metaskool-featured-card .metaskool-world-title {\n font-size: 1.5rem;\n }\n\n .metaskool-world-image-container .metaskool-video-btn {\n width: 36px;\n height: 36px;\n font-size: 18px;\n }\n }\n\n @media (max-width: 480px) {\n .metaskool-container {\n padding: 2rem 0;\n }\n\n .metaskool-header h1 {\n font-size: 1.8rem;\n }\n\n .metaskool-world-image {\n height: 180px;\n }\n\n .metaskool-world-title {\n font-size: 1.1rem;\n }\n\n .metaskool-featured-card .metaskool-world-title {\n font-size: 1.3rem;\n }\n\n .metaskool-play-button {\n padding: 0.6rem 1.2rem;\n font-size: 0.9rem;\n }\n }\n\n .metaskool-fade-in {\n animation: metaskoolFadeIn 0.6s ease-in;\n }\n\n @keyframes metaskoolFadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Modal Styles *\/\n .metaskool-modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.9);\n z-index: 1000;\n align-items: center;\n justify-content: center;\n }\n\n .metaskool-modal.active {\n display: flex;\n }\n\n .metaskool-modal-content {\n position: relative;\n width: 90%;\n max-width: 800px;\n background: black;\n border-radius: 10px;\n overflow: hidden;\n }\n\n .metaskool-modal-close {\n position: absolute;\n top: 10px;\n right: 10px;\n color: white;\n background: rgba(255, 255, 255, 0.2);\n border: none;\n border-radius: 50%;\n width: 30px;\n height: 30px;\n font-size: 20px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1001;\n }\n\n .metaskool-video-container {\n position: relative;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n }\n\n .metaskool-video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"metaskool-container\">\n <header class=\"metaskool-header metaskool-fade-in\">\n <h1>JPN Pahang<\/h1>\n <\/header>\n\n <div class=\"metaskool-worlds-grid\">\n \n\n \n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SK%20PASIR%20PANJANG.png\" \n alt=\"SK PASIR PANJANG\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK PASIR PANJANG<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK PASIR PANJANG<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SK-PASIR-PANJANG-686c0cfe4a7d6311bc5fa7fd?share=8796373946548157707\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20SERI%20PEKAN%20(SISP).png\" \n alt=\"SMK SERI PEKAN (SISP)\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK SERI PEKAN (SISP)<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK SERI PEKAN (SISP)<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-SERI-PEKAN-SISP-686c0d4bd3dc62a2d86c7d06?share=4107584958012777191\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20SERI%20PEKAN.png\" \n alt=\"SMK SERI PEKAN\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK SERI PEKAN<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK SERI PEKAN<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-SERI-PEKAN-686c0e93d3dc62a2d86c7f6e?share=8082193893740539079\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20PEKAN.png\" \n alt=\"SMK PEKAN\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK PEKAN<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK PEKAN<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-PEKAN-686c0ed74a7d6311bc5faad1?share=7634366286858942124\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SK%20(FELDA)%20CHINI%20TIMUR%201.png\" \n alt=\"SK (FELDA) CHINI TIMUR 1\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SK (FELDA) CHINI TIMUR 1<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SK (FELDA) CHINI TIMUR 1<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SK-FELDA-CHINI-TIMUR-1-686c0efed3dc62a2d86c7f9d?share=6942031779512670928\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20NENASI.png\" \n alt=\"SMK NENASI\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK NENASI<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK NENASI<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-NENASI-686e2bc2d3dc62a2d870d846?share=789557123308369220\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20SULTAN%20AHMAD.png\" \n alt=\"SMK SULTAN AHMAD\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK SULTAN AHMAD<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK SULTAN AHMAD<\/h2>\n <div class=\"metaskool-world-creator\">Creator: Students & Teacher \u2014 SMK SULTAN AHMAD<\/div>\n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-SULTAN-AHMAD-686e26c7d3dc62a2d870ca3e?share=3928218953842228280\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20PALOH%20HINAI.png\" \n alt=\"SMK PALOH HINAI\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK PALOH HINAI<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK PALOH HINAI<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-PALOH-HINAI-686e69074a7d6311bc646231?share=8758641241859114674\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/INSTAR.png\" \n alt=\"INSTAR\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">INSTAR<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">INSTAR<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-INSTAR-686c0f8d4a7d6311bc5fab44?share=602546876124323484\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20TENGKU%20ABDULLAH.png\" \n alt=\"SMK TENGKU ABDULLAH\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK TENGKU ABDULLAH<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK TENGKU ABDULLAH<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-TENGKU-ABDULLAH-686c0fb7d3dc62a2d86c8054?share=2244066006502369063\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20UBAI.png\" \n alt=\"SMK UBAI\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK UBAI<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK UBAI<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-UBAI-686c0ff3d3dc62a2d86c8062?share=4781903080613141924\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20INDERA%20SHAHBANDAR.png\" \n alt=\"SMK INDERA SHAHBANDAR\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK INDERA SHAHBANDAR<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK INDERA SHAHBANDAR<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-INDERA-SHAHBANDAR-686c10144a7d6311bc5fabcb?share=913577258673688751\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20PERAMU%20JAYA.png\" \n alt=\"SMK PERAMU JAYA\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK PERAMU JAYA<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK PERAMU JAYA<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-PERAMU-JAYA-686c10429864de1814e54c70?share=5990317183960523501\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20DATO'%20MAHMUD%20MAT.png\" \n alt=\"SMK DATO' MAHMUD MAT\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK DATO' MAHMUD MAT<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK DATO' MAHMUD MAT<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-DATO-MAHMUD-MAT-686c10609864de1814e54c73?share=3618646857259609810\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <div class=\"metaskool-world-card metaskool-fade-in\">\n <img decoding=\"async\" src=\"https:\/\/hub.metaskool.my\/pahang-img\/SMK%20LEPAR.png\" \n alt=\"SMK LEPAR\" class=\"metaskool-world-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\n <div class=\"metaskool-world-image-placeholder\" style=\"display: none;\">SMK LEPAR<\/div>\n <div class=\"metaskool-world-content\">\n <div class=\"metaskool-world-header\">\n <h2 class=\"metaskool-world-title\">SMK LEPAR<\/h2>\n \n <\/div>\n <a href=\"https:\/\/www.spatial.io\/s\/JPN-Pahang-SMK-LEPAR-686e121b4a7d6311bc63a748?share=4538974547637470070\" target=\"_blank\" class=\"metaskool-play-button\">Access Metaverse<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"metaskool-modal\" id=\"videoModal\">\n <div class=\"metaskool-modal-content\">\n <button class=\"metaskool-modal-close\" onclick=\"closeVideo()\">×<\/button>\n <div class=\"metaskool-video-container\">\n <iframe id=\"videoFrame\" \n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n \/\/ Add Font Awesome for the play icon\n if (!document.querySelector('link[href*=\"font-awesome\"]')) {\n const link = document.createElement('link');\n link.rel = 'stylesheet';\n link.href = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css';\n document.head.appendChild(link);\n }\n\n function openVideo(videoId) {\n const modal = document.getElementById('videoModal');\n const videoFrame = document.getElementById('videoFrame');\n videoFrame.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1`;\n modal.classList.add('active');\n document.body.style.overflow = 'hidden'; \/\/ Prevent scrolling\n }\n\n function closeVideo() {\n const modal = document.getElementById('videoModal');\n const videoFrame = document.getElementById('videoFrame');\n videoFrame.src = '';\n modal.classList.remove('active');\n document.body.style.overflow = ''; \/\/ Restore scrolling\n }\n\n \/\/ Close modal on background click\n document.getElementById('videoModal').addEventListener('click', function(e) {\n if (e.target === this) {\n closeVideo();\n }\n });\n\n \/\/ Close modal on escape key\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') {\n closeVideo();\n }\n });\n<\/script>\n\n\n<script>\n(function(){\n const placeholder = 'data:image\/svg+xml;charset=utf-8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"9\" viewBox=\"0 0 16 9\"><\/svg>';\n const imgs = document.querySelectorAll('.metaskool-world-image');\n imgs.forEach(img => {\n if (!img.dataset.src) {\n img.dataset.src = img.src; \/\/ store real src\n img.src = placeholder; \/\/ tiny placeholder\n img.loading = 'lazy';\n }\n });\n\n function loadImg(img){\n const src = img.dataset.src;\n if (!src) return;\n const newImg = new Image();\n newImg.src = src;\n newImg.decoding = 'async';\n newImg.onload = () => {\n img.src = src;\n };\n newImg.onerror = () => {\n img.src = src; \/\/ try anyway on error\n };\n }\n\n if ('IntersectionObserver' in window) {\n const io = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n loadImg(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, {rootMargin: '200px'});\n imgs.forEach(i => io.observe(i));\n } else {\n \/\/ no IntersectionObserver, load all\n imgs.forEach(loadImg);\n }\n})();\n<\/script>\n<script>\n\/\/ header menu toggle\n(function() {\n\tfunction initMenu() {\n\t\tconst btn = document.querySelector('.menu-toggle');\n\t\tconst nav = document.getElementById('siteNav');\n\t\t\n\t\tif (!btn || !nav) {\n\t\t\tconsole.log('Menu elements not found');\n\t\t\treturn;\n\t\t}\n\t\t\n\t\tbtn.addEventListener('click', function(e) {\n\t\t\te.preventDefault();\n\t\t\tconst isOpen = nav.classList.contains('open');\n\t\t\t\n\t\t\tif (isOpen) {\n\t\t\t\tnav.classList.remove('open');\n\t\t\t\tbtn.setAttribute('aria-expanded', 'false');\n\t\t\t} else {\n\t\t\t\tnav.classList.add('open');\n\t\t\t\tbtn.setAttribute('aria-expanded', 'true');\n\t\t\t}\n\t\t});\n\t}\n\t\n\tif (document.readyState === 'loading') {\n\t\tdocument.addEventListener('DOMContentLoaded', initMenu);\n\t} else {\n\t\tinitMenu();\n\t}\n})();\n<\/script>\n<\/body>\n<\/html>\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>Our Worlds | MetaSkool JPN Pahang SK PASIR PANJANG SK PASIR PANJANG Access Metaverse SMK SERI PEKAN (SISP) SMK SERI PEKAN (SISP) Access Metaverse SMK<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-pahang\/\"> …<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-673","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/comments?post=673"}],"version-history":[{"count":11,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/673\/revisions"}],"predecessor-version":[{"id":837,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/673\/revisions\/837"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/media?parent=673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}