CINXE.COM
RRI World Service - Voice of Indonesia
<!doctype html> <html lang="en"> <!--<< Header Area >>--> <head> <!-- == Meta Tags == --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Keywords --> <meta name="keywords" content="boot, Bootstrap, Podover - Podcast HTML Template"> <!-- Description --> <meta name="description" content="Podover - Podcast HTML Template"> <!-- == Page title == --> <title>RRI World Service - Voice of Indonesia</title> <!-- Favicon/x-icon --> <link rel="shortcut icon" href="/home/img/logo/favicon.png" type="image/x-icon"> <!-- Bootstrap Min 5.2.3 Css--> <link rel="stylesheet" href="/home/css/bootstrap.min.css"> <!-- Fontawsome Icons Css--> <link rel="stylesheet" href="/home/css/all.min.css"> <!-- Magnifiq Popup Css --> <link rel="stylesheet" href="/home/css/magnific-popup.css"> <!-- Nice Select Css --> <link rel="stylesheet" href="/home/css/nice-select.css"> <!-- Swiper Slider Css --> <link rel="stylesheet" href="/home/css/swiper.min.css"> <!-- Aos Animation Css --> <link rel="stylesheet" href="/home/css/aos.css"> <!-- Main css --> <link rel="stylesheet" href="/home/css/main.css"> <!-- Phosphor Icons--> <script src="https://unpkg.com/@phosphor-icons/web@2.1.1"></script> </head> <body class="position-relative bg2-clr"> <!-- Custom Header Start --> <header class="header-section header-onestyle header-threestyle cmn-breadcrumnd-header cmn-fixed py-lg-0 py-6"> <div class="sub-header-wrap heading2-bg py-3 d-lg-block d-none"> <div class="container"> <div class="sub-header d-flex align-items-center justify-content-between gap-4"> <div class="sub-header-envelop"> <div class="d-flex align-items-center gap-xxl-7 gap-xl-5 gap-4"> <a href="mailto:voi@voinews.id" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-envelope theme-clr fs18"></i> <span class="pra-clr2 d-block fs14"> voi@voinews.id </span> </a> <a href="mailto:voilistener@gmail.com" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-envelope theme-clr fs18"></i> <span class="pra-clr2 d-block fs14"> voilisteners@gmail.com </span> </a> <a href="https://maps.app.goo.gl/ky1KNE7wZx6LZaEc8" target="blank" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-map-pin theme-clr fs18"></i> <span class="pra-clr2 d-block fs14"> 4-5, Medan Merdeka Barat, Jakarta </span> </a> </div> </div> <div class="sub-header-right d-flex align-items-center gap-xxl-9 gap-xl-7 gap-lg-5 gap-4"> <ul class="tag-social d-flex align-items-center gap-xxl-4 gap-xl-3 gap-2"> <li> <a href="https://x.com/voiindonesia" target="blank" class="d-center"> <i class="ph-fill ph-twitter-logo white-clr fs20"></i> </a> </li> <li> <a href="https://web.facebook.com/voiindonesia" target="blank" class="d-center"> <i class="ph-fill ph-facebook-logo white-clr fs20"></i> </a> </li> <li> <a href="https://www.youtube.com/@VoI_Official" target="blank" class="d-center"> <i class="ph-fill ph-youtube-logo white-clr fs20"></i> </a> </li> <li> <a href="https://www.instagram.com/voi__official" target="blank" class="d-center"> <i class="ph-fill ph-instagram-logo white-clr fs20"></i> </a> </li> </ul> </div> </div> </div> </div> <div class="container"> <div class="main-navbar"> <nav class="navbar-custom"> <div class="d-lg-flex flex-xl-nowrap flex-wrap align-items-center justify-content-lg-between"> <div class="d-flex align-items-center justify-content-between"> <a href="/" class="brand-logo"> <img class="w-100" src="/img/logo-voi.png" alt="logo"> </a> <div class="d-flex align-items-center gap-xxl-5 gap-5"> <div class="d-lg-none d-block"> <a href="#0" class="search-trigger search-icon d-center radius100"> <i class="fal fa-search"></i> </a> </div> <button class="navbar-toggle-btn d-block d-lg-none" type="button"> <span></span> <span></span> <span></span> <span></span> </button> </div> </div> <div class="navbar-toggle-item"> <ul class="custom-nav d-lg-flex d-grid gap-xxl-12 gap-xl-8 gap-lg-5 gap-md-2 gap-2 pt-lg-0 pt-5"> <li class="menu-item position-relative"> <a href="/" class="fw_500"> Home </a> </li> <li class="menu-item position-relative"> <button class="position-relative fw_500 white-clr cus-z1"> About </button> <ul class="sub-menu px-lg-4 py-xxl-3 py-2"> <li class="menu-link py-1"> <a href="/about" class="fw_500 white-clr">About Us</a> </li> <li class="menu-link py-1"> <a href="/program" class="fw_500 white-clr">Programs</a> </li> <li class="menu-link py-1"> <a href="/team" class="fw_500 white-clr">Team</a> </li> <li class="menu-link py-1"> <a href="/schedule" class="fw_500 white-clr">Schedule</a> </li> </ul> </li> <li class="menu-item position-relative pe-lg-5"> <button class="position-relative fw_500 white-clr cus-z1"> Language </button> <ul class="sub-menu px-lg-4 py-xxl-3 py-2"> <li class="menu-link py-1"> <a href="/english" class="fw_500 white-clr">English</a> </li> <li class="menu-link py-1"> <a href="/indonesian" class="fw_500 white-clr">Indonesian</a> </li> <li class="menu-link py-1"> <a href="/mandarin" class="fw_500 white-clr">Mandarin</a> </li> <li class="menu-link py-1"> <a href="/japanese" class="fw_500 white-clr">Japanese</a> </li> <li class="menu-link py-1"> <a href="/arabic" class="fw_500 white-clr">Arabic</a> </li> <li class="menu-link py-1"> <a href="/spanish" class="fw_500 white-clr">Spanish</a> </li> <li class="menu-link py-1"> <a href="/french" class="fw_500 white-clr">French</a> </li> <li class="menu-link py-1"> <a href="/dutch" class="fw_500 white-clr">Dutch</a> </li> <li class="menu-link py-1"> <a href="/german" class="fw_500 white-clr">German</a> </li> </ul> </li> <li class="menu-item position-relative pe-lg-5"> <button class="position-relative fw_500 white-clr cus-z1"> Portal </button> <ul class="sub-menu px-lg-4 py-xxl-3 py-2"> <li class="menu-link py-1"> <a href="/audiostream" class="fw_500 white-clr">VOI Audio Streaming</a> </li> <li class="menu-link py-1"> <a href="/videostream" class="fw_500 white-clr">VOI Video Streaming</a> </li> <li class="menu-link py-1"> <a href="https://rri.co.id/voi" target="blank" class="fw_500 white-clr">RRI News Portal</a> </li> <li class="menu-link py-1"> <a href="https://digital.rri.co.id/sharing/radio/010536" target="blank" class="fw_500 white-clr">RRI Digital</a> </li> </ul> </li> <li class="menu-item position-relative"> <a href="/contact" class="fw_500"> Contact Us </a> </li> </ul> </div> <div class="d-lg-flex d-none d-grid justify-content-center ph-clickwrap align-items-center gap-xxl-3 gap-xl-2 gap-1"> <div class="search-shopcart d-flex gap-xxl-9 gap-xl-5 gap-3"> <a href="#0" class="search-trigger search-icon d-center radius100"> <i class="fal fa-search"></i> </a> </div> <a target="_blank" href="https://www.rri.co.id/voi" class="d-flex align-items-center text-uppercase fw-500 py-2 pe-2 ps-xxl-7 ps-3 theme-bg gap-sm-4 gap-2 touch-btn"> READ VOI NEWS <span class="icon d-center whitebg"> <i class="ph-fill ph-newspaper theme-clr"></i> </span> </a> </div> </div> </nav> </div> </div> </header> <!-- Custom Header End --> <!-- Custom Search Start --> <div class="search-wrap"> <div class="search-inner"> <i class="fas fa-times search-close" id="search-close"></i> <div class="search-cell"> <form action="/search" method="GET" id="form"> <div class="search-field-holder"> <input type="search" name="word" class="main-search-input" placeholder="Search..." value=""> </div> <button type="submit"> <span><i class="icon-search"></i></span> </button> </form> </div> </div> </div> <!-- Custom Search End --> <!-- Main content --> <!-- Banner V01 Start --> <section class="hero-section-version3 zindex1 position-relative"> <div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active" data-bs-interval="5000"> <img src="img/banner/slide1.jpg" class="d-block w-100" alt="..."> </div> <div class="carousel-item" data-bs-interval="5000"> <img src="img/banner/slide2.jpg" class="d-block w-100" alt="..."> </div> <div class="carousel-item" data-bs-interval="5000"> <img src="img/banner/slide3.jpg" class="d-block w-100" alt="..."> </div> <div class="carousel-item" data-bs-interval="5000"> <img src="img/banner/slide4.jpg" class="d-block w-100" alt="..."> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> </section> <!-- Banner V01 End --> <!-- Audio Player --> <div class="audio-onetime-player pt-sm-0 pt-5 whitebg overflow-visible"> <div class="container"> <div class="cmn-playerwrap"> <audio id="myAudio" ontimeupdate="onTimeUpdate()"> <source id="source-audio" src="https://stream-node0.rri.co.id/streaming/25/9125/voi.mp3" type="audio/mpeg"> </audio> <div class="player-ctn d-flex flex-md-nowrap flex-wrap align-items-center justify-content-center gap-xxl-8 gap-xl-4 gap-3 py-xxl-7 py-xl-5 py-lg-3 py-3 px-2"> <div class="title-audio-adjust d-flex align-items-center justify-content-md-start justify-content-center gap-xxl-8 gap-xl-4 gap-3 pe-xxl-8 pe-xl-6 pe-lg-5 pe-4"> <div class="btn-action theme-bg theme-circle-audio" onclick="toggleAudio()"> <div id="btn-faws-play-pause"> <i class='fas fa-play' id="icon-play"></i> <i class='fas fa-pause' id="icon-pause" style="display: none"></i> </div> </div> <div class="audio-cmn-title"> <a href="episode-details.html" class="black-clr d-block fs20 fw-700 body-font"> Voice of Indonesia </a> <img alt="live streaming icon" width="25" height="25" class="mr-8 lazyLoad isLoaded" data-v-dee9d4be="" src="https://www.sctv.co.id/_nuxt/img/livestream.693f3db.gif"> <span class="" style="color: red; font-weight: 400;"> Live Audio </span> </span> </div> </div> <div class="btn-ctn right-adjustment"> <div class="btn-action first-btn d-none" onclick="previous()"> <div id="btn-faws-back"> <i class='fas fa-step-backward'></i> </div> </div> <div id=""> <div id=""></div> </div> <div class="infos-ctn ps-2"> <div class="" style="color: black; font-weight: 400;"> <span class="episode-sri d-flex align-items-center gap-2 position-relative" style="color: black; font-weight: 400; font-size: large;"> 06:00 - 18:00 UTC+7 <span class="vdot"></span> <span class="" style="color: black; font-weight: 800;font-size: large;"> Indonesia Today (English) </span> </span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div> <div class="title d-none"></div> </div> <div class="btn-mute ps-xxl-8 ps-xl-4 ps-3" id="toggleMute" onclick="toggleMute()"> <div id="btn-faws-volume"> <i id="icon-vol-up" class='fas fa-volume-up'></i> <i id="icon-vol-mute" class='fas fa-volume-mute' style="display: none"></i> </div> </div> </div> <div class="playlist-ctn d-none"></div> </div> </div> </div> </div> <!-- Audio Player --> <!-- Main start --> <main class="main position-relative overflow-hidden" id="mains"> <!-- Desk Section --> <section class="feature-section latest-episodes-section02 pt-med whitebg pb-xl-15 pb-lg-10 pb-md-7 pb-4 zindex1 position-relative"> <div class="container"> <div class="d-flex flex-sm-nowrap flex-wrap gap-5 align-items-center justify-content-between mb-lg-0 mb-md-7 mb-sm-6"> <div class="section-title"> <span class="fs18 fw-500 theme-clr d-block mb-lg-4 mb-3" data-aos="zoom-in-left" data-aos-duration="1400"> Our Programs </span> <h3 class="heading black-clr" data-aos="zoom-in-right" data-aos-duration="1700"> Multi-language Broadcasting </h3> </div> <div class="slider-button d-flex align-items-center gap-xxl-2 gap-2"> <div class="cust-test-prev cmn-nextpre-controll bg4-clr d-center"> <i class="ph-light ph-arrow-left fs-20"></i> </div> <div class="cust-test-next active cmn-nextpre-controll bg4-clr d-center"> <i class="ph-light ph-arrow-right fs-20"></i> </div> </div> </div> <div class="swiper latest-episodewrap02"> <div class="swiper-wrapper"> <div class="swiper-slide" data-swiper-autoplay="5000"> <div class="personal-podcast-item mt-lg-8"> <div class="card"> <a href="indonesian"><img class="img-card" alt="100%x280" src="img/lang/INDONESIA.png"></a> <div class="card-body"> <h4 class="card-title"><a href="indonesian" style="color: black;">Indonesian</a></h4> </div> </div> </div> </div> <div class="swiper-slide" data-swiper-autoplay="5000"> <div class="personal-podcast-item mt-lg-8"> <div class="card"> <a href="english"><img class="img-card" alt="100%x280" src="img/lang/ENGLISH.png"></a> <div class="card-body"> <h4 class="card-title"><a href="english" style="color: black;">English</a></h4> </div> </div> </div> </div> <div class="swiper-slide" data-swiper-autoplay="5000"> <div class="personal-podcast-item mt-lg-8"> <div class="card"> <a href="mandarin"><img class="img-card" alt="100%x280" src="img/lang/MANDARIN.png"></a> <div class="card-body"> <h4 class="card-title"><a href="mandarin" style="color: black;">Mandarin</a></h4> </div> </div> </div> </div> <div class="swiper-slide" data-swiper-autoplay="5000"> <div class="personal-podcast-item mt-lg-8"> <div class="card"> <a href="japanese"><img class="img-card" alt="100%x280" src="img/lang/JAPAN.png"></a> <div class="card-body"> <h4 class="card-title"><a href="japanese" style="color: black;">Japanese</a></h4> </div> </div> </div> </div> <div class="swiper-slide" data-swiper-autoplay="5000"> <div class="personal-podcast-item mt-lg-8"> <div class="card"> <a href="arabic"><img class="img-card" alt="100%x280" src="img/lang/ARABIC.png"></a> <div class="card-body"> <h4 class="card-title"><a href="arabic" style="color: black;">Arabic</a></h4> </div> </div> </div> </div> <div class="swiper-slide" data-swiper-autoplay="5000"> <div class="personal-podcast-item mt-lg-8"> <div class="card"> <a href="spanish"><img class="img-card" alt="100%x280" src="img/lang/SPANISH.png"></a> <div class="card-body"> <h4 class="card-title"><a href="spanish" style="color: black;">Spanish</a></h4> </div> </div> </div> </div> <div class="swiper-slide" data-swiper-autoplay="5000"> <div class="personal-podcast-item mt-lg-8"> <div class="card"> <a href="french"><img class="img-card" alt="100%x280" src="img/lang/FRENCH.png"></a> <div class="card-body"> <h4 class="card-title"><a href="french" style="color: black;">French</a></h4> </div> </div> </div> </div> <div class="swiper-slide" data-swiper-autoplay="5000"> <div class="personal-podcast-item mt-lg-8"> <div class="card"> <a href="dutch"><img class="img-card" alt="100%x280" src="img/lang/DUTCH.png"></a> <div class="card-body"> <h4 class="card-title"><a href="dutch" style="color: black;">Dutch</a></h4> </div> </div> </div> </div> <div class="swiper-slide" data-swiper-autoplay="5000"> <div class="personal-podcast-item mt-lg-8"> <div class="card"> <a href="german"><img class="img-card" alt="100%x280" src="img/lang/GERMANY.png"></a> <div class="card-body"> <h4 class="card-title"><a href="german" style="color: black;">German</a></h4> </div> </div> </div> </div> </div> </div> </div> </section> <!-- End Desk Section --> <!-- Latest News --> <section class="feature-section latest-episodes-section02 pt-med pb-xl-15 pb-lg-10 pb-md-7 pb-4 bg4-clr zindex1 position-relative"> <div class="container"> <div class="d-flex flex-sm-nowrap flex-wrap gap-5 align-items-center justify-content-between mb-xxl-15 mb-xl-12 mb-lg-10 mb-8"> <div class="section-title"> <span class="fs18 fw-500 theme-clr d-block mb-lg-4 mb-3" data-aos="zoom-in-left" data-aos-duration="1400"> Direct from RRI News Portal </span> <h3 class="heading black-clr" data-aos="zoom-in-right" data-aos-duration="1700"> Checkout our latest news </h3> </div> <div class="slider-button d-flex align-items-center gap-xxl-2 gap-2"> <div class="cust-test-prev cmn-nextpre-controll bg4-clr d-center"> <i class="ph-light ph-arrow-left fs-20"></i> </div> <div class="cust-test-next active cmn-nextpre-controll bg4-clr d-center"> <i class="ph-light ph-arrow-right fs-20"></i> </div> </div> </div> <div class="swiper latest-episodewrap02"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="blog-widget-item whitebg"> <div class="thumb position-relative" style="width: 100%; height:250px"> <img src="https://cdn.rri.co.id/berita/Voice_of_Indonesia/o/1740801199037-1.3.2025_Tjandra_Yoga_Aditama/z15gyt79ngl957j.jpeg" alt="img" class="overflow-hidden" style="width: 100%; height:100%; object-fit:cover"> <div class="date-box theme-bg text-uppercase fs12 white-clr text-center d-grid align-items-center justify-content-center"> <span style="color:white"> 01 <span class="april text-uppercase d-block fs12" style="color:white"> March </span> </span> </div> </div> <div class="content p-xxl-7 p-xl-5 p-md-4 p-3" style="min-height: 285px; display:flex; flex-direction:column"> <div class="d-flex align-items-center gap-xxl-4 gap-xl-3 gap-2 mb-xxl-4 mb-3"> <a href="#" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-user-circle theme-clr fs18"></i> <span class="pra-clr d-block fs14"> by Andy Romdoni </span> </a> <a href="#" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-bookmarks-simple theme-clr fs18"></i> <span class="pra-clr d-block fs14"> Ramadan </span> </a> </div> <h6 class="mb-xxl-7 mb-xl-5 mb-4 fs20"> <a href="https://www.rri.co.id/voi/ramadan/1360415/how-to-do-fasting-for-lung-disease-sufferers" target="blank" class="black-clr "> How to Do Fasting for Lung Disease Sufferers? </a> </h6> <a href="https://www.rri.co.id/voi/ramadan/1360415/how-to-do-fasting-for-lung-disease-sufferers" target="blank" style="margin-top: auto;" class="view-all d-flex align-items-center gap-2 text-uppercase"> Read More <i class="ph-bold ph-arrow-right"></i> </a> </div> </div> </div> <div class="swiper-slide"> <div class="blog-widget-item whitebg"> <div class="thumb position-relative" style="width: 100%; height:250px"> <img src="https://cdn.rri.co.id/berita/Voice_of_Indonesia/o/1740802112052-IMG-20250301-WA0001/lza4bma8edkpx96.jpeg" alt="img" class="overflow-hidden" style="width: 100%; height:100%; object-fit:cover"> <div class="date-box theme-bg text-uppercase fs12 white-clr text-center d-grid align-items-center justify-content-center"> <span style="color:white"> 01 <span class="april text-uppercase d-block fs12" style="color:white"> March </span> </span> </div> </div> <div class="content p-xxl-7 p-xl-5 p-md-4 p-3" style="min-height: 285px; display:flex; flex-direction:column"> <div class="d-flex align-items-center gap-xxl-4 gap-xl-3 gap-2 mb-xxl-4 mb-3"> <a href="#" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-user-circle theme-clr fs18"></i> <span class="pra-clr d-block fs14"> by Thiodor Wulandari </span> </a> <a href="#" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-bookmarks-simple theme-clr fs18"></i> <span class="pra-clr d-block fs14"> Wisata </span> </a> </div> <h6 class="mb-xxl-7 mb-xl-5 mb-4 fs20"> <a href="https://www.rri.co.id/voi/wisata/1360445/ministry-of-tourism-welcomes-anthem-of-the-seas-cruise-ship-to-bali" target="blank" class="black-clr fw-700"> Ministry of Tourism Welcomes ‘Anthem of the Seas’ Cruise Ship to Bali </a> </h6> <a href="https://www.rri.co.id/voi/wisata/1360445/ministry-of-tourism-welcomes-anthem-of-the-seas-cruise-ship-to-bali" target="blank" style="margin-top: auto;" class="view-all d-flex align-items-center gap-2 text-uppercase"> Read More <i class="ph-bold ph-arrow-right"></i> </a> </div> </div> </div> <div class="swiper-slide"> <div class="blog-widget-item whitebg"> <div class="thumb position-relative" style="width: 100%; height:250px"> <img src="https://cdn.rri.co.id/berita/Voice_of_Indonesia/o/1740799840082-1.3.2025_kbri_tokyo_3/x6kcs7349w109hf.jpeg" alt="img" class="overflow-hidden" style="width: 100%; height:100%; object-fit:cover"> <div class="date-box theme-bg text-uppercase fs12 white-clr text-center d-grid align-items-center justify-content-center"> <span style="color:white"> 01 <span class="april text-uppercase d-block fs12" style="color:white"> March </span> </span> </div> </div> <div class="content p-xxl-7 p-xl-5 p-md-4 p-3" style="min-height: 285px; display:flex; flex-direction:column"> <div class="d-flex align-items-center gap-xxl-4 gap-xl-3 gap-2 mb-xxl-4 mb-3"> <a href="#" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-user-circle theme-clr fs18"></i> <span class="pra-clr d-block fs14"> by Andy Romdoni </span> </a> <a href="#" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-bookmarks-simple theme-clr fs18"></i> <span class="pra-clr d-block fs14"> Ramadan </span> </a> </div> <h6 class="mb-xxl-7 mb-xl-5 mb-4 fs20"> <a href="https://www.rri.co.id/voi/ramadan/1360381/indonesian-and-japanese-children-enthusiastically-engage-in-tarhib-ramadhan-1446h-in-tokyo" target="blank" class="black-clr fw-700"> Indonesian and Japanese Children Enthusiastically Engage in Tarhib Ramadhan 1446H in Tokyo </a> </h6> <a href="https://www.rri.co.id/voi/ramadan/1360381/indonesian-and-japanese-children-enthusiastically-engage-in-tarhib-ramadhan-1446h-in-tokyo" target="blank" style="margin-top: auto;" class="view-all d-flex align-items-center gap-2 text-uppercase"> Read More <i class="ph-bold ph-arrow-right"></i> </a> </div> </div> </div> <div class="swiper-slide"> <div class="blog-widget-item whitebg"> <div class="thumb position-relative" style="width: 100%; height:250px"> <img src="https://cdn.rri.co.id/berita/Voice_of_Indonesia/o/1740798809095-28.2.2025_kbri_tokyo_2/2gwfujzog21mqj9.jpeg" alt="img" class="overflow-hidden" style="width: 100%; height:100%; object-fit:cover"> <div class="date-box theme-bg text-uppercase fs12 white-clr text-center d-grid align-items-center justify-content-center"> <span style="color:white"> 01 <span class="april text-uppercase d-block fs12" style="color:white"> March </span> </span> </div> </div> <div class="content p-xxl-7 p-xl-5 p-md-4 p-3" style="min-height: 285px; display:flex; flex-direction:column"> <div class="d-flex align-items-center gap-xxl-4 gap-xl-3 gap-2 mb-xxl-4 mb-3"> <a href="#" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-user-circle theme-clr fs18"></i> <span class="pra-clr d-block fs14"> by Andy Romdoni </span> </a> <a href="#" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-bookmarks-simple theme-clr fs18"></i> <span class="pra-clr d-block fs14"> Bisnis </span> </a> </div> <h6 class="mb-xxl-7 mb-xl-5 mb-4 fs20"> <a href="https://www.rri.co.id/voi/bisnis/1360363/indonesian-embassy-in-tokyo-holds-a-business-forum-on-carbon-market" target="blank" class="black-clr fw-700"> Indonesian Embassy in Tokyo Holds a Business Forum on Carbon Market </a> </h6> <a href="https://www.rri.co.id/voi/bisnis/1360363/indonesian-embassy-in-tokyo-holds-a-business-forum-on-carbon-market" target="blank" style="margin-top: auto;" class="view-all d-flex align-items-center gap-2 text-uppercase"> Read More <i class="ph-bold ph-arrow-right"></i> </a> </div> </div> </div> <div class="swiper-slide"> <div class="blog-widget-item whitebg"> <div class="thumb position-relative" style="width: 100%; height:250px"> <img src="https://cdn.rri.co.id/berita/Voice_of_Indonesia/o/1740041876509-Telur_Gulung/xvhqfgm8ql95hxl.jpeg" alt="img" class="overflow-hidden" style="width: 100%; height:100%; object-fit:cover"> <div class="date-box theme-bg text-uppercase fs12 white-clr text-center d-grid align-items-center justify-content-center"> <span style="color:white"> 28 <span class="april text-uppercase d-block fs12" style="color:white"> Februari </span> </span> </div> </div> <div class="content p-xxl-7 p-xl-5 p-md-4 p-3" style="min-height: 285px; display:flex; flex-direction:column"> <div class="d-flex align-items-center gap-xxl-4 gap-xl-3 gap-2 mb-xxl-4 mb-3"> <a href="#" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-user-circle theme-clr fs18"></i> <span class="pra-clr d-block fs14"> by Dessy Anugranov </span> </a> <a href="#" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-bookmarks-simple theme-clr fs18"></i> <span class="pra-clr d-block fs14"> Kuliner </span> </a> </div> <h6 class="mb-xxl-7 mb-xl-5 mb-4 fs20"> <a href="https://www.rri.co.id/voi/kuliner/1337353/rolled-omelette-a-nostalgic-indonesian-street-snack" target="blank" class="black-clr fw-700"> Rolled Omelette: A Nostalgic Indonesian Street Snack </a> </h6> <a href="https://www.rri.co.id/voi/kuliner/1337353/rolled-omelette-a-nostalgic-indonesian-street-snack" target="blank" style="margin-top: auto;" class="view-all d-flex align-items-center gap-2 text-uppercase"> Read More <i class="ph-bold ph-arrow-right"></i> </a> </div> </div> </div> <div class="swiper-slide"> <div class="blog-widget-item whitebg"> <div class="thumb position-relative" style="width: 100%; height:250px"> <img src="https://cdn.rri.co.id/berita/Voice_of_Indonesia/o/1740021661220-image_(1)/35qz9iw6kf9vfit.png" alt="img" class="overflow-hidden" style="width: 100%; height:100%; object-fit:cover"> <div class="date-box theme-bg text-uppercase fs12 white-clr text-center d-grid align-items-center justify-content-center"> <span style="color:white"> 28 <span class="april text-uppercase d-block fs12" style="color:white"> February </span> </span> </div> </div> <div class="content p-xxl-7 p-xl-5 p-md-4 p-3" style="min-height: 285px; display:flex; flex-direction:column"> <div class="d-flex align-items-center gap-xxl-4 gap-xl-3 gap-2 mb-xxl-4 mb-3"> <a href="#" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-user-circle theme-clr fs18"></i> <span class="pra-clr d-block fs14"> by Dessy Anugranov </span> </a> <a href="#" class="d-flex align-items-center gap-2"> <i class="ph-fill ph-bookmarks-simple theme-clr fs18"></i> <span class="pra-clr d-block fs14"> Kesehatan </span> </a> </div> <h6 class="mb-xxl-7 mb-xl-5 mb-4 fs20"> <a href="https://www.rri.co.id/voi/kesehatan/1336516/indonesian-snapper-fish-in-high-demand-in-the-u-s-here-are-its-health-benefits" target="blank" class="black-clr fw-700"> Indonesian Snapper Fish in High Demand in the U.S., Here Are Its Health Benefits </a> </h6> <a href="https://www.rri.co.id/voi/kesehatan/1336516/indonesian-snapper-fish-in-high-demand-in-the-u-s-here-are-its-health-benefits" target="blank" style="margin-top: auto;" class="view-all d-flex align-items-center gap-2 text-uppercase"> Read More <i class="ph-bold ph-arrow-right"></i> </a> </div> </div> </div> </div> </div> <div class="section-title text-center pt-10 mb-xxl-15 mb-xl-12 mb-lg-10 mb-8"> <span class="fs18 fw-500 theme-clr d-block mb-lg-4 mb-3" data-aos="zoom-in-left" data-aos-duration="1400"> </span> <a href="https://www.rri.co.id/voi/berita-terkini" target="blank" class="touch-btn theme-bg white-clr text-uppercase py-xxl-4 py-xl-4 py-3 px-xxl-12 px-lg-9 px-8"> See More News </a> </div> </div> <!-- Element --> <img src="home/img/element/feature-shape.png" alt="img" class="feature-shape"> <!-- Element --> </section> <!-- Latest Episodees V-02 --> <!-- Features V-01 --> <section class="feature-section whitebg pt-15 pb-10 zindex1 position-relative"> <div class="container"> <div class="section-title text-center mb-xxl-15 mb-xl-12 mb-lg-10 mb-8"> <span class="fs18 fw-500 theme-clr d-block mb-lg-4 mb-3" data-aos="zoom-in-left" data-aos-duration="1400"> </span> <h3 class="heading black-clr" data-aos="zoom-in-right" data-aos-duration="1700"> Featured Audio </h3> </div> </div> <div class="swiper feature-wrap"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="feature-item bg4-clr d-xxl-flex d-grid align-items-center gap-xxl-8 gap-xl-6 gap-4"> <div class="thumb position-relative overflow-hidden"> <img src="/img/audio/english/feature-audio/14.jpg" style="width: 310px; height:321px; object-fit: cover;" alt="img" class="overflow-hidden"> <span class="feature-headphoe"> <i class="ph-fill ph-headphones" style="color:white"></i> </span> </div> <div class="content px-xxl-0 px-4 pb-xxl-0 pb-7"> <div class="fashion-life d-flex align-items-center gap-2 mb-xxl-4 mb-xl-3 mb-2"> <div class="d-flex align-items-center gap-2"> <a class="theme-clr fs18 fw-700 body-font"> Feature Audio </a> </div> <span class="episode-sri d-flex align-items-center pra-clr position-relative"> English </span> </div> <h4 class="mb-xxl-8 mb-xl-6 mb-5 d-block"> <a href="/english/feature-audio/14/Sigale-gale, Dancing Wooden Doll from Samosir/audio" class="black-clr fw-700"> Sigale-gale, Dancing Wooden Doll from Samosir </a> </h4> <a href="/english/feature-audio/list" class="touch-btn whitebg black-clr text-uppercase fw-700 py-xxl-4 py-xl-4 py-3 px-xxl-12 px-lg-9 px-8"> View More </a> </div> </div> </div> <div class="swiper-slide"> <div class="feature-item bg4-clr d-xxl-flex d-grid align-items-center gap-xxl-8 gap-xl-6 gap-4"> <div class="thumb position-relative overflow-hidden"> <img src="/img/audio/english/audio-filler/18.jpg" style="width: 310px; height:321px; object-fit: cover;" alt="img" class="overflow-hidden"> <span class="feature-headphoe"> <i class="ph-fill ph-headphones" style="color:white"></i> </span> </div> <div class="content px-xxl-0 px-4 pb-xxl-0 pb-7"> <div class="fashion-life d-flex align-items-center gap-2 mb-xxl-4 mb-xl-3 mb-2"> <div class="d-flex align-items-center gap-2"> <a class="theme-clr fs18 fw-700 body-font"> Filler Audio </a> </div> <span class="episode-sri d-flex align-items-center pra-clr position-relative"> English </span> </div> <h4 class="mb-xxl-8 mb-xl-6 mb-5 d-block"> <a href="/english/audio-filler/18/Karang Hawu Beach/audio" class="black-clr fw-700"> Karang Hawu Beach </a> </h4> <a href="/english/audio-filler/list" class="touch-btn whitebg black-clr text-uppercase fw-700 py-xxl-4 py-xl-4 py-3 px-xxl-12 px-lg-9 px-8"> View More </a> </div> </div> </div> <div class="swiper-slide"> <div class="feature-item bg4-clr d-xxl-flex d-grid align-items-center gap-xxl-8 gap-xl-6 gap-4"> <div class="thumb position-relative overflow-hidden"> <img src="/img/audio/english/indonesian-wonder/20.jpg" style="width: 310px; height:321px; object-fit: cover;" alt="img" class="overflow-hidden"> <span class="feature-headphoe"> <i class="ph-fill ph-headphones" style="color:white"></i> </span> </div> <div class="content px-xxl-0 px-4 pb-xxl-0 pb-7"> <div class="fashion-life d-flex align-items-center gap-2 mb-xxl-4 mb-xl-3 mb-2"> <div class="d-flex align-items-center gap-2"> <a class="theme-clr fs18 fw-700 body-font"> Indonesian Wonder </a> </div> <span class="episode-sri d-flex align-items-center pra-clr position-relative"> English </span> </div> <h4 class="mb-xxl-8 mb-xl-6 mb-5 d-block"> <a href="/english/indonesian-wonder/20/Tetes Caves, in Pronojiwo, Lumajang/audio" class="black-clr fw-700"> Tetes Caves, in Pronojiwo, Lumajang </a> </h4> <a href="/english/indonesian-wonder/list" class="touch-btn whitebg black-clr text-uppercase fw-700 py-xxl-4 py-xl-4 py-3 px-xxl-12 px-lg-9 px-8"> View More </a> </div> </div> </div> </div> <div class="cmn-pagination text-center mt-xxl-15 mt-xl-10 mt-lg-8 mt-6"></div> </div> <!-- Element --> <!-- Element --> </section> <!-- Features V-01 --> <!-- Latest Episodees Youtube --> <section class="feature-section latest-episodes-section02 pt-5 pb-med bg4-clr zindex1 position-relative"> <div class="container"> <div class="d-flex flex-sm-nowrap flex-wrap gap-5 align-items-center justify-content-between mb-lg-0 mb-md-7 mb-sm-6"> <div class="section-title"> <span class="fs18 fw-500 theme-clr d-block mb-lg-4 mb-3" data-aos="zoom-in-left" data-aos-duration="1400"> Enjoy our new shows </span> <h3 class="heading black-clr" data-aos="zoom-in-right" data-aos-duration="1700"> Checkout our latest Videos </h3> </div> </div> <div class="swiper latest-episodewrap02"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="personal-podcast-item mt-lg-8"> <div class="card"> <a href="https://www.youtube.com/watch?v=wFxYSw2UBb0" class="video-popup"> <img class="img-card" alt="100%x280" src="https://i.ytimg.com/vi/wFxYSw2UBb0/maxresdefault.jpg"> </a> </div> </div> </div> <div class="swiper-slide"> <div class="personal-podcast-item mt-lg-8"> <div class="card"> <a href="https://www.youtube.com/watch?v=M5AA-E_PIq8" class="video-popup"> <img class="img-card" alt="100%x280" src="https://i.ytimg.com/vi/M5AA-E_PIq8/maxresdefault.jpg"> </a> </div> </div> </div> <div class="swiper-slide"> <div class="personal-podcast-item mt-lg-8"> <div class="card"> <a href="https://www.youtube.com/watch?v=lAfwRiM6XU4" class="video-popup"> <img class="img-card" alt="100%x280" src="https://i.ytimg.com/vi/lAfwRiM6XU4/maxresdefault.jpg"> </a> </div> </div> </div> <div class="swiper-slide"> <div class="personal-podcast-item mt-lg-8"> <div class="card"> <a href="https://www.youtube.com/watch?v=7enB25WT82E" class="video-popup"> <img class="img-card" alt="100%x280" src="https://i.ytimg.com/vi/7enB25WT82E/maxresdefault.jpg"> </a> </div> </div> </div> <div class="swiper-slide"> <div class="personal-podcast-item mt-lg-8"> <div class="card"> <a href="https://www.youtube.com/watch?v=wvOy8QY48YQ" class="video-popup"> <img class="img-card" alt="100%x280" src="https://i.ytimg.com/vi/wvOy8QY48YQ/maxresdefault.jpg"> </a> </div> </div> </div> <div class="swiper-slide"> <div class="personal-podcast-item mt-lg-8"> <div class="card"> <a href="https://www.youtube.com/watch?v=2mU6i4kLBL0" class="video-popup"> <img class="img-card" alt="100%x280" src="https://i.ytimg.com/vi/2mU6i4kLBL0/maxresdefault.jpg"> </a> </div> </div> </div> </div> </div> </div> </section> <!-- Latest Episodees V-02 --> <!-- MBI Section V-02 --> <section class="blog-section02 whitebg position-relative pt-10 pb-med"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-6"> <div class="section-title text-center mb-xxl-15 mb-xl-12 mb-lg-10 mb-8"> <span class="fs18 fw-500 theme-clr d-block mb-lg-4 mb-3" data-aos="zoom-in-left" data-aos-duration="1400"> Featured Program </span> <h3 class="heading black-clr" data-aos="zoom-in-right" data-aos-duration="1700"> Let's Speak Bahasa Indonesia </h3> </div> </div> </div> <div class="row justify-content-center g-xxl-6 g-4"> <div class="col-lg-4 col-md-6 col-sm-6" data-aos="fade-up" data-aos-duration="500" style="width: 370px; height:470px; box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.13)"> <div class="blog-widget-itemv02 position-relative overflow-hidden whitebg"> <img src="/img/audio/english/lets-speak-bahasa/085514-20250304-33.jpg" alt="img" class="mimg" style="width: 370px; height:470px; object-fit: cover"> <div class="date-box theme-bg text-uppercase fs12 white-clr text-center d-grid align-items-center justify-content-center" style="border-radius: 50px;"> <i class="ph-fill ph-headphones white-clr fs20"></i> </div> <div class="content ps-xxl-7 ps-xl-5 ps-md-4 ps-3 pb-xxl-7 pb-xl-5 pb-md-4 pb-3"> <div class="d-flex align-items-center gap-xxl-4 gap-xl-3 gap-2 mb-xxl-4 mb-3"> </div> <h5 class="mb-0"> <a href="/english/lets-speak-bahasa/33/whether-oven-roasted-or-stove-roasted/audio" class="white-clr fw-700" style="text-shadow: 2px 2px 4px #444444"> “Whether Oven Roasted or Stove Roasted“ </a> </h5> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6" data-aos="fade-up" data-aos-duration="500" style="width: 370px; height:470px; box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.13)"> <div class="blog-widget-itemv02 position-relative overflow-hidden whitebg"> <img src="/img/audio/english/lets-speak-bahasa/24.jpg" alt="img" class="mimg" style="width: 370px; height:470px; object-fit: cover"> <div class="date-box theme-bg text-uppercase fs12 white-clr text-center d-grid align-items-center justify-content-center" style="border-radius: 50px;"> <i class="ph-fill ph-headphones white-clr fs20"></i> </div> <div class="content ps-xxl-7 ps-xl-5 ps-md-4 ps-3 pb-xxl-7 pb-xl-5 pb-md-4 pb-3"> <div class="d-flex align-items-center gap-xxl-4 gap-xl-3 gap-2 mb-xxl-4 mb-3"> </div> <h5 class="mb-0"> <a href="/english/lets-speak-bahasa/24/"Which is"/audio" class="white-clr fw-700" style="text-shadow: 2px 2px 4px #444444"> "Which is" </a> </h5> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6" data-aos="fade-up" data-aos-duration="500" style="width: 370px; height:470px; box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.13)"> <div class="blog-widget-itemv02 position-relative overflow-hidden whitebg"> <img src="/img/audio/english/lets-speak-bahasa/22.jpg" alt="img" class="mimg" style="width: 370px; height:470px; object-fit: cover"> <div class="date-box theme-bg text-uppercase fs12 white-clr text-center d-grid align-items-center justify-content-center" style="border-radius: 50px;"> <i class="ph-fill ph-headphones white-clr fs20"></i> </div> <div class="content ps-xxl-7 ps-xl-5 ps-md-4 ps-3 pb-xxl-7 pb-xl-5 pb-md-4 pb-3"> <div class="d-flex align-items-center gap-xxl-4 gap-xl-3 gap-2 mb-xxl-4 mb-3"> </div> <h5 class="mb-0"> <a href="/english/lets-speak-bahasa/22/in-bima-lsb/audio" class="white-clr fw-700" style="text-shadow: 2px 2px 4px #444444"> In Bima (LSB) </a> </h5> </div> </div> </div> </div> </div> </section> <!-- MBI Section V-02 --> <!-- Creative Team --> <section class="creative-team-section overflow-visible position-relative zindex1 whitebg pb-med"> <div class="container pt-5"> <div class="section-title text-center mb-xxl-15 mb-xl-12 mb-lg-10 mb-8"> <span class="fs18 fw-500 theme-clr d-block mb-lg-4 mb-3" data-aos="zoom-in-left" data-aos-duration="1400"> VOI Team </span> <h3 class="heading black-clr" data-aos="zoom-in-right" data-aos-duration="1700"> <a href="/team" style="color: #0e0d22;">Meet our Presenter</a> </h3> </div> <div class="row g-xxl-7 g-xl-5 g-4"> <div class="col-lg-3 col-md-6 col-sm-6" data-aos="fade-up" data-aos-duration="1000"> <div class="hosts-item position-relative"> <div class="thumb position-relative overflow-hidden mb-xxl-7 mb-xl-6 mb-lg-5 mb-4"> <img src="/img/team/enny-dewayani-n.jpg" alt="img" class="w-100 overflow-hidden"> <ul class="common-social d-flex align-items-center gap-2"> <li> <a href="mailto:ennydewayani.engkol@gmail.com" target="blank" class="d-center bg4-clr border-0 radius100"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="22" fill="#000000" viewBox="0 0 256 256"><path d="M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48Zm-96,85.15L52.57,64H203.43ZM98.71,128,40,181.81V74.19Zm11.84,10.85,12,11.05a8,8,0,0,0,10.82,0l12-11.05,58,53.15H52.57ZM157.29,128,216,74.18V181.82Z"></path></svg> </a> </li> </ul> </div> <div class="content text-center"> <h6 class="mb-1"> <a href="/team/enny-dewayani-n" class="black-clr"> Enny Dewayani. N </a> </h6> <span class="fs14 fw-700 theme-clr text-uppercase"> Mandarin Presenter and Translator </span> </div> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6" data-aos="fade-up" data-aos-duration="1000"> <div class="hosts-item position-relative"> <div class="thumb position-relative overflow-hidden mb-xxl-7 mb-xl-6 mb-lg-5 mb-4"> <img src="/img/team/nunung-nursiah.jpg" alt="img" class="w-100 overflow-hidden"> <ul class="common-social d-flex align-items-center gap-2"> <li> <a href="mailto:nunungnursiah390@gmail.com " target="blank" class="d-center bg4-clr border-0 radius100"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="22" fill="#000000" viewBox="0 0 256 256"><path d="M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48Zm-96,85.15L52.57,64H203.43ZM98.71,128,40,181.81V74.19Zm11.84,10.85,12,11.05a8,8,0,0,0,10.82,0l12-11.05,58,53.15H52.57ZM157.29,128,216,74.18V181.82Z"></path></svg> </a> </li> </ul> </div> <div class="content text-center"> <h6 class="mb-1"> <a href="/team/nunung-nursiah" class="black-clr"> Nunung Nursiah </a> </h6> <span class="fs14 fw-700 theme-clr text-uppercase"> Anchor & Translator of Germany Desk </span> </div> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6" data-aos="fade-up" data-aos-duration="1000"> <div class="hosts-item position-relative"> <div class="thumb position-relative overflow-hidden mb-xxl-7 mb-xl-6 mb-lg-5 mb-4"> <img src="/img/team/daniel-rusyad-hamdanny.jpg" alt="img" class="w-100 overflow-hidden"> <ul class="common-social d-flex align-items-center gap-2"> <li> <a href="mailto:danielrusyad@gmail.com" target="blank" class="d-center bg4-clr border-0 radius100"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="22" fill="#000000" viewBox="0 0 256 256"><path d="M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48Zm-96,85.15L52.57,64H203.43ZM98.71,128,40,181.81V74.19Zm11.84,10.85,12,11.05a8,8,0,0,0,10.82,0l12-11.05,58,53.15H52.57ZM157.29,128,216,74.18V181.82Z"></path></svg> </a> </li> <li> <a href="https://www.facebook.com/daniel.hamdanny" target="blank" class="d-center bg4-clr border-0 radius100"> <svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.8" clip-path="url(#clip0_6308_28)"> <path d="M8.72266 9L9.16703 6.10437H6.38859V4.22531C6.38859 3.43313 6.77672 2.66094 8.02109 2.66094H9.28422V0.195625C9.28422 0.195625 8.13797 0 7.04203 0C4.75391 0 3.25828 1.38688 3.25828 3.8975V6.10437H0.714844V9H3.25828V16H6.38859V9H8.72266Z" fill="white" /> </g> <defs> <clipPath id="clip0_6308_28"> <rect width="10" height="16" fill="white" /> </clipPath> </defs> </svg> </a> </li> <li> <a href="https://www.instagram.com/danielhamdanny?igsh=cjR6M3Q1ZGp5Y2xz" target="blank" class="d-center bg4-clr border-0 radius100"> <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" fill="#000000" viewBox="0 0 256 256"><path d="M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160ZM176,24H80A56.06,56.06,0,0,0,24,80v96a56.06,56.06,0,0,0,56,56h96a56.06,56.06,0,0,0,56-56V80A56.06,56.06,0,0,0,176,24Zm40,152a40,40,0,0,1-40,40H80a40,40,0,0,1-40-40V80A40,40,0,0,1,80,40h96a40,40,0,0,1,40,40ZM192,76a12,12,0,1,1-12-12A12,12,0,0,1,192,76Z"></path></svg> </a> </li> </ul> </div> <div class="content text-center"> <h6 class="mb-1"> <a href="/team/daniel-rusyad-hamdanny" class="black-clr"> Daniel Rusyad Hamdanny </a> </h6> <span class="fs14 fw-700 theme-clr text-uppercase"> PR Officer & Arabic Language Broadcaster </span> </div> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6" data-aos="fade-up" data-aos-duration="1000"> <div class="hosts-item position-relative"> <div class="thumb position-relative overflow-hidden mb-xxl-7 mb-xl-6 mb-lg-5 mb-4"> <img src="/img/team/agus-santika.jpg" alt="img" class="w-100 overflow-hidden"> <ul class="common-social d-flex align-items-center gap-2"> <li> <a href="mailto:agus.santika41@gmail.com" target="blank" class="d-center bg4-clr border-0 radius100"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="22" fill="#000000" viewBox="0 0 256 256"><path d="M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48Zm-96,85.15L52.57,64H203.43ZM98.71,128,40,181.81V74.19Zm11.84,10.85,12,11.05a8,8,0,0,0,10.82,0l12-11.05,58,53.15H52.57ZM157.29,128,216,74.18V181.82Z"></path></svg> </a> </li> </ul> </div> <div class="content text-center"> <h6 class="mb-1"> <a href="/team/agus-santika" class="black-clr"> Agus Santika </a> </h6> <span class="fs14 fw-700 theme-clr text-uppercase"> Indonesian Presenter </span> </div> </div> </div> </div> </div> <!-- Play ShapeRounded --> <img src="home/img/element/play-shape.png" alt="img" class="play-rounded" data-aos="zoom-in-right" data-aos-duration="1800"> </section> <!-- Creative Team --> <!-- Contact --> <section class="support-donation pt-space pb-space"> <div class="container"> <div class="d-flex flex-md-nowrap flex-wrap align-items-center justify-content-between gap-xxl-6 gap-6"> <div class="section-title"> <span class="fs18 fw-500 theme-clr d-block mb-lg-4 mb-3" data-aos="zoom-in-left" data-aos-duration="1400"> </span> <h3 class="heading white-clr" data-aos="zoom-in-right" data-aos-duration="1700"> Have a questions or feedback </h3> </div> <a href="/contact" class="touch-btn support-btn theme-bg white-clr text-uppercase py-xxl-4 py-xl-4 py-3 px-xxl-12 px-lg-9 px-8"> Contact Us </a> </div> </div> </section> <!-- Support Donating V-02 --> </main> <!-- Main End --> <!-- /.content --> <!-- Footer Version-1 Start --> <footer class="footer-version-one heading-bg zindex1 position-relative"> <div class="container"> <div class="footer-topversion-one pt-20 pb-20"> <div class="row gy-lg-0 gy-10 mt-xxl-5 mb-xxl-5 justify-content-sm-between justify-content-center"> <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6"> <div class="footer-widget"> <p class="white-clr fs20 body-font mb-xxl-7 mb-6" data-aos="zoom-in" data-aos-duration="1600"> Voice of Indonesia, RRI International Radio Broadcasting. From Indonesia to the World. </p> <ul class="common-social d-flex align-items-center gap-2"> <li data-aos="zoom-in-right" data-aos-duration="1400"> <a href="https://web.facebook.com/voiindonesia" target="blank" class="d-center socialbg border-0 radius100"> <svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.8" clip-path="url(#clip0_6308_2810)"> <path d="M8.72266 9L9.16703 6.10437H6.38859V4.22531C6.38859 3.43313 6.77672 2.66094 8.02109 2.66094H9.28422V0.195625C9.28422 0.195625 8.13797 0 7.04203 0C4.75391 0 3.25828 1.38688 3.25828 3.8975V6.10437H0.714844V9H3.25828V16H6.38859V9H8.72266Z" fill="white" /> </g> <defs> <clipPath id="clip0_6308_2810"> <rect width="10" height="16" fill="white" /> </clipPath> </defs> </svg> </a> </li> <li data-aos="zoom-in-right" data-aos-duration="1600"> <a href="https://x.com/voiindonesia" target="blank" class="d-center socialbg border-0 radius100"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.3553 4.74149C14.3655 4.88362 14.3655 5.02577 14.3655 5.1679C14.3655 9.5029 11.066 14.4978 5.03553 14.4978C3.17766 14.4978 1.45178 13.9597 0 13.0258C0.263969 13.0562 0.51775 13.0664 0.791875 13.0664C2.32484 13.0664 3.73603 12.5486 4.86294 11.6654C3.42131 11.6349 2.21319 10.6907 1.79694 9.39124C2 9.42168 2.20303 9.44199 2.41625 9.44199C2.71066 9.44199 3.00509 9.40137 3.27919 9.33034C1.77666 9.02574 0.649719 7.70596 0.649719 6.11205V6.07146C1.08625 6.31512 1.59391 6.4674 2.13194 6.48768C1.24869 5.89884 0.670031 4.89377 0.670031 3.75671C0.670031 3.14759 0.832437 2.58921 1.11672 2.1019C2.73094 4.09174 5.15734 5.39121 7.87812 5.53337C7.82737 5.28971 7.79691 5.03593 7.79691 4.78212C7.79691 2.97499 9.25884 1.50293 11.0761 1.50293C12.0202 1.50293 12.873 1.89887 13.472 2.53846C14.2131 2.39634 14.9238 2.12221 15.5532 1.74659C15.3096 2.50802 14.7918 3.14762 14.1116 3.55368C14.7715 3.48265 15.4111 3.29987 15.9999 3.04609C15.5533 3.6958 14.9949 4.27446 14.3553 4.74149V4.74149Z" fill="white" /> </svg> </a> </li> <li data-aos="zoom-in-right" data-aos-duration="1800"> <a href="https://www.instagram.com/voi__official" target="blank" class="d-center socialbg border-0 radius100"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#ffffff" viewBox="0 0 256 256"><path d="M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160ZM176,24H80A56.06,56.06,0,0,0,24,80v96a56.06,56.06,0,0,0,56,56h96a56.06,56.06,0,0,0,56-56V80A56.06,56.06,0,0,0,176,24Zm40,152a40,40,0,0,1-40,40H80a40,40,0,0,1-40-40V80A40,40,0,0,1,80,40h96a40,40,0,0,1,40,40ZM192,76a12,12,0,1,1-12-12A12,12,0,0,1,192,76Z"></path></svg> </a> </li> <li data-aos="zoom-in-right" data-aos-duration="1900"> <a href="https://www.youtube.com/@VoI_Official" target="blank" class="d-center socialbg border-0 radius100"> <svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.1769 1.87759C16.9806 1.13853 16.4023 0.556469 15.668 0.358938C14.337 0 9.00014 0 9.00014 0C9.00014 0 3.66327 0 2.3323 0.358938C1.59802 0.5565 1.0197 1.13853 0.823422 1.87759C0.466797 3.21719 0.466797 6.01213 0.466797 6.01213C0.466797 6.01213 0.466797 8.80706 0.823422 10.1467C1.0197 10.8857 1.59802 11.4435 2.3323 11.6411C3.66327 12 9.00014 12 9.00014 12C9.00014 12 14.337 12 15.668 11.6411C16.4023 11.4435 16.9806 10.8857 17.1769 10.1467C17.5335 8.80706 17.5335 6.01213 17.5335 6.01213C17.5335 6.01213 17.5335 3.21719 17.1769 1.87759V1.87759ZM7.25467 8.54972V3.47453L11.7153 6.01219L7.25467 8.54972V8.54972Z" fill="white" /> </svg> </a> </li> </ul> </div> </div> <div class="col-xxl-2 col-xl-2 col-lg-2 col-md-6 col-sm-6"> <div class="footer-widget"> <div class="footer-title d-flex align-items-center fs20 fw-700 body-font gap-2 mb-xxl-8 mb-xl-6 mb-5" data-aos="zoom-in-down" data-aos-duration="1900"> Explore <img src="/home/img/element/line.png" alt="img"> </div> <ul class="link-footer d-grid gap-xxl-3 gap-3" data-aos="zoom-in" data-aos-duration="1400"> <li> <a href="/about" class="d-flex align-items-center gap-2 flink-items pra-clr"> About </a> </li> <li> <a href="/program" class="d-flex align-items-center gap-2 flink-items pra-clr"> Programs </a> </li> <li> <a href="/team" class="d-flex align-items-center gap-2 flink-items pra-clr"> Teams </a> </li> <li> <a href="/contact" class="d-flex align-items-center gap-2 flink-items pra-clr"> Contact </a> </li> </ul> </div> </div> <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6"> <div class="footer-widget"> <div class="footer-title d-flex align-items-center fs20 fw-700 body-font gap-2 mb-xxl-8 mb-xl-6 mb-5" data-aos="zoom-in-down" data-aos-duration="1900"> Find Us <img src="/home/img/element/line.png" alt="img"> </div> <div class="widget-map"> <a href="https://maps.app.goo.gl/ky1KNE7wZx6LZaEc8" class="cmn-hover pra-clr"> 4-5, Medan Merdeka Barat, Jakarta </a> </div> </div> </div> <div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6 col-sm-6"> <div class="footer-widget"> <div class="footer-title d-flex align-items-center fs20 fw-700 body-font gap-2 mb-xxl-8 mb-xl-6 mb-5" data-aos="zoom-in-down" data-aos-duration="1900"> Download RRI Digital <img src="/home/img/element/line.png" alt="img"> </div> <div class="widget-call d-grid gap-xxl-4 gap-3"> <div class="d-flex align-items-center gap-xxl-4 gap-3"> <a href="https://play.google.com/store/apps/details?id=com.desert.strom.mobile.app.rriplaygo&hl=id" target="blank"><img src="/img/google-play.png" width="200px" alt="Google-Play"></a> <a href="https://apps.apple.com/id/app/rri-digital/id6443905767" target="blank"><img src="/img/app-store.png" width="170px" alt="App-Store"></a> </div> </div> </div> </div> </div> </div> </div> <div class="footer-bottom-version-one heading-bg overflow-hidden cmn-bordert text-center px-xxl-7 px-6 py-xxl-6 py-xl-6 py-7"> <p class="pra-clr"> © All Copyright 2025 by <a href="/" class="pra-clr primaryhover cmn-hover">TMB VOI</a> </p> </div> <!-- Element --> <img src="/home/img/element/footer-element.png" alt="img" class="footer-sound-element"> <!-- Element --> </footer> <!-- Footer Version-1 End --> <!-- Scroll Top Start --> <div id="progress"> <span id="valiu"><i class="fas fa-arrow-up"></i></span> </div> <!-- Scroll Top End --> <script>var listAudio = [ { name: "Artist 1 - audio 1", file: "https://stream-node0.rri.co.id/streaming/25/9125/voi.mp3", }, ];</script> <!-- js Jquery start --> <script src="/home/js/jquery.js"></script> <!-- js Bootstrap start --> <script src="/home/js/bootstrap.bundle.min.js"></script> <!-- js Waypoints start --> <script src="home/js/jquery.waypoints.js"></script> <!-- js Magnific popup start --> <script src="/home/js/magnific-popup.js"></script> <!-- js Nice Select start --> <script src="/home/js/jquery.nice-select.min.js"></script> <!-- js Swiper start --> <script src="/home/js/swiper.js"></script> <!-- js Aos Counterup start --> <script src="/home/js/jquery.counterup.min.js"></script> <!-- js Aos Animation start --> <script src="/home/js/aos.js"></script> <!-- js Aos Tilt start --> <script src="/home/js/vanilla-tilt.min.js"></script> <!-- js Audio Player Custom start --> <script src="/home/js/customplay.js"></script> <!-- js Phosphor Icon start --> //<script src="https://unpkg.com/@phosphor-icons/web"></script> <!-- js Mian start --> <script src="/home/js/main.js"></script> <script> var slideIndex = 1; showSlides(slideIndex); var timer; function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { if (timer) { clearTimeout(timer); } var i; var slides = document.getElementsByClassName("slide"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } slides[slideIndex-1].style.display = "block"; timer = setTimeout( function(){ plusSlides(1); }, 5000 ); } function submitForm(){ document.getElementById('body').onkeyup = function(e) { if (e.keyCode === 13) { document.getElementById('form').submit(); // your form has an id="form" } return true; } } </script> <script> // Get reference to the button element const button = document.getElementById('clickButton'); // Define a function to simulate a button click function autoClick() { button.click(); // Triggers the button's click event } // Add an event listener to log a message when the button is clicked button.addEventListener('click', function() { console.log('Button was clicked automatically!'); }); // Call the function to auto-click the button after a short delay setTimeout(autoClick, 5000); // Auto-clicks the button after 1 second </script> </body> </html>