{"id":74,"date":"2025-08-23T12:19:51","date_gmt":"2025-08-23T12:19:51","guid":{"rendered":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/?page_id=74"},"modified":"2026-06-09T08:06:26","modified_gmt":"2026-06-09T08:06:26","slug":"speaker","status":"publish","type":"page","link":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/?page_id=74","title":{"rendered":"Template"},"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\nIPC 2026 | Submission Templates<\/title>\r\n\r\n<!-- Memasukkan font Poppins dan FontAwesome untuk ikon butang yang lebih cantik -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* PENETAPAN DIKEMAS KINI: Tema Emerald & Gold *\/\r\n:root {\r\n --primary: #064e3b; \/* Hijau Emerald Utama *\/\r\n --primary-dark: #043427; \/* Hijau Emerald Gelap *\/\r\n --gold: #d4af37; \/* Emas Terang *\/\r\n --gold-dark: #b59429; \/* Emas Gelap *\/\r\n --gold-light: #fdfae6; \/* Emas Lembut *\/\r\n --text-dark: #0f172a; \/* Slate Gelap *\/\r\n --text-muted: #475569; \/* Kelabu Korporat *\/\r\n}\r\n\r\n\/* RESET *\/\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n font-family:'Poppins', sans-serif;\r\n}\r\n\r\nbody{\r\n background:#f4f7f5; \r\n color: var(--text-dark);\r\n overflow-x:hidden;\r\n position: relative;\r\n}\r\n\r\n\/* ANTI-KOSONG: Corak Grid Halus pada Latar Belakang *\/\r\nbody::before {\r\n content: \"\";\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: \r\n linear-gradient(rgba(6, 78, 59, 0.02) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(6, 78, 59, 0.02) 1px, transparent 1px);\r\n background-size: 30px 30px;\r\n z-index: -2;\r\n}\r\n\r\n\/* SOFT IIUM GLOW BACKGROUND - Pencahayaan Sudut *\/\r\n.glow-1 {\r\n position: fixed;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(6, 78, 59, 0.14), transparent 65%);\r\n top: -200px;\r\n left: -200px;\r\n z-index: -1;\r\n filter: blur(20px);\r\n}\r\n\r\n.glow-2 {\r\n position: fixed;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(212, 175, 55, 0.12), transparent 65%);\r\n bottom: -150px;\r\n right: -150px;\r\n z-index: -1;\r\n filter: blur(20px);\r\n}\r\n\r\n\/* HERO SECTION *\/\r\n.hero{\r\n text-align:center;\r\n padding:90px 20px 65px;\r\n background: linear-gradient(135deg, #ffffff, #edf4f1);\r\n border-bottom: 1px solid rgba(6, 78, 59, 0.08);\r\n position: relative;\r\n}\r\n\r\n\/* Garis Hiasan Premium di bawah Tajuk *\/\r\n.hero::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -2px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 100px;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--primary), var(--gold));\r\n border-radius: 10px;\r\n}\r\n\r\n.hero h1{\r\n font-size:26px; \r\n font-weight:800;\r\n color: var(--primary); \r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.hero p{\r\n margin-top:10px;\r\n color: var(--gold-dark);\r\n font-size:14px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 3px;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n.container{\r\n display:flex;\r\n justify-content:center;\r\n flex-wrap:wrap;\r\n gap:45px;\r\n padding:80px 20px;\r\n}\r\n\r\n\/* ELITE CARD *\/\r\n.card{\r\n width:400px;\r\n background: rgba(255, 255, 255, 0.90);\r\n backdrop-filter: blur(16px);\r\n border: 1px solid rgba(6, 78, 59, 0.12);\r\n border-bottom: 5px solid var(--gold-dark); \r\n border-radius:24px;\r\n padding:40px 35px;\r\n position:relative;\r\n box-shadow:\r\n 0 15px 35px rgba(6, 78, 59, 0.03),\r\n 0 5px 15px rgba(0, 0, 0, 0.02),\r\n inset 0 1px 0 rgba(255, 255, 255, 0.8);\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n}\r\n\r\n\/* Simbol Airmark Abstrak di dalam Kad (Mencegah Kekosongan) *\/\r\n.card::after {\r\n content: \"\\f019\"; \/* Kod ikon download FontAwesome *\/\r\n font-family: \"Font Awesome 6 Free\";\r\n font-weight: 900;\r\n position: absolute;\r\n bottom: 80px;\r\n right: 25px;\r\n font-size: 90px;\r\n color: rgba(6, 78, 59, 0.03);\r\n pointer-events: none;\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.card:hover::after {\r\n color: rgba(212, 175, 55, 0.06);\r\n transform: scale(1.1) rotate(-10deg);\r\n}\r\n\r\n.card:hover{\r\n transform: translateY(-12px);\r\n border-bottom-color: var(--primary); \r\n box-shadow: 0 30px 60px rgba(6, 78, 59, 0.12);\r\n}\r\n\r\n\/* BADGE *\/\r\n.badge{\r\n display:inline-block;\r\n padding:6px 18px;\r\n font-size:11px;\r\n border-radius:999px;\r\n background: var(--gold-light);\r\n color: var(--gold-dark);\r\n font-weight:700;\r\n border:1px solid rgba(212, 175, 55, 0.4);\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.card:hover .badge {\r\n background: var(--primary-light);\r\n color: var(--primary);\r\n border-color: rgba(6, 78, 59, 0.3);\r\n}\r\n\r\n\/* ICON WRAPPER *\/\r\n.icon-box{\r\n width:72px;\r\n height:72px;\r\n margin:25px 0;\r\n border-radius:20px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background: linear-gradient(135deg, rgba(6, 78, 59, 0.08), rgba(212, 175, 55, 0.05));\r\n border:1px solid rgba(6, 78, 59, 0.15);\r\n position: relative;\r\n transition: 0.3s;\r\n}\r\n\r\n.card:hover .icon-box {\r\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\r\n}\r\n\r\n\/* SVG ICON *\/\r\n.icon-box svg{\r\n width:32px;\r\n height:32px;\r\n stroke: var(--primary);\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.card:hover .icon-box svg {\r\n stroke: #ffffff;\r\n transform: scale(1.05);\r\n}\r\n\r\n\/* TITLE *\/\r\n.card h3{\r\n font-size:21px;\r\n font-weight:700;\r\n color: var(--text-dark);\r\n margin-bottom:12px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.card p{\r\n font-size:14px;\r\n color: var(--text-muted);\r\n line-height:1.8;\r\n margin-bottom:30px;\r\n height: 75px; \r\n}\r\n\r\n\/* BUTTON (ELITE SHINE) *\/\r\n.btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:12px;\r\n width: 100%; \r\n padding:15px 20px;\r\n border-radius:16px;\r\n text-decoration:none;\r\n font-size:15px;\r\n font-weight:600;\r\n color:#fff;\r\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\r\n position:relative;\r\n overflow:hidden;\r\n box-shadow: 0 8px 25px rgba(6, 78, 59, 0.2);\r\n transition: all 0.3s ease;\r\n z-index: 1;\r\n}\r\n\r\n\/* Shine effect animation *\/\r\n.btn::after{\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n left:-100%;\r\n width:60%;\r\n height:100%;\r\n background: rgba(255,255,255,0.25);\r\n transform: skewX(-20deg);\r\n}\r\n\r\n.btn:hover::after{\r\n animation: shine 0.9s ease;\r\n}\r\n\r\n@keyframes shine{\r\n 0%{ left:-100%; }\r\n 100%{ left:200%; }\r\n}\r\n\r\n.btn:hover{\r\n background: linear-gradient(135deg, var(--primary-dark), #03251b);\r\n box-shadow: 0 15px 30px rgba(6, 78, 59, 0.35);\r\n transform: translateY(-3px);\r\n}\r\n\r\n\/* Animasi Floating Ringkas Pada Ikon Butang Muat Turun *\/\r\n.btn i {\r\n font-size: 16px;\r\n animation: miniFloat 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes miniFloat {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-3px); }\r\n}\r\n\r\n\/* FOOTER *\/\r\n.footer{\r\n text-align:center;\r\n padding:40px 20px 60px;\r\n font-size:13px;\r\n color: var(--text-muted);\r\n font-weight: 500;\r\n position: relative;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:768px){\r\n .card{\r\n width:100%;\r\n max-width: 380px;\r\n }\r\n .hero h1{\r\n font-size:22px; \r\n }\r\n .card p {\r\n height: auto; \r\n margin-bottom: 25px;\r\n }\r\n .card::after {\r\n display: none; \/* Padam watermark pada skrin telefon untuk elakkan semak *\/\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- Elemen Pencahayaan Latar Belakang -->\r\n<div class=\"glow-1\"><\/div>\r\n<div class=\"glow-2\"><\/div>\r\n\r\n<!-- Header \/ Hero Section -->\r\n<div class=\"hero\">\r\n <h1>IIUM POSTGRADUATE COLLOQUIUM 2026<\/h1>\r\n <p>Submission Templates<\/p>\r\n<\/div>\r\n\r\n<!-- Main Cards Container -->\r\n<div class=\"container\">\r\n\r\n <!-- TEMPLATE 1: EXTENDED ABSTRACT -->\r\n <div class=\"card\">\r\n <div class=\"badge\">Extended Abstract<\/div>\r\n\r\n <div class=\"icon-box\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path d=\"M7 3h7l5 5v13a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z\"\/>\r\n <path d=\"M14 3v5h5\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3>Extended Abstract Template<\/h3>\r\n <p>\r\n Official IPC 2026 format for research abstract submission. Ensure compliance with CPS IIUM guidelines before submission.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/docs.google.com\/document\/d\/1CPrBgYnRnkKniTC-J68biLalldIxKKIz\/edit?usp=sharing&ouid=111718152555876679627&rtpof=true&sd=true\" class=\"btn\" download>\r\n <i class=\"fa-solid fa-file-word\"><\/i> Download DOCX\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- TEMPLATE 2: PRESENTATION SLIDES -->\r\n <div class=\"card\">\r\n <div class=\"badge\">Presentation Slides<\/div>\r\n\r\n <div class=\"icon-box\">\r\n <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n <path d=\"M4 4h16v10H4z\"\/>\r\n <path d=\"M8 20l4-4 4 4\"\/>\r\n <path d=\"M12 14v6\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3>Slide Presentation Template<\/h3>\r\n <p>\r\n Official PowerPoint template for oral presentation sessions. Formatted nicely to maintain IIUM branding consistency.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/docs.google.com\/presentation\/d\/1WU049puJuUgqcsW-uYQmdy61GQBST9I0\/edit?usp=sharing&ouid=111718152555876679627&rtpof=true&sd=true\" class=\"btn\" download>\r\n <i class=\"fa-solid fa-file-powerpoint\"><\/i> Download PPTX\r\n <\/a>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Footer Section -->\r\n<div class=\"footer\">\r\n \u00a9 2026 IIUM Postgraduate Colloquium | Centre for Postgraduate Studies (CPS)\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IPC 2026 | Submission Templates IIUM POSTGRADUATE COLLOQUIUM 2026 Submission Templates Extended Abstract Extended Abstract Template Official IPC 2026 format for research abstract submission. Ensure compliance with CPS IIUM guidelines before submission. Download DOCX Presentation Slides Slide Presentation Template Official PowerPoint template for oral presentation sessions. Formatted nicely to maintain […]<\/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-74","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages\/74","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=74"}],"version-history":[{"count":48,"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":902,"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=\/wp\/v2\/pages\/74\/revisions\/902"}],"wp:attachment":[{"href":"https:\/\/conference.iium.edu.my\/iiumpgcolloquium\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}