{"id":68,"date":"2025-08-23T12:13:43","date_gmt":"2025-08-23T12:13:43","guid":{"rendered":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/?page_id=68"},"modified":"2026-06-09T08:32:55","modified_gmt":"2026-06-09T08:32:55","slug":"home","status":"publish","type":"page","link":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nIIUM Postgraduate Colloquium 2026<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n font-family:'Poppins',sans-serif;\r\n}\r\n\r\n\/* HERO *\/\r\n.hero-banner{\r\n width:100%;\r\n min-height:550px;\r\n background:\r\n linear-gradient(rgba(0,25,55,.72), rgba(0,25,55,.55)),\r\n url('https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-5-2026-10_57_13-AM-1-2.png');\r\n\r\n background-size:cover;\r\n background-position:center;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n\r\n padding:50px 70px;\r\n gap:40px;\r\n position: relative;\r\n}\r\n\r\n\/* LEFT *\/\r\n.left-content{\r\n flex:1;\r\n color:white;\r\n padding-top: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n}\r\n\r\n.header-text{\r\n flex:1;\r\n}\r\n\r\n\/* TITLE *\/\r\n.main-title{\r\n font-size:50px;\r\n line-height:1.2;\r\n font-weight:800;\r\n text-shadow:0 3px 15px rgba(0,0,0,.4);\r\n animation: glow 3s ease-in-out infinite alternate;\r\n}\r\n\r\n.main-title span{\r\n color:#d4af37;\r\n}\r\n\r\n@keyframes glow{\r\n from{ text-shadow:0 3px 15px rgba(0,0,0,.4); }\r\n to{ text-shadow:0 3px 15px rgba(0,0,0,.4), 0 0 18px rgba(212,175,55,.45); }\r\n}\r\n\r\n\/* THEME *\/\r\n.theme{\r\n font-size:22px;\r\n color:white;\r\n font-style:italic;\r\n margin-top:15px;\r\n}\r\n\r\n.theme strong{\r\n color:#d4af37;\r\n}\r\n\r\n\/* DETAILS *\/\r\n.event-details{\r\n display:flex;\r\n gap:15px;\r\n flex-wrap:wrap;\r\n margin-top:25px;\r\n}\r\n\r\n.detail-item{\r\n background:rgba(255,255,255,.12);\r\n backdrop-filter:blur(12px);\r\n padding:14px 20px;\r\n border-radius:15px;\r\n}\r\n\r\n.detail-item strong{\r\n display:block;\r\n color:#d4af37;\r\n font-size:12px;\r\n margin-bottom:4px;\r\n}\r\n\r\n\/* SEKSYEN ORGANIZER DI BAHAGIAN BAWAH *\/\r\n.bottom-organizer-bar {\r\n margin-top: 35px;\r\n background: rgba(255, 255, 255, 0.07);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(8px);\r\n padding: 12px 20px;\r\n border-radius: 12px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n max-width: max-content;\r\n}\r\n\r\n.org-block {\r\n font-size: 13px;\r\n color: #e2e8f0;\r\n font-weight: 400;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.org-block strong, .org-block span {\r\n color: #ffffff;\r\n font-weight: 600;\r\n}\r\n\r\n\/* Garisan pembahagi antara Organizer & Co-Organizer *\/\r\n.org-divider {\r\n width: 1px;\r\n height: 25px;\r\n background-color: rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n\/* RIGHT *\/\r\n.right-content{\r\n display:flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n.countdown-container{\r\n background:rgba(0,0,0,.3);\r\n backdrop-filter:blur(15px);\r\n padding:20px;\r\n border-radius:20px;\r\n border:1px solid rgba(255,255,255,.15);\r\n width: 100%;\r\n}\r\n\r\n.countdown-title{\r\n text-align:center;\r\n color:white;\r\n font-size:18px;\r\n font-weight:700;\r\n margin-bottom:15px;\r\n}\r\n\r\n.countdown{\r\n display:flex;\r\n flex-wrap:wrap;\r\n justify-content:center;\r\n gap:10px;\r\n}\r\n\r\n.box{\r\n width:72px;\r\n height:72px;\r\n background:rgba(255,255,255,.12);\r\n border-radius:15px;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n align-items:center;\r\n transition:.3s;\r\n}\r\n\r\n.box:hover{\r\n transform:translateY(-4px);\r\n}\r\n\r\n.box h2{\r\n color:#d4af37;\r\n font-size:24px;\r\n}\r\n\r\n.box span{\r\n color:white;\r\n font-size:9px;\r\n text-transform:uppercase;\r\n}\r\n\r\n\/* \ud83c\udf1f TOTAL PAGE VIEWS PILL BADGE *\/\r\n.traffic-pill-badge {\r\n background: rgba(255, 255, 255, 0.08);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.12);\r\n padding: 10px 22px; \/* Ditambah sedikit padding untuk mengimbangi saiz nombor baru *\/\r\n border-radius: 30px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.traffic-pill-badge:hover {\r\n background: rgba(255, 255, 255, 0.12);\r\n border-color: rgba(212, 175, 55, 0.3);\r\n}\r\n\r\n\/* Titik statik warna emas lembut *\/\r\n.stat-dot {\r\n width: 8px;\r\n height: 8px;\r\n background-color: #d4af37; \r\n border-radius: 50%;\r\n box-shadow: 0 0 8px rgba(212, 175, 55, 0.6);\r\n}\r\n\r\n.badge-label {\r\n color: rgba(255, 255, 255, 0.85);\r\n font-size: 12px; \/* Ditambah saiz tulisan 'Page Views' sikit agar sepadan *\/\r\n font-weight: 600;\r\n letter-spacing: 0.8px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.badge-counter-img {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n\/* \ud83d\ude80 KEMASKINI: Saiz ketinggian imej kaunter dinaikkan ke 24px supaya nombor nampak besar dan jelas *\/\r\n.badge-counter-img img {\r\n height: 24px; \r\n filter: drop-shadow(0px 0px 3px rgba(255,255,255,0.2));\r\n opacity: 0.95;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:1200px){\r\n .hero-banner{\r\n flex-direction:column;\r\n padding:40px;\r\n text-align:center;\r\n }\r\n .left-content{\r\n padding-top: 0;\r\n align-items: center;\r\n }\r\n .main-title{\r\n font-size:40px;\r\n }\r\n .bottom-organizer-bar {\r\n justify-content: center;\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n .hero-banner{\r\n padding:30px 20px;\r\n }\r\n\r\n .main-title{\r\n font-size:30px;\r\n }\r\n\r\n .theme{\r\n font-size:18px;\r\n }\r\n\r\n .bottom-organizer-bar {\r\n flex-direction: column;\r\n gap: 10px;\r\n padding: 15px;\r\n }\r\n\r\n .org-divider {\r\n display: none;\r\n }\r\n\r\n .box{\r\n width:60px;\r\n height:60px;\r\n }\r\n\r\n .box h2{\r\n font-size:20px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"hero-banner\">\r\n\r\n<div class=\"left-content\">\r\n\r\n<h1 class=\"main-title\">\r\nIIUM POSTGRADUATE <br>\r\n<span>COLLOQUIUM 2026<\/span>\r\n<\/h1>\r\n\r\n<div class=\"theme\">\r\n<strong>Theme:<\/strong><br>\r\n\"Transformative Research for Ummatic Excellence\"\r\n<\/div>\r\n\r\n<div class=\"event-details\">\r\n\r\n<div class=\"detail-item\">\r\n <strong>DATE<\/strong>\r\n <span>12 October 2026<\/span>\r\n<\/div>\r\n\r\n<div class=\"detail-item\">\r\n <strong>TIME<\/strong>\r\n <span>8:00 AM \u2013 5:00 PM<\/span>\r\n<\/div>\r\n\r\n<div class=\"detail-item\">\r\n <strong>VENUE<\/strong>\r\n <span>BCIC Lodge, Kuantan<\/span>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"bottom-organizer-bar\">\r\n <div class=\"org-block\">\r\n Organizer: <strong>Centre for Postgraduate Studies (CPS), IIUM<\/strong>\r\n <\/div>\r\n <div class=\"org-divider\"><\/div>\r\n <div class=\"org-block\">\r\n Co-Organizer: <span>Kulliyyah of Dentistry (KOD), IIUM<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"right-content\">\r\n\r\n<div class=\"countdown-container\">\r\n\r\n<div class=\"countdown-title\">\r\nCOUNTDOWN TO EVENT\r\n<\/div>\r\n\r\n<div class=\"countdown\">\r\n\r\n<div class=\"box\">\r\n<h2 id=\"months\">00<\/h2>\r\n<span>Months<\/span>\r\n<\/div>\r\n\r\n<div class=\"box\">\r\n<h2 id=\"days\">00<\/h2>\r\n<span>Days<\/span>\r\n<\/div>\r\n\r\n<div class=\"box\">\r\n<h2 id=\"hours\">00<\/h2>\r\n<span>Hours<\/span>\r\n<\/div>\r\n\r\n<div class=\"box\">\r\n<h2 id=\"minutes\">00<\/h2>\r\n<span>Minutes<\/span>\r\n<\/div>\r\n\r\n<div class=\"box\">\r\n<h2 id=\"seconds\">00<\/h2>\r\n<span>Seconds<\/span>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- \ud83c\udf10 FREECOUNTERSTAT (SAIZ DIALAH BESARKAN) -->\r\n<div class=\"traffic-pill-badge\">\r\n <div class=\"stat-dot\"><\/div>\r\n <span class=\"badge-label\">Page Views:<\/span>\r\n <div class=\"badge-counter-img\">\r\n <a href=\"https:\/\/www.freecounterstat.com\" title=\"page counter\">\r\n <img decoding=\"async\" src=\"https:\/\/counter8.optistats.ovh\/private\/freecounterstat.php?c=89fegw8m8k6sh33hwywhay3msc51yffy&init=00000\" border=\"0\" title=\"page counter\" alt=\"page counter\">\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\nconst eventDate = new Date(\"October 12, 2026 08:00:00\").getTime();\r\n\r\nfunction updateCountdown(){\r\n const now = new Date().getTime();\r\n const distance = eventDate - now;\r\n\r\n if(distance < 0) return;\r\n\r\n const totalDays = Math.floor(distance\/(1000*60*60*24));\r\n const months = Math.floor(totalDays\/30);\r\n const days = totalDays % 30;\r\n\r\n document.getElementById(\"months\").innerHTML = months;\r\n document.getElementById(\"days\").innerHTML = days;\r\n document.getElementById(\"hours\").innerHTML = Math.floor((distance%(1000*60*60*24))\/(1000*60*60));\r\n document.getElementById(\"minutes\").innerHTML = Math.floor((distance%(1000*60))\/(1000*60));\r\n document.getElementById(\"seconds\").innerHTML = Math.floor((distance%(1000*60))\/1000);\r\n}\r\n\r\nsetInterval(updateCountdown,1000);\r\nupdateCountdown();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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-9143a12 e-flex e-con-boxed e-con e-parent\" data-id=\"9143a12\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1595f3 elementor-widget elementor-widget-html\" data-id=\"e1595f3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Register Now<\/title>\r\n\r\n<style>\r\n\/* Memaksa kontainer butang untuk mengambil ruang penuh dan duduk di tengah-tengah skrin *\/\r\n.btn-container {\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n text-align: center !important;\r\n margin: 0 auto !important;\r\n width: 100% !important;\r\n padding: 30px 0; \r\n}\r\n\r\n\/* Button *\/\r\n.register-btn {\r\n padding: 18px 42px;\r\n font-size: 20px;\r\n font-weight: 800; \r\n color: #f8fafc; \r\n text-decoration: none;\r\n\r\n background: linear-gradient(135deg, #0f766e, #1d4ed8);\r\n\r\n border-radius: 12px;\r\n\r\n display: inline-block;\r\n position: relative;\r\n\r\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);\r\n\r\n transition: all 0.3s ease;\r\n\r\n animation: pulseSoft 1.8s infinite;\r\n letter-spacing: 1px; \r\n}\r\n\r\n\/* Hover *\/\r\n.register-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);\r\n}\r\n\r\n\/* Soft blink \/ pulse *\/\r\n@keyframes pulseSoft {\r\n 0% {\r\n box-shadow: 0 0 0 0 rgba(29, 78, 216, 0.35);\r\n }\r\n 50% {\r\n box-shadow: 0 0 0 12px rgba(15, 118, 110, 0.10);\r\n }\r\n 100% {\r\n box-shadow: 0 0 0 0 rgba(29, 78, 216, 0);\r\n }\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"btn-container\">\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSeBDN4_pzSHQsELO4WqwlRdzIq9AhVdIX7VKcmPxd3yoQWcCg\/viewform\"\r\n class=\"register-btn\" target=\"_blank\">\r\n REGISTER NOW\r\n <\/a>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\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-dc7b230 e-flex e-con-boxed e-con e-parent\" data-id=\"dc7b230\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a79412 e-flex e-con-boxed e-con e-parent\" data-id=\"5a79412\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>IIUM Postgraduate Colloquium 2026 IIUM POSTGRADUATE COLLOQUIUM 2026 Theme: “Transformative Research for Ummatic Excellence” DATE 12 October 2026 TIME 8:00 AM \u2013 5:00 PM VENUE BCIC Lodge, Kuantan Organizer: Centre for Postgraduate Studies (CPS), IIUM Co-Organizer: Kulliyyah of Dentistry (KOD), IIUM COUNTDOWN TO EVENT 00 Months 00 Days 00 Hours […]<\/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-68","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=68"}],"version-history":[{"count":228,"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":934,"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions\/934"}],"wp:attachment":[{"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}