{"id":9,"date":"2026-10-21T06:27:55","date_gmt":"2026-10-21T06:27:55","guid":{"rendered":"https:\/\/akademidigitalmarketing.id\/?page_id=9"},"modified":"2026-10-21T06:36:18","modified_gmt":"2026-10-21T06:36:18","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/akademidigitalmarketing.id\/?page_id=9","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n TENTARA NASIONAL INDONESIA - Portal Resmi Puspen TNI<\/title>\r\n <!-- Bootstrap 5 CSS -->\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n <!-- Font Awesome 6 -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <!-- Google Fonts: Oswald & Roboto -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;500;600;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n :root {\r\n --tni-red: #d31111;\r\n --tni-dark-red: #8c0000;\r\n --tni-gold: #d4af37;\r\n --tni-orange: #e67e22;\r\n --tni-dark: #2c2c2c;\r\n --tni-gray: #f5f5f5;\r\n --text-muted-custom: #6c757d;\r\n }\r\n\r\n body {\r\n font-family: 'Roboto', sans-serif;\r\n background-color: #ffffff;\r\n color: #222;\r\n font-size: 14px;\r\n overflow-x: hidden;\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6, .oswald-font {\r\n font-family: 'Oswald', sans-serif;\r\n }\r\n\r\n \/* Container max-width matching standard news portal *\/\r\n .container-portal {\r\n max-width: 1140px;\r\n margin: 0 auto;\r\n padding: 0 15px;\r\n }\r\n\r\n \/* 1. TOP BAR *\/\r\n .top-bar {\r\n border-bottom: 1px solid #eaeaea;\r\n font-size: 12px;\r\n background: #fff;\r\n }\r\n .date-badge {\r\n background-color: var(--tni-red);\r\n color: #fff;\r\n padding: 6px 24px;\r\n font-weight: 500;\r\n display: inline-block;\r\n }\r\n .visitor-stats span {\r\n margin-left: 15px;\r\n color: #777;\r\n }\r\n .visitor-stats strong {\r\n color: #111;\r\n }\r\n\r\n \/* 2. HEADER BRANDING & MARQUEE *\/\r\n .header-section {\r\n padding: 15px 0;\r\n }\r\n .logo-group {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n .logo-emblem {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: radial-gradient(circle, #ffd700 0%, #b8860b 100%);\r\n border: 2px solid #8b0000;\r\n color: #8b0000;\r\n font-size: 20px;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.15);\r\n }\r\n .logo-title {\r\n font-family: 'Times New Roman', serif;\r\n font-weight: 700;\r\n font-size: 13.5px;\r\n letter-spacing: 0.5px;\r\n color: #111;\r\n margin-top: 4px;\r\n text-align: center;\r\n }\r\n .ticker-box {\r\n background-color: #2b2b2b;\r\n color: #ffffff;\r\n padding: 10px 18px;\r\n font-size: 15px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n }\r\n .ticker-content {\r\n display: inline-block;\r\n animation: marquee 22s linear infinite;\r\n }\r\n @keyframes marquee {\r\n 0% { transform: translateX(10%); }\r\n 100% { transform: translateX(-100%); }\r\n }\r\n\r\n \/* 3. NAVBAR *\/\r\n .navbar-tni {\r\n background-color: #333333;\r\n padding: 0;\r\n border-bottom: 2px solid #222;\r\n }\r\n .navbar-tni .navbar-nav .nav-link {\r\n color: #ffffff;\r\n font-family: 'Oswald', sans-serif;\r\n font-size: 14px;\r\n font-weight: 400;\r\n padding: 12px 14px;\r\n letter-spacing: 0.3px;\r\n transition: background 0.2s;\r\n }\r\n .navbar-tni .navbar-nav .nav-link:hover,\r\n .navbar-tni .navbar-nav .nav-link.active {\r\n background-color: var(--tni-red);\r\n color: #fff;\r\n }\r\n .search-form {\r\n position: relative;\r\n width: 240px;\r\n margin-right: 6px;\r\n }\r\n .search-form input {\r\n background-color: #4a4a4a;\r\n border: none;\r\n border-radius: 0;\r\n color: #fff;\r\n font-size: 13px;\r\n padding: 6px 35px 6px 12px;\r\n }\r\n .search-form input::placeholder {\r\n color: #bbb;\r\n }\r\n .search-form input:focus {\r\n background-color: #555;\r\n color: #fff;\r\n box-shadow: none;\r\n }\r\n .search-form button {\r\n position: absolute;\r\n right: 4px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: none;\r\n border: none;\r\n color: #ccc;\r\n font-size: 13px;\r\n }\r\n\r\n \/* 4. HERO BANNER *\/\r\n .hero-banner {\r\n position: relative;\r\n width: 100%;\r\n height: 155px;\r\n background: linear-gradient(90deg, rgba(255,255,255,0.95) 0%, rgba(16,45,92,0.75) 28%, rgba(25,65,120,0.8) 75%, rgba(180,20,20,0.85) 100%),\r\n url('https:\/\/images.unsplash.com\/photo-1508614589041-895b88991e3e?auto=format&fit=crop&w=1400&q=80') center\/cover no-repeat;\r\n border-radius: 6px;\r\n overflow: hidden;\r\n margin-top: 10px;\r\n margin-bottom: 25px;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 25px;\r\n }\r\n .prima-slogan-bar {\r\n background: rgba(20, 20, 20, 0.85);\r\n border: 1.5px solid #d4af37;\r\n border-radius: 6px;\r\n padding: 4px 18px;\r\n color: #fff;\r\n font-family: 'Oswald', sans-serif;\r\n font-size: 18px;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.4);\r\n }\r\n .prima-slogan-bar span.first-letter {\r\n color: #ff2a2a;\r\n font-weight: 700;\r\n }\r\n .prima-slogan-bar i {\r\n color: #f1c40f;\r\n font-size: 13px;\r\n margin: 0 5px;\r\n }\r\n\r\n \/* SECTION HEADERS *\/\r\n .section-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid #ddd;\r\n margin-bottom: 18px;\r\n position: relative;\r\n }\r\n .section-title {\r\n font-family: 'Oswald', sans-serif;\r\n color: var(--tni-red);\r\n font-size: 24px;\r\n font-weight: 500;\r\n margin: 0;\r\n padding-bottom: 8px;\r\n position: relative;\r\n }\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -1px;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background-color: var(--tni-red);\r\n }\r\n .btn-lainnya {\r\n background-color: #2b2b2b;\r\n color: #fff;\r\n font-size: 12px;\r\n padding: 5px 14px;\r\n border-radius: 3px;\r\n text-decoration: none;\r\n transition: background 0.2s;\r\n margin-bottom: 6px;\r\n }\r\n .btn-lainnya:hover {\r\n background-color: var(--tni-red);\r\n color: #fff;\r\n }\r\n\r\n \/* 5. BERITA UTAMA *\/\r\n .featured-card-img {\r\n position: relative;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n height: 360px;\r\n background-color: #111;\r\n }\r\n .featured-card-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n opacity: 0.85;\r\n }\r\n .condolence-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.85) 100%);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n padding: 20px;\r\n text-align: center;\r\n color: #fff;\r\n border: 4px solid #222;\r\n border-radius: 10px;\r\n }\r\n .meta-cat {\r\n color: #d48806;\r\n font-weight: 700;\r\n font-size: 12.5px;\r\n }\r\n .meta-date {\r\n color: #999;\r\n font-size: 12.5px;\r\n }\r\n .featured-title {\r\n font-family: 'Oswald', sans-serif;\r\n font-size: 31px;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n color: #1a1a1a;\r\n margin: 10px 0 16px;\r\n }\r\n .featured-desc {\r\n color: #444;\r\n font-size: 13.5px;\r\n line-height: 1.6;\r\n }\r\n .view-count {\r\n color: var(--tni-red);\r\n font-size: 12px;\r\n font-weight: 500;\r\n }\r\n .carousel-dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 8px;\r\n margin-top: 15px;\r\n }\r\n .carousel-dots span {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background-color: #ccc;\r\n display: inline-block;\r\n cursor: pointer;\r\n }\r\n .carousel-dots span.active {\r\n background-color: var(--tni-red);\r\n }\r\n\r\n \/* 6. QUOTE BANNER *\/\r\n .quote-box {\r\n border: 1px solid #e0e0e0;\r\n background-color: #fafafa;\r\n padding: 25px 35px;\r\n margin: 28px 0;\r\n }\r\n .quote-portrait {\r\n width: 195px;\r\n height: 165px;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n box-shadow: 0 3px 10px rgba(0,0,0,0.15);\r\n }\r\n .quote-text {\r\n font-style: italic;\r\n font-weight: 600;\r\n font-size: 17.5px;\r\n color: #222;\r\n line-height: 1.5;\r\n margin-bottom: 10px;\r\n }\r\n .quote-author {\r\n color: var(--tni-red);\r\n font-style: italic;\r\n font-weight: 700;\r\n font-size: 16px;\r\n }\r\n\r\n \/* 7 & 8. NEWS CARDS & SMALL MEDIA LIST *\/\r\n .main-news-img {\r\n width: 100%;\r\n height: 230px;\r\n object-fit: cover;\r\n margin-bottom: 12px;\r\n }\r\n .news-title-md {\r\n font-family: 'Oswald', sans-serif;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 1.35;\r\n color: #111;\r\n margin: 5px 0 8px;\r\n text-decoration: none;\r\n display: block;\r\n }\r\n .news-title-md:hover {\r\n color: var(--tni-red);\r\n }\r\n .news-excerpt {\r\n color: #666;\r\n font-size: 12.5px;\r\n line-height: 1.5;\r\n margin-bottom: 6px;\r\n }\r\n .small-news-item {\r\n display: flex;\r\n gap: 12px;\r\n margin-bottom: 14px;\r\n padding-bottom: 10px;\r\n border-bottom: 1px solid #f0f0f0;\r\n }\r\n .small-news-item:last-child {\r\n border-bottom: none;\r\n }\r\n .small-news-thumb {\r\n width: 125px;\r\n height: 86px;\r\n object-fit: cover;\r\n flex-shrink: 0;\r\n }\r\n .news-title-sm {\r\n font-family: 'Oswald', sans-serif;\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n line-height: 1.3;\r\n color: #222;\r\n text-decoration: none;\r\n display: block;\r\n margin: 2px 0 4px;\r\n }\r\n .news-title-sm:hover {\r\n color: var(--tni-red);\r\n }\r\n .small-excerpt {\r\n font-size: 11.5px;\r\n color: #777;\r\n line-height: 1.35;\r\n margin-bottom: 3px;\r\n }\r\n\r\n \/* SIDEBAR TABS (Pengumuman \/ Siaran Pers \/ Amanat) *\/\r\n .sidebar-tabs {\r\n border-bottom: 1px solid #ddd;\r\n margin-bottom: 18px;\r\n display: flex;\r\n gap: 20px;\r\n }\r\n .sidebar-tab-link {\r\n font-family: 'Oswald', sans-serif;\r\n font-size: 16px;\r\n color: #222;\r\n text-decoration: none;\r\n padding-bottom: 8px;\r\n position: relative;\r\n cursor: pointer;\r\n font-weight: 500;\r\n }\r\n .sidebar-tab-link.active {\r\n color: var(--tni-red);\r\n }\r\n .sidebar-tab-link.active::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -1px;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background-color: var(--tni-red);\r\n }\r\n .hut-badge-circle {\r\n width: 95px;\r\n height: 95px;\r\n border-radius: 50%;\r\n flex-shrink: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n color: #fff;\r\n font-family: 'Oswald', sans-serif;\r\n padding: 6px;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.18);\r\n border: 3px solid #e6c15a;\r\n }\r\n .hut-81 {\r\n background: radial-gradient(circle, #b31217 0%, #660000 100%);\r\n }\r\n .hut-80 {\r\n background: radial-gradient(circle, #990000 0%, #4d0000 100%);\r\n }\r\n .hut-80-gold {\r\n background: radial-gradient(circle, #4a3500 0%, #1a1200 100%);\r\n }\r\n\r\n \/* 9. SOCIAL MEDIA WIDGETS BOX *\/\r\n .social-widgets-wrapper {\r\n border: 1px solid #eaeaea;\r\n padding: 20px;\r\n margin: 30px 0;\r\n background: #fff;\r\n }\r\n .social-widget-card {\r\n border: 1px solid #dcdcdc;\r\n border-radius: 4px;\r\n background: #fff;\r\n height: 410px;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n }\r\n .social-widget-header {\r\n padding: 10px 15px;\r\n border-bottom: 1px solid #dcdcdc;\r\n font-weight: 500;\r\n font-size: 13.5px;\r\n color: #222;\r\n background: #fff;\r\n }\r\n .ig-grid-loader {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: repeat(3, 1fr);\r\n flex-grow: 1;\r\n padding: 15px;\r\n gap: 10px;\r\n align-items: center;\r\n justify-items: center;\r\n }\r\n .spinner-ring {\r\n width: 28px;\r\n height: 28px;\r\n border: 2.5px solid #222;\r\n border-top-color: transparent;\r\n border-radius: 50%;\r\n animation: spin 1.2s linear infinite;\r\n }\r\n @keyframes spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n \/* 10. FOLLOW ME BAR & ZONA INTEGRITAS *\/\r\n .follow-me-bar {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n padding: 10px 15px;\r\n margin-bottom: 20px;\r\n }\r\n .follow-label {\r\n font-family: 'Oswald', sans-serif;\r\n font-size: 28px;\r\n font-weight: 500;\r\n color: #222;\r\n }\r\n .social-pill-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n text-decoration: none;\r\n }\r\n .social-circle-icon {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n font-size: 22px;\r\n text-decoration: none;\r\n transition: transform 0.2s;\r\n }\r\n .social-circle-icon:hover {\r\n transform: scale(1.08);\r\n color: #fff;\r\n }\r\n .zi-banner {\r\n border: 4px solid #dcdcdc;\r\n background: linear-gradient(90deg, #0d233a 0%, #1d4e89 45%, #3b2d1f 75%, #0a1420 100%);\r\n min-height: 118px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 12px 28px;\r\n color: #fff;\r\n margin-bottom: 35px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* 11. VIDEO GALERI *\/\r\n .video-thumb-box {\r\n position: relative;\r\n height: 195px;\r\n background-color: #000;\r\n overflow: hidden;\r\n margin-bottom: 10px;\r\n }\r\n .video-thumb-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n opacity: 0.85;\r\n }\r\n .yt-top-bar {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 8px 10px;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.85) 0%, transparent 100%);\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 13px;\r\n }\r\n .yt-play-btn {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 54px;\r\n height: 38px;\r\n background-color: rgba(255, 0, 0, 0.9);\r\n border-radius: 9px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n font-size: 18px;\r\n cursor: pointer;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.4);\r\n }\r\n .yt-bottom-bar {\r\n position: absolute;\r\n bottom: 6px;\r\n left: 8px;\r\n right: 8px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n color: #fff;\r\n font-size: 11.5px;\r\n }\r\n .watch-on-yt {\r\n background: rgba(0,0,0,0.75);\r\n padding: 3px 8px;\r\n border-radius: 3px;\r\n font-size: 11px;\r\n }\r\n\r\n \/* 12. PHOTO GALERI *\/\r\n .photo-thumb {\r\n width: 100%;\r\n height: 195px;\r\n object-fit: cover;\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* 13. PPID & ARTIKEL GPR *\/\r\n .ppid-btn-box {\r\n border: 1px solid #e0e0e0;\r\n border-radius: 6px;\r\n padding: 10px 18px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 190px;\r\n background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.06);\r\n text-decoration: none;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .gpr-card {\r\n background-color: #f7f7f7;\r\n border: 1px solid #e2e2e2;\r\n border-radius: 6px;\r\n padding: 18px;\r\n }\r\n .gpr-scroll-area {\r\n background: #fff;\r\n border: 1px solid #ddd;\r\n height: 155px;\r\n overflow-y: scroll;\r\n padding: 12px 15px;\r\n font-size: 12px;\r\n color: #444;\r\n }\r\n\r\n \/* 14. PARTNER LOGOS *\/\r\n .partner-card {\r\n border: 1px solid #efefef;\r\n border-radius: 6px;\r\n height: 78px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 15px;\r\n background: #fff;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.03);\r\n transition: box-shadow 0.2s;\r\n }\r\n .partner-card:hover {\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n }\r\n\r\n \/* 15. FOOTER *\/\r\n .footer-main {\r\n background-color: #8c0000;\r\n color: #ffffff;\r\n padding: 30px 0 45px;\r\n margin-top: 40px;\r\n }\r\n .footer-brand-title {\r\n font-family: 'Oswald', sans-serif;\r\n font-size: 23px;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n letter-spacing: 0.5px;\r\n }\r\n .footer-col-title {\r\n font-family: 'Oswald', sans-serif;\r\n font-size: 16px;\r\n font-weight: 500;\r\n margin-bottom: 18px;\r\n text-transform: uppercase;\r\n }\r\n .footer-social-item {\r\n display: inline-flex;\r\n flex-direction: column;\r\n align-items: center;\r\n color: #fff;\r\n text-decoration: none;\r\n font-size: 10.5px;\r\n margin-right: 12px;\r\n }\r\n .footer-social-item .icon-circle {\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 4px;\r\n font-size: 13px;\r\n }\r\n .footer-bottom {\r\n background-color: #000000;\r\n color: #ffffff;\r\n text-align: center;\r\n padding: 14px 0;\r\n font-family: 'Oswald', sans-serif;\r\n font-size: 12.5px;\r\n letter-spacing: 0.4px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- 1. TOP BAR -->\r\n <div class=\"top-bar\">\r\n <div class=\"container-portal d-flex justify-content-between align-items-center\">\r\n <div class=\"date-badge\">\r\n Rabu, 21 Oktober 2026\r\n <\/div>\r\n <div class=\"visitor-stats d-none d-md-block\">\r\n <span>Hari ini : <strong>1.050<\/strong><\/span>\r\n <span>Minggu ini : <strong>5.397<\/strong><\/span>\r\n <span>Bulan ini : <strong>65.454<\/strong><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 2. HEADER BRANDING & MARQUEE -->\r\n <header class=\"header-section\">\r\n <div class=\"container-portal\">\r\n <div class=\"row align-items-center g-3\">\r\n <div class=\"col-lg-3 col-md-4 text-center text-md-start\">\r\n <div class=\"d-inline-block\">\r\n <div class=\"logo-group justify-content-center\">\r\n <div class=\"logo-emblem\" title=\"Mabes TNI\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n <div class=\"logo-emblem\" title=\"TNI AD\" style=\"border-color:#1b5e20; color:#1b5e20;\"><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <div class=\"logo-emblem\" title=\"TNI AL\" style=\"border-color:#0d47a1; color:#0d47a1;\"><i class=\"fa-solid fa-anchor\"><\/i><\/div>\r\n <div class=\"logo-emblem\" title=\"TNI AU\" style=\"border-color:#0288d1; color:#0288d1;\"><i class=\"fa-solid fa-feather-pointed\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"logo-title\">TENTARA NASIONAL INDONESIA<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-lg-9 col-md-8\">\r\n <div class=\"ticker-box\">\r\n <div class=\"ticker-content\">\r\n TNI PRIMA, Profesional, Responsif, Integratif, Modern, Adaptif *** Download aplikasi TNI PRIMA di Playstore dan Appstore *** Dirgahayu Tentara Nasional Indonesia ke-81\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- 3. NAVIGATION BAR -->\r\n <div class=\"container-portal\">\r\n <nav class=\"navbar navbar-expand-lg navbar-tni\">\r\n <button class=\"navbar-toggler text-white border-0 ms-2 py-2\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#tniNavbar\">\r\n <i class=\"fa-solid fa-bars\"><\/i> Menu\r\n <\/button>\r\n <div class=\"collapse navbar-collapse justify-content-between\" id=\"tniNavbar\">\r\n <ul class=\"navbar-nav\">\r\n <li class=\"nav-item\"><a class=\"nav-link active\" href=\"#\">Home<\/a><\/li>\r\n <li class=\"nav-item dropdown\">\r\n <a class=\"nav-link dropdown-toggle\" href=\"#\" data-bs-toggle=\"dropdown\">Profil<\/a>\r\n <ul class=\"dropdown-menu rounded-0\">\r\n <li><a class=\"dropdown-item small\" href=\"#\">Panglima TNI<\/a><\/li>\r\n <li><a class=\"dropdown-item small\" href=\"#\">Sejarah TNI<\/a><\/li>\r\n <li><a class=\"dropdown-item small\" href=\"#\">Visi & Misi<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Siaran Pers<\/a><\/li>\r\n <li class=\"nav-item dropdown\">\r\n <a class=\"nav-link dropdown-toggle\" href=\"#\" data-bs-toggle=\"dropdown\">Berita<\/a>\r\n <ul class=\"dropdown-menu rounded-0\">\r\n <li><a class=\"dropdown-item small\" href=\"#\">Operasional TNI<\/a><\/li>\r\n <li><a class=\"dropdown-item small\" href=\"#\">Bakti TNI<\/a><\/li>\r\n <li><a class=\"dropdown-item small\" href=\"#\">Internal<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li class=\"nav-item dropdown\">\r\n <a class=\"nav-link dropdown-toggle\" href=\"#\" data-bs-toggle=\"dropdown\">Informasi<\/a>\r\n <ul class=\"dropdown-menu rounded-0\">\r\n <li><a class=\"dropdown-item small\" href=\"#\">Pengumuman<\/a><\/li>\r\n <li><a class=\"dropdown-item small\" href=\"#\">Agenda<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Rekrutmen<\/a><\/li>\r\n <li class=\"nav-item dropdown\">\r\n <a class=\"nav-link dropdown-toggle\" href=\"#\" data-bs-toggle=\"dropdown\">Penerangan Pasukan<\/a>\r\n <ul class=\"dropdown-menu rounded-0\">\r\n <li><a class=\"dropdown-item small\" href=\"#\">Dispenad<\/a><\/li>\r\n <li><a class=\"dropdown-item small\" href=\"#\">Dispenal<\/a><\/li>\r\n <li><a class=\"dropdown-item small\" href=\"#\">Dispenau<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li class=\"nav-item dropdown\">\r\n <a class=\"nav-link dropdown-toggle\" href=\"#\" data-bs-toggle=\"dropdown\">Publikasi<\/a>\r\n <ul class=\"dropdown-menu rounded-0\">\r\n <li><a class=\"dropdown-item small\" href=\"#\">Majalah Palagan<\/a><\/li>\r\n <li><a class=\"dropdown-item small\" href=\"#\">Video & Photo<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Kontak<\/a><\/li>\r\n <\/ul>\r\n\r\n <form class=\"search-form my-2 my-lg-0\" onsubmit=\"event.preventDefault();\">\r\n <input type=\"text\" class=\"form-control\" placeholder=\"cari\">\r\n <button type=\"submit\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><\/button>\r\n <\/form>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- 4. HERO BANNER -->\r\n <div class=\"hero-banner\">\r\n <div class=\"d-flex align-items-center gap-3\">\r\n <!-- HUT 81 Emblem Mockup -->\r\n <div class=\"text-center bg-white p-2 rounded-circle shadow-sm d-flex flex-column justify-content-center align-items-center\" style=\"width:82px; height:82px; border:2px solid #d31111;\">\r\n <span class=\"fw-bold text-danger oswald-font\" style=\"font-size:24px; line-height:1;\">81<small style=\"font-size:10px;\">TH<\/small><\/span>\r\n <span class=\"badge bg-danger rounded-pill mt-1\" style=\"font-size:8px;\">TNI PRIMA<\/span>\r\n <\/div>\r\n <!-- TNI PRIMA Shield -->\r\n <div class=\"text-center d-none d-sm-flex flex-column align-items-center bg-dark text-warning px-3 py-2 rounded border border-warning\">\r\n <i class=\"fa-solid fa-award fs-4\"><\/i>\r\n <span class=\"oswald-font fw-bold small mt-1\" style=\"letter-spacing:1px;\">PRIMA<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"prima-slogan-bar d-none d-md-block\">\r\n <span class=\"first-letter\">P<\/span>rofesional <i class=\"fa-solid fa-star\"><\/i>\r\n <span class=\"first-letter\">R<\/span>esponsif <i class=\"fa-solid fa-star\"><\/i>\r\n <span class=\"first-letter\">I<\/span>ntegratif <i class=\"fa-solid fa-star\"><\/i>\r\n <span class=\"first-letter\">M<\/span>odern <i class=\"fa-solid fa-star\"><\/i>\r\n <span class=\"first-letter\">A<\/span>daptif\r\n <\/div>\r\n\r\n <!-- IKN Badge Right -->\r\n <div class=\"text-center bg-danger text-white rounded-circle d-flex flex-column justify-content-center align-items-center shadow\" style=\"width:76px; height:76px; border:2px solid #ffd700;\">\r\n <span class=\"oswald-font fw-bold\" style=\"font-size:15px; line-height:1;\">IKN<\/span>\r\n <span style=\"font-size:7.5px;\">IBU KOTA<br>NUSANTARA<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 5. BERITA UTAMA -->\r\n <section class=\"mb-4\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Berita Utama<\/h2>\r\n <\/div>\r\n\r\n <div class=\"row align-items-center g-4\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"featured-card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541872703-74c5e44368f9?auto=format&fit=crop&w=900&q=80\" alt=\"Turut Berduka Cita\">\r\n <div class=\"condolence-overlay\">\r\n <div>\r\n <div class=\"d-flex justify-content-between align-items-center px-2\">\r\n <i class=\"fa-solid fa-shield-halved text-warning fs-4\"><\/i>\r\n <span class=\"small fst-italic text-light\">Turut Berduka Cita Atas Wafatnya<\/span>\r\n <i class=\"fa-solid fa-star text-warning fs-4\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pb-1\">\r\n <h4 class=\"oswald-font fw-bold text-warning mb-0\" style=\"letter-spacing:1px; text-shadow: 2px 2px 4px #000;\">LETJEN TNI (PURN)<\/h4>\r\n <h3 class=\"oswald-font fw-bold text-white mb-1\" style=\"letter-spacing:1px; text-shadow: 2px 2px 4px #000;\">ENDANG SUWARYA<\/h3>\r\n <span class=\"badge bg-dark border border-secondary text-light fw-normal\" style=\"font-size:10px;\">Kasum TNI Periode 2006 - 2007<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-lg-6 ps-lg-4\">\r\n <div>\r\n <span class=\"meta-cat\">Duka Cita<\/span>\r\n <span class=\"meta-date\"> - 20 Okt 2026<\/span>\r\n <\/div>\r\n <h1 class=\"featured-title\">\r\n Turut Berdukacita Atas Wafatnya Letjen TNI (Purn) Endang Suwarya\r\n <\/h1>\r\n <p class=\"featured-desc text-center px-lg-3\">\r\n Panglima TNI Jenderal TNI Agus Subiyanto Beserta Jajaran Mengucapkan:<br>\r\n Turut Berdukacita Atas Wafatnya Letjen TNI (Purn) Endang Suwarya<br>\r\n Kasum TNI Periode 2-01-2006 s.d 19-11-2007...\r\n <\/p>\r\n <div class=\"mt-3\">\r\n <span class=\"view-count\">58 Dilihat<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-dots\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <span class=\"active\"><\/span>\r\n <span><\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 6. QUOTE BANNER BOX -->\r\n <section class=\"quote-box\">\r\n <div class=\"row align-items-center\">\r\n <div class=\"col-md-4 text-center\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=500&q=80\" alt=\"Jenderal TNI Agus Subiyanto\" class=\"quote-portrait\">\r\n <div class=\"carousel-dots mt-2\">\r\n <span class=\"active\"><\/span>\r\n <span><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-md-8 text-center mt-3 mt-md-0 px-md-4\">\r\n <p class=\"quote-text\">\r\n \"Selalu Mengalah dalam setiap persoalan dan hindarilah konflik dengan sesama\"\r\n <\/p>\r\n <div class=\"quote-author\">\r\n -Jenderal TNI Agus Subiyanto-\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 7. BERITA TERKINI & PENGUMUMAN \/ SIARAN PERS -->\r\n <section class=\"mb-5\">\r\n <div class=\"row g-4\">\r\n <!-- Left 8 Cols: Berita Terkini -->\r\n <div class=\"col-lg-8\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Berita Terkini<\/h2>\r\n <a href=\"#\" class=\"btn-lainnya\">Lainnya <i class=\"fa-solid fa-angle-right ms-1\"><\/i><\/a>\r\n <\/div>\r\n\r\n <div class=\"row g-3\">\r\n <!-- Main Vertical News -->\r\n <div class=\"col-md-6\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?auto=format&fit=crop&w=600&q=80\" alt=\"Ekspedisi Rupiah Berdaulat\" class=\"main-news-img\">\r\n <div>\r\n <span class=\"meta-cat\">Operasional TNI<\/span>\r\n <span class=\"meta-date\"> - 21 Okt 2026<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"news-title-md\">\r\n Pelepasan Tim Ekspedisi Rupiah Berdaulat Tahun 2026 Wilayah Kerja Provinsi Papua Barat Daya dan Papua...\r\n <\/a>\r\n <p class=\"news-excerpt\">\r\n Bertempat di Dermaga Kodaeral XIV Sorong Papua Barat Daya, secara simbolis, Gubernur Papua Barat Daya, Elisa Kambu, S.Sos., didampingi, Komandan Kodaeral XIV...\r\n <\/p>\r\n <span class=\"view-count\">0 Dilihat<\/span>\r\n <\/div>\r\n\r\n <!-- Right 4 Stacked News List -->\r\n <div class=\"col-md-6\">\r\n <!-- Item 1 -->\r\n <div class=\"small-news-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1579912437766-7896df6d3cd3?auto=format&fit=crop&w=300&q=80\" alt=\"Latgabma Keris\" class=\"small-news-thumb\">\r\n <div>\r\n <div>\r\n <span class=\"meta-cat\" style=\"font-size:11px;\">Latihan Gabungan TNI<\/span>\r\n <span class=\"meta-date\" style=\"font-size:11px;\"> - 21 Okt 2026<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"news-title-sm\">TNI Dan ADF Melaksanakan Latgabma Keris...<\/a>\r\n <p class=\"small-excerpt\">Ribuan prajurit TNI dan Australian Defence Force (ADF) mengintegrasikan...<\/p>\r\n <span class=\"view-count\" style=\"font-size:11px;\">0 Dilihat<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 2 -->\r\n <div class=\"small-news-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=300&q=80\" alt=\"Danlanud Sulaiman\" class=\"small-news-thumb\">\r\n <div>\r\n <div>\r\n <span class=\"meta-cat\" style=\"font-size:11px;\">Internal<\/span>\r\n <span class=\"meta-date\" style=\"font-size:11px;\"> - 21 Okt 2026<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"news-title-sm\">Perkuat Sinergi, Danlanud Sulaiman Silaturahmi...<\/a>\r\n <p class=\"small-excerpt\">Dalam rangka memperkuat sinergi dan koordinasi antarsatuan, Komandan Lanu...<\/p>\r\n <span class=\"view-count\" style=\"font-size:11px;\">0 Dilihat<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 3 -->\r\n <div class=\"small-news-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1577962917302-cd874c4e31d2?auto=format&fit=crop&w=300&q=80\" alt=\"Koordinasi Bidang Hukum\" class=\"small-news-thumb\">\r\n <div>\r\n <div>\r\n <span class=\"meta-cat\" style=\"font-size:11px;\">Bakti TNI<\/span>\r\n <span class=\"meta-date\" style=\"font-size:11px;\"> - 21 Okt 2026<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"news-title-sm\">Perkuat Koordinasi Bidang Hukum, Sekdiskum TNI...<\/a>\r\n <p class=\"small-excerpt\">Komandan Kodaeral XII Laksamana Muda TNI Sawa, S.E., M.M., CIQaR., menerima...<\/p>\r\n <span class=\"view-count\" style=\"font-size:11px;\">2 Dilihat<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 4 -->\r\n <div class=\"small-news-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500937386664-56d1dfef3854?auto=format&fit=crop&w=300&q=80\" alt=\"Babinsa Ketahanan Pangan\" class=\"small-news-thumb\">\r\n <div>\r\n <div>\r\n <span class=\"meta-cat\" style=\"font-size:11px;\">Bakti TNI<\/span>\r\n <span class=\"meta-date\" style=\"font-size:11px;\"> - 21 Okt 2026<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"news-title-sm\">Semangat Babinsa Menjaga Ketahanan Pangan...<\/a>\r\n <p class=\"small-excerpt\">Di bawah naungan langit Wedomartani yang teduh, geliat semangat mewujudka...<\/p>\r\n <span class=\"view-count\" style=\"font-size:11px;\">3 Dilihat<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right 4 Cols: Pengumuman & Siaran Pers -->\r\n <div class=\"col-lg-4\">\r\n <div class=\"sidebar-tabs\">\r\n <span class=\"sidebar-tab-link active\">Pengumuman<\/span>\r\n <span class=\"sidebar-tab-link\">Siaran Pers<\/span>\r\n <\/div>\r\n\r\n <!-- Pengumuman List -->\r\n <div class=\"d-flex flex-column gap-3\">\r\n <div class=\"d-flex gap-3 align-items-center\">\r\n <div class=\"hut-badge-circle hut-81\">\r\n <span style=\"font-size:8px; letter-spacing:0.5px;\">DIRGAHAYU TNI<\/span>\r\n <span class=\"fw-bold\" style=\"font-size:26px; line-height:1;\">81<small style=\"font-size:10px;\">TH<\/small><\/span>\r\n <span class=\"badge bg-warning text-dark mt-1\" style=\"font-size:8px;\">PRIMA<\/span>\r\n <\/div>\r\n <div>\r\n <div class=\"meta-date\" style=\"font-size:11px;\">25 Agt 2026<\/div>\r\n <a href=\"#\" class=\"news-title-sm\">Logo, Backdrop, dan Video HUT ke-81 TNI<\/a>\r\n <p class=\"small-excerpt mb-0\">Logo, backdrop dan video HUT ke-81 TNI...<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"d-flex gap-3 align-items-center\">\r\n <div class=\"hut-badge-circle hut-80\">\r\n <span style=\"font-size:8px;\">HUT TNI<\/span>\r\n <span class=\"fw-bold\" style=\"font-size:26px; line-height:1; color:#ffd700;\">80<\/span>\r\n <span style=\"font-size:8px; color:#ffd700;\">PRIMA<\/span>\r\n <\/div>\r\n <div>\r\n <div class=\"meta-date\" style=\"font-size:11px;\">18 Sep 2025<\/div>\r\n <a href=\"#\" class=\"news-title-sm\">Backdrop dan Logo HUT ke-80 TNI<\/a>\r\n <p class=\"small-excerpt mb-0\">Logo dan backdrop HUT ke-80 TNI kini tersedia...<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"d-flex gap-3 align-items-center\">\r\n <div class=\"hut-badge-circle hut-80\">\r\n <span style=\"font-size:8px;\">HUT TNI<\/span>\r\n <span class=\"fw-bold\" style=\"font-size:26px; line-height:1; color:#ffd700;\">80<\/span>\r\n <span style=\"font-size:8px; color:#ffd700;\">PRIMA<\/span>\r\n <\/div>\r\n <div>\r\n <div class=\"meta-date\" style=\"font-size:11px;\">23 Agt 2025<\/div>\r\n <a href=\"#\" class=\"news-title-sm\">HASIL PELAKSANAAN SPAK PADA PUSPEN TNI...<\/a>\r\n <p class=\"small-excerpt mb-0\">Merujuk pada hasil indeks persepsi pada...<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"d-flex gap-3 align-items-center\">\r\n <div class=\"hut-badge-circle hut-80\">\r\n <span style=\"font-size:8px;\">HUT TNI<\/span>\r\n <span class=\"fw-bold\" style=\"font-size:26px; line-height:1; color:#ffd700;\">80<\/span>\r\n <span style=\"font-size:8px; color:#ffd700;\">PRIMA<\/span>\r\n <\/div>\r\n <div>\r\n <div class=\"meta-date\" style=\"font-size:11px;\">23 Agt 2025<\/div>\r\n <a href=\"#\" class=\"news-title-sm\">HASIL PELAKSANAAN SPKP PADA PUSPEN TNI...<\/a>\r\n <p class=\"small-excerpt mb-0\">Merujuk pada hasil indeks persepsi pada...<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 8. BERITA TERPOPULER & AMANAT \/ BERITA MEDIA -->\r\n <section class=\"mb-5\">\r\n <div class=\"row g-4\">\r\n <!-- Left 8 Cols: Berita Terpopuler -->\r\n <div class=\"col-lg-8\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Berita Terpopuler<\/h2>\r\n <\/div>\r\n\r\n <div class=\"row g-3\">\r\n <!-- Main Vertical Popular Card -->\r\n <div class=\"col-md-6\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&w=600&q=80\" alt=\"Kasum TNI Pimpin Rakor\" class=\"main-news-img\">\r\n <div>\r\n <span class=\"meta-cat\">Internal<\/span>\r\n <span class=\"meta-date\"> - 14 Okt 2026<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"news-title-md\">\r\n Kasum TNI Pimpin Rakor Penanganan Karhutla dan Teknologi Modifikasi Cuaca\r\n <\/a>\r\n <p class=\"news-excerpt\">\r\n (Puspen TNI). Kepala Staf Umum (Kasum) TNI Letjen TNI Richard Taruli H. Tampubolon, S.H., M.M., memimpin Rapat Koordinasi (Rakor) Penanganan...\r\n <\/p>\r\n <span class=\"view-count\">805 Dilihat<\/span>\r\n <\/div>\r\n\r\n <!-- Right 4 Stacked Popular List -->\r\n <div class=\"col-md-6\">\r\n <!-- Item 1 -->\r\n <div class=\"small-news-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1508614589041-895b88991e3e?auto=format&fit=crop&w=300&q=80\" alt=\"Penjaga Langit Nusantara\" class=\"small-news-thumb\">\r\n <div>\r\n <div>\r\n <span class=\"meta-cat\" style=\"font-size:11px;\">Internal<\/span>\r\n <span class=\"meta-date\" style=\"font-size:11px;\"> - 01 Okt 2026<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"news-title-sm\">Lahirkan Penjaga Langit Nusantara: 15 Putra-Putri...<\/a>\r\n <p class=\"small-excerpt\">(Puspen TNI). Asisten Personalia (Aspers) Panglima TNI Marsda TNI Djohn Amarul,...<\/p>\r\n <span class=\"view-count\" style=\"font-size:11px;\">620 Dilihat<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 2 -->\r\n <div class=\"small-news-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511671782779-c97d3d27a1d4?auto=format&fit=crop&w=300&q=80\" alt=\"Pagelaran Wayang Golek\" class=\"small-news-thumb\">\r\n <div>\r\n <div>\r\n <span class=\"meta-cat\" style=\"font-size:11px;\">Internal<\/span>\r\n <span class=\"meta-date\" style=\"font-size:11px;\"> - 12 Okt 2026<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"news-title-sm\">Panglima TNI Hadiri Pagelaran Wayang Golek Ki...<\/a>\r\n <p class=\"small-excerpt\">(Puspen TNI). Panglima TNI Jenderal TNI Agus Subiyanto menghadiri acara...<\/p>\r\n <span class=\"view-count\" style=\"font-size:11px;\">570 Dilihat<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 3 -->\r\n <div class=\"small-news-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541872703-74c5e44368f9?auto=format&fit=crop&w=300&q=80\" alt=\"Kalemdiklat Polri\" class=\"small-news-thumb\">\r\n <div>\r\n <div>\r\n <span class=\"meta-cat\" style=\"font-size:11px;\">Pendidikan<\/span>\r\n <span class=\"meta-date\" style=\"font-size:11px;\"> - 08 Okt 2026<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"news-title-sm\">Panglima TNI Bersama Kalemdiklat Polri Pimpin...<\/a>\r\n <p class=\"small-excerpt\">(Puspen TNI). Panglima TNI Jenderal TNI Agus Subiyanto, S.E., M.Si. bersama...<\/p>\r\n <span class=\"view-count\" style=\"font-size:11px;\">502 Dilihat<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 4 -->\r\n <div class=\"small-news-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=300&q=80\" alt=\"Jenderal TNI Maruli\" class=\"small-news-thumb\">\r\n <div>\r\n <div>\r\n <span class=\"meta-cat\" style=\"font-size:11px;\">Ucapan Selamat<\/span>\r\n <span class=\"meta-date\" style=\"font-size:11px;\"> - 16 Okt 2026<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"news-title-sm\">Selamat dan Sukses Jenderal TNI Maruli...<\/a>\r\n <p class=\"small-excerpt\">Panglima TNI Jenderal TNI Agus Subiyanto, mengucapkan: Selamat dan...<\/p>\r\n <span class=\"view-count\" style=\"font-size:11px;\">394 Dilihat<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right 4 Cols: Amanat & Berita Media -->\r\n <div class=\"col-lg-4\">\r\n <div class=\"sidebar-tabs\">\r\n <span class=\"sidebar-tab-link active\">Amanat<\/span>\r\n <span class=\"sidebar-tab-link\">Berita Media<\/span>\r\n <\/div>\r\n\r\n <div class=\"d-flex flex-column gap-3\">\r\n <div class=\"d-flex gap-3 align-items-center\">\r\n <div class=\"hut-badge-circle hut-80\">\r\n <span style=\"font-size:8px;\">HUT TNI<\/span>\r\n <span class=\"fw-bold\" style=\"font-size:26px; line-height:1; color:#ffd700;\">80<\/span>\r\n <span style=\"font-size:8px; color:#ffd700;\">PRIMA<\/span>\r\n <\/div>\r\n <div>\r\n <div class=\"meta-date\" style=\"font-size:11px;\">17 Agt 2026<\/div>\r\n <a href=\"#\" class=\"news-title-sm\">AMANAT PANGLIMA TNI PADA UPACARA...<\/a>\r\n <p class=\"small-excerpt mb-0\">Assalamu'alaikum Wr. Wb., Salam sejahtera...<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"d-flex gap-3 align-items-center\">\r\n <div class=\"hut-badge-circle hut-80\">\r\n <span style=\"font-size:8px;\">HUT TNI<\/span>\r\n <span class=\"fw-bold\" style=\"font-size:26px; line-height:1; color:#ffd700;\">80<\/span>\r\n <span style=\"font-size:8px; color:#ffd700;\">PRIMA<\/span>\r\n <\/div>\r\n <div>\r\n <div class=\"meta-date\" style=\"font-size:11px;\">17 Okt 2025<\/div>\r\n <a href=\"#\" class=\"news-title-sm\">Amanat Panglima TNI Pada Upacara Bendera 1...<\/a>\r\n <p class=\"small-excerpt mb-0\">Assalammu'alaikum Wr. Wb., Salam sejahtera...<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"d-flex gap-3 align-items-center\">\r\n <div class=\"hut-badge-circle hut-80\">\r\n <span style=\"font-size:8px;\">HUT TNI<\/span>\r\n <span class=\"fw-bold\" style=\"font-size:26px; line-height:1; color:#ffd700;\">80<\/span>\r\n <span style=\"font-size:8px; color:#ffd700;\">PRIMA<\/span>\r\n <\/div>\r\n <div>\r\n <div class=\"meta-date\" style=\"font-size:11px;\">05 Okt 2025<\/div>\r\n <a href=\"#\" class=\"news-title-sm\">Amanat Panglima TNI Pada Upacara Peringata...<\/a>\r\n <p class=\"small-excerpt mb-0\">Assalamualaikum Wr. Wb., Selamat pagi,...<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"d-flex gap-3 align-items-center\">\r\n <div class=\"hut-badge-circle hut-80-gold\">\r\n <i class=\"fa-solid fa-shield-halved text-warning fs-4 mb-1\"><\/i>\r\n <span style=\"font-size:8.5px; color:#ffd700;\">MABES TNI<\/span>\r\n <\/div>\r\n <div>\r\n <div class=\"meta-date\" style=\"font-size:11px;\">17 Agt 2025<\/div>\r\n <a href=\"#\" class=\"news-title-sm\">AMANAT PANGLIMA TNI PADA UPACARA...<\/a>\r\n <p class=\"small-excerpt mb-0\">ASSALAMMU'ALAIKUM WAROHMATULLOHI,...<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 9. SOCIAL MEDIA EMBED WIDGETS -->\r\n <section class=\"social-widgets-wrapper\">\r\n <div class=\"row g-4\">\r\n <!-- Col 1: TikTok -->\r\n <div class=\"col-lg-4\">\r\n <div class=\"social-widget-card\">\r\n <div class=\"social-widget-header\">TikTok @puspentni<\/div>\r\n <div class=\"p-3 d-flex flex-column justify-content-between flex-grow-1\">\r\n <div class=\"d-flex align-items-center gap-3\">\r\n <div class=\"rounded-circle bg-dark text-warning d-flex align-items-center justify-content-center fw-bold\" style=\"width:52px; height:52px; border:2px solid #d31111;\">\r\n <i class=\"fa-solid fa-shield-halved fs-4\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"fw-bold\">puspentni <i class=\"fa-solid fa-circle-check text-info small\"><\/i><\/div>\r\n <div class=\"d-flex gap-3 mt-1\" style=\"font-size:11.5px;\">\r\n <span><strong>1<\/strong><br><small class=\"text-muted\">Mengikuti<\/small><\/span>\r\n <span><strong>251.6K<\/strong><br><small class=\"text-muted\">Pengikut<\/small><\/span>\r\n <span><strong>5.1M<\/strong><br><small class=\"text-muted\">Suka<\/small><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"small text-muted my-2\" style=\"font-size:11.5px;\">\r\n Akun Official TikTok Pusat Penerangan TNI<br>\r\n tni.mil.id... <strong class=\"text-dark\">Lihat lainnya<\/strong>\r\n <\/div>\r\n\r\n <!-- Mini TikTok Thumbnails -->\r\n <div class=\"row g-1\">\r\n <div class=\"col-5 position-relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1508614589041-895b88991e3e?auto=format&fit=crop&w=200&q=60\" class=\"w-100 rounded-1\" style=\"height:125px; object-fit:cover;\" alt=\"TikTok 1\">\r\n <span class=\"position-absolute bottom-0 start-0 text-white px-1 small\" style=\"font-size:10px;\"><i class=\"fa-solid fa-play\"><\/i> 1225<\/span>\r\n <\/div>\r\n <div class=\"col-5 position-relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541872703-74c5e44368f9?auto=format&fit=crop&w=200&q=60\" class=\"w-100 rounded-1\" style=\"height:125px; object-fit:cover;\" alt=\"TikTok 2\">\r\n <\/div>\r\n <div class=\"col-2 position-relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1579912437766-7896df6d3cd3?auto=format&fit=crop&w=100&q=60\" class=\"w-100 rounded-1\" style=\"height:125px; object-fit:cover;\" alt=\"TikTok 3\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center pt-2 border-top mt-2\">\r\n <div>\r\n <div class=\"fw-bold small\"><i class=\"fa-brands fa-tiktok\"><\/i> TikTok<\/div>\r\n <div class=\"text-muted\" style=\"font-size:9.5px;\">Lihat Kebijakan Privasi<\/div>\r\n <\/div>\r\n <a href=\"#\" class=\"btn btn-sm text-white fw-bold px-3\" style=\"background-color:#fe2c55; font-size:11.5px;\">Buka TikTok<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Col 2: Instagram -->\r\n <div class=\"col-lg-4\">\r\n <div class=\"social-widget-card\">\r\n <div class=\"social-widget-header\">Instagram @puspentni<\/div>\r\n <div class=\"ig-grid-loader\">\r\n <div class=\"spinner-ring\"><\/div>\r\n <div class=\"spinner-ring\"><\/div>\r\n <div class=\"spinner-ring\"><\/div>\r\n <div class=\"spinner-ring\"><\/div>\r\n <div class=\"spinner-ring\"><\/div>\r\n <div class=\"spinner-ring\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Col 3: Facebook -->\r\n <div class=\"col-lg-4\">\r\n <div class=\"social-widget-card\">\r\n <div class=\"social-widget-header\">Facebook @puspentni<\/div>\r\n <div class=\"p-2\">\r\n <div class=\"p-3 rounded-1\" style=\"background: linear-gradient(180deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.3) 100%), url('https:\/\/images.unsplash.com\/photo-1579912437766-7896df6d3cd3?auto=format&fit=crop&w=500&q=80') center\/cover; color:#fff;\">\r\n <div class=\"d-flex align-items-center gap-2\">\r\n <div class=\"bg-white rounded-circle p-1 d-flex align-items-center justify-content-center\" style=\"width:45px; height:45px;\">\r\n <i class=\"fa-solid fa-shield-halved text-danger fs-4\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"fw-bold\" style=\"font-size:14px;\">Pusat Penerangan TNI <i class=\"fa-solid fa-circle-check text-primary small\"><\/i><\/div>\r\n <div style=\"font-size:11px;\">149.864 pengikut<\/div>\r\n <\/div>\r\n <\/div>\r\n <button class=\"btn btn-light btn-sm mt-3 fw-bold\" style=\"font-size:11.5px;\">\r\n <i class=\"fa-brands fa-facebook text-primary me-1\"><\/i> Ikuti Halaman\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 10. FOLLOW ME BAR & ZONA INTEGRITAS BANNER -->\r\n <section>\r\n <div class=\"follow-me-bar\">\r\n <div class=\"follow-label\">Follow Me :<\/div>\r\n\r\n <!-- Podcast Badge -->\r\n <a href=\"#\" class=\"social-pill-badge\">\r\n <div class=\"rounded-circle bg-dark text-warning d-flex align-items-center justify-content-center\" style=\"width:48px; height:48px; border:2px solid #d31111;\">\r\n <i class=\"fa-solid fa-microphone-lines fs-5\"><\/i>\r\n <\/div>\r\n <div class=\"lh-1\">\r\n <div class=\"oswald-font fw-bold text-danger\" style=\"font-size:21px;\">PODCAST<\/div>\r\n <small class=\"text-dark fw-bold\" style=\"font-size:10px;\">PUSPEN TNI<\/small>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- TikTok Badge -->\r\n <a href=\"#\" class=\"social-pill-badge\">\r\n <div class=\"rounded-circle bg-dark text-info d-flex align-items-center justify-content-center\" style=\"width:48px; height:48px; border:2px solid #00f2fe;\">\r\n <i class=\"fa-brands fa-tiktok fs-5\"><\/i>\r\n <\/div>\r\n <div class=\"lh-1\">\r\n <div class=\"oswald-font fw-bold text-dark\" style=\"font-size:21px;\">TikTok<\/div>\r\n <small class=\"text-secondary fw-bold\" style=\"font-size:10px;\">PUSPEN TNI<\/small>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Social Icons -->\r\n <a href=\"#\" class=\"social-circle-icon\" style=\"background-color:#1877f2;\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-circle-icon\" style=\"background-color:#ff0000;\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-circle-icon\" style=\"background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-circle-icon\" style=\"background-color:#111111;\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a>\r\n <\/div>\r\n\r\n <!-- Zona Integritas Banner -->\r\n <div class=\"zi-banner\">\r\n <div class=\"d-flex align-items-center gap-3\">\r\n <div class=\"rounded-circle bg-warning text-dark d-flex align-items-center justify-content-center fw-bold shadow\" style=\"width:74px; height:74px; border:3px solid #fff;\">\r\n <i class=\"fa-solid fa-scale-balanced fs-2 text-danger\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"oswald-font fw-bold text-info\" style=\"font-size:26px; letter-spacing:1px; line-height:1;\">ZONA INTEGRITAS<\/div>\r\n <div class=\"badge bg-danger text-white oswald-font mt-1 px-2 py-1\" style=\"font-size:13px; letter-spacing:0.8px;\">WILAYAH BEBAS KORUPSI<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-end d-none d-md-block\">\r\n <div class=\"oswald-font fw-bold text-white\" style=\"font-size:22px; line-height:1.15;\">\r\n ANDA KORUPSI<br>\r\n <span class=\"text-warning\">AKAN MERUGIKAN<\/span><br>\r\n DIRI DAN INSTITUSI\r\n <\/div>\r\n <div class=\"small text-light opacity-75 mt-1\" style=\"font-size:10px;\">PUSAT PENERANGAN TNI<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 11. VIDEO GALERI -->\r\n <section class=\"mb-5\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Video Galeri<\/h2>\r\n <a href=\"#\" class=\"btn-lainnya\">Lainnya <i class=\"fa-solid fa-angle-right ms-1\"><\/i><\/a>\r\n <\/div>\r\n\r\n <div class=\"row g-4\">\r\n <!-- Video 1 -->\r\n <div class=\"col-md-4\">\r\n <div class=\"video-thumb-box\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1508614589041-895b88991e3e?auto=format&fit=crop&w=600&q=80\" alt=\"Video Panglima TNI\">\r\n <div class=\"yt-top-bar\">\r\n <i class=\"fa-solid fa-shield-halved text-warning\"><\/i>\r\n <span class=\"text-truncate\">Panglima TNI Jenderal TNI Agus Subiyanto...<\/span>\r\n <\/div>\r\n <div class=\"yt-play-btn\"><i class=\"fa-solid fa-play\"><\/i><\/div>\r\n <div class=\"yt-bottom-bar\">\r\n <div>\r\n <i class=\"fa-solid fa-share me-2\"><\/i>\r\n <i class=\"fa-regular fa-clock\"><\/i>\r\n <\/div>\r\n <div class=\"watch-on-yt\">\r\n Tonton di <i class=\"fa-brands fa-youtube text-danger ms-1\"><\/i> <strong>YouTube<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <span class=\"meta-cat\">HUT TNI<\/span>\r\n <span class=\"meta-date\"> - 05 Okt 2026<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"news-title-md\">\r\n Panglima TNI Jenderal TNI Agus Subiyanto Mengucapkan: Dirgahayu TNI Ke 81\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Video 2 -->\r\n <div class=\"col-md-4\">\r\n <div class=\"video-thumb-box\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519074069444-1ba4ea16e66c?auto=format&fit=crop&w=600&q=80\" alt=\"Video Kasau\">\r\n <div class=\"yt-top-bar\">\r\n <i class=\"fa-solid fa-shield-halved text-warning\"><\/i>\r\n <span class=\"text-truncate\">Kasau Marsekal TNI M. Tonny Harjono...<\/span>\r\n <\/div>\r\n <div class=\"yt-play-btn\"><i class=\"fa-solid fa-play\"><\/i><\/div>\r\n <div class=\"yt-bottom-bar\">\r\n <div>\r\n <i class=\"fa-solid fa-share me-2\"><\/i>\r\n <i class=\"fa-regular fa-clock\"><\/i>\r\n <\/div>\r\n <div class=\"watch-on-yt\">\r\n Tonton di <i class=\"fa-brands fa-youtube text-danger ms-1\"><\/i> <strong>YouTube<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <span class=\"meta-cat\">HUT TNI<\/span>\r\n <span class=\"meta-date\"> - 05 Okt 2026<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"news-title-md\">\r\n Kasau Marsekal TNI M. Tonny Harjono, S.E., M.M., Mengucapkan: Dirgahayu HUT TNI ke 81\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Video 3 -->\r\n <div class=\"col-md-4\">\r\n <div class=\"video-thumb-box\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?auto=format&fit=crop&w=600&q=80\" alt=\"Video Kasal\">\r\n <div class=\"yt-top-bar\">\r\n <i class=\"fa-solid fa-shield-halved text-warning\"><\/i>\r\n <span class=\"text-truncate\">Kasal Laksamana TNI Dr. Muhammad Ali...<\/span>\r\n <\/div>\r\n <div class=\"yt-play-btn\"><i class=\"fa-solid fa-play\"><\/i><\/div>\r\n <div class=\"yt-bottom-bar\">\r\n <div>\r\n <i class=\"fa-solid fa-share me-2\"><\/i>\r\n <i class=\"fa-regular fa-clock\"><\/i>\r\n <\/div>\r\n <div class=\"watch-on-yt\">\r\n Tonton di <i class=\"fa-brands fa-youtube text-danger ms-1\"><\/i> <strong>YouTube<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <span class=\"meta-cat\">HUT TNI<\/span>\r\n <span class=\"meta-date\"> - 05 Okt 2026<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"news-title-md\">\r\n Kasal Laksamana TNI Dr. Muhammad Ali Mengucapkan: Dirgahayu HUT TNI ke 81\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 12. PHOTO GALERI -->\r\n <section class=\"mb-5\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Photo Galeri<\/h2>\r\n <a href=\"#\" class=\"btn-lainnya\">Lainnya <i class=\"fa-solid fa-angle-right ms-1\"><\/i><\/a>\r\n <\/div>\r\n\r\n <div class=\"row g-4\">\r\n <!-- Photo 1 -->\r\n <div class=\"col-md-4\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1577962917302-cd874c4e31d2?auto=format&fit=crop&w=600&q=80\" alt=\"Photo 1\" class=\"photo-thumb\">\r\n <div class=\"meta-date mb-1\">16 Sep 2026<\/div>\r\n <a href=\"#\" class=\"news-title-md\">\r\n Panglima TNI Dampingi Presiden Prabowo Tinjau Penanganan Karhutla di Riau dan Sumatera...\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Photo 2 -->\r\n <div class=\"col-md-4\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=600&q=80\" alt=\"Photo 2\" class=\"photo-thumb\">\r\n <div class=\"meta-date mb-1\">14 Sep 2026<\/div>\r\n <a href=\"#\" class=\"news-title-md\" style=\"color: var(--tni-red);\">\r\n Panglima TNI Dampingi Presiden RI Tinjau Penanganan Karhutla di Kalimantan Barat\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Photo 3 -->\r\n <div class=\"col-md-4\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&w=600&q=80\" alt=\"Photo 3\" class=\"photo-thumb\">\r\n <div class=\"meta-date mb-1\">10 Sep 2026<\/div>\r\n <a href=\"#\" class=\"news-title-md\">\r\n VTC Panglima TNI-CDF ADF Menjadi Momentum Perkuat Kerja Sama Bilateral Indonesia-...\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 13. PPID, DOWNLOAD PERATURAN & ARTIKEL GPR -->\r\n <section class=\"mb-5\">\r\n <div class=\"row g-4 align-items-center\">\r\n <!-- Left Column -->\r\n <div class=\"col-lg-6\">\r\n <div class=\"d-flex justify-content-between align-items-center mb-4\">\r\n <h4 class=\"oswald-font mb-0\" style=\"font-size:18px; line-height:1.35;\">\r\n Pejabat Pengelola Informasi dan<br>Dokumentasi\r\n <\/h4>\r\n <a href=\"#\" class=\"ppid-btn-box\">\r\n <div class=\"d-flex align-items-center gap-2\">\r\n <i class=\"fa-solid fa-shield-halved text-danger fs-4\"><\/i>\r\n <div class=\"lh-1\">\r\n <div class=\"oswald-font fw-bold text-danger\" style=\"font-size:14px;\">PPID TNI<\/div>\r\n <span class=\"text-muted\" style=\"font-size:8px;\">MABES TNI<\/span>\r\n <\/div>\r\n <\/div>\r\n <i class=\"fa-solid fa-caret-right text-danger\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <h4 class=\"oswald-font mb-0\" style=\"font-size:18px;\">\r\n Download Peraturan TNI\r\n <\/h4>\r\n <a href=\"#\" class=\"ppid-btn-box\">\r\n <div class=\"d-flex align-items-center gap-2\">\r\n <i class=\"fa-solid fa-shield-halved text-danger fs-4\"><\/i>\r\n <div class=\"lh-1\">\r\n <div class=\"oswald-font fw-bold text-danger\" style=\"font-size:14px;\">DOWNLOAD<\/div>\r\n <span class=\"text-muted\" style=\"font-size:8px;\">PERATURAN TNI<\/span>\r\n <\/div>\r\n <\/div>\r\n <i class=\"fa-solid fa-caret-right text-danger\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right Column: Artikel GPR -->\r\n <div class=\"col-lg-6\">\r\n <div class=\"gpr-card\">\r\n <h4 class=\"oswald-font fw-bold mb-2\" style=\"font-size:17px;\">Artikel GPR<\/h4>\r\n <div class=\"gpr-scroll-area\">\r\n <h6 class=\"fw-bold text-dark mb-1\" style=\"font-size:12.5px;\">\r\n Pembangunan Ibu Kota Negara Libatkan Masyarakat Lokal hingga Kembangkan Sektor Industri Digital dan Inovasi\r\n <\/h6>\r\n <div class=\"text-muted mb-2\" style=\"font-size:10px;\">26 Feb 2020 10:34<\/div>\r\n <p class=\"mb-2\">\r\n Membangun Ibu Kota Negara (IKN) tidak hanya menyiapkan infrastruktur dan lingkungannya saja, tetapi juga manusianya, baik yang akan pindah maupun yang telah lama menetap. Untuk membahas pentingnya aspek sosial budaya dalam rencana pembangunan IKN, Kementerian PPN\/Bappenas menyelenggarakan Dialog Nasional VII Pemindahan Ibu Kota Negara: \"Membangun Kualitas Kehidupan Sosial Budaya\" pada Selasa (25\/02\/2020), di Balai Purnomo Prawiro Universitas Indonesia, Depok, Jawa Barat.\r\n <\/p>\r\n <p class=\"mb-0\">\r\n Sinergi antara pemerintah pusat, TNI, dan masyarakat lokal menjadi kunci keberhasilan pembangunan berkelanjutan di kawasan Nusantara.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 14. PARTNER LOGOS ROW -->\r\n <section class=\"mb-5\">\r\n <div class=\"row g-3\">\r\n <div class=\"col-6 col-md-3\">\r\n <div class=\"partner-card\">\r\n <div class=\"d-flex align-items-center gap-2\">\r\n <i class=\"fa-solid fa-magnifying-glass-chart fs-2 text-danger\"><\/i>\r\n <div class=\"lh-1\">\r\n <div class=\"oswald-font fw-bold\" style=\"font-size:24px; color:#b31217;\">SIPPN<\/div>\r\n <span class=\"text-muted\" style=\"font-size:7.5px;\">Sistem Informasi Pelayanan Publik Nasional<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"col-6 col-md-3\">\r\n <div class=\"partner-card\">\r\n <div class=\"d-flex align-items-center gap-2\">\r\n <span class=\"oswald-font fw-bold text-danger\" style=\"font-size:28px;\">GPR<\/span>\r\n <div class=\"lh-1 border-start ps-2\">\r\n <div class=\"fw-bold text-dark\" style=\"font-size:10px;\">government<\/div>\r\n <div class=\"oswald-font fw-bold text-danger\" style=\"font-size:14px;\">PUBLIC<br>RELATIONS<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"col-6 col-md-3\">\r\n <div class=\"partner-card\">\r\n <div class=\"d-flex align-items-center gap-2\">\r\n <i class=\"fa-solid fa-shield-halved fs-2 text-warning bg-dark p-2 rounded-circle\"><\/i>\r\n <div class=\"lh-1\">\r\n <div class=\"oswald-font fw-bold text-danger\" style=\"font-size:22px;\">LAKIP<\/div>\r\n <div class=\"oswald-font fw-bold text-dark\" style=\"font-size:12px;\">PUSPEN TNI<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"col-6 col-md-3\">\r\n <div class=\"partner-card\">\r\n <div class=\"d-flex align-items-center gap-2\">\r\n <i class=\"fa-regular fa-comment-dots fs-2 text-danger\"><\/i>\r\n <div class=\"lh-1\">\r\n <div class=\"oswald-font fw-bold text-danger\" style=\"font-size:22px;\">LAPOR!<\/div>\r\n <span class=\"text-muted\" style=\"font-size:6.5px;\">LAYANAN ASPIRASI DAN PENGADUAN ONLINE RAKYAT<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- 15. FOOTER -->\r\n <footer class=\"footer-main\">\r\n <div class=\"container-portal\">\r\n <div class=\"footer-brand-title\">TENTARA NASIONAL INDONESIA<\/div>\r\n\r\n <div class=\"row g-4\">\r\n <div class=\"col-md-4\">\r\n <div class=\"footer-col-title\">ALAMAT<\/div>\r\n <div class=\"ps-4\" style=\"font-size:13px; line-height:1.6;\">\r\n Mabes TNI Cilangkap,<br>\r\n Jakarta Timur\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"col-md-4\">\r\n <div class=\"footer-col-title\">KONTAK<\/div>\r\n <div style=\"font-size:13px;\">\r\n Email. ppidtni@puspen.tni.mil.id\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"col-md-4\">\r\n <div class=\"footer-col-title\">SOSIAL MEDIA<\/div>\r\n <div class=\"d-flex flex-wrap align-items-center\">\r\n <a href=\"#\" class=\"footer-social-item\">\r\n <span class=\"icon-circle\" style=\"background:#e1306c;\"><i class=\"fa-brands fa-instagram\"><\/i><\/span>\r\n <span>Puspen_TNI<\/span>\r\n <\/a>\r\n <a href=\"#\" class=\"footer-social-item\">\r\n <span class=\"icon-circle\" style=\"background:#ff0000;\"><i class=\"fa-brands fa-youtube\"><\/i><\/span>\r\n <span>Puspen_TNI<\/span>\r\n <\/a>\r\n <a href=\"#\" class=\"footer-social-item\">\r\n <span class=\"icon-circle\" style=\"background:#111;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/span>\r\n <span>Puspen_TNI<\/span>\r\n <\/a>\r\n <a href=\"#\" class=\"footer-social-item\">\r\n <span class=\"icon-circle\" style=\"background:#000;\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/span>\r\n <span>@Puspen_TNI<\/span>\r\n <\/a>\r\n <a href=\"#\" class=\"footer-social-item\">\r\n <span class=\"icon-circle\" style=\"background:#1877f2;\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/span>\r\n <span>Pusat Penerangan TNI<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <div class=\"footer-bottom\">\r\n Copyright \u00a9 2026 PUSAT PENERANGAN TNI\r\n <\/div>\r\n\r\n <!-- Bootstrap 5 JS Bundle -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TENTARA NASIONAL INDONESIA – Portal Resmi Puspen TNI Rabu, 21 Oktober 2026 Hari ini : 1.050 Minggu ini : 5.397 Bulan ini : 65.454 TENTARA NASIONAL INDONESIA TNI PRIMA, Profesional, Responsif, Integratif, Modern, Adaptif *** Download aplikasi TNI PRIMA di Playstore dan Appstore *** Dirgahayu Tentara Nasional Indonesia ke-81 Menu Home Profil Panglima TNI Sejarah […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/akademidigitalmarketing.id\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/akademidigitalmarketing.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/akademidigitalmarketing.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/akademidigitalmarketing.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/akademidigitalmarketing.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":4,"href":"https:\/\/akademidigitalmarketing.id\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/akademidigitalmarketing.id\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/akademidigitalmarketing.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}