{"id":743,"date":"2026-05-23T02:01:30","date_gmt":"2026-05-23T02:01:30","guid":{"rendered":"https:\/\/iicro-conference.org\/?page_id=743"},"modified":"2026-05-23T02:58:45","modified_gmt":"2026-05-23T02:58:45","slug":"home-new","status":"publish","type":"page","link":"https:\/\/iicro-conference.org\/","title":{"rendered":"Home new"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"743\" class=\"elementor elementor-743\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5fd9845 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5fd9845\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e2274d3\" data-id=\"e2274d3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fd61bc5 elementor-widget elementor-widget-html\" data-id=\"fd61bc5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>IICRO 2026 - International Interdisciplinary Conference<\/title>\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- Google Fonts: Playfair Display (Elegant Headings) & Inter (Clean Body) -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Phosphor Icons -->\n    <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\n\n    <!-- Tailwind Configuration -->\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                        serif: ['Playfair Display', 'serif'],\n                    },\n                    colors: {\n                        navy: {\n                            900: '#0a1128', \n                            800: '#121f3d', \n                            700: '#1c2e5a', \n                            600: '#27407a',\n                        },\n                        gold: {\n                            300: '#fde08b',\n                            400: '#fadd60',\n                            500: '#d4af37', \n                            600: '#aa8c2c',\n                            700: '#806921',\n                        }\n                    },\n                    backgroundImage: {\n                        'gradient-gold': 'linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7)',\n                        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <!-- Custom CSS for animations and specific styling -->\n    <style>\n        body {\n            background-color: #0a1128;\n            color: #e2e8f0;\n            overflow-x: hidden; \/* Mencegah horizontal scroll di mobile *\/\n            width: 100%;\n        }\n\n        .text-gold-gradient {\n            background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .border-gold-gradient {\n            border: 2px solid transparent;\n            border-image: linear-gradient(to right, #bf953f, #fcf6ba, #b38728) 1;\n        }\n\n        .bg-pattern {\n            background-image: radial-gradient(rgba(212, 175, 55, 0.1) 1px, transparent 1px);\n            background-size: 30px 30px; \/* Diperkecil agar lebih rapi di mobile *\/\n        }\n\n        .glow-circle {\n            position: absolute;\n            border-radius: 50%;\n            background: radial-gradient(circle, rgba(212,175,55,0.15) 0%, rgba(10,17,40,0) 70%);\n            z-index: -1;\n        }\n\n        .card-hover {\n            transition: all 0.4s ease;\n        }\n        .card-hover:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 15px 30px -10px rgba(0,0,0,0.5), 0 0 20px rgba(212,175,55,0.2);\n            border-color: #d4af37;\n        }\n\n        .btn-gold {\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n        .btn-gold::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n            transition: all 0.5s ease;\n        }\n        .btn-gold:hover::after {\n            left: 100%;\n        }\n        \n        \/* Utility class untuk memastikan gambar Elementor responsive *\/\n        img {\n            max-width: 100%;\n            height: auto;\n        }\n    <\/style>\n<\/head>\n<body class=\"antialiased w-full h-full m-0 p-0\">\n\n    <!-- Hero Section (Full Width, 100vh untuk desktop, 100svh untuk mobile) -->\n    <section class=\"relative w-full min-h-[100svh] flex items-center justify-center overflow-hidden bg-navy-900\">\n        <!-- Background Elements -->\n        <div class=\"absolute inset-0 w-full h-full bg-pattern opacity-30\"><\/div>\n        <!-- Responsif Glow Circles -->\n        <div class=\"glow-circle w-[300px] h-[300px] md:w-[600px] md:h-[600px] top-[-50px] left-[-100px] md:top-[-100px] md:left-[-200px]\"><\/div>\n        <div class=\"glow-circle w-[400px] h-[400px] md:w-[800px] md:h-[800px] bottom-[-100px] right-[-100px] md:bottom-[-200px] md:right-[-200px]\"><\/div>\n        \n        <!-- Overlay Dark Gradient -->\n        <div class=\"absolute inset-0 w-full h-full bg-gradient-to-b from-transparent via-navy-900\/80 to-navy-900 z-0\"><\/div>\n\n        <!-- Inner Container (Lebih lebar untuk resolusi besar max-w-[1440px]) -->\n        <div class=\"relative w-full z-10 max-w-[1440px] mx-auto px-4 sm:px-6 lg:px-8 text-center flex flex-col items-center py-20\">\n            \n            <div class=\"inline-flex items-center gap-2 px-3 py-1.5 md:px-4 md:py-2 rounded-full border border-gold-500\/30 bg-gold-500\/10 backdrop-blur-sm mb-6 md:mb-8\">\n                <i class=\"ph-fill ph-globe-hemisphere-west text-gold-400 text-sm md:text-base\"><\/i>\n                <span class=\"text-gold-300 text-xs md:text-sm font-medium tracking-wider uppercase\">Global Academic Network<\/span>\n            <\/div>\n\n            <!-- Font Responsif (Kecil di HP, Super Besar di Desktop) -->\n            <h1 class=\"text-4xl sm:text-5xl md:text-7xl lg:text-8xl font-serif font-bold text-white mb-4 md:mb-6 leading-tight\">\n                The <span class=\"text-gold-gradient\">IICRO<\/span> Series\n            <\/h1>\n            \n            <h2 class=\"text-lg sm:text-xl md:text-3xl font-light text-gray-300 mb-6 md:mb-8 max-w-4xl mx-auto leading-relaxed px-2\">\n                International Interdisciplinary Conference on Research Opportunities\n            <\/h2>\n            \n            <p class=\"text-base md:text-lg text-gray-400 mb-10 md:mb-12 max-w-2xl mx-auto px-4\">\n                Connecting brilliant minds across disciplines. Explore our history of fostering global collaboration and shaping the future through multidisciplinary innovation.\n            <\/p>\n\n            <div class=\"flex flex-col sm:flex-row gap-4 sm:gap-6 justify-center w-full px-4 sm:px-0\">\n               <a href=\"https:\/\/iicro-conference.org\/2026\/\" target=\"_blank\" class=\"btn-gold bg-gradient-gold text-navy-900 px-6 py-4 md:px-8 md:py-4 rounded-none font-bold text-base md:text-lg flex items-center justify-center gap-2 hover:shadow-[0_0_20px_rgba(212,175,55,0.4)] w-full sm:w-auto\">\n    <i class=\"ph-bold ph-calendar-star text-xl\"><\/i> View Conferences\n<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- About IICRO & CFP Section -->\n    <section id=\"about\" class=\"w-full py-16 md:py-24 bg-navy-800 relative\">\n        <div class=\"w-full max-w-[1440px] mx-auto px-4 sm:px-6 lg:px-8\">\n            <!-- Grid Responsif (1 Kolom HP, 2 Kolom Desktop) -->\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n                <!-- Text Area -->\n                <div class=\"order-2 lg:order-1 text-center lg:text-left\">\n                    <h3 class=\"text-gold-500 font-medium tracking-widest uppercase mb-2 text-sm md:text-base\">Our Legacy<\/h3>\n                    <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-serif font-bold text-white mb-6 leading-tight\">\n                        A Continuing Hub for <br class=\"hidden sm:block\"><span class=\"text-gold-gradient\">Research Excellence<\/span>\n                    <\/h2>\n                    <p class=\"text-gray-300 leading-relaxed mb-6 text-base md:text-lg\">\n                        Since its inception, IICRO has served as a premier interdisciplinary platform for researchers, practitioners, and educators worldwide to present and discuss the most recent innovations and trends across various fields.\n                    <\/p>\n                    <p class=\"text-gray-400 leading-relaxed mb-8 text-sm md:text-base\">\n                        Our overarching mission is to break down academic silos and foster collaborative networks that drive meaningful progress in science, technology, humanities, and social sciences globally. Every edition of IICRO builds upon the success of the last, creating a growing archive of impactful knowledge.\n                    <\/p>\n                    <div class=\"grid grid-cols-2 gap-4 md:gap-6 mt-8 border-t border-white\/10 pt-8\">\n                        <div>\n                            <h4 class=\"text-2xl md:text-3xl font-bold text-gold-500 mb-1\">500+<\/h4>\n                            <p class=\"text-gray-400 text-xs md:text-sm\">Published Papers<\/p>\n                        <\/div>\n                        <div>\n                            <h4 class=\"text-2xl md:text-3xl font-bold text-gold-500 mb-1\">45+<\/h4>\n                            <p class=\"text-gray-400 text-xs md:text-sm\">Participating Countries<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Poster Area -->\n                <div class=\"order-1 lg:order-2 relative w-full max-w-[500px] lg:max-w-none mx-auto\">\n                    <!-- Shadow Box (Disesuaikan responsif agar tidak keluar layar di HP) -->\n                    <div class=\"absolute inset-0 bg-gold-500 transform translate-x-3 translate-y-3 sm:translate-x-4 sm:translate-y-4 opacity-20 border border-gold-500\"><\/div>\n                    \n                    <div class=\"relative z-10 bg-navy-900 border border-gold-500\/50 p-2 shadow-2xl\">\n                        <div class=\"absolute -top-3 -right-3 sm:-top-4 sm:-right-4 bg-gradient-gold text-navy-900 font-bold px-3 py-1 sm:px-4 sm:py-1 text-xs sm:text-sm shadow-lg rotate-3 z-20\">\n                            CALL FOR PAPERS\n                        <\/div>\n                        <a href=\"https:\/\/drive.google.com\/file\/d\/13ZU7dAyN3mK7DTIFAlyHmPGXUOJ-qJek\/view\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block overflow-hidden group relative w-full\">\n                            <img decoding=\"async\" src=\"https:\/\/iicro-conference.org\/wp-content\/uploads\/2026\/05\/CFP-IICRO-v1-2-scaled.jpg\" alt=\"IICRO Call for Papers\" class=\"w-full h-auto object-cover border border-white\/10 group-hover:scale-105 transition-transform duration-700\">\n                            \n                            <!-- Interactive Overlay on Hover -->\n                            <div class=\"absolute inset-0 bg-navy-900\/80 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center backdrop-blur-[2px] p-4\">\n                                <span class=\"btn-gold bg-gradient-gold text-navy-900 px-4 py-3 sm:px-6 sm:py-3 font-bold flex items-center justify-center gap-2 shadow-[0_0_15px_rgba(212,175,55,0.5)] text-center w-full max-w-[250px] text-sm sm:text-base\">\n                                    View Details <i class=\"ph-bold ph-arrow-square-out text-lg hidden sm:inline-block\"><\/i>\n                                <\/span>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- The Conferences Directory -->\n    <section id=\"conferences\" class=\"w-full py-16 md:py-24 bg-navy-900 relative border-t border-white\/5\">\n        <div class=\"w-full max-w-[1440px] mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto mb-12 md:mb-16\">\n                <h3 class=\"text-gold-500 font-medium tracking-widest uppercase mb-2 text-sm md:text-base\">Conference Directory<\/h3>\n                <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-serif font-bold text-white mb-4 md:mb-6\">Explore Our <span class=\"text-gold-gradient\">Editions<\/span><\/h2>\n                <p class=\"text-gray-400 text-base md:text-lg px-2\">Navigate to the official websites of our upcoming and past conferences to access proceedings, schedules, and specific event details.<\/p>\n            <\/div>\n\n            <!-- Highlight: 2026 Upcoming Edition (Full Width Card) -->\n            <div class=\"mb-12 md:mb-16 w-full\">\n                <div class=\"relative bg-navy-800 border-2 border-gold-500 overflow-hidden group w-full rounded-sm\">\n                    <div class=\"absolute inset-0 w-full h-full bg-pattern opacity-20\"><\/div>\n                    <div class=\"absolute inset-0 w-full h-full bg-gradient-to-r from-navy-900 via-navy-900\/95 to-navy-900\/80 z-0\"><\/div>\n                    \n                    <div class=\"relative z-10 p-6 sm:p-8 md:p-12 lg:p-16 flex flex-col md:flex-row items-center justify-between w-full\">\n                        <div class=\"mb-8 md:mb-0 max-w-2xl text-center md:text-left w-full\">\n                            <span class=\"inline-block px-3 py-1 bg-gold-500 text-navy-900 font-bold text-[10px] sm:text-xs tracking-widest uppercase mb-4 animate-pulse\">Current \/ Upcoming<\/span>\n                            <h3 class=\"text-3xl sm:text-4xl md:text-5xl font-serif font-bold text-white mb-3 md:mb-4\">IICRO 2026<\/h3>\n                            <p class=\"text-gray-300 text-base md:text-lg mb-6 md:mb-8\">Join us for the next evolution of interdisciplinary research. Submissions are now open for the 2026 edition.<\/p>\n                            \n                            <a href=\"https:\/\/iicro-conference.org\/2026\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-gold bg-gradient-gold text-navy-900 px-6 py-3 md:px-8 md:py-4 inline-flex items-center justify-center gap-2 font-bold uppercase tracking-wider text-xs md:text-sm hover:shadow-[0_0_20px_rgba(212,175,55,0.4)] w-full sm:w-auto\">\n                                Visit 2026 Official Website <i class=\"ph-bold ph-arrow-square-out text-base md:text-lg\"><\/i>\n                            <\/a>\n                        <\/div>\n                        <div class=\"hidden md:flex justify-end items-center flex-shrink-0 pl-8\">\n                            <i class=\"ph-light ph-rocket-launch text-8xl lg:text-9xl text-gold-500\/20 transform group-hover:scale-110 group-hover:-translate-y-2 transition-all duration-500\"><\/i>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Past Editions Grid (1 Column HP, 2 Tablet, 3 Desktop) -->\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8 w-full\">\n                <!-- 2024 -->\n                <div class=\"card-hover bg-navy-800 border border-white\/10 overflow-hidden flex flex-col w-full rounded-sm\">\n                    <div class=\"p-6 md:p-8 flex-grow\">\n                        <h4 class=\"text-2xl md:text-3xl font-serif font-bold text-white mb-2\">IICRO 2024<\/h4>\n                        <div class=\"w-10 md:w-12 h-1 bg-gold-500 mb-4\"><\/div>\n                        <p class=\"text-gray-400 text-xs md:text-sm mb-4 md:mb-6\">Access the proceedings, keynote highlights, and photo galleries from our successful 2024 gathering.<\/p>\n                    <\/div>\n                    <div class=\"border-t border-white\/5 mt-auto\">\n                        <a href=\"https:\/\/iicro-conference.org\/2024\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block w-full text-center py-3 md:py-4 text-gold-400 font-semibold hover:bg-gold-500 hover:text-navy-900 transition-colors flex items-center justify-center gap-2 text-sm md:text-base\">\n                            Access 2024 Archive <i class=\"ph-bold ph-arrow-right\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- 2023 -->\n                <div class=\"card-hover bg-navy-800 border border-white\/10 overflow-hidden flex flex-col w-full rounded-sm\">\n                    <div class=\"p-6 md:p-8 flex-grow\">\n                        <h4 class=\"text-2xl md:text-3xl font-serif font-bold text-white mb-2\">IICRO 2023<\/h4>\n                        <div class=\"w-10 md:w-12 h-1 bg-gold-500 mb-4\"><\/div>\n                        <p class=\"text-gray-400 text-xs md:text-sm mb-4 md:mb-6\">Review the research publications and interdisciplinary discussions that shaped our 2023 event.<\/p>\n                    <\/div>\n                    <div class=\"border-t border-white\/5 mt-auto\">\n                        <a href=\"https:\/\/iicro-conference.org\/2023\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block w-full text-center py-3 md:py-4 text-gold-400 font-semibold hover:bg-gold-500 hover:text-navy-900 transition-colors flex items-center justify-center gap-2 text-sm md:text-base\">\n                            Access 2023 Archive <i class=\"ph-bold ph-arrow-right\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- 2022 -->\n                <div class=\"card-hover bg-navy-800 border border-white\/10 overflow-hidden flex flex-col w-full rounded-sm sm:col-span-2 lg:col-span-1\">\n                    <div class=\"p-6 md:p-8 flex-grow\">\n                        <h4 class=\"text-2xl md:text-3xl font-serif font-bold text-white mb-2\">IICRO 2022<\/h4>\n                        <div class=\"w-10 md:w-12 h-1 bg-gold-500 mb-4\"><\/div>\n                        <p class=\"text-gray-400 text-xs md:text-sm mb-4 md:mb-6\">Explore the foundational papers and inaugural themes from the IICRO 2022 conference.<\/p>\n                    <\/div>\n                    <div class=\"border-t border-white\/5 mt-auto\">\n                        <a href=\"https:\/\/iicro-conference.org\/2022\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block w-full text-center py-3 md:py-4 text-gold-400 font-semibold hover:bg-gold-500 hover:text-navy-900 transition-colors flex items-center justify-center gap-2 text-sm md:text-base\">\n                            Access 2022 Archive <i class=\"ph-bold ph-arrow-right\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"w-full bg-navy-900 pt-10 pb-6 border-t border-white\/10 text-gray-400\">\n        <div class=\"w-full max-w-[1440px] mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-center items-center text-sm md:text-base text-gray-400 text-center\">\n                <p>Made with <span class=\"text-red-500\">&hearts;<\/span> Alphabet Incubator<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IICRO 2026 &#8211; International Interdisciplinary Conference Global Academic Network The IICRO Series International Interdisciplinary Conference on Research Opportunities Connecting brilliant minds across disciplines. Explore our history of fostering global collaboration and shaping the future through multidisciplinary innovation. View Conferences Our Legacy A Continuing Hub for Research Excellence Since its inception, IICRO has served as a &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/iicro-conference.org\/\"> <span class=\"screen-reader-text\">Home new<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-743","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iicro-conference.org\/index.php?rest_route=\/wp\/v2\/pages\/743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iicro-conference.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iicro-conference.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iicro-conference.org\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/iicro-conference.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=743"}],"version-history":[{"count":7,"href":"https:\/\/iicro-conference.org\/index.php?rest_route=\/wp\/v2\/pages\/743\/revisions"}],"predecessor-version":[{"id":750,"href":"https:\/\/iicro-conference.org\/index.php?rest_route=\/wp\/v2\/pages\/743\/revisions\/750"}],"wp:attachment":[{"href":"https:\/\/iicro-conference.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}