{"id":76,"date":"2025-08-23T12:20:10","date_gmt":"2025-08-23T12:20:10","guid":{"rendered":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/?page_id=76"},"modified":"2026-06-09T08:18:01","modified_gmt":"2026-06-09T08:18:01","slug":"committee","status":"publish","type":"page","link":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/?page_id=76","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"76\" class=\"elementor elementor-76\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b106880 e-flex e-con-boxed e-con e-parent\" data-id=\"b106880\" 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-35140a5 elementor-widget elementor-widget-html\" data-id=\"35140a5\" 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    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Contact Us - Postgraduate Colloquium<\/title>\r\n    \r\n    <!-- \ud83c\udf1f FONT POPPINS DARI GOOGLE FONTS -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* \ud83c\udfa8 TEMA WARNA BAHARU: EMERALD & GOLD COUTURE *\/\r\n        :root {\r\n            --primary: #064e3b;          \/* Deep Emerald *\/\r\n            --primary-light: #ecfdf5;    \/* Light Emerald Tint *\/\r\n            --accent-gold: #b45309;      \/* Warm Amber\/Gold *\/\r\n            --accent-gold-light: #fef3c7;\/* Light Gold Tint *\/\r\n            --accent-teal: #0f766e;      \/* Modern Teal *\/\r\n            --accent-teal-light: #ccfbf1;\/* Light Teal Tint *\/\r\n            --text-dark: #0f172a;        \/* Dark Slate for Text *\/\r\n            --text-muted: #475569;       \r\n            --border-color: #e2e8f0;\r\n            --bg-body: #f4f7f5;          \/* Off-White Emerald Background *\/\r\n        }\r\n\r\n        body {\r\n            font-family: 'Poppins', system-ui, -apple-system, sans-serif;\r\n            background-color: var(--bg-body);\r\n            margin: 0;\r\n            padding: 40px 15px;\r\n        }\r\n\r\n        .contact-container {\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            padding: 40px 30px;\r\n            background-color: #ffffff;\r\n            border-radius: 16px;\r\n            box-shadow: 0 10px 30px -10px rgba(6, 78, 59, 0.05);\r\n            border: 1px solid var(--border-color);\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .contact-header {\r\n            text-align: center;\r\n            margin-bottom: 45px;\r\n        }\r\n\r\n        .contact-header h2 {\r\n            color: var(--primary) !important;\r\n            font-size: 3rem;\r\n            margin: 0 0 15px 0;\r\n            font-weight: 800;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .contact-header .decorator-line {\r\n            width: 90px;\r\n            height: 6px;\r\n            background: linear-gradient(90deg, var(--accent-gold), var(--primary));\r\n            margin: 0 auto 20px auto;\r\n            border-radius: 10px;\r\n        }\r\n\r\n        .contact-header p {\r\n            color: var(--text-muted);\r\n            font-size: 1.5rem;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            line-height: 1.7;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .contact-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        @media (min-width: 992px) {\r\n            .contact-grid { grid-template-columns: repeat(3, 1fr); }\r\n        }\r\n\r\n        .contact-card {\r\n            background: #ffffff;\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 16px;\r\n            padding: 40px 30px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            box-shadow: 0 4px 6px -1px rgba(0,0,0,0.01);\r\n            transition: all 0.25s ease;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .contact-card:hover {\r\n            transform: translateY(-6px);\r\n            box-shadow: 0 20px 40px -15px rgba(6, 78, 59, 0.15);\r\n            border-color: #cbd5e1;\r\n        }\r\n\r\n        \/* Border atas mengikut warna kategori *\/\r\n        .email-card { border-top: 6px solid var(--accent-teal); }\r\n        .phone-card { border-top: 6px solid var(--accent-gold); }\r\n        .office-card { border-top: 6px solid var(--primary); }\r\n\r\n        .contact-icon-wrapper {\r\n            width: 70px;\r\n            height: 70px;\r\n            border-radius: 50px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 22px;\r\n        }\r\n\r\n        .email-card .contact-icon-wrapper { background-color: var(--accent-teal-light); }\r\n        .phone-card .contact-icon-wrapper { background-color: var(--accent-gold-light); }\r\n        .office-card .contact-icon-wrapper { background-color: var(--primary-light); }\r\n\r\n        .contact-icon-wrapper svg {\r\n            width: 32px;\r\n            height: 32px;\r\n        }\r\n\r\n        .email-card .contact-icon-wrapper svg { fill: var(--accent-teal); }\r\n        .phone-card .contact-icon-wrapper svg { fill: var(--accent-gold); }\r\n        .office-card .contact-icon-wrapper svg { fill: var(--primary); }\r\n\r\n        .contact-card h3 {\r\n            font-size: 1.8rem; \r\n            color: var(--text-dark);\r\n            margin: 0 0 15px 0;\r\n            font-weight: 700;\r\n            letter-spacing: -0.01em;\r\n        }\r\n\r\n        .contact-desc {\r\n            font-size: 1.3rem; \r\n            color: var(--text-muted);\r\n            line-height: 1.6;\r\n            margin: 0 0 25px 0;\r\n            flex-grow: 1;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .contact-action-btn {\r\n            display: inline-block;\r\n            padding: 16px 20px;\r\n            font-weight: 700;\r\n            text-decoration: none;\r\n            border-radius: 10px;\r\n            transition: all 0.2s ease;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* \u2709\ufe0f TOMBOL EMEL (TEAL) *\/\r\n        .email-btn {\r\n            background-color: var(--accent-teal-light);\r\n            color: var(--accent-teal);\r\n            border: 1px solid rgba(15, 118, 110, 0.25);\r\n            font-size: 1.4rem; \r\n            letter-spacing: -0.01em;\r\n            word-break: break-all;\r\n        }\r\n\r\n        .email-btn:hover {\r\n            background-color: var(--accent-teal);\r\n            color: white;\r\n        }\r\n\r\n        .phone-numbers {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            width: 100%;\r\n            gap: 12px;\r\n        }\r\n\r\n        \/* \ud83d\udcde TOMBOL TELEFON (GOLD) *\/\r\n        .phone-btn {\r\n            background-color: var(--accent-gold-light);\r\n            color: var(--accent-gold);\r\n            border: 1px solid rgba(180, 83, 9, 0.25);\r\n            font-size: 1.6rem; \r\n            letter-spacing: 0.02em;\r\n        }\r\n\r\n        .phone-btn:hover {\r\n            background-color: var(--accent-gold);\r\n            color: white;\r\n        }\r\n\r\n        .phone-divider {\r\n            font-size: 1.1rem;\r\n            font-weight: 800;\r\n            color: #94a3b8;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* \ud83d\udccd LENCANA ALAMAT (EMERALD) *\/\r\n        .location-badge {\r\n            font-size: 1.4rem; \r\n            font-weight: 700;\r\n            background-color: var(--primary-light);\r\n            color: var(--primary);\r\n            padding: 16px 20px;\r\n            border-radius: 10px;\r\n            border: 1px solid rgba(6, 78, 59, 0.15);\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n            display: inline-block;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .contact-header h2 { font-size: 2.4rem; }\r\n            .contact-header p { font-size: 1.25rem; }\r\n            .contact-card h3 { font-size: 1.5rem; }\r\n            .contact-desc { font-size: 1.15rem; }\r\n            .email-btn { font-size: 1.1rem; }\r\n            .phone-btn { font-size: 1.3rem; }\r\n            .location-badge { font-size: 1.2rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"contact-container\">\r\n    <div class=\"contact-header\">\r\n        <h2>Contact Us<\/h2>\r\n        <div class=\"decorator-line\"><\/div>\r\n        <p>Have any questions regarding the colloquium, registration, or submissions? Reach out to our organizing team and we will assist you as soon as possible.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"contact-grid\">\r\n        <!-- KAD EMEL -->\r\n        <div class=\"contact-card email-card\">\r\n            <div class=\"contact-icon-wrapper\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Email Support<\/h3>\r\n            <p class=\"contact-desc\">The best way to reach us for general enquiries, paper guidelines, or technical submission assistance.<\/p>\r\n            <a href=\"mailto:pgcolloquium_cps@iium.edu.my\" class=\"contact-action-btn email-btn\">pgcolloquium_cps@iium.edu.my<\/a>\r\n        <\/div>\r\n\r\n        <!-- KAD TELEFON -->\r\n        <div class=\"contact-card phone-card\">\r\n            <div class=\"contact-icon-wrapper\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Phone Helpline<\/h3>\r\n            <p class=\"contact-desc\">Available during working hours (Monday to Friday, 8:00 AM \u2013 5:00 PM) for urgent structural or system inquiries.<\/p>\r\n            <div class=\"phone-numbers\">\r\n                <a href=\"tel:09-5704303\" class=\"contact-action-btn phone-btn\">09-570 4303<\/a>\r\n                <span class=\"phone-divider\">or<\/span>\r\n                <a href=\"tel:09-5704302\" class=\"contact-action-btn phone-btn\">09-570 4302<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- KAD ALAMAT -->\r\n        <div class=\"contact-card office-card\">\r\n            <div class=\"contact-icon-wrapper\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Mailing Address<\/h3>\r\n            <p class=\"contact-desc\">Centre for Postgraduate Studies (CPS), International Islamic University Malaysia (IIUM).<\/p>\r\n            <span class=\"location-badge\">Kuantan Campus<\/span>\r\n        <\/div>\r\n    <\/div>\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-a9edfd2 e-flex e-con-boxed e-con e-parent\" data-id=\"a9edfd2\" 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>Contact Us &#8211; Postgraduate Colloquium Contact Us Have any questions regarding the colloquium, registration, or submissions? Reach out to our organizing team and we will assist you as soon as possible. Email Support The best way to reach us for general enquiries, paper guidelines, or technical submission assistance. pgcolloquium_cps@iium.edu.my Phone [&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-76","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages\/76","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=76"}],"version-history":[{"count":8,"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":906,"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions\/906"}],"wp:attachment":[{"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}