{"id":1887,"date":"2025-09-30T10:13:37","date_gmt":"2025-09-30T03:13:37","guid":{"rendered":"https:\/\/afindo.org\/email-marketing-services\/"},"modified":"2026-06-20T10:48:37","modified_gmt":"2026-06-20T03:48:37","slug":"email-marketing-services","status":"publish","type":"page","link":"https:\/\/afindo.org\/","title":{"rendered":"Afindo Front"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n AFINDO - Afiliasi Informatika Digital Indonesia<\/title>\n \n <meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'self' https:\/\/afindo.org https:\/\/apikbersatu.com; style-src 'self' 'unsafe-inline'; img-src 'self' data: https:\/\/afindo.org https:\/\/apikbersatu.com; script-src 'self' 'unsafe-inline'; frame-ancestors 'none';\">\n <meta http-equiv=\"X-Content-Type-Options\" content=\"nosniff\">\n <meta http-equiv=\"X-Frame-Options\" content=\"DENY\">\n <meta http-equiv=\"X-XSS-Protection\" content=\"1; mode=block\">\n <meta name=\"referrer\" content=\"strict-origin-when-cross-origin\">\n\n <style>\n \/* ==========================================================================\n ROMBAKAN FINAL: STABILISASI LAYOUT DENGAN JARAK AMAN PADDING MOBILE\n ========================================================================== *\/\n \n #afindo-lp-container {\n --bg-light: #E6EEF8;\n --pure-white: #ffffff;\n --nm-shadow: #b6c4d8;\n --nm-light: #ffffff;\n --primary-red: #D91A2A;\n --primary-red-hover: #B81120;\n --dark-blue: #1E40AF;\n --dark-blue-hover: #163393;\n --text-dark: #0F172A;\n --text-muted: #334155;\n \n --font-h1: clamp(22px, 5vw, 42px);\n --font-h2: clamp(18px, 4vw, 32px);\n --font-h3: clamp(14px, 3vw, 20px);\n --font-body: clamp(13px, 2.9vw, 16px);\n\n background-color: var(--bg-light) !important;\n color: var(--text-dark) !important;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n width: 100% !important;\n max-width: 100% !important;\n box-sizing: border-box !important;\n overflow-x: hidden !important;\n \n display: grid !important;\n grid-template-columns: 1fr !important;\n gap: clamp(12px, 3vw, 20px) !important;\n \n \/* PADDING HALAMAN GLOBAL AGAR TIDAK MEPET SISI LAYAR *\/\n padding: 0 16px 30px 16px !important;\n }\n\n #afindo-lp-container div, \n #afindo-lp-container section, \n #afindo-lp-container header, \n #afindo-lp-container footer, \n #afindo-lp-container nav, \n #afindo-lp-container a, \n #afindo-lp-container h1, \n #afindo-lp-container h2, \n #afindo-lp-container h3, \n #afindo-lp-container h4, \n #afindo-lp-container p, \n #afindo-lp-container ul, \n #afindo-lp-container li,\n #afindo-lp-container img {\n box-sizing: border-box !important;\n margin: 0;\n padding: 0;\n }\n\n \/* Khusus Header dilebarkan mengabaikan padding penampung agar full layar *\/\n #afindo-lp-container header {\n width: calc(100% + 32px) !important;\n margin-left: -16px !important;\n margin-right: -16px !important;\n background-color: var(--bg-light);\n position: sticky;\n top: 0;\n z-index: 1000;\n border-bottom: 1px solid rgba(255, 255, 255, 0.6);\n box-shadow: 0 4px 20px rgba(182, 196, 216, 0.4);\n }\n\n #afindo-lp-container .nav-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(8px, 2vw, 12px) 16px;\n }\n\n #afindo-lp-container .brand-logo-link {\n display: flex;\n align-items: center;\n gap: 10px;\n text-decoration: none;\n }\n\n #afindo-lp-container .logo-image-transparent {\n width: clamp(40px, 10vw, 65px) !important; \n height: auto !important;\n object-fit: contain;\n display: block;\n }\n\n #afindo-lp-container .brand-name {\n font-size: clamp(15px, 4vw, 24px);\n font-weight: 800;\n color: var(--dark-blue);\n letter-spacing: -0.5px;\n }\n\n #afindo-lp-container .nav-menu {\n display: flex;\n gap: clamp(6px, 1.5vw, 12px);\n list-style: none;\n align-items: center;\n }\n\n #afindo-lp-container .nav-link-custom {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: clamp(6px, 1.5vw, 10px) clamp(10px, 2vw, 18px);\n color: var(--text-muted);\n text-decoration: none;\n font-weight: 600;\n font-size: clamp(11px, 2.5vw, 14px);\n border-radius: 10px;\n box-shadow: 3px 3px 6px var(--nm-shadow), -3px -3px 6px var(--nm-light);\n transition: all 0.2s ease;\n background: var(--bg-light);\n border: 1px solid rgba(255, 255, 255, 0.5);\n }\n\n #afindo-lp-container .nav-link-custom svg {\n width: clamp(14px, 3vw, 18px);\n height: clamp(14px, 3vw, 18px);\n stroke: var(--text-muted);\n fill: none;\n }\n\n #afindo-lp-container .nav-link-custom:hover {\n color: var(--dark-blue);\n box-shadow: inset 2px 2px 5px var(--nm-shadow), inset -2px -2px 5px var(--nm-light);\n }\n\n #afindo-lp-container .btn-join-desktop {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: clamp(7px, 1.8vw, 11px) clamp(12px, 2.5vw, 22px);\n background-color: var(--dark-blue);\n color: var(--pure-white);\n text-decoration: none;\n font-weight: 700;\n font-size: clamp(11px, 2.5vw, 14px);\n border-radius: 10px;\n box-shadow: 3px 3px 6px var(--nm-shadow), -3px -3px 6px var(--nm-light);\n transition: all 0.2s ease;\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n \n #afindo-lp-container .btn-join-desktop:hover {\n background-color: var(--dark-blue-hover);\n transform: translateY(-1px);\n box-shadow: 4px 4px 12px var(--nm-shadow), -4px -4px 12px var(--nm-light);\n }\n\n \/* HERO *\/\n #afindo-lp-container .hero {\n padding: clamp(20px, 5vw, 40px) 0 clamp(10px, 2vw, 20px);\n text-align: center;\n }\n\n #afindo-lp-container .hero h1 {\n font-size: var(--font-h1);\n font-weight: 800;\n color: var(--dark-blue);\n line-height: 1.3;\n }\n\n #afindo-lp-container .hero .tagline {\n display: inline-block;\n background: var(--bg-light);\n color: var(--primary-red);\n padding: clamp(4px, 1vw, 8px) clamp(12px, 3vw, 20px);\n border-radius: 100px;\n font-weight: 700;\n font-size: clamp(10px, 2.8vw, 14px);\n margin-bottom: 12px;\n box-shadow: inset 2px 2px 5px var(--nm-shadow), inset -2px -2px 5px var(--nm-light);\n border: 1px solid rgba(255, 255, 255, 0.6);\n }\n\n \/* STRUKTUR BOX NEUMORPHIC STANDAR (AMAN DAN PRESISI) *\/\n #afindo-lp-container .card-main, \n #afindo-lp-container .program-card, \n #afindo-lp-container .commitment-section, \n #afindo-lp-container .cta-section,\n #afindo-lp-container .image-card-box,\n #afindo-lp-container .gallery-item {\n background-color: var(--bg-light);\n border-radius: 24px;\n padding: clamp(16px, 4vw, 32px);\n box-shadow: 8px 8px 16px var(--nm-shadow), -8px -8px 16px var(--nm-light);\n border: 1px solid rgba(255, 255, 255, 0.7);\n width: 100% !important;\n max-width: 1000px !important;\n margin: 0 auto !important;\n }\n\n #afindo-lp-container .section-tag {\n text-transform: uppercase;\n font-size: clamp(9px, 2.5vw, 11px);\n font-weight: 800;\n color: var(--primary-red);\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n }\n\n #afindo-lp-container .section-tag::before {\n content: \"\";\n width: 16px;\n height: 3px;\n background-color: var(--primary-red);\n border-radius: 2px;\n }\n\n #afindo-lp-container .section-heading {\n text-align: center;\n }\n\n #afindo-lp-container h2 {\n font-size: var(--font-h2);\n font-weight: 800;\n color: var(--text-dark);\n margin-bottom: 14px;\n line-height: 1.3;\n }\n\n #afindo-lp-container p {\n color: var(--text-muted);\n font-size: var(--font-body);\n line-height: 1.6;\n text-align: left !important;\n }\n\n \/* GRID SYSTEM KONTEN INTERNAL *\/\n #afindo-lp-container .main-grid,\n #afindo-lp-container .side-panel-wrap,\n #afindo-lp-container .custom-gallery-grid {\n display: grid !important;\n grid-template-columns: 1fr !important;\n gap: clamp(16px, 4vw, 24px) !important;\n width: 100% !important;\n }\n\n @media (min-width: 992px) {\n #afindo-lp-container .main-grid {\n grid-template-columns: 1.25fr 0.75fr !important;\n }\n #afindo-lp-container .custom-gallery-grid {\n grid-template-columns: repeat(3, 1fr) !important;\n }\n }\n\n #afindo-lp-container .program-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n #afindo-lp-container .program-item {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n padding: 14px;\n border-radius: 16px;\n background-color: var(--bg-light);\n box-shadow: inset 2px 2px 5px rgba(182, 196, 216, 0.4), inset -2px -2px 5px rgba(255, 255, 255, 0.8);\n border: 1px solid rgba(255, 255, 255, 0.3);\n transition: transform 0.2s ease;\n }\n\n #afindo-lp-container .program-number {\n background: var(--bg-light);\n color: var(--primary-red);\n font-weight: 800;\n min-width: 32px;\n height: 32px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 13px;\n box-shadow: 2px 2px 4px var(--nm-shadow), -2px -2px 4px var(--nm-light);\n border: 1px solid rgba(255, 255, 255, 0.7);\n flex-shrink: 0;\n }\n\n #afindo-lp-container .program-details h3 {\n font-size: var(--font-h3);\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 2px;\n }\n\n #afindo-lp-container .image-card-box img,\n #afindo-lp-container .gallery-item-img-wrapper img {\n width: 100% !important;\n height: clamp(140px, 35vw, 200px) !important;\n object-fit: cover !important;\n border-radius: 14px;\n display: block;\n }\n\n #afindo-lp-container .image-card-content,\n #afindo-lp-container .gallery-item-desc {\n padding-top: 12px;\n }\n\n #afindo-lp-container .image-card-content h3,\n #afindo-lp-container .gallery-item-desc h4 {\n font-size: var(--font-h3);\n font-weight: 800;\n color: var(--text-dark);\n margin-bottom: 6px;\n }\n\n #afindo-lp-container .commitment-grid {\n display: grid !important;\n grid-template-columns: 1fr !important;\n gap: 20px;\n }\n\n @media (min-width: 992px) {\n #afindo-lp-container .commitment-grid {\n grid-template-columns: 1.3fr 0.7fr !important;\n }\n }\n\n #afindo-lp-container .avatar-frame {\n width: 140px;\n height: 140px;\n margin: 0 auto;\n border-radius: 50%;\n box-shadow: 4px 4px 10px var(--nm-shadow), -4px -4px 10px var(--nm-light);\n padding: 5px;\n background: var(--bg-light);\n }\n\n #afindo-lp-container .avatar-real-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 50%;\n }\n\n #afindo-lp-container .avatar-caption {\n text-align: center;\n margin-top: 10px;\n font-weight: 700;\n color: var(--dark-blue);\n font-size: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n #afindo-lp-container .btn-join-action {\n display: inline-block;\n background-color: var(--dark-blue);\n color: var(--pure-white) !important;\n text-decoration: none;\n font-weight: 700;\n font-size: 15px;\n padding: 12px 32px;\n border-radius: 12px;\n box-shadow: 4px 4px 10px var(--nm-shadow), -4px -4px 10px var(--nm-light);\n transition: background-color 0.2s;\n margin-top: 16px;\n }\n\n #afindo-lp-container .btn-join-action:hover {\n background-color: var(--dark-blue-hover);\n }\n\n \/* FOOTER CORPORATE *\/\n #afindo-lp-container footer {\n width: calc(100% + 32px) !important;\n margin-left: -16px !important;\n margin-right: -16px !important;\n background-color: var(--dark-blue) !important;\n color: var(--pure-white) !important;\n padding: 20px 16px; \n text-align: center !important;\n font-size: 11px;\n border-top: 1px solid rgba(255, 255, 255, 0.2);\n }\n\n #afindo-lp-container footer p {\n text-align: center !important;\n color: var(--pure-white) !important;\n }\n\n #afindo-lp-container footer strong {\n color: var(--pure-white) !important;\n }\n\n #afindo-lp-container .mobile-bottom-nav {\n display: none;\n }\n\n \/* ==========================================================================\n REVISI TOTAL: 1 BARIS MUTLAK UNTUK TEXT MENU BOTTOM NAV\n ========================================================================== *\/\n @media (max-width: 768px) {\n #afindo-lp-container {\n padding-bottom: 85px !important; \n }\n\n #afindo-lp-container .nav-menu {\n display: none !important; \n }\n\n #afindo-lp-container .mobile-bottom-nav {\n display: flex !important; \n justify-content: space-between;\n align-items: center;\n position: fixed;\n bottom: 12px;\n left: 12px;\n right: 12px;\n height: 56px; \n background-color: var(--bg-light); \n border-radius: 16px;\n z-index: 10000; \n box-shadow: 6px 6px 14px var(--nm-shadow), -6px -6px 14px var(--nm-light);\n border: 1px solid rgba(255, 255, 255, 0.9);\n padding: 0 4px;\n }\n\n #afindo-lp-container .mobile-nav-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n color: #2c3e50; \n font-weight: 700;\n flex: 1;\n height: 85%; \n border-radius: 10px;\n transition: all 0.2s ease;\n min-width: 0; \/* Mencegah elemen meluap luar flexbox *\/\n }\n\n #afindo-lp-container .mobile-nav-item svg {\n width: 16px; \n height: 16px;\n stroke: #2c3e50; \n stroke-width: 2.3;\n fill: none;\n filter: drop-shadow(1px 1px 0px #ffffff) drop-shadow(1px 1px 1px rgba(0,0,0,0.15));\n transition: stroke 0.2s;\n }\n\n \/* FIX PENGUNCI 1 BARIS TEXT *\/\n #afindo-lp-container .mobile-nav-item span {\n font-size: clamp(7.5px, 2.2vw, 9px); \n text-align: center;\n width: 100%;\n \/* Mutlak 1 baris aman di semua layar HP *\/\n white-space: nowrap !important;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n display: block !important;\n }\n\n \/* HOVER NAV BOTTOM *\/\n #afindo-lp-container .mobile-nav-item:not(.highlight-join):hover {\n background: var(--dark-blue) !important;\n color: #ffffff !important;\n box-shadow: 0px 4px 8px rgba(30, 64, 175, 0.2);\n }\n\n #afindo-lp-container .mobile-nav-item:not(.highlight-join):hover svg {\n stroke: #ffffff !important;\n filter: drop-shadow(1px 1px 0px var(--primary-red));\n }\n\n #afindo-lp-container .mobile-nav-item:active {\n box-shadow: inset 2px 2px 5px var(--nm-shadow), inset -2px -2px 5px var(--nm-light);\n }\n\n #afindo-lp-container .mobile-nav-item.highlight-apik {\n color: var(--dark-blue) !important;\n }\n\n #afindo-lp-container .mobile-nav-item.highlight-apik svg {\n stroke: var(--dark-blue) !important;\n }\n \n #afindo-lp-container .mobile-nav-item.highlight-apik:hover {\n color: #ffffff !important;\n }\n\n \/* AKSEN LOGIN BUTTON *\/\n #afindo-lp-container .mobile-nav-item.highlight-join {\n color: var(--pure-white) !important;\n background: linear-gradient(135deg, var(--dark-blue), var(--dark-blue-hover));\n height: 75%; \n border-radius: 8px;\n flex: 0.9; \n box-shadow: 2px 2px 5px rgba(30, 64, 175, 0.2);\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n\n #afindo-lp-container .mobile-nav-item.highlight-join svg {\n stroke: var(--pure-white) !important;\n filter: drop-shadow(1px 1px 0px var(--primary-red));\n }\n\n #afindo-lp-container .mobile-nav-item.highlight-join:hover {\n background: var(--dark-blue-hover);\n box-shadow: 0px 4px 10px rgba(30, 64, 175, 0.4);\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div id=\"afindo-lp-container\">\n \n <header>\n <div class=\"container\">\n <div class=\"nav-container\">\n <a href=\"https:\/\/apikbersatu.com\/\" class=\"brand-logo-link\" title=\"APIK BERSATU\">\n <img decoding=\"async\" src=\"https:\/\/afindo.org\/wp-content\/uploads\/2026\/05\/logo-afindo-trans2.png\" alt=\"Logo Brand\" class=\"logo-image-transparent\">\n <div class=\"brand-name\">AFINDO<\/div>\n <\/a>\n\n <ul class=\"nav-menu\">\n <li><a href=\"https:\/\/apikbersatu.com\/\" class=\"nav-link-custom\" title=\"Menuju APIK BERSATU\"><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg> APIK BERSATU<\/a><\/li>\n <li><a href=\"#profil\" class=\"nav-link-custom\"><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg> Profil<\/a><\/li>\n <li><a href=\"#program\" class=\"nav-link-custom\"><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"><\/path><\/svg> Program<\/a><\/li>\n <li><a href=\"#galeri\" class=\"nav-link-custom\"><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg> Galeri<\/a><\/li>\n <li><a href=\"pendaftaran.html\" class=\"btn-join-desktop\"><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"><\/line><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"><\/line><\/svg> Gabung<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/header>\n\n <nav class=\"mobile-bottom-nav\">\n <a href=\"https:\/\/apikbersatu.com\/\" class=\"mobile-nav-item highlight-apik\" title=\"Menuju APIK BERSATU\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\n <span>APIK BERSATU<\/span>\n <\/a>\n <a href=\"#profil\" class=\"mobile-nav-item\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n <span>Profil<\/span>\n <\/a>\n <a href=\"#program\" class=\"mobile-nav-item\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"><\/path><\/svg>\n <span>Program<\/span>\n <\/a>\n <a href=\"#galeri\" class=\"mobile-nav-item\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n <span>Galeri<\/span>\n <\/a>\n <a href=\"https:\/\/afindo.org\/login\/\" class=\"mobile-nav-item highlight-join\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"><\/line><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"><\/line><\/svg>\n <span>Login<\/span>\n <\/a>\n <\/nav>\n\n <div class=\"hero\">\n <div class=\"container\">\n <div class=\"tagline\">\"Digitalisasi untuk Semua: Ayo Gabung di AFINDO\"<\/div>\n <h1>Afiliasi Informatika Digital Indonesia<\/h1>\n <\/div>\n <\/div>\n\n <div class=\"card-main\" id=\"profil\">\n <span class=\"section-tag\">Tentang Kami<\/span>\n <h2>PROFIL AFINDO<\/h2>\n <p>\n AFINDO (Afiliasi Informatika Digital Indonesia) adalah asosiasi yang mempertemukan penggiat digital dan informatika di Indonesia. Kami berkomitmen untuk mendorong transformasi digital melalui kolaborasi, inovasi, dan pengembangan teknologi. AFINDO menjadi wadah bagi profesional, akademisi, dan pelaku industri untuk berkembang, berbagi pengetahuan, dan berkontribusi pada kemajuan Indonesia di era digital.\n <\/p>\n <\/div>\n\n <div class=\"main-grid\" id=\"program\">\n <div class=\"program-card\">\n <span class=\"section-tag\">Akselerasi Kerja<\/span>\n <h2>10 PROGRAM UTAMA AFINDO<\/h2>\n <div class=\"program-list\">\n <div class=\"program-item\">\n <div class=\"program-number\">1<\/div>\n <div class=\"program-details\">\n <h3>Digital Innovation Hub<\/h3>\n <p>Mendukung pengembangan solusi dan inovasi teknologi digital.<\/p>\n <\/div>\n <\/div>\n <div class=\"program-item\">\n <div class=\"program-number\">2<\/div>\n <div class=\"program-details\">\n <h3>Pelatihan & Sertifikasi Digital<\/h3>\n <p>Menyediakan pelatihan dan sertifikasi di bidang teknologi.<\/p>\n <\/div>\n <\/div>\n <div class=\"program-item\">\n <div class=\"program-number\">3<\/div>\n <div class=\"program-details\">\n <h3>Seminar & Webinar Nasional<\/h3>\n <p>Menyelelenggarakan seminar dan webinar dengan pakar industri.<\/p>\n <\/div>\n <\/div>\n <div class=\"program-item\">\n <div class=\"program-number\">4<\/div>\n <div class=\"program-details\">\n <h3>Networking & Kolaborasi Industri<\/h3>\n <p>Membangun jaringan dan kolaborasi antar profesional and perusahaan.<\/p>\n <\/div>\n <\/div>\n <div class=\"program-item\">\n <div class=\"program-number\">5<\/div>\n <div class=\"program-details\">\n <h3>Pemberdayaan Digital untuk UMKM<\/h3>\n <p>Memberdayakan UMKM dengan pemanfaatan teknologi digital.<\/p>\n <\/div>\n <\/div>\n <div class=\"program-item\">\n <div class=\"program-number\">6<\/div>\n <div class=\"program-details\">\n <h3>Pusat Riset & Pengembangan (R&D)<\/h3>\n <p>Mendorong riset dan pengembangan solusi digital.<\/p>\n <\/div>\n <\/div>\n <div class=\"program-item\">\n <div class=\"program-number\">7<\/div>\n <div class=\"program-details\">\n <h3>Pengembangan Talenta Digital<\/h3>\n <p>Mengembangkan talenta muda melalui kompetisi dan program mentorship.<\/p>\n <\/div>\n <\/div>\n <div class=\"program-item\">\n <div class=\"program-number\">8<\/div>\n <div class=\"program-details\">\n <h3>Advokasi Kebijajakan Digital<\/h3>\n <p>Mengadvokasi kebijakan yang mendukung transformasi digital.<\/p>\n <\/div>\n <\/div>\n <div class=\"program-item\">\n <div class=\"program-number\">9<\/div>\n <div class=\"program-details\">\n <h3>Program Inklusi Digital<\/h3>\n <p>Memperluas akses teknologi di daerah terpencil.<\/p>\n <\/div>\n <\/div>\n <div class=\"program-item\">\n <div class=\"program-number\">10<\/div>\n <div class=\"program-details\">\n <h3>AFINDO Digital Awards<\/h3>\n <p>Memberikan penghargaan untuk inovasi digital terbaik di Indonesia.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"side-panel-wrap\">\n <div class=\"image-card-box\">\n <img decoding=\"async\" src=\"https:\/\/afindo.org\/wp-content\/uploads\/2025\/10\/afindomodel6.jpg\" alt=\"Pelatihan Komputer\">\n <div class=\"image-card-content\">\n <h3>Pusat Edukasi Komputer<\/h3>\n <p>Fasilitas lab modern untuk mendalami pemrograman, networking, dan literasi digital secara intensif.<\/p>\n <\/div>\n <\/div>\n <div class=\"image-card-box\">\n <img decoding=\"async\" src=\"https:\/\/afindo.org\/wp-content\/uploads\/2025\/09\/afindo-backweb.jpg\" alt=\"Artificial Intelligence\">\n <div class=\"image-card-content\">\n <h3>Riset & Kecerdasan Buatan (AI)<\/h3>\n <p>Pelatihan teknologi masa depan dan integrasi AI untuk melahirkan talenta siap kerja global.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-heading\" id=\"galeri\">\n <span class=\"section-tag\">Dokumentasi Kegiatan<\/span>\n <h2>GALERI AKTIVITAS DIGITAL<\/h2>\n <\/div>\n \n <div class=\"custom-gallery-grid\">\n <div class=\"gallery-item\">\n <div class=\"gallery-item-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/afindo.org\/wp-content\/uploads\/2025\/10\/multiracial-modern-business-team-developing-company-s-strategy-office-1759284484.png\" alt=\"Forum Kolaborasi Tech\">\n <\/div>\n <div class=\"gallery-item-desc\">\n <h4>Forum Kolaborasi Tech<\/h4>\n <p>Pertemuan tahunan penggiat teknologi nasional.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"gallery-item\">\n <div class=\"gallery-item-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/afindo.org\/wp-content\/uploads\/2025\/10\/cheerful-young-colleagues-indoors-coworking-1759284458.png\" alt=\"Inkubasi Bisnis UMKM\">\n <\/div>\n <div class=\"gallery-item-desc\">\n <h4>Inkubasi Bisnis UMKM<\/h4>\n <p>Pendampingan intensif go-digital skala regional.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"gallery-item\">\n <div class=\"gallery-item-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/afindo.org\/wp-content\/uploads\/2025\/10\/rgvrg-1759284477.png\" alt=\"Mentorship Talenta Muda\">\n <\/div>\n <div class=\"gallery-item-desc\">\n <h4>Mentorship Talenta Muda<\/h4>\n <p>Pengembangan softskill & hardskill industri digital.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"commitment-section\">\n <div class=\"commitment-grid\">\n <div class=\"commitment-text\">\n <h2>TINGKATKAN KOMPETENSI, TINGKATKAN KESEJAHTERAAN<\/h2>\n <p>\n AFINDO berkomitmen untuk meningkatkan kompetensi digital masyarakat Indonesia guna menciptakan kesejahteraan yang lebih baik. Melalui program pelatihan, pemberdayaan UMKM, and pengembangan talenta digital, kami membantu meningkatkan keterampilan dan membuka peluang ekonomi. Dengan mendorong inovasi dan kolaborasi industri, serta memastikan akses teknologi merata, AFINDO berperan dalam mempercepat transformasi digital di Indonesia.\n <\/p>\n <\/div>\n <div>\n <div class=\"avatar-frame\">\n <img decoding=\"async\" src=\"https:\/\/afindo.org\/wp-content\/uploads\/2025\/09\/afindomodel4.png\" class=\"avatar-real-img\" alt=\"Generasi Cakap Digital\">\n <\/div>\n <div class=\"avatar-caption\">Generasi Cakap Digital<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-section\" id=\"daftar\">\n <h2>SEGERA DAFTARKAN DIRI ANDA!!!<\/h2>\n <p>\n Bergabunglah dengan AFINDO dan jadilah bagian dari gerakan transformasi digital di Indonesia! Kami memberikan akses ke pelatihan, peluang kolaborasi, dan inovasi teknologi yang akan meningkatkan kompetensi Anda. Dukung kemajuan digital Indonesia dan raih kesejahteraan lebih baik bersama AFINDO.\n <\/p>\n <div>\n <a href=\"https:\/\/afindo.org\/pendaftaran-member-afindo\/\" class=\"btn-join-action\">\n Daftar Sekarang\n <\/a>\n <\/div>\n <\/div>\n\n <footer>\n <p>© 2026 <strong>AFINDO<\/strong> - Afiliasi Informatika Digital Indonesia. Seluruh Hak Cipta Dilindungi.<\/p>\n <\/footer>\n\n <\/div>\n\n<\/body>\n<\/html>\t\t\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8bd0938 elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8bd0938\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-6a516f3\" data-id=\"6a516f3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b83cfdc elementor-widget elementor-widget-html\" data-id=\"b83cfdc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>AFINDO - Afiliasi Informatika Digital Indonesia<\/title>\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=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n <style>\n \/* ==========================================================================\n LOKALISASI KODE (Menggunakan Namespace #afindo-lp untuk mencegah konflik)\n ========================================================================== *\/\n #afindo-lp {\n font-family: 'Plus Jakarta Sans', sans-serif;\n background-color: #FEF08A; \/* BACKGROUND KUNING SOFT UNTUK DESKTOP *\/\n color: #1e293b;\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n line-height: 1.6;\n min-height: 100vh;\n }\n\n #afindo-lp * {\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n\n \/* Variabel Warna Elegan (Biru, Putih, Kuning) *\/\n #afindo-lp {\n --primary-blue: #0A369D;\n --secondary-blue: #1E3A8A;\n --accent-yellow: #FACC15;\n --dark-yellow: #EAB308;\n --pure-white: #FFFFFF;\n --light-bg: #F8FAFC;\n --text-dark: #0F172A;\n --text-muted: #475569;\n }\n\n \/* Container Utama *\/\n #afindo-lp .afindo-container {\n width: 100%;\n max-width: 1200px; \/* Diperlebar sedikit agar pas di desktop modern *\/\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* Header \/ Navbar *\/\n #afindo-lp .afindo-header {\n background-color: var(--primary-blue);\n padding: 16px 0;\n position: sticky;\n top: 0;\n z-index: 1000;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n border-bottom: 4px solid var(--accent-yellow);\n }\n\n #afindo-lp .afindo-nav-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n #afindo-lp .afindo-logo-area {\n display: flex;\n align-items: center;\n }\n\n \/* Logo Gambar Custom *\/\n #afindo-lp .afindo-custom-logo {\n height: 50px; \/* Ukuran proporsional desktop *\/\n width: auto;\n object-fit: contain;\n display: block;\n }\n\n \/* 3D Button Menu System *\/\n #afindo-lp .afindo-nav-menu {\n display: flex;\n gap: 15px;\n }\n\n #afindo-lp .btn-3d {\n position: relative;\n background: var(--accent-yellow);\n color: var(--text-dark);\n font-weight: 700;\n padding: 10px 22px;\n border-radius: 8px;\n border: none;\n cursor: pointer;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 14px;\n box-shadow: 0 4px 0 var(--dark-yellow);\n transform: translateY(-4px);\n }\n\n #afindo-lp .btn-3d:hover {\n transform: translateY(-2px);\n box-shadow: 0 2px 0 var(--dark-yellow);\n background: var(--pure-white);\n color: var(--primary-blue);\n }\n\n #afindo-lp .btn-3d:active {\n transform: translateY(0px);\n box-shadow: 0 0 0 var(--dark-yellow);\n }\n\n \/* Hero \/ Notice Banner *\/\n #afindo-lp .hero-section {\n background: linear-gradient(135deg, var(--secondary-blue) 0%, var(--primary-blue) 100%);\n padding: 60px 0;\n color: var(--pure-white);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n }\n\n #afindo-lp .apik-tag {\n background-color: rgba(255, 255, 255, 0.1);\n border: 1px solid var(--accent-yellow);\n padding: 6px 16px;\n border-radius: 50px;\n font-size: 13px;\n font-weight: 700;\n display: inline-block;\n margin-bottom: 20px;\n color: var(--accent-yellow);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Font Desktop Proporsional *\/\n #afindo-lp .hero-title {\n font-size: 36px;\n font-weight: 800;\n margin: 0 0 12px 0;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n #afindo-lp .hero-subtitle {\n font-size: 18px;\n color: rgba(255, 255, 255, 0.95);\n margin-bottom: 30px;\n font-weight: 400;\n }\n\n \/* Card Notifikasi Pusat *\/\n #afindo-lp .phone-notice-card {\n background: rgba(255, 255, 255, 0.08);\n backdrop-filter: blur(10px);\n border: 2px dashed var(--accent-yellow);\n padding: 24px;\n border-radius: 12px;\n max-width: 500px;\n margin: 0 auto;\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n }\n\n #afindo-lp .notice-badge {\n background: #EF4444;\n color: white;\n padding: 4px 12px;\n border-radius: 5px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n display: inline-block;\n margin-bottom: 10px;\n }\n\n #afindo-lp .notice-text {\n font-size: 18px;\n font-weight: 800;\n color: var(--accent-yellow);\n line-height: 1.4;\n letter-spacing: 0.5px;\n }\n\n \/* Profil Section *\/\n #afindo-lp .about-section {\n padding: 60px 0;\n background: var(--pure-white);\n margin: 25px auto;\n border-radius: 16px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n }\n\n #afindo-lp .section-title {\n text-align: center;\n font-size: 26px;\n font-weight: 800;\n color: var(--primary-blue);\n margin-bottom: 40px;\n position: relative;\n text-transform: uppercase;\n }\n\n #afindo-lp .section-title::after {\n content: '';\n display: block;\n width: 60px;\n height: 4px;\n background: var(--accent-yellow);\n margin: 10px auto 0;\n border-radius: 2px;\n }\n\n #afindo-lp .about-grid {\n display: grid;\n grid-template-columns: 1.2fr 0.8fr;\n gap: 40px;\n align-items: center;\n }\n\n #afindo-lp .about-text h3 {\n font-size: 22px;\n color: var(--secondary-blue);\n margin: 0 0 16px 0;\n font-weight: 700;\n }\n\n #afindo-lp .about-text p {\n font-size: 15px;\n color: var(--text-muted);\n margin-bottom: 20px;\n }\n\n \/* Ilustrasi Proyek *\/\n #afindo-lp .image-placeholder-indo {\n background: linear-gradient(rgba(10, 54, 157, 0.85), rgba(30, 58, 186, 0.95)), url('https:\/\/images.unsplash.com\/photo-1573164713714-d95e436ab8d6?auto=format&fit=crop&w=600&q=80');\n background-size: cover;\n background-position: center;\n border-radius: 12px;\n height: 260px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: white;\n padding: 24px;\n text-align: center;\n border-bottom: 6px solid var(--accent-yellow);\n box-shadow: 0 10px 20px rgba(0,0,0,0.08);\n }\n\n #afindo-lp .image-placeholder-indo h3 {\n font-size: 18px;\n margin: 8px 0;\n }\n \n #afindo-lp .image-placeholder-indo p {\n font-size: 14px;\n }\n\n \/* Grid Program *\/\n #afindo-lp .project-section {\n padding: 60px 0;\n background: var(--light-bg);\n margin: 25px auto;\n border-radius: 16px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n }\n\n #afindo-lp .project-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr); \/* Pas 3 Kolom Sejajar Menyamping di Desktop *\/\n gap: 25px;\n }\n\n #afindo-lp .project-card {\n background: var(--pure-white);\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n border-top: 4px solid var(--primary-blue);\n }\n\n #afindo-lp .project-thumb {\n height: 180px;\n background-size: cover;\n background-position: center;\n }\n\n #afindo-lp .project-body {\n padding: 20px;\n }\n\n #afindo-lp .project-body h4 {\n margin: 0 0 10px 0;\n color: var(--secondary-blue);\n font-size: 16px;\n font-weight: 700;\n }\n\n #afindo-lp .project-body p {\n font-size: 14px;\n color: var(--text-muted);\n margin: 0;\n }\n\n \/* Alamat & Maps *\/\n #afindo-lp .maps-section {\n padding: 60px 0;\n background: var(--pure-white);\n margin: 25px auto 25px auto;\n border-radius: 16px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n }\n\n #afindo-lp .maps-grid {\n display: grid;\n grid-template-columns: 0.9fr 1.1fr;\n gap: 35px;\n align-items: stretch;\n }\n\n #afindo-lp .address-card {\n background: var(--light-bg);\n border-left: 5px solid var(--primary-blue);\n padding: 30px;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.02);\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n #afindo-lp .address-item {\n display: flex;\n gap: 20px;\n margin-bottom: 20px;\n align-items: flex-start;\n }\n\n #afindo-lp .address-item:last-child {\n margin-bottom: 0;\n }\n\n #afindo-lp .address-item i {\n color: var(--primary-blue);\n font-size: 18px;\n margin-top: 3px;\n background: rgba(10, 54, 157, 0.1);\n padding: 10px;\n border-radius: 8px;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n #afindo-lp .address-text h5 {\n margin: 0 0 6px 0;\n font-size: 15px;\n color: var(--text-dark);\n font-weight: 700;\n }\n\n #afindo-lp .address-text p {\n margin: 0;\n font-size: 14px;\n color: var(--text-muted);\n }\n\n #afindo-lp .maps-container {\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n border: 2px solid var(--light-bg);\n min-height: 300px;\n }\n\n #afindo-lp .maps-container iframe {\n width: 100%;\n height: 100%;\n min-height: 300px;\n border: 0;\n display: block;\n }\n\n \/* Footer *\/\n #afindo-lp .afindo-footer {\n background: #0b132b;\n color: rgba(255,255,255,0.75);\n padding: 24px 0;\n text-align: center;\n border-top: 4px solid var(--accent-yellow);\n font-size: 14px;\n }\n\n #afindo-lp .afindo-footer a {\n color: var(--accent-yellow);\n text-decoration: none;\n }\n\n \/* Media Query Pembalik jika dibuka di ukuran layar kecil *\/\n @media screen and (max-width: 991px) {\n #afindo-lp .project-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media screen and (max-width: 767px) {\n #afindo-lp .about-grid, \n #afindo-lp .project-grid,\n #afindo-lp .maps-grid {\n grid-template-columns: 1fr;\n }\n #afindo-lp .afindo-nav-wrapper {\n flex-direction: column;\n gap: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div id=\"afindo-lp\">\n\n <header class=\"afindo-header\">\n <div class=\"afindo-container afindo-nav-wrapper\">\n <div class=\"afindo-logo-area\">\n <img decoding=\"async\" src=\"https:\/\/afindo.org\/wp-content\/uploads\/2026\/05\/logo-afindo-trans2.png\" alt=\"Logo AFINDO\" class=\"afindo-custom-logo\">\n <\/div>\n <nav class=\"afindo-nav-menu\">\n <a href=\"#tentang\" class=\"btn-3d\"><i class=\"fa-solid fa-user-group\"><\/i> Profil<\/a>\n <a href=\"#proyek\" class=\"btn-3d\"><i class=\"fa-solid fa-cubes\"><\/i> Program<\/a>\n <a href=\"#alamat\" class=\"btn-3d\"><i class=\"fa-solid fa-map-location-dot\"><\/i> Alamat<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n <section class=\"hero-section\">\n <div class=\"afindo-container\">\n <span class=\"apik-tag\">APIK BERSATU INDONESIA<\/span>\n <h1 class=\"hero-title\">Afiliasi Informatika Digital Indonesia<\/h1>\n <p class=\"hero-subtitle\">Membangun SDM Digital Indonesia yang Unggul & Berkompeten<\/p>\n \n <div class=\"phone-notice-card\">\n <span class=\"notice-badge\"><i class=\"fa-solid fa-triangle-exclamation\"><\/i> Pemberitahuan resmi<\/span>\n <div class=\"notice-text\">\n MOHON MAAF<br>HANYA DAPAT DIAKSES MELALUI HANDPHONE\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"afindo-container\">\n <section id=\"tentang\" class=\"about-section\">\n <div class=\"afindo-container\">\n <h2 class=\"section-title\">Tentang AFINDO<\/h2>\n <div class=\"about-grid\">\n <div class=\"about-text\">\n <h3>Mendorong Transformasi Digital Nasional<\/h3>\n <p>Afiliasi Informatika Digital Indonesia (AFINDO) berkomitmen penuh dalam mencetak talenta-talenta digital berkualitas di seluruh pelosok Indonesia guna menghadapi era industri modern.<\/p>\n <p>Bersama dengan jaringan APIK BERSATU INDONESIA, kami menyelenggarakan standarisasi, pelatihan, dan adaptasi teknologi yang inklusif untuk seluruh elemen masyarakat.<\/p>\n <\/div>\n <div class=\"image-placeholder-indo\">\n <i class=\"fa-solid fa-network-wired\" style=\"font-size: 36px; margin-bottom: 10px; color: var(--accent-yellow);\"><\/i>\n <h3>Digitalisasi Nusantara<\/h3>\n <p style=\"margin: 0;\">Pengembangan kompetensi IT dari Sabang sampai Merauke.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"proyek\" class=\"project-section\">\n <div class=\"afindo-container\">\n <h2 class=\"section-title\">Program Unggulan<\/h2>\n <div class=\"project-grid\">\n \n <div class=\"project-card\">\n <div class=\"project-thumb\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&w=400&q=80');\"><\/div>\n <div class=\"project-body\">\n <h4><i class=\"fa-solid fa-graduation-cap\" style=\"color: var(--dark-yellow);\"><\/i> Vokasi Digital Pemuda<\/h4>\n <p>Pelatihan intensif keahlian informatika praktis untuk mempersiapkan pemuda daerah siap kerja.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"project-card\">\n <div class=\"project-thumb\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1531482615713-2afd69097998?auto=format&fit=crop&w=400&q=80');\"><\/div>\n <div class=\"project-body\">\n <h4><i class=\"fa-solid fa-users\" style=\"color: var(--dark-yellow);\"><\/i> Sertifikasi Kompetensi<\/h4>\n <p>Uji kompetensi informatika standar nasional demi mempercepat penyerapan tenaga kerja lokal.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"project-card\">\n <div class=\"project-thumb\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=400&q=80');\"><\/div>\n <div class=\"project-body\">\n <h4><i class=\"fa-solid fa-lightbulb\" style=\"color: var(--dark-yellow);\"><\/i> Inkubasi Tekno-Kreatif<\/h4>\n <p>Pendampingan transformasi digital bagi UMKM dan lembaga pendidikan di seluruh wilayah Indonesia.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"alamat\" class=\"maps-section\">\n <div class=\"afindo-container\">\n <h2 class=\"section-title\">Kantor & Alamat AFINDO<\/h2>\n <div class=\"maps-grid\">\n \n <div class=\"address-card\">\n <div class=\"address-item\">\n <i class=\"fa-solid fa-location-dot\"><\/i>\n <div class=\"address-text\">\n <h5>Alamat Pusat<\/h5>\n <p>Gedung APIK BERSATU INDONESIA, Jalan Nasional Bojonegoro-Babad, Wire, Ngemplak, Kec. Baureno, Kabupaten Bojonegoro, Jawa Timur 62192<\/p>\n <\/div>\n <\/div>\n <div class=\"address-item\">\n <i class=\"fa-solid fa-envelope\"><\/i>\n <div class=\"address-text\">\n <h5>Email Resmi<\/h5>\n <p>info@afindo.org \/ sekretariat@afindo.org<\/p>\n <\/div>\n <\/div>\n <div class=\"address-item\">\n <i class=\"fa-solid fa-globe\"><\/i>\n <div class=\"address-text\">\n <h5>Situs Resmi<\/h5>\n <p>www.afindo.org<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"maps-container\">\n <iframe src=\"https:\/\/maps.google.com\/maps?q=Ngemplak,%20Baureno,%20Bojonegoro&t=&z=13&ie=UTF8&iwloc=&output=embed\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n <footer class=\"afindo-footer\">\n <div class=\"afindo-container\">\n <p>\u00a9 2026 <strong>AFINDO<\/strong> | Membangun SDM Digital Indonesia. All Rights Reserved.<\/p>\n <\/div>\n <\/footer>\n\n <\/div>\n\n<\/body>\n<\/html>\t\t\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ed9940c elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ed9940c\" data-element_type=\"section\" data-e-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-452f9c5\" data-id=\"452f9c5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-15cf64e elementor-widget elementor-widget-html\" data-id=\"15cf64e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>AFINDO - Afiliasi Informatika Digital Indonesia<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n :root {\n --bg-color: #E6EEF8;\n --nm-shadow: #b6c4d8;\n --nm-light: #ffffff;\n --primary-blue: #1E40AF;\n --primary-red: #D91A2A;\n --text-dark: #0F172A;\n --logout-dark: #334155;\n }\n\n #afindo-lp-container {\n font-family: system-ui, -apple-system, sans-serif;\n background-color: #d1d9e6;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n padding: 40px 12px 24px 12px;\n }\n\n \/* Pembungkus Utama dengan Efek Cekungan Luar Premium *\/\n #afindo-lp-container .phone-wrapper {\n width: 100%;\n max-width: 412px;\n min-width: 280px;\n background: var(--bg-color);\n border-radius: 36px;\n \n \/* REVISI PREMIUM: Kombinasi bayangan luar halus dan double inset shadow untuk ilusi cekungan tertanam *\/\n box-shadow: \n 10px 10px 30px #b0becc, \n -10px -10px 30px #ffffff,\n inset 4px 4px 10px rgba(182, 196, 216, 0.8), \n inset -4px -4px 10px rgba(255, 255, 255, 0.9);\n \n overflow: hidden;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n }\n\n \/* Header Neumorphic *\/\n #afindo-lp-container .main-header {\n padding: 32px 20px 20px 20px;\n display: flex;\n align-items: center;\n gap: 14px;\n background: var(--bg-color);\n }\n\n #afindo-lp-container .logo-area {\n width: 46px;\n height: 46px;\n border-radius: 50%;\n background: var(--bg-color);\n box-shadow: 4px 4px 8px var(--nm-shadow), -4px -4px 8px var(--nm-light);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px;\n flex-shrink: 0;\n }\n\n #afindo-lp-container .header-title {\n font-size: clamp(11px, 3.4vw, 13px);\n font-weight: 800;\n color: var(--text-dark);\n text-transform: uppercase;\n line-height: 1.3;\n letter-spacing: 0.3px;\n }\n\n \/* Menu Grid Utama *\/\n #afindo-lp-container .menu-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: clamp(12px, 3.5vw, 16px);\n padding: 16px 20px 20px 20px;\n }\n\n #afindo-lp-container .menu-btn-3d {\n text-decoration: none;\n background: var(--bg-color);\n padding: clamp(14px, 4vw, 18px) 10px;\n border-radius: 18px;\n color: var(--text-dark);\n font-size: clamp(10px, 2.8vw, 11px);\n font-weight: 700;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-shadow: 5px 5px 10px var(--nm-shadow), -5px -5px 10px var(--nm-light);\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n #afindo-lp-container .menu-btn-3d i {\n font-size: clamp(16px, 4.8vw, 20px);\n margin-bottom: 8px;\n color: var(--primary-red);\n text-shadow: 1px 1px 0px #ffffff, 1.5px 1.5px 3px rgba(0,0,0,0.1);\n transition: all 0.25s ease;\n }\n\n #afindo-lp-container .menu-btn-3d:hover {\n background: var(--primary-red);\n color: #ffffff;\n box-shadow: 0px 8px 16px rgba(217, 26, 42, 0.2);\n transform: translateY(-2px);\n }\n\n #afindo-lp-container .menu-btn-3d:hover i {\n color: #ffffff;\n text-shadow: 1px 1px 0px var(--primary-blue), 1.5px 1.5px 3px rgba(0,0,0,0.15);\n }\n\n #afindo-lp-container .menu-btn-3d:active {\n box-shadow: inset 4px 4px 8px var(--nm-shadow), inset -4px -4px 8px var(--nm-light);\n transform: translateY(0);\n }\n\n \/* Video Section *\/\n #afindo-lp-container .video-section {\n padding: 16px 20px;\n }\n\n #afindo-lp-container .video-card {\n background: var(--bg-color);\n border-radius: 22px;\n padding: 8px;\n box-shadow: inset 5px 5px 10px var(--nm-shadow), inset -5px -5px 10px var(--nm-light);\n }\n\n #afindo-lp-container .video-container {\n position: relative;\n padding-bottom: 140%;\n border-radius: 16px;\n overflow: hidden;\n }\n\n #afindo-lp-container .video-container iframe {\n position: absolute;\n width: 100%;\n height: 100%;\n border: none;\n }\n\n \/* Tombol Keluar Akun *\/\n #afindo-lp-container .logout-section {\n padding: 20px 20px 24px 20px;\n display: flex;\n justify-content: center;\n }\n\n #afindo-lp-container .btn-logout-3d {\n width: 100%;\n text-decoration: none;\n background: var(--bg-color);\n padding: clamp(12px, 3.8vw, 15px);\n border-radius: 18px;\n color: var(--logout-dark);\n font-size: clamp(11px, 3vw, 12px);\n font-weight: 800;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n box-shadow: 5px 5px 10px var(--nm-shadow), -5px -5px 10px var(--nm-light);\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n #afindo-lp-container .btn-logout-3d i {\n font-size: clamp(13px, 4.2vw, 15px);\n color: var(--logout-dark);\n text-shadow: 1px 1px 0px #ffffff, 1px 1.5px 2px rgba(0,0,0,0.1);\n transition: all 0.25s ease;\n }\n\n #afindo-lp-container .btn-logout-3d:hover {\n background: #be123c;\n color: #ffffff;\n box-shadow: 0px 8px 16px rgba(190, 18, 60, 0.2);\n transform: translateY(-2px);\n }\n\n #afindo-lp-container .btn-logout-3d:active {\n box-shadow: inset 4px 4px 8px var(--nm-shadow), inset -4px -4px 8px var(--nm-light);\n transform: translateY(0);\n }\n\n \/* Footer *\/\n #afindo-lp-container .app-footer {\n padding: 20px 20px 32px 20px;\n text-align: center;\n font-size: 9px;\n color: #64748b;\n letter-spacing: 0.5px;\n border-top: 1px solid rgba(255, 255, 255, 0.4);\n margin-top: 10px;\n }\n <\/style>\n<\/head>\n<body>\n\n <div id=\"afindo-lp-container\">\n <div class=\"phone-wrapper\">\n <header class=\"main-header\">\n <div class=\"logo-area\">\n <img decoding=\"async\" src=\"https:\/\/afindo.org\/wp-content\/uploads\/2026\/05\/logo-afindo-trans2.png\" alt=\"Logo\" width=\"32\">\n <\/div>\n <div class=\"header-title\">Afiliasi Informatika Digital Indonesia ( AFINDO )<\/div>\n <\/header>\n\n <main class=\"menu-grid\">\n <a href=\"#\" class=\"menu-btn-3d\"><i class=\"fa-solid fa-users-gear\"><\/i><span>Profil<\/span><\/a>\n <a href=\"#\" class=\"menu-btn-3d\"><i class=\"fa-solid fa-calendar-days\"><\/i><span>Jadwal<\/span><\/a>\n <a href=\"#\" class=\"menu-btn-3d\"><i class=\"fa-solid fa-images\"><\/i><span>Galeri<\/span><\/a>\n <a href=\"#\" class=\"menu-btn-3d\"><i class=\"fa-solid fa-chart-line\"><\/i><span>Kompetensi<\/span><\/a>\n <a href=\"#\" class=\"menu-btn-3d\"><i class=\"fa-solid fa-chart-bar\"><\/i><span>Laporan<\/span><\/a>\n <a href=\"#\" class=\"menu-btn-3d\"><i class=\"fa-solid fa-address-card\"><\/i><span>Anggota<\/span><\/a>\n <\/main>\n\n <section class=\"video-section\">\n <div class=\"video-card\">\n <div class=\"video-container\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/MeAevXbQqK8\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"logout-section\">\n <a href=\"https:\/\/apikberkarya.com\/logout\/\" class=\"btn-logout-3d\">\n <i class=\"fa-solid fa-right-from-bracket\"><\/i>\n <span>Keluar Akun<\/span>\n <\/a>\n <\/div>\n\n <footer class=\"app-footer\">\n © 2026 AFINDO \u2022 APIK BERSATU\n <\/footer>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\t\t\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<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AFINDO – Afiliasi Informatika Digital Indonesia AFINDO APIK BERSATU Profil Program Galeri Gabung APIK BERSATU Profil Program Galeri Login “Digitalisasi untuk Semua: Ayo Gabung di AFINDO” Afiliasi Informatika Digital Indonesia Tentang Kami PROFIL AFINDO AFINDO (Afiliasi Informatika Digital Indonesia) adalah asosiasi yang mempertemukan penggiat digital dan informatika di Indonesia. Kami berkomitmen untuk mendorong transformasi digital […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1887","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/afindo.org\/wp-json\/wp\/v2\/pages\/1887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afindo.org\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afindo.org\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afindo.org\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/afindo.org\/wp-json\/wp\/v2\/comments?post=1887"}],"version-history":[{"count":66,"href":"https:\/\/afindo.org\/wp-json\/wp\/v2\/pages\/1887\/revisions"}],"predecessor-version":[{"id":3075,"href":"https:\/\/afindo.org\/wp-json\/wp\/v2\/pages\/1887\/revisions\/3075"}],"wp:attachment":[{"href":"https:\/\/afindo.org\/wp-json\/wp\/v2\/media?parent=1887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}