{"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-09-25T01:48:00","modified_gmt":"2026-09-25T01:48:00","slug":"home","status":"publish","type":"page","link":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"68\" class=\"elementor elementor-68\">\n\t\t\t\t<div class=\"elementor-element elementor-element-263d3d6 e-flex e-con-boxed e-con e-parent\" data-id=\"263d3d6\" 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-318c611 elementor-widget elementor-widget-html\" data-id=\"318c611\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>IIUM 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\r\n<style>\r\n\r\n\/* =========================================================\r\n   GLOBAL\r\n========================================================= *\/\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    background:#ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.hero-banner{\r\n\r\n    width:100%;\r\n    min-height:550px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        rgba(0,25,55,.72),\r\n        rgba(0,25,55,.55)\r\n    ),\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\r\n    gap:40px;\r\n\r\n    position:relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.left-content{\r\n\r\n    flex:1;\r\n\r\n    color:white;\r\n\r\n    padding-top:20px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:space-between;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TITLE\r\n========================================================= *\/\r\n\r\n.main-title{\r\n\r\n    font-size:50px;\r\n\r\n    line-height:1.2;\r\n\r\n    font-weight:800;\r\n\r\n    text-shadow:\r\n        0 3px 15px rgba(0,0,0,.4);\r\n\r\n    animation:\r\n        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\r\n@keyframes glow{\r\n\r\n    from{\r\n        text-shadow:\r\n            0 3px 15px rgba(0,0,0,.4);\r\n    }\r\n\r\n    to{\r\n        text-shadow:\r\n            0 3px 15px rgba(0,0,0,.4),\r\n            0 0 18px rgba(212,175,55,.45);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   THEME\r\n========================================================= *\/\r\n\r\n.theme{\r\n\r\n    font-size:22px;\r\n\r\n    color:white;\r\n\r\n    font-style:italic;\r\n\r\n    margin-top:15px;\r\n}\r\n\r\n.theme strong{\r\n    color:#d4af37;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EVENT DETAILS\r\n========================================================= *\/\r\n\r\n.event-details{\r\n\r\n    display:flex;\r\n\r\n    gap:15px;\r\n\r\n    flex-wrap:wrap;\r\n\r\n    margin-top:25px;\r\n}\r\n\r\n.detail-item{\r\n\r\n    background:\r\n        rgba(255,255,255,.12);\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n    padding:\r\n        14px 20px;\r\n\r\n    border-radius:\r\n        15px;\r\n}\r\n\r\n.detail-item strong{\r\n\r\n    display:block;\r\n\r\n    color:#d4af37;\r\n\r\n    font-size:12px;\r\n\r\n    margin-bottom:4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORGANIZER\r\n========================================================= *\/\r\n\r\n.bottom-organizer-bar{\r\n\r\n    margin-top:35px;\r\n\r\n    background:\r\n        rgba(255,255,255,0.07);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,0.1);\r\n\r\n    backdrop-filter:\r\n        blur(8px);\r\n\r\n    padding:\r\n        12px 20px;\r\n\r\n    border-radius:\r\n        12px;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:20px;\r\n\r\n    flex-wrap:wrap;\r\n\r\n    max-width:max-content;\r\n}\r\n\r\n.org-block{\r\n\r\n    font-size:13px;\r\n\r\n    color:#e2e8f0;\r\n\r\n    font-weight:400;\r\n\r\n    letter-spacing:.5px;\r\n}\r\n\r\n.org-block strong,\r\n.org-block span{\r\n\r\n    color:#ffffff;\r\n\r\n    font-weight:600;\r\n}\r\n\r\n.org-divider{\r\n\r\n    width:1px;\r\n\r\n    height:25px;\r\n\r\n    background-color:\r\n        rgba(255,255,255,.2);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n========================================================= *\/\r\n\r\n.right-content{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:center;\r\n\r\n    gap:15px;\r\n\r\n    min-width:390px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COUNTDOWN\r\n========================================================= *\/\r\n\r\n.countdown-container{\r\n\r\n    background:\r\n        rgba(0,0,0,.3);\r\n\r\n    backdrop-filter:\r\n        blur(15px);\r\n\r\n    padding:20px;\r\n\r\n    border-radius:20px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.15);\r\n\r\n    width:100%;\r\n}\r\n\r\n.countdown-title{\r\n\r\n    text-align:center;\r\n\r\n    color:white;\r\n\r\n    font-size:18px;\r\n\r\n    font-weight:700;\r\n\r\n    margin-bottom:15px;\r\n}\r\n\r\n.countdown{\r\n\r\n    display:flex;\r\n\r\n    flex-wrap:wrap;\r\n\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n}\r\n\r\n.box{\r\n\r\n    width:72px;\r\n\r\n    height:72px;\r\n\r\n    background:\r\n        rgba(255,255,255,.12);\r\n\r\n    border-radius:15px;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    justify-content:center;\r\n\r\n    align-items:center;\r\n\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\r\n    color:#d4af37;\r\n\r\n    font-size:24px;\r\n}\r\n\r\n.box span{\r\n\r\n    color:white;\r\n\r\n    font-size:9px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAGE VIEWS\r\n========================================================= *\/\r\n\r\n.traffic-pill-badge{\r\n\r\n    background:\r\n        rgba(255,255,255,0.08);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(10px);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,0.12);\r\n\r\n    padding:\r\n        10px 22px;\r\n\r\n    border-radius:\r\n        30px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n    transition:\r\n        all .3s ease;\r\n}\r\n\r\n.traffic-pill-badge:hover{\r\n\r\n    background:\r\n        rgba(255,255,255,.12);\r\n\r\n    border-color:\r\n        rgba(212,175,55,.3);\r\n}\r\n\r\n.stat-dot{\r\n\r\n    width:8px;\r\n\r\n    height:8px;\r\n\r\n    background-color:#d4af37;\r\n\r\n    border-radius:50%;\r\n\r\n    box-shadow:\r\n        0 0 8px rgba(212,175,55,.6);\r\n}\r\n\r\n.badge-label{\r\n\r\n    color:\r\n        rgba(255,255,255,.85);\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:.8px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.badge-counter-img{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n}\r\n\r\n.badge-counter-img img{\r\n\r\n    height:24px;\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 0 3px\r\n            rgba(255,255,255,.2)\r\n        );\r\n\r\n    opacity:.95;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1200px){\r\n\r\n    .hero-banner{\r\n\r\n        flex-direction:column;\r\n\r\n        padding:40px;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n    .left-content{\r\n\r\n        padding-top:0;\r\n\r\n        align-items:center;\r\n    }\r\n\r\n    .main-title{\r\n\r\n        font-size:40px;\r\n    }\r\n\r\n    .bottom-organizer-bar{\r\n\r\n        justify-content:center;\r\n\r\n        max-width:100%;\r\n    }\r\n\r\n    .right-content{\r\n\r\n        min-width:350px;\r\n\r\n        width:100%;\r\n\r\n        max-width:600px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n    .hero-banner{\r\n\r\n        padding:\r\n            30px 20px;\r\n    }\r\n\r\n    .main-title{\r\n\r\n        font-size:30px;\r\n    }\r\n\r\n    .theme{\r\n\r\n        font-size:18px;\r\n    }\r\n\r\n    .event-details{\r\n\r\n        justify-content:center;\r\n    }\r\n\r\n    .bottom-organizer-bar{\r\n\r\n        flex-direction:column;\r\n\r\n        gap:10px;\r\n\r\n        padding:15px;\r\n    }\r\n\r\n    .org-divider{\r\n\r\n        display:none;\r\n    }\r\n\r\n    .right-content{\r\n\r\n        min-width:0;\r\n\r\n        width:100%;\r\n    }\r\n\r\n    .countdown-container{\r\n\r\n        padding:15px;\r\n    }\r\n\r\n    .box{\r\n\r\n        width:60px;\r\n\r\n        height:60px;\r\n    }\r\n\r\n    .box h2{\r\n\r\n        font-size:20px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<!-- =========================================================\r\n     HERO SECTION\r\n========================================================= -->\r\n\r\n<section class=\"hero-banner\">\r\n\r\n\r\n    <!-- LEFT -->\r\n\r\n    <div class=\"left-content\">\r\n\r\n\r\n        <h1 class=\"main-title\">\r\n\r\n            IIUM POSTGRADUATE <br>\r\n\r\n            <span>COLLOQUIUM 2026<\/span>\r\n\r\n        <\/h1>\r\n\r\n\r\n        <div class=\"theme\">\r\n\r\n            <strong>Theme:<\/strong><br>\r\n\r\n            \"Transformative Research for Ummatic Excellence\"\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"event-details\">\r\n\r\n\r\n            <div class=\"detail-item\">\r\n\r\n                <strong>DATE<\/strong>\r\n\r\n                <span>\r\n                    12 October 2026\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"detail-item\">\r\n\r\n                <strong>TIME<\/strong>\r\n\r\n                <span>\r\n                    8:00 AM \u2013 5:00 PM\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"detail-item\">\r\n\r\n                <strong>VENUE<\/strong>\r\n\r\n                <span>\r\n                    BCIC Lodge, Kuantan\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ORGANIZER -->\r\n\r\n        <div class=\"bottom-organizer-bar\">\r\n\r\n\r\n            <div class=\"org-block\">\r\n\r\n                Organizer:\r\n\r\n                <strong>\r\n                    Centre for Postgraduate Studies (CPS), IIUM\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"org-divider\"><\/div>\r\n\r\n\r\n            <div class=\"org-block\">\r\n\r\n                Co-Organizer:\r\n\r\n                <span>\r\n                    Kulliyyah of Dentistry (KOD), IIUM\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- RIGHT -->\r\n\r\n    <div class=\"right-content\">\r\n\r\n\r\n        <!-- COUNTDOWN -->\r\n\r\n        <div class=\"countdown-container\">\r\n\r\n\r\n            <div class=\"countdown-title\">\r\n\r\n                COUNTDOWN TO EVENT\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"countdown\">\r\n\r\n\r\n                <div class=\"box\">\r\n\r\n                    <h2 id=\"months\">\r\n                        00\r\n                    <\/h2>\r\n\r\n                    <span>\r\n                        Months\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"box\">\r\n\r\n                    <h2 id=\"days\">\r\n                        00\r\n                    <\/h2>\r\n\r\n                    <span>\r\n                        Days\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"box\">\r\n\r\n                    <h2 id=\"hours\">\r\n                        00\r\n                    <\/h2>\r\n\r\n                    <span>\r\n                        Hours\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"box\">\r\n\r\n                    <h2 id=\"minutes\">\r\n                        00\r\n                    <\/h2>\r\n\r\n                    <span>\r\n                        Minutes\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"box\">\r\n\r\n                    <h2 id=\"seconds\">\r\n                        00\r\n                    <\/h2>\r\n\r\n                    <span>\r\n                        Seconds\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- PAGE VIEWS -->\r\n\r\n        <div class=\"traffic-pill-badge\">\r\n\r\n\r\n            <div class=\"stat-dot\"><\/div>\r\n\r\n\r\n            <span class=\"badge-label\">\r\n\r\n                Page Views:\r\n\r\n            <\/span>\r\n\r\n\r\n            <div class=\"badge-counter-img\">\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/www.freecounterstat.com\"\r\n                    title=\"page counter\"\r\n                    target=\"_blank\"\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/counter8.optistats.ovh\/private\/freecounterstat.php?c=89fegw8m8k6sh33hwywhay3msc51yffy&init=00000\"\r\n                        border=\"0\"\r\n                        title=\"page counter\"\r\n                        alt=\"page counter\"\r\n                    >\r\n\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     COUNTDOWN JAVASCRIPT\r\n========================================================= -->\r\n\r\n<script>\r\n\r\nconst eventDate =\r\n    new Date(\r\n        \"October 12, 2026 08:00:00\"\r\n    ).getTime();\r\n\r\n\r\nfunction updateCountdown(){\r\n\r\n    const now =\r\n        new Date().getTime();\r\n\r\n    const distance =\r\n        eventDate - now;\r\n\r\n\r\n    if(distance < 0){\r\n\r\n        document.getElementById(\"months\").innerHTML = \"00\";\r\n\r\n        document.getElementById(\"days\").innerHTML = \"00\";\r\n\r\n        document.getElementById(\"hours\").innerHTML = \"00\";\r\n\r\n        document.getElementById(\"minutes\").innerHTML = \"00\";\r\n\r\n        document.getElementById(\"seconds\").innerHTML = \"00\";\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    const totalDays =\r\n        Math.floor(\r\n            distance \/\r\n            (1000 * 60 * 60 * 24)\r\n        );\r\n\r\n\r\n    const months =\r\n        Math.floor(\r\n            totalDays \/ 30\r\n        );\r\n\r\n\r\n    const days =\r\n        totalDays % 30;\r\n\r\n\r\n    const hours =\r\n        Math.floor(\r\n            (\r\n                distance %\r\n                (1000 * 60 * 60 * 24)\r\n            ) \/\r\n            (1000 * 60 * 60)\r\n        );\r\n\r\n\r\n    const minutes =\r\n        Math.floor(\r\n            (\r\n                distance %\r\n                (1000 * 60)\r\n            ) \/\r\n            (1000 * 60)\r\n        );\r\n\r\n\r\n    const seconds =\r\n        Math.floor(\r\n            (\r\n                distance %\r\n                (1000 * 60)\r\n            ) \/\r\n            1000\r\n        );\r\n\r\n\r\n    document.getElementById(\"months\").innerHTML =\r\n        months.toString().padStart(2,'0');\r\n\r\n\r\n    document.getElementById(\"days\").innerHTML =\r\n        days.toString().padStart(2,'0');\r\n\r\n\r\n    document.getElementById(\"hours\").innerHTML =\r\n        hours.toString().padStart(2,'0');\r\n\r\n\r\n    document.getElementById(\"minutes\").innerHTML =\r\n        minutes.toString().padStart(2,'0');\r\n\r\n\r\n    document.getElementById(\"seconds\").innerHTML =\r\n        seconds.toString().padStart(2,'0');\r\n\r\n}\r\n\r\n\r\nsetInterval(\r\n    updateCountdown,\r\n    1000\r\n);\r\n\r\n\r\nupdateCountdown();\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n\r\n<\/html>\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>IIUM Postgraduate Colloquium 2026 IIUM POSTGRADUATE COLLOQUIUM 2026 Theme: &#8220;Transformative Research for Ummatic Excellence&#8221; 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 [&hellip;]<\/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":233,"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":1007,"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions\/1007"}],"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}]}}