SSTP Hubs | MetaSkool<\/title>\n\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\t<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\t<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\t<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\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.2\/dist\/css\/bootstrap.min.css\">\n\t<style>\n\t\/* 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\n\t\t:root {\n\t\t\t--ukm-blue: #003366;\n\t\t\t--ukm-red: #c00;\n\t\t}\n\tbody { background: #fff; font-family: 'Roboto', Arial, sans-serif; color: #333; margin:0; padding:0 }\n\t.metaskool-container { padding: 4rem 0; max-width:1200px; margin:0 auto }\n\t.metaskool-header { text-align:center; margin-bottom:2.5rem }\n\t.metaskool-header h1 { font-family: 'Montserrat', sans-serif; color:var(--ukm-blue); font-size:2.4rem }\n\t\t.metaskool-worlds-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; padding:0 1rem }\n\t\t.metaskool-world-card {\n\t\t\tbackground:#fff;\n\t\t\tborder-radius:8px;\n\t\t\toverflow:hidden;\n\t\t\tbox-shadow:0 6px 18px rgba(0,0,0,0.06);\n\t\t\tborder:1px solid rgba(0,0,0,0.04);\n\t\t\tdisplay:flex;\n\t\t\tflex-direction:column;\n\t\t\ttransition:transform .18s ease, box-shadow .18s ease;\n\t\t}\n\t\t.metaskool-world-card:hover{ transform:translateY(-6px); box-shadow:0 16px 30px rgba(0,0,0,0.12) }\n\t.metaskool-world-image { width:100%; height:240px; object-fit:cover }\n\t\/* Let content size naturally; remove forced stretching so buttons sit right after creator *\/\n\t.metaskool-world-content { padding:0.9rem 1rem; display:flex; flex-direction:column; gap:0.5rem; align-items:flex-start }\n\t\t.metaskool-world-title { font-family:'Montserrat',sans-serif; color:var(--ukm-blue); font-size:1.15rem; margin:0 0 0.4rem 0 }\n\t\t.metaskool-world-creator { display:inline-block; background:var(--ukm-blue); color:#fff; padding:0.45rem 0.9rem; border-radius:999px; font-size:0.88rem; margin-bottom:0.6rem }\n\t.metaskool-more-button { display:inline-flex; width:100%; justify-content:center; align-items:center; background:#fff; color:var(--ukm-blue); border:2px solid var(--ukm-blue); padding:0.5rem; border-radius:999px; text-decoration:none; font-weight:600 }\n\t.metaskool-more-button:hover { background:var(--ukm-blue); color:#fff; }\n\t@media(max-width:768px){ .metaskool-worlds-grid{grid-template-columns:1fr} .metaskool-world-image{height:220px} }\n\t<\/style>\n<\/head>\n<body>\n\n<div class=\"metaskool-container\">\n\t<header class=\"metaskool-header\">\n\t\t<h1>School Hub<\/h1>\n\t<\/header>\n\n\t<div class=\"metaskool-worlds-grid\">\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-26-152231-1024x390.png\" alt=\"SSTP Labuan HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Labuan HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">Step into the JPN Labuan HQ, a virtual home base designed by Labuan\u2019s own schools. Here, students and teachers can explore immersive worlds, join activities, and connect with others\u2014making learning fun, interactive, and limitless.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-labuan\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2024\/11\/SSTP-Melaka-on-11-14-24-at-10.06-AM-1024x508.png\" alt=\"SSTP Melaka HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Melaka HQ<\/h2>\n\t\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">The JPN Melaka HQ is a dedicated metaverse hub developed by schools in Melaka. It provides an interactive space where students and teachers can connect, explore immersive environments, and collaborate on creative and educational projects.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-melaka\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2024\/11\/JPN-Sabah-on-11-14-24-at-11.31-AM-1024x517.png\" alt=\"JPN Sabah HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Sabah HQ<\/h2>\n\t\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">The JPN Sabah HQ serves as a central meeting point in the metaverse, designed by schools across Sabah. It provides opportunities for students and educators to collaborate, innovate, and engage with immersive educational experiences.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-sabah\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-19-195419-1024x498.png\" alt=\"SSTP Johor HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">Johor HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">Built by selected schools in Johor, the Johor HQ stands as a hub in the metaverse where students and educators can discover new ways of learning, connect across digital spaces, and collaborate on creative ideas.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-johor\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-12-170839-1024x425.png\" alt=\"SSTP Kuala Lumpur HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Kuala Lumpur HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">As a gateway to digital learning, the JPN Kuala Lumpur HQ opens opportunities for students and teachers to connect, discover innovative worlds, and experience education without boundaries.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-kuala-lumpur\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-12-171011-1024x465.png\" alt=\"JPN Sarawak HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Sarawak HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">At the JPN Sarawak HQ, learning comes alive as students and educators collaborate on projects, explore immersive environments, and build meaningful connections across virtual communities.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-sarawak\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/05\/image-min-1024x524.png\" alt=\"SSTP Selangor HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Selangor HQ<\/h2>\n\t\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">Created by schools in Selangor, the JPN Selangor HQ is a hub in the metaverse where students and teachers can explore immersive spaces, collaborate on ideas, and connect through future-ready learning experiences.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-selangor\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/06\/sstp-jpn-kedah-metaskool-1024x530.jpeg\" alt=\"SSTP Kedah HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Kedah HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">Highlighting Kedah\u2019s drive for digital innovation, the JPN Kedah HQ empowers students and educators to learn, create, and grow together in immersive virtual environments.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-kedah\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/07\/image-scaled.png\" alt=\"SSTP Pahang HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Pahang HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">At the JPN Pahang HQ, students and teachers explore immersive worlds, connect through shared projects, and collaborate in ways that transform traditional learning into interactive digital experiences.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-pahang\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-25-at-4.43.36-PM-scaled.jpeg\" alt=\"SSTP N9 HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Negeri Sembilan HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">The JPN Negeri Sembilan HQ stands as a hub in the metaverse, designed during the MetaSkool ToT session. It reflects two days of hands-on exploration where educators and learners built confidence in digital collaboration and creativity.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-negeri-sembilan\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-04-at-4.40.44-PM-scaled.png\" alt=\"SSTP Perak HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Perak HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">Built by 12 teachers and 24 students from 12 schools during the MetaSkool ToT, the JPN Perak HQ is a metaverse hub that showcases creativity, collaboration, and innovation in support of Malaysia\u2019s digital education vision.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-perak\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/08\/totpenang-scaled.png\" alt=\"SSTP Pulau Pinang HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Pulau Pinang HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">The JPN Pulau Pinang HQ was brought to life by students and teachers in the MetaSkool ToT session, showcasing their creativity and collaboration in building a hub that represents digital learning for the future.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-pulau-pinang\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\t\t\n\t\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/11\/KOLEJ-TINGKATAN-ENAM-HUTCHINGS-scaled.png\" alt=\"SSTP Pulau Pinang HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">Digital Education Carnival 2025<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">During the Digital Education Carnival, the Tingkatan Enam cluster demonstrated exceptional innovation and technical aptitude.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/tingkatan-enam-digital-carnival-education\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n<\/div>\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\ndocument.addEventListener('DOMContentLoaded', function(){\n\tconst btn = document.querySelector('.menu-toggle');\n\tconst nav = document.getElementById('siteNav');\n\tif(!btn || !nav) return;\n\tbtn.addEventListener('click', () => {\n\t\tconst open = nav.classList.toggle('open');\n\t\tbtn.setAttribute('aria-expanded', open ? 'true' : 'false');\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>SSTP Hubs | MetaSkool School Hub JPN Labuan HQ Step into the JPN Labuan HQ, a virtual home base designed by Labuan\u2019s own schools. Here,<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/metaskool\/school-hub\/\"> …<\/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-720","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/720","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=720"}],"version-history":[{"count":10,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/720\/revisions"}],"predecessor-version":[{"id":895,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/720\/revisions\/895"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/media?parent=720"}],"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\t\n\t\n\tSSTP Hubs | MetaSkool<\/title>\n\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\t<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\t<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\t<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\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.2\/dist\/css\/bootstrap.min.css\">\n\t<style>\n\t\/* 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\n\t\t:root {\n\t\t\t--ukm-blue: #003366;\n\t\t\t--ukm-red: #c00;\n\t\t}\n\tbody { background: #fff; font-family: 'Roboto', Arial, sans-serif; color: #333; margin:0; padding:0 }\n\t.metaskool-container { padding: 4rem 0; max-width:1200px; margin:0 auto }\n\t.metaskool-header { text-align:center; margin-bottom:2.5rem }\n\t.metaskool-header h1 { font-family: 'Montserrat', sans-serif; color:var(--ukm-blue); font-size:2.4rem }\n\t\t.metaskool-worlds-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; padding:0 1rem }\n\t\t.metaskool-world-card {\n\t\t\tbackground:#fff;\n\t\t\tborder-radius:8px;\n\t\t\toverflow:hidden;\n\t\t\tbox-shadow:0 6px 18px rgba(0,0,0,0.06);\n\t\t\tborder:1px solid rgba(0,0,0,0.04);\n\t\t\tdisplay:flex;\n\t\t\tflex-direction:column;\n\t\t\ttransition:transform .18s ease, box-shadow .18s ease;\n\t\t}\n\t\t.metaskool-world-card:hover{ transform:translateY(-6px); box-shadow:0 16px 30px rgba(0,0,0,0.12) }\n\t.metaskool-world-image { width:100%; height:240px; object-fit:cover }\n\t\/* Let content size naturally; remove forced stretching so buttons sit right after creator *\/\n\t.metaskool-world-content { padding:0.9rem 1rem; display:flex; flex-direction:column; gap:0.5rem; align-items:flex-start }\n\t\t.metaskool-world-title { font-family:'Montserrat',sans-serif; color:var(--ukm-blue); font-size:1.15rem; margin:0 0 0.4rem 0 }\n\t\t.metaskool-world-creator { display:inline-block; background:var(--ukm-blue); color:#fff; padding:0.45rem 0.9rem; border-radius:999px; font-size:0.88rem; margin-bottom:0.6rem }\n\t.metaskool-more-button { display:inline-flex; width:100%; justify-content:center; align-items:center; background:#fff; color:var(--ukm-blue); border:2px solid var(--ukm-blue); padding:0.5rem; border-radius:999px; text-decoration:none; font-weight:600 }\n\t.metaskool-more-button:hover { background:var(--ukm-blue); color:#fff; }\n\t@media(max-width:768px){ .metaskool-worlds-grid{grid-template-columns:1fr} .metaskool-world-image{height:220px} }\n\t<\/style>\n<\/head>\n<body>\n\n<div class=\"metaskool-container\">\n\t<header class=\"metaskool-header\">\n\t\t<h1>School Hub<\/h1>\n\t<\/header>\n\n\t<div class=\"metaskool-worlds-grid\">\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-26-152231-1024x390.png\" alt=\"SSTP Labuan HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Labuan HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">Step into the JPN Labuan HQ, a virtual home base designed by Labuan\u2019s own schools. Here, students and teachers can explore immersive worlds, join activities, and connect with others\u2014making learning fun, interactive, and limitless.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-labuan\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2024\/11\/SSTP-Melaka-on-11-14-24-at-10.06-AM-1024x508.png\" alt=\"SSTP Melaka HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Melaka HQ<\/h2>\n\t\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">The JPN Melaka HQ is a dedicated metaverse hub developed by schools in Melaka. It provides an interactive space where students and teachers can connect, explore immersive environments, and collaborate on creative and educational projects.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-melaka\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2024\/11\/JPN-Sabah-on-11-14-24-at-11.31-AM-1024x517.png\" alt=\"JPN Sabah HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Sabah HQ<\/h2>\n\t\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">The JPN Sabah HQ serves as a central meeting point in the metaverse, designed by schools across Sabah. It provides opportunities for students and educators to collaborate, innovate, and engage with immersive educational experiences.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-sabah\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-19-195419-1024x498.png\" alt=\"SSTP Johor HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">Johor HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">Built by selected schools in Johor, the Johor HQ stands as a hub in the metaverse where students and educators can discover new ways of learning, connect across digital spaces, and collaborate on creative ideas.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-johor\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-12-170839-1024x425.png\" alt=\"SSTP Kuala Lumpur HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Kuala Lumpur HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">As a gateway to digital learning, the JPN Kuala Lumpur HQ opens opportunities for students and teachers to connect, discover innovative worlds, and experience education without boundaries.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-kuala-lumpur\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-12-171011-1024x465.png\" alt=\"JPN Sarawak HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Sarawak HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">At the JPN Sarawak HQ, learning comes alive as students and educators collaborate on projects, explore immersive environments, and build meaningful connections across virtual communities.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-sarawak\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/05\/image-min-1024x524.png\" alt=\"SSTP Selangor HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Selangor HQ<\/h2>\n\t\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">Created by schools in Selangor, the JPN Selangor HQ is a hub in the metaverse where students and teachers can explore immersive spaces, collaborate on ideas, and connect through future-ready learning experiences.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-selangor\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/06\/sstp-jpn-kedah-metaskool-1024x530.jpeg\" alt=\"SSTP Kedah HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Kedah HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">Highlighting Kedah\u2019s drive for digital innovation, the JPN Kedah HQ empowers students and educators to learn, create, and grow together in immersive virtual environments.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-kedah\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/07\/image-scaled.png\" alt=\"SSTP Pahang HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Pahang HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">At the JPN Pahang HQ, students and teachers explore immersive worlds, connect through shared projects, and collaborate in ways that transform traditional learning into interactive digital experiences.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-pahang\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-25-at-4.43.36-PM-scaled.jpeg\" alt=\"SSTP N9 HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Negeri Sembilan HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">The JPN Negeri Sembilan HQ stands as a hub in the metaverse, designed during the MetaSkool ToT session. It reflects two days of hands-on exploration where educators and learners built confidence in digital collaboration and creativity.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-negeri-sembilan\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-04-at-4.40.44-PM-scaled.png\" alt=\"SSTP Perak HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Perak HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">Built by 12 teachers and 24 students from 12 schools during the MetaSkool ToT, the JPN Perak HQ is a metaverse hub that showcases creativity, collaboration, and innovation in support of Malaysia\u2019s digital education vision.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-perak\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/08\/totpenang-scaled.png\" alt=\"SSTP Pulau Pinang HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">JPN Pulau Pinang HQ<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">The JPN Pulau Pinang HQ was brought to life by students and teachers in the MetaSkool ToT session, showcasing their creativity and collaboration in building a hub that represents digital learning for the future.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/sstp-jpn-pulau-pinang\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\t\t\n\t\t\t\n\t\t<div class=\"metaskool-world-card\">\n\t\t\t<img decoding=\"async\" class=\"metaskool-world-image\" src=\"https:\/\/www.ukm.my\/metaskool\/wp-content\/uploads\/2025\/11\/KOLEJ-TINGKATAN-ENAM-HUTCHINGS-scaled.png\" alt=\"SSTP Pulau Pinang HQ\">\n\t\t\t<div class=\"metaskool-world-content\">\n\t\t\t\t<h2 class=\"metaskool-world-title\">Digital Education Carnival 2025<\/h2>\n\t\t\t\n\t\t\t\t<p class=\"metaskool-world-description\">During the Digital Education Carnival, the Tingkatan Enam cluster demonstrated exceptional innovation and technical aptitude.<\/p>\n\t\t\t\t<a class=\"metaskool-more-button\" href=\"https:\/\/www.ukm.my\/metaskool\/tingkatan-enam-digital-carnival-education\/\">Access all schools<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n<\/div>\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\ndocument.addEventListener('DOMContentLoaded', function(){\n\tconst btn = document.querySelector('.menu-toggle');\n\tconst nav = document.getElementById('siteNav');\n\tif(!btn || !nav) return;\n\tbtn.addEventListener('click', () => {\n\t\tconst open = nav.classList.toggle('open');\n\t\tbtn.setAttribute('aria-expanded', open ? 'true' : 'false');\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>SSTP Hubs | MetaSkool School Hub JPN Labuan HQ Step into the JPN Labuan HQ, a virtual home base designed by Labuan\u2019s own schools. Here,<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/metaskool\/school-hub\/\"> …<\/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-720","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/720","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=720"}],"version-history":[{"count":10,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/720\/revisions"}],"predecessor-version":[{"id":895,"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/pages\/720\/revisions\/895"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/metaskool\/wp-json\/wp\/v2\/media?parent=720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}