Lebih semangat belajar dengan fitur yang seru
Video belajar animasi
Lebih mudah memahami pelajaran Bahasa Indonesia dan Matematika dengan ribuan video animasi serta soal latihan
Matematika: Menyatakan Banyak Benda 200–999
Permainan interaktif
Berlatih dengan ribuan permainan
untuk menguji pemahaman konsep selama belajar
Teman Belajar dan Avatar
Makin semangat mengerjakan misi belajar
supaya Teman Belajar bisa naik level,
dan dapatkan kostum Avatar yang keren!
Ribuan latihan soal
Tingkatkan rasa percaya diri hadapi ujian di sekolah
dengan uji pemahaman di Kuis Akhir
Lihat keseruan beragam fitur
di Dafa & Lulu, yuk!
Lebih semangat belajar dengan fitur yang seru
Video belajar animasi
Belajar Matematika dan IPA sambil bertualang serta menaklukkan misi Legenda 8 Batu Sakti bersama Dafa & Lulu
Matematika: Menyatakan Banyak Benda 200–999
Permainan interaktif
Berlatih dengan ribuan permainan
untuk menguji pemahaman konsep selama belajar
Teman Belajar dan Avatar
Makin semangat mengerjakan misi belajar
supaya Teman Belajar bisa naik level,
dan dapatkan kostum Avatar yang keren!
Final Battle
Uji pemahaman serasa seperti bermain.
Ayo, taklukan lawan di Final Battle
agar lebih percaya diri hadapi ujian di sekolah!
Lihat keseruan beragam fitur
di Dafa & Lulu, yuk!
Mau lihat video pembelajaran animasinya?
Laporan Belajar
Pantau perkembangan belajar anak secara berkala
Orang tua dapat memantau perkembangan belajar anak dengan mudah melalui WhatsApp. Temukan juga video rekomendasi sesuai perkembangan belajar anak.
92% anak terbukti lebih cepat paham materi dengan video animasi Dafa & Lulu!
Bunda Diyah dan Dinar Hasna
Kelas 2 SD
“Senang banget! Dinar paling suka kerjain kuis interaktifnya, belajar jadi gak terasa berat. Nilai ulangan Dinar di sekolah bisa dapat 100 sejak pakai Dafa & Lulu!
Solutif dan cocok banget buat screen time anak-anak sekaligus membantu memahami pelajaran di sekolah”
Bunda Silvi dan Keinara Hadassa
Kelas 1 SD
“Belajar sama Dafa & Lulu seru banget! Saya sengaja mendaftar Ruangguru sebelum Keinara masuk SD. Keinara jadi lebih mudah ngerti materinya dan lebih siap masuk SD.
Jadi, gak kaget karena sudah terbiasa belajar di Ruangguru”
Bunda Nopi dan Azkha Dwiputra
Kelas 3 SD
“Awalnya Azkha kurang paham sama penjelasan di sekolah. Jadi, perlu diulang di rumah belajarnya. Saya melihat Azkha belajar sama Dafa & Lulu senang banget! Ada
permainan dan konsep belajarnya kayak bercerita gitu, Azkha jadi semangat belajar di rumah dengan Ruangguru.”
<!doctype html>
<html class="no-js" lang="id">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="author" content="PT Ruang Raya Indonesia" />
<meta name="description" content="Coba pengalaman belajar secara interaktif dengan animasi untuk siswa SD (sekolah dasar) kelas 1-6 lewat Petualangan Dafa Lulu hanya di ruangbelajar." />
<meta name="generator" content="HubSpot" />
<title>Pembelajaran Interaktif Beranimasi Petualangan Dafa Lulu | Ruangguru</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta property="og:description" content="Coba pengalaman belajar secara interaktif dengan animasi untuk siswa SD (sekolah dasar) kelas 1-6 lewat Petualangan Dafa Lulu hanya di ruangbelajar." />
<meta property="og:title" content="Pembelajaran Interaktif Beranimasi Petualangan Dafa Lulu | Ruangguru" />
<meta name="twitter:description" content="Coba pengalaman belajar secara interaktif dengan animasi untuk siswa SD (sekolah dasar) kelas 1-6 lewat Petualangan Dafa Lulu hanya di ruangbelajar." />
<meta name="twitter:title" content="Pembelajaran Interaktif Beranimasi Petualangan Dafa Lulu | Ruangguru" />
<style>
a.cta_button {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
vertical-align: middle;
}
.hs-breadcrumb-menu {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.hs-breadcrumb-menu-item {
float: left;
padding: 10px 0px 10px 10px;
}
.hs-breadcrumb-menu-divider:before {
content: '›';
padding-left: 10px;
}
.hs-featured-image-link {
border: 0;
}
.hs-featured-image {
float: right;
margin: 0 0 20px 20px;
max-width: 50%;
}
@media (max-width: 568px) {
.hs-featured-image {
float: none;
margin: 0;
width: 100%;
max-width: 100%;
}
}
.hs-screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
</style>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845607410/module_39227318886_header-homepage-ruangguru-2021.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/1679235744440/module_82613618065_Module_Dafa_Lulu_Revamp_2022.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/83074912422/1679329260645/module_83074912422_Module_Section_Paket_-_Dafa_Lulu_Revamp_2022.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/83075099392/1679330259785/module_83075099392_Module_Section_Jenjang_to_Bottom_-_Dafa_Lulu_Revamp_2022.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39981680119/1676448475961/module_39981680119_Footer-ruangguru-2021-v2.min.css"
/>
<!-- Added by GoogleAnalytics integration -->
<script>
var _hsp = (window._hsp = window._hsp || []);
_hsp.push([
'addPrivacyConsentListener',
function (consent) {
if (consent.allowed || (consent.categories && consent.categories.analytics)) {
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
(i[r] =
i[r] ||
function () {
(i[r].q = i[r].q || []).push(arguments);
}),
(i[r].l = 1 * new Date());
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-49650255-1', 'auto');
ga('send', 'pageview');
}
},
]);
</script>
<!-- /Added by GoogleAnalytics integration -->
<link rel="canonical" href="https://www.ruangguru.com/dafa-lulu" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script>
(function (h, e, a, t, m, p) {
m = e.createElement(a);
m.async = !0;
m.src = t;
p = e.getElementsByTagName(a)[0];
p.parentNode.insertBefore(m, p);
})(window, document, 'script', 'https://u.heatmap.it/log.js');
</script>
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<script>
document.querySelector('meta[name="author"]').setAttribute('content', 'Ruangguru Tech Team');
</script>
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<!--
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49650255-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-49650255-1');
</script>
-->
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PVNLZFT');
</script>
<!-- End Google Tag Manager -->
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="350" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:url" content="https://www.ruangguru.com/dafa-lulu" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="content-language" content="id" />
<link rel="stylesheet" href="https://cdn-web-2.ruangguru.com/landing-page-web/public/assets/common/layout.min.css" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/32781682988/1666344401391/A_Ruangguru_Projects/1_SOP_Landing_Page/SOP_Style_Ruangguru.min.css"
/>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/dafa-lulu/assets/index-Dqv5PPZA.js"></script>
</head>
<body class="hs-content-id-56746563430 hs-landing-page hs-page" style="">
<div class="header-container-wrapper">
<div class="header-container container-fluid">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_166113656376931"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> -->
<style></style>
<nav class="ruangguru-header">
<div class="page-center">
<div class="container-ruangguru-header">
<div class="navigation__left">
<div class="hamburger-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ic_hamburger_black.svg" alt="Dropdown Navigation Icon" />
</div>
<a href="https://www.ruangguru.com/">
<div class="logo-header">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo ruangguru" />
</div>
</a>
</div>
<div class="navigation__content">
<div class="navig-link navig-link-dropdown" id="produk" aria-expanded="false">
<a>Produk</a>
</div>
<div class="navig-dropdown-area closed" id="produk_item">
<!-- ruangbelajar -->
<a href="https://www.ruangguru.com/ruangbelajar">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/rb.svg" alt="Logo ruangbelajar" loading="lazy" />
</div>
<p class="text-product">Belajar seru dengan video dan latihan soal, anti remed!</p>
</div>
</a>
<!-- BA -->
<a target="_blank" href="https://www.brainacademy.id">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/logo_BA.svg"
alt="Logo Brain Academy"
loading="lazy"
/>
</div>
<p class="text-product">Bimbel Live Interaktif bersama STAR Master Teacher + Klinik PR</p>
</div>
</a>
<!-- roboguru -->
<a href="https://roboguru.ruangguru.com/">
<div class="item-product">
<div class="logo-product">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/20b7b17a-62ba-43ee-bea8-b71c10f5fb0c.png?convert=webp" width="125" alt="Logo roboguru" loading="lazy" />
</div>
<p class="text-product">Foto dan upload soal susahmu dan dapatkan semua jawabannya di sini!</p>
</div>
</a>
<!-- roboguru plus -->
<a href="https://www.ruangguru.com/roboguruplus">
<div class="item-product">
<div class="logo-product">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/ea267d76-9d20-45b0-9c2c-88e78c199f5d.png?convert=webp" width="155" alt="Logo ruanglesonline" loading="lazy" />
</div>
<p class="text-product">Konsultasikan soal tersulit kamu sebanyak-banyaknya dengan tutor online terbaik</p>
</div>
</a>
<!-- ruangles -->
<a href="https://www.ruangguru.com/privat">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png"
alt="Logo ruangles"
width="112"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=56&name=logo-ruangguru-privat.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=168&name=logo-ruangguru-privat.png 168w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=224&name=logo-ruangguru-privat.png 224w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=280&name=logo-ruangguru-privat.png 280w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=336&name=logo-ruangguru-privat.png 336w"
sizes="(max-width: 112px) 100vw, 112px"
/>
</div>
<p class="text-product">Belajar privat dengan guru terbaik pilihan Ruangguru</p>
</div>
</a>
<!-- EA -->
<a target="_blank" href="https://www.english-academy.id/">
<div class="item-product">
<div class="logo-product" id="lp_ea">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ENGLISH%20ACADEMY-LOGO2%201.png?convert=webp"
alt="Logo English Academy"
loading="lazy"
/>
<div class="ribbon-wrapper-new">
<div class="glow-new"> </div>
</div>
</div>
<p class="text-product">Kursus Bahasa Inggris dengan Pengajar internasional dan kurikulum berstandar internasional</p>
</div>
</a>
<!-- dafalulu -->
<a href="https://www.ruangguru.com/dafa-lulu">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-dafa-lulu-new.png?convert=webp&height=44&name=logo-dafa-lulu-new.png"
height="44"
alt="Logo dafa lulu"
loading="lazy"
/>
</div>
<p class="text-product">Belajar bersama Dafa, Lulu, dan teman petualang untuk siswa SD kelas 1 - 6</p>
</div>
</a>
<!-- rg for kids -->
<a href="https://www.ruangguru.com/for-kids">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=100&name=logo-ruangguru-forkids.png"
alt="Logo For Kids"
width="100"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=50&name=logo-ruangguru-forkids.png 50w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=100&name=logo-ruangguru-forkids.png 100w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=150&name=logo-ruangguru-forkids.png 150w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=200&name=logo-ruangguru-forkids.png 200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=250&name=logo-ruangguru-forkids.png 250w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=300&name=logo-ruangguru-forkids.png 300w"
sizes="(max-width: 100px) 100vw, 100px"
/>
</div>
<p class="text-product">Siapkan masa depan sang buah hati dari sekarang!</p>
</div>
</a>
<!-- kursus for kids -->
<a href="https://www.ruangguru.com/for-kids/kursus">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=100&name=logo_rgfk_color%20(1).png"
alt="Logo For Kids"
width="100"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=50&name=logo_rgfk_color%20(1).png 50w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=100&name=logo_rgfk_color%20(1).png 100w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=150&name=logo_rgfk_color%20(1).png 150w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=200&name=logo_rgfk_color%20(1).png 200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=250&name=logo_rgfk_color%20(1).png 250w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=300&name=logo_rgfk_color%20(1).png 300w"
sizes="(max-width: 100px) 100vw, 100px"
/>
</div>
<p class="text-product">Kursus online untuk anak 4-7 tahun dengan program calistung, bahasa Inggris, dan sains</p>
</div>
</a>
<!-- ruanguji -->
<a href="https://www.ruangguru.com/ruanguji">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruanguji.svg" alt="Logo ruanguji" loading="lazy" />
</div>
<p class="text-product">Ikut tryout online dan lihat hasilnya di sini!</p>
</div>
</a>
<!-- ruangkelas -->
<a href="https://www.ruangguru.com/ruangkelas">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkelas.svg" alt="Logo ruangkelas" loading="lazy" />
</div>
<p class="text-product">Sistem Kelola Pembelajaran Jarak Jauh GRATIS!</p>
</div>
</a>
<!-- SA -->
<a target="_blank" href="https://skillacademy.com/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/skillacademy.svg" alt="Logo Skill Academy" loading="lazy" />
</div>
<p class="text-product">Kursus online untuk meningkatkan technical & soft skill kamu</p>
</div>
</a>
<!-- ruangkerja -->
<a target="_blank" href="https://ruangkerja.id/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkerja.svg" alt="Logo ruangkerja" loading="lazy" />
</div>
<p class="text-product">Aplikasi Pelatihan Online #1 untuk Perusahaan & Lembaga</p>
</div>
</a>
<!-- kalananti -->
<a target="_blank" href="https://www.kalananti.id/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/Kalananti%20by%20Ruangguru.png" alt="Logo kalananti" loading="lazy" height="40" />
</div>
<p class="text-product">Kursus coding dan robotic anak usia 5-15 tahun untuk mengasah logika dan kreativitas</p>
</div>
</a>
</div>
<div class="navig-link" id="program">
<a href="https://www.ruangguru.com/program">Program</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/promo">Promo</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/event">Event</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/beasiswa">Beasiswa</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/testimoni">Testimoni</a>
</div>
<div class="navig-link navig-link-dropdown" id="services">
<a>Layanan</a>
</div>
<div class="navig-dropdown-area closed" id="services_item" aria-expanded="false">
<div class="item-services">
<a href="https://www.ruangguru.com/ruangbelajar/perpanjang-paket">Cara Perpanjang Paket</a>
</div>
<div class="item-services">
<a href="https://www.ruangguru.com/cara-bayar">Cara Bayar</a>
</div>
<div class="item-services">
<a href="https://www.ruangguru.com/cicilan">Cicilan</a>
</div>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</div>
</div>
<div class="navigation__right">
<div class="button-langganan-cta">
<!--HubSpot Call-to-Action Code -->
<span class="hs-cta-wrapper" id="hs-cta-wrapper-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8">
<span class="hs-cta-node hs-cta-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" id="hs-cta-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8">
<a href="https://cta.ruangguru.com/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" target="_blank" rel="noopener">
<img
class="hs-cta-img"
id="hs-cta-img-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8"
style="border-width: 0px"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cta/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8.png"
alt="Langganan Sekarang"
/>
</a>
</span>
</span>
<!-- end HubSpot Call-to-Action Code -->
</div>
</div>
</div>
</div>
</nav>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"
></script>
<script></script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end header -->
</div>
<!--end header wrapper -->
<div class="body-container-wrapper">
<div class="body-container container-fluid">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1661160461594145"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
<div class="spacer-rg"></div>
<!-- section hero -->
<section class="hero">
<div class="page-center content-hero">
<div class="hero-left" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">
<img class="logo-dafalulu" src="https://roboguru-forum-cdn.ruangguru.com/image/61f03d00-85c7-4e24-8194-3a8672c4be8d.png?convert=webp" alt="logo dafa lulu" loading="lazy" />
<h1 class="title-hero">Nonton video animasi belajar di rumah, bantu memahami pelajaran di sekolah</h1>
<p class="description-hero">#BisaDuluan paham materi sekolah melalui video pembelajaran animasi, permainan interaktif bersama Dafa & Lulu, dan banyak fitur lainnya!</p>
<div class="cta-hero">
<a href="https://cta.ruangguru.com/0c4239a7-18b0-4305-8377-782021ad5586" target="_blank" rel="noopener" class="cta-hero-belajar">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cd00146b-f9ef-49e3-ad35-a4260bf4e36b.svg" />
<span>Coba Belajar Sekarang</span>
</a>
<a class="cta-hero-fitur" href="#dafalulu123">
Lihat Fitur
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Dafa%20Lulu%20Revamp%202022/ic_chevronright__.svg" alt="icon cta" />
</a>
</div>
</div>
<div class="hero-right">
<img
class="img-hero-dafaback"
src="https://roboguru-forum-cdn.ruangguru.com/image/a1155ede-f06a-418f-8885-04bc85f103fe.png?convert=webp"
alt="assets image hero"
loading="lazy"
data-aos="fade-up"
data-aos-delay="900"
data-aos-duration="500"
/>
<img
class="img-hero-luluback"
src="https://roboguru-forum-cdn.ruangguru.com/image/f00d73a6-4464-4146-b4c0-ad0e7931bfd5.png?convert=webp"
alt="assets image hero"
loading="lazy"
data-aos="fade-up"
data-aos-delay="900"
data-aos-duration="500"
/>
<img
class="img-hero-dafafront"
src="https://roboguru-forum-cdn.ruangguru.com/image/f4b8f66c-9b63-4495-a7ae-1bb932930a55.png?convert=webp"
alt="assets image hero"
loading="lazy"
data-aos="fade-up"
data-aos-delay="700"
data-aos-duration="500"
/>
<img
class="img-hero-lulufront"
src="https://roboguru-forum-cdn.ruangguru.com/image/7f9e8ac0-fe45-4396-ab6b-5f3f33f31f3a.png?convert=webp"
alt="assets image hero"
loading="lazy"
data-aos="fade-up"
data-aos-delay="700"
data-aos-duration="500"
/>
<img class="img-hero-leptop" src="https://roboguru-forum-cdn.ruangguru.com/image/f35a518c-2913-4fcf-82cf-4fe8af40197d.png?convert=webp" alt="assets image hero" loading="lazy" />
</div>
</div>
</section>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-2">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_166148097700016"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<!-- section paket -->
<section class="package border-box">
<div class="page-center">
<div class="tab-jenjang-package" id="tabPaket">
<div class="nav-package">
<nav>
<p class="select-package">Pilih kelas</p>
<button class="tabs-package active" data-id="1" value="1-2">Kelas 1</button>
<button class="tabs-package" data-id="2" value="1-2">Kelas 2</button>
<button class="tabs-package" data-id="3" value="3-4">Kelas 3</button>
<button class="tabs-package" data-id="4" value="3-4">Kelas 4</button>
<button class="tabs-package" data-id="5" value="5-6">Kelas 5</button>
<button class="tabs-package" data-id="6" value="5-6">Kelas 6</button>
</nav>
</div>
<div class="nav-package-mobile">
<p class="select-package">Pilih kelas</p>
<select class="jenjang-mobile-package">
<option class="tabs-package-mobile" data-id="1" value="1-2">Kelas 1</option>
<option class="tabs-package-mobile" data-id="2" value="1-2">Kelas 2</option>
<option class="tabs-package-mobile" data-id="3" value="3-4">Kelas 3</option>
<option class="tabs-package-mobile" data-id="4" value="3-4">Kelas 4</option>
<option class="tabs-package-mobile" data-id="5" value="5-6">Kelas 5</option>
<option class="tabs-package-mobile" data-id="6" value="5-6">Kelas 6</option>
</select>
</div>
<div class="content-package">
<div class="header-package">
<img class="img-flaz-package" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Dafa%20Lulu%20Revamp%202022/flaz-icon.svg" alt="icon flaz" />
<p class="title-package">Ayo, beli paket sekarang sebelum diskon berakhir!</p>
<div class="timer">
<div class="countdown-ea limit-timer" id="clockdiv">
<div class="days"></div>
:
<div class="hours"></div>
:
<div class="minutes"></div>
</div>
</div>
</div>
<div id="containerCard"></div>
<div class="loading-paket d-none">
<div class="loader d-none m-auto"></div>
</div>
<div id="btnPaketLainnya" class="d-block d-md-none text-center">
<a role="button" class="cta-lihat-paket-lainnya">
Paket Promo Lainnya
<img src="https://roboguru-forum-cdn.ruangguru.com/image/b235a108-eba0-4425-9a2b-f9b1251c70fb.png?convert=webp" width="20" height="20" alt="arrow" class="img-fluid" />
</a>
</div>
<div class="tab-content card-content active" data-content="1"></div>
<div class="tab-content card-content" data-content="2"></div>
<div class="tab-content card-content" data-content="3"></div>
<div class="tab-content card-content" data-content="4"></div>
<div class="tab-content card-content" data-content="5"></div>
<div class="tab-content card-content" data-content="6"></div>
</div>
<div class="bottom-content-package">
<p class="text-bottom-package">Belum menemukan produk yang cocok?</p>
<a class="cta-bottom-package" href="https://cta.ruangguru.com/a5d9d430-19fb-4b74-ac4c-c828256f54b3" target="_blank">
Lihat Produk Lainnya
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Dafa%20Lulu%20Revamp%202022/chevron-package.svg" alt="icon cta" />
</a>
</div>
<div class="leads-form-package">
<div class="left-form-package">
<img
class="img-form-package"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Dafa%20Lulu%20Revamp%202022/ipad-form.png"
alt="image form"
data-aos="fade-up"
data-aos-delay="300"
data-aos-duration="500"
/>
<img class="micro-form-right" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Dafa%20Lulu%20Revamp%202022/floating-right-form.png" alt="image form" />
<img class="micro-form-left" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Dafa%20Lulu%20Revamp%202022/floating-left-form.png" alt="image form" />
</div>
<div class="right-form-package" data-aos="fade-up" data-aos-delay="500" data-aos-duration="500">
<p class="title-form-daflul">Mau coba gratis akses video pembelajaran Dafa & Lulu?</p>
<div class="form-content-package">
<div id="rgform"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end section paket -->
<div id="audioDaflul123">
<img class="play-sound" id="playbutton" src="https://roboguru-forum-cdn.ruangguru.com/image/58ca7649-c0f3-4b1c-9a76-fa609ffca32f.png" alt="icon play sound" />
<audio hidden loop class="audio-daflul123" id="background_music">
<source src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Dafa%20Lulu%20Revamp%202022/rubelsd_bgm_class_123.mp3" type="audio/mpeg" />
<source src="https://imgix2.ruangguru.com/rubelsd/rubelsd_bgm_class_123.ogg" type="audio/ogg" />
</audio>
<audio hidden loop class="audio-daflul456" id="background_music2">
<source src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Dafa%20Lulu%20Revamp%202022/inapp456-2-low.mp3" type="audio/mpeg" />
<source src="https://imgix2.ruangguru.com/rubelsd/inapp456-2-low.ogg" type="audio/ogg" />
</audio>
</div>
<div class="floating-comic">
<a href="https://www.ruangguru.com/dafa-lulu/comic-and-activity-book" class="daflul-comic" target="_self">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/a3552454-0a43-46fd-b4ba-5712cd576e10.png" class="img-daflul-comic" alt="icon dafa lulu comic" />
</a>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
// Global Variable
var isPlaying = false;
$('.jenjang-mobile-package').change(function () {
const idNav = $(this).find(':selected').data('id');
if (idNav == 1 || idNav == 2 || idNav == 3) {
$('#dafalulu123').show();
$('#dafalulu456').hide();
$('.beragam-fitur').show();
$('.lihat-keseruan').hide();
var mPlayer = document.getElementById('background_music');
var mPlayer2 = document.getElementById('background_music2');
var mPlayAction = document.getElementById('playbutton');
var isPlaying = false;
function playAudio() {
mPlayer.play();
mPlayer2.pause();
mPlayer.volume = 0.4;
isPlaying = true;
mPlayAction.src = 'https://roboguru-forum-cdn.ruangguru.com/image/6b38724c-3d3e-4b60-9de2-5f7f0a90ee33.png';
}
function pauseAudio() {
mPlayer.pause();
isPlaying = false;
mPlayAction.src = 'https://roboguru-forum-cdn.ruangguru.com/image/58ca7649-c0f3-4b1c-9a76-fa609ffca32f.png';
}
$('#playbutton').on('click', function (event) {
// function HandleAudio(){
if (isPlaying == true) {
//Playing already Pause it
pauseAudio();
} else {
//Play the music
playAudio();
}
// }
});
} else {
$('#dafalulu123').hide();
$('#dafalulu456').show();
$('.beragam-fitur').hide();
$('.lihat-keseruan').show();
var mPlayer = document.getElementById('background_music2');
var mPlayer2 = document.getElementById('background_music');
var mPlayAction = document.getElementById('playbutton');
var isPlaying = false;
function playAudio() {
mPlayer.play();
mPlayer2.pause();
mPlayer.volume = 0.4;
isPlaying = true;
mPlayAction.src = 'https://roboguru-forum-cdn.ruangguru.com/image/6b38724c-3d3e-4b60-9de2-5f7f0a90ee33.png';
}
function pauseAudio() {
mPlayer.pause();
isPlaying = false;
mPlayAction.src = 'https://roboguru-forum-cdn.ruangguru.com/image/58ca7649-c0f3-4b1c-9a76-fa609ffca32f.png';
}
$('#playbutton').on('click', function (event) {
// function HandleAudio(){
if (isPlaying == true) {
//Playing already Pause it
pauseAudio();
} else {
//Play the music
playAudio();
}
// }
});
}
if (idNav == 1) {
$('.get-video-belajar').attr(
'href',
'https://dafalulu.ruangguru.com/kelas-i/matematika-course-v1of6l12/diriku-topic-jywgc8c6/aku-dan-teman-baru-subtopi-lnm5la7t/video-menghitung-banyak-benda-1-5-mission-tj84yz7k'
);
$('.thumb-video-belajar').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/99932cc6-9862-4cfc-b6b9-b0bff54896e8.jpg');
$('.get-permainan-interaktif').attr('src', 'https://www.youtube.com/embed/28Ab1T8_9gw?controls=0');
// $('.thumb-permainan-interaktif').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/13441c5f-22d3-4a1f-9d02-850cb9a29115.jpeg');
} else if (idNav == 2) {
$('.get-video-belajar').attr(
'href',
'https://dafalulu.ruangguru.com/kelas-ii/bahasa-indonesia-course-ygo6jmx1/hidup-rukun-topic-zq87va5g/hidup-rukun-di-rumah-subtopi-809kdd8n/video-hidup-rukun-di-rumah-mengenal-ungkapan-buah-tangan-buah-hati-dan-ringan-tangan-mission-p3rsa8r7'
);
$('.thumb-video-belajar').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/16eef9ca-05fa-4a7f-a865-b03631ec9279.jpg');
$('.get-permainan-interaktif').attr('src', 'https://www.youtube.com/embed/EP_CydadKWs?controls=0');
// $('.thumb-permainan-interaktif').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/050e35c3-e59a-43ad-8060-b822015ca04e.jpeg');
} else if (idNav == 3) {
$('.get-video-belajar').attr(
'href',
'https://dafalulu.ruangguru.com/kelas-iii/matematika-course-yc5ea4ks/pertumbuhan-perkembangan-mahluk-hidup-topic-ag4zyoqe/ciri-ciri-mahluk-hidup-subtopi-0sm7om11/video-tempat-duduk-baru-mission-4fafkkhf'
);
$('.thumb-video-belajar').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/cb8dd1d2-9708-4029-b159-7df4d69ddfea.jpg');
$('.get-permainan-interaktif').attr('src', 'https://www.youtube.com/embed/U-30FsmzfE0?controls=0');
// $('.thumb-permainan-interaktif').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/27d60072-262d-4eca-9914-6928cf0fe700.jpeg');
} else if (idNav == 4) {
$('.get-video-animasi').attr(
'href',
'https://dafalulu.ruangguru.com/kelas-iv/ipa-course-jyqtldps/ipa-iv-topic-jvmoodcy/indahnya-kebersamaan-bunyi-bu-unyi-subtopi-xbgvrz5m/video-bu-nana-diculik-kode-rahasia-bu-unyi-mission-7gno5ia8'
);
$('.thumb-video-animasi').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/6d77c574-f0a4-4a7f-8c5e-2b3bf45891c4.jpg');
$('.get-interaktif').attr('src', 'https://www.youtube.com/embed/HwCWMLGTxGw?controls=0');
// $('.thumb-interaktif').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/ff65823b-eace-425a-acfb-216cfbd31699.jpeg');
} else if (idNav == 5) {
$('.get-video-animasi').attr(
'href',
'https://dafalulu.ruangguru.com/kelas-v/matematika-course-63uyiy6w/matematika-v-topic-mz9m5ebb/penjumlahan-pengurangan-pecahan-penyelamatan-pizza-subtopi-j5sh8per/video-terjebak-di-dunia-pijja-han-bagian-1-mission-henby9rr'
);
$('.thumb-video-animasi').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/d1424469-fe0b-4d4c-b1e6-247aa56d398f.jpg');
$('.get-interaktif').attr('src', 'https://www.youtube.com/embed/icGUWTiyRNU?controls=0');
// $('.thumb-interaktif').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/e5523243-9c2c-465f-8996-91c3b45b70a5.jpeg');
} else {
$('.get-video-animasi').attr(
'href',
'https://dafalulu.ruangguru.com/kelas-vi/ipa-course-s2e2mzf8/ipa-vi-topic-q60tkdsq/selamatkan-makhluk-hidup-labirin-bunga-subtopi-iuw60vsw/video-taman-bunga-diserang-bagian-1-mission-6gmpo95d'
);
$('.thumb-video-animasi').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/2b992746-1050-4d5a-be5d-985318afa325.jpg');
$('.get-interaktif').attr('src', 'https://www.youtube.com/embed/dgj4g8CnXaU?controls=0');
// $('.thumb-interaktif').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/e5523243-9c2c-465f-8996-91c3b45b70a5.jpeg');
}
});
$('.tabs-package').click(function () {
const id = $(this).data('id');
if (!$(this).hasClass('active')) {
$('.tabs-package').removeClass('active');
$(this).addClass('active');
$('.tab-content').hide();
$(`[data-content=${id}]`).show();
}
var mPlayAction = document.getElementById('playbutton');
function playAudio() {
mPlayer.play();
mPlayer2.pause();
mPlayer2.currentTime = 0;
mPlayer.volume = 0.4;
isPlaying = true;
mPlayAction.src = 'https://roboguru-forum-cdn.ruangguru.com/image/6b38724c-3d3e-4b60-9de2-5f7f0a90ee33.png';
}
function pauseAudio() {
mPlayer.pause();
mPlayer2.pause();
mPlayer.currentTime = 0;
mPlayer2.currentTime = 0;
isPlaying = false;
mPlayAction.src = 'https://roboguru-forum-cdn.ruangguru.com/image/58ca7649-c0f3-4b1c-9a76-fa609ffca32f.png';
}
window.onload = function () {
pauseAudio();
};
if (id == 1 || id == 2 || id == 3) {
var mPlayer = document.getElementById('background_music');
var mPlayer2 = document.getElementById('background_music2');
if (isPlaying == true) {
mPlayer2.pause();
mPlayer.play();
}
$('#dafalulu123').show();
$('#dafalulu456').hide();
$('.beragam-fitur').show();
$('.lihat-keseruan').hide();
$('#playbutton').on('click', function (event) {
if (isPlaying == true) {
pauseAudio();
} else {
playAudio();
}
});
} else {
var mPlayer = document.getElementById('background_music2');
var mPlayer2 = document.getElementById('background_music');
if (isPlaying == true) {
mPlayer2.pause();
mPlayer.play();
}
$('#dafalulu123').hide();
$('#dafalulu456').show();
$('.beragam-fitur').hide();
$('.lihat-keseruan').show();
$('#playbutton').on('click', function (event) {
if (isPlaying == true) {
pauseAudio();
} else {
playAudio();
}
});
}
if (id == 1) {
$('.get-video-belajar').attr(
'href',
'https://dafalulu.ruangguru.com/kelas-i/matematika-course-v1of6l12/diriku-topic-jywgc8c6/aku-dan-teman-baru-subtopi-lnm5la7t/video-menghitung-banyak-benda-1-5-mission-tj84yz7k'
);
$('.thumb-video-belajar').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/99932cc6-9862-4cfc-b6b9-b0bff54896e8.jpg');
$('.get-permainan-interaktif').attr('src', 'https://www.youtube.com/embed/28Ab1T8_9gw?controls=0');
// $('.thumb-permainan-interaktif').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/13441c5f-22d3-4a1f-9d02-850cb9a29115.jpeg');
} else if (id == 2) {
$('.get-video-belajar').attr(
'href',
'https://dafalulu.ruangguru.com/kelas-ii/bahasa-indonesia-course-ygo6jmx1/hidup-rukun-topic-zq87va5g/hidup-rukun-di-rumah-subtopi-809kdd8n/video-hidup-rukun-di-rumah-mengenal-ungkapan-buah-tangan-buah-hati-dan-ringan-tangan-mission-p3rsa8r7'
);
$('.thumb-video-belajar').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/16eef9ca-05fa-4a7f-a865-b03631ec9279.jpg');
$('.get-permainan-interaktif').attr('src', 'https://www.youtube.com/embed/EP_CydadKWs?controls=0');
// $('.thumb-permainan-interaktif').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/050e35c3-e59a-43ad-8060-b822015ca04e.jpeg');
} else if (id == 3) {
$('.get-video-belajar').attr(
'href',
'https://dafalulu.ruangguru.com/kelas-iii/matematika-course-yc5ea4ks/pertumbuhan-perkembangan-mahluk-hidup-topic-ag4zyoqe/ciri-ciri-mahluk-hidup-subtopi-0sm7om11/video-tempat-duduk-baru-mission-4fafkkhf'
);
$('.thumb-video-belajar').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/cb8dd1d2-9708-4029-b159-7df4d69ddfea.jpg');
$('.get-permainan-interaktif').attr('src', 'https://www.youtube.com/embed/U-30FsmzfE0?controls=0');
// $('.thumb-permainan-interaktif').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/27d60072-262d-4eca-9914-6928cf0fe700.jpeg');
} else if (id == 4) {
$('.get-video-animasi').attr(
'href',
'https://dafalulu.ruangguru.com/kelas-iv/ipa-course-jyqtldps/ipa-iv-topic-jvmoodcy/indahnya-kebersamaan-bunyi-bu-unyi-subtopi-xbgvrz5m/video-bu-nana-diculik-kode-rahasia-bu-unyi-mission-7gno5ia8'
);
$('.thumb-video-animasi').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/6d77c574-f0a4-4a7f-8c5e-2b3bf45891c4.jpg');
$('.get-interaktif').attr('src', 'https://www.youtube.com/embed/HwCWMLGTxGw?controls=0');
// $('.thumb-interaktif').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/ff65823b-eace-425a-acfb-216cfbd31699.jpeg');
} else if (id == 5) {
$('.get-video-animasi').attr(
'href',
'https://dafalulu.ruangguru.com/kelas-v/matematika-course-63uyiy6w/matematika-v-topic-mz9m5ebb/penjumlahan-pengurangan-pecahan-penyelamatan-pizza-subtopi-j5sh8per/video-terjebak-di-dunia-pijja-han-bagian-1-mission-henby9rr'
);
$('.thumb-video-animasi').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/d1424469-fe0b-4d4c-b1e6-247aa56d398f.jpg');
$('.get-interaktif').attr('src', 'https://www.youtube.com/embed/icGUWTiyRNU?controls=0');
// $('.thumb-interaktif').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/e5523243-9c2c-465f-8996-91c3b45b70a5.jpeg');
} else {
$('.get-video-animasi').attr(
'href',
'https://dafalulu.ruangguru.com/kelas-vi/ipa-course-s2e2mzf8/ipa-vi-topic-q60tkdsq/selamatkan-makhluk-hidup-labirin-bunga-subtopi-iuw60vsw/video-taman-bunga-diserang-bagian-1-mission-6gmpo95d'
);
$('.thumb-video-animasi').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/2b992746-1050-4d5a-be5d-985318afa325.jpg');
$('.get-interaktif').attr('src', 'https://www.youtube.com/embed/dgj4g8CnXaU?controls=0');
// $('.thumb-interaktif').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/e5523243-9c2c-465f-8996-91c3b45b70a5.jpeg');
}
});
</script>
<script>
$jQuery = jQuery.noConflict();
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-3">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_166148098742918"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<!-- section dafa lulu 123 -->
<section class="daflul-123" id="dafalulu123">
<div class="page-center">
<h2 class="title-daflul-123" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">Lebih semangat belajar dengan fitur yang seru</h2>
<div class="video-belajar-daflul123">
<p class="title-video-belajar" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">Video belajar animasi</p>
<p class="desc-video-belajar" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">
Lebih mudah memahami pelajaran Bahasa Indonesia dan Matematika dengan ribuan video animasi serta soal latihan
</p>
<div class="content-video-belajar">
<div class="section-video-belajar">
<a class="get-video-belajar" href="" target="_blank">
<img class="thumb-video-belajar" src="" alt="thumbnail video belajar" />
</a>
<p class="text-video-belajar">Matematika: Menyatakan Banyak Benda 200–999</p>
</div>
<img
class="lulu-video-belajar"
src="https://roboguru-forum-cdn.ruangguru.com/image/2380b941-3ece-4062-aaab-6552addb7d8d.png"
atl="image asset lulu"
data-aos="fade-up"
data-aos-delay="500"
data-aos-duration="500"
/>
<img
class="made-video-belajar"
src="https://roboguru-forum-cdn.ruangguru.com/image/7744a433-6b79-4fb3-a532-58c4c4c93fd9.png"
atl="image asset made"
data-aos="fade-up"
data-aos-delay="500"
data-aos-duration="500"
/>
<div class="micro-video-belajar">
<img
class="earth-video-belajar"
src="https://roboguru-forum-cdn.ruangguru.com/image/8c0a5b5d-b216-498f-9171-ec694cb4f47f.png"
alt="asset micro earth"
data-aos="fade-down"
data-aos-delay="300"
data-aos-duration="500"
/>
<img
class="baloon-video-belajar"
src="https://roboguru-forum-cdn.ruangguru.com/image/459917d0-94a3-4cba-9547-5cf625053023.png"
alt="asset micro earth"
data-aos="fade-down"
data-aos-delay="300"
data-aos-duration="500"
/>
</div>
</div>
</div>
<div class="permainan-interaktif-daflul123">
<p class="title-permainan-interaktif" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">Permainan interaktif</p>
<p class="desc-permainan-interaktif" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">
Berlatih dengan ribuan permainan
<br />
untuk menguji pemahaman konsep selama belajar
</p>
<div class="content-permainan-interaktif">
<div class="section-permainan-interaktif">
<iframe
width="567"
height="336"
class="get-permainan-interaktif"
src=""
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
<!-- <a class="get-permainan-interaktif" href="" target="_blank">
<img class="thumb-permainan-interaktif" src="" alt="thumbnail video belajar">
</a> -->
</div>
<img
class="dafa-permainan-interaktif"
src="https://roboguru-forum-cdn.ruangguru.com/image/e132593d-5533-4511-a0e1-ed2ecdce2c1b.png"
atl="image asset dafa"
data-aos="fade-up"
data-aos-delay="500"
data-aos-duration="500"
/>
<img
class="ipad-permainan-interaktif"
src="https://roboguru-forum-cdn.ruangguru.com/image/35e9ad74-9cb6-46d8-8e7a-41064354f3a8.png"
atl="image asset ipad"
data-aos="fade-up"
data-aos-delay="500"
data-aos-duration="500"
/>
<div class="micro-permainan-interaktif">
<img
class="rocket-permainan-interaktif"
src="https://roboguru-forum-cdn.ruangguru.com/image/3c70267c-3a67-40d2-8736-7aa789c24210.png"
alt="asset micro rocket"
data-aos="fade-up"
data-aos-delay="500"
data-aos-duration="500"
/>
<img
class="baloon-permainan-interaktif"
src="https://roboguru-forum-cdn.ruangguru.com/image/e79863be-e3b8-4c0e-bbfc-abbb8c274df7.png"
alt="asset micro baloon"
data-aos="fade-up"
data-aos-delay="500"
data-aos-duration="500"
/>
<img
class="ball-permainan-interaktif"
src="https://roboguru-forum-cdn.ruangguru.com/image/55130376-e85a-48a1-8ffb-6aff87ee3768.png"
alt="asset micro ball"
data-aos="fade-up"
data-aos-delay="500"
data-aos-duration="500"
/>
</div>
</div>
</div>
<div class="bottom-daflul123">
<div class="bottom-left">
<p class="title-bottom-daflul123" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">Teman Belajar dan Avatar</p>
<p class="desc-bottom-daflul123" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">
Makin semangat mengerjakan misi belajar
<br />
supaya Teman Belajar bisa naik level,
<br />
dan dapatkan kostum Avatar yang keren!
</p>
<div class="content-bottom-left">
<img class="img-bottom-left" src="https://roboguru-forum-cdn.ruangguru.com/image/6a6940d3-a8b2-47ba-b08b-06cd2b71db60.png" alt="asset image bottom" />
<img
class="asset-lion-left"
src="https://roboguru-forum-cdn.ruangguru.com/image/83b35e34-4949-4e1f-98ab-40c23726e16d.png"
alt="asset image bottom"
data-aos="fade-down"
data-aos-delay="300"
data-aos-duration="500"
/>
<img
class="asset-candra-left"
src="https://roboguru-forum-cdn.ruangguru.com/image/568671fb-eee7-4a1a-841e-35ad91667971.png"
alt="asset image bottom"
data-aos="fade-down"
data-aos-delay="300"
data-aos-duration="500"
/>
<img
class="micro-xp-left"
src="https://roboguru-forum-cdn.ruangguru.com/image/65200f31-a323-4867-8cff-b6fd84318851.png"
alt="micro image bottom"
data-aos="fade-down"
data-aos-delay="300"
data-aos-duration="500"
/>
<img
class="micro-gold-left"
src="https://roboguru-forum-cdn.ruangguru.com/image/866432b1-ee26-4578-b5c4-32f1e0bf3a23.png"
alt="micro image bottom"
data-aos="fade-down"
data-aos-delay="300"
data-aos-duration="500"
/>
</div>
</div>
<div class="bottom-right">
<p class="title-bottom-daflul123" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">Ribuan latihan soal</p>
<p class="desc-bottom-daflul123" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">
Tingkatkan rasa percaya diri hadapi ujian di sekolah
<br />
dengan uji pemahaman di Kuis Akhir
</p>
<div class="content-bottom-right">
<img class="img-bottom-right" src="https://roboguru-forum-cdn.ruangguru.com/image/cc0fe6fe-78fe-4ab9-8e24-b705d1f2898f.png" alt="asset image bottom" />
<img
class="asset-dafa-right"
src="https://roboguru-forum-cdn.ruangguru.com/image/65a93ebd-3435-4cf6-816b-9ecfc8f66899.png"
alt="asset image bottom"
data-aos="fade-down"
data-aos-delay="300"
data-aos-duration="500"
/>
<img
class="asset-lulu-right"
src="https://roboguru-forum-cdn.ruangguru.com/image/849342e8-013d-4768-81ac-f4a2337bb327.png"
alt="asset image bottom"
data-aos="fade-down"
data-aos-delay="300"
data-aos-duration="500"
/>
<img
class="micro-xp-right"
src="https://roboguru-forum-cdn.ruangguru.com/image/73f3eae8-a044-46cc-b74e-86d3373ba56b.png"
alt="micro image bottom"
data-aos="fade-down"
data-aos-delay="300"
data-aos-duration="500"
/>
<img
class="micro-gold-right"
src="https://roboguru-forum-cdn.ruangguru.com/image/1cc0b37e-0f25-4638-9bf5-6586e0ab82e3.png"
alt="micro image bottom"
data-aos="fade-down"
data-aos-delay="300"
data-aos-duration="500"
/>
</div>
</div>
</div>
</div>
</section>
<!-- end section dafa lulu 123 -->
<!-- section beragam fitur -->
<section class="beragam-fitur">
<div class="page-center wrap-beragam-fitur">
<h2 class="title-beragam-fitur" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">
Lihat keseruan beragam fitur
<br />
di Dafa & Lulu, yuk!
</h2>
<div class="content-beragam-fitur">
<iframe
width="645"
height="382"
class="vid-beragam-fitur"
src="https://www.youtube.com/embed/H-c4Ovf6EUc"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
<!-- <a class="vid-beragam-fitur" href="https://www.youtube.com/watch?v=H-c4Ovf6EUc" target="_blank">
<img class="thumb-beragam-fitur" src="https://roboguru-forum-cdn.ruangguru.com/image/248f1892-d587-4b2d-9af5-7b8f774df7c2.png" alt="thumbnail video bragam fitur">
</a> -->
<div class="bottom-vid-fitur">
<p class="text-vid-fitur">Mau lihat video pembelajaran animasinya?</p>
<a href="https://cta.ruangguru.com/a9eae1ed-77a3-435a-8392-7b0bf862af62" class="cta-vid-fitur" target="_blank">
Nonton Video Belajar
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Dafa%20Lulu%20Revamp%202022/chevron-package.svg" alt="icon cta" />
</a>
</div>
</div>
<div class="asset-micro-fitur">
<img
class="micro-baloon-topleft"
src="https://roboguru-forum-cdn.ruangguru.com/image/9bc7c66e-785a-4935-8dcf-8cfdbbe270c1.png"
alt="asset image lulu made"
data-aos="fade-up"
data-aos-delay="400"
data-aos-duration="500"
/>
<img
class="micro-baloon-topright"
src="https://roboguru-forum-cdn.ruangguru.com/image/4031ee4f-aa3a-47bd-99c8-dedd832810a4.png"
alt="asset image lulu made"
data-aos="fade-up"
data-aos-delay="400"
data-aos-duration="500"
/>
<img
class="micro-baloon-bottomright"
src="https://roboguru-forum-cdn.ruangguru.com/image/b2d99548-238f-4121-8d9d-86876e2f50f0.png"
alt="asset image lulu made"
data-aos="fade-up"
data-aos-delay="400"
data-aos-duration="500"
/>
</div>
</div>
<img
class="dafa-chika-fitur"
src="https://roboguru-forum-cdn.ruangguru.com/image/ae26c27a-b9c8-4bdb-a260-bef4039974c0.png"
alt="asset image dafa chika"
data-aos="fade-up"
data-aos-delay="500"
data-aos-duration="500"
/>
<img
class="lulu-made-fitur"
src="https://roboguru-forum-cdn.ruangguru.com/image/e9f7c9ab-e692-4ff5-878a-a6a1d10614f3.png"
alt="asset image lulu made"
data-aos="fade-up"
data-aos-delay="700"
data-aos-duration="500"
/>
</section>
<!-- end section beragam fitur -->
<!-- section dafa lulu 456 -->
<section class="daflul-456" id="dafalulu456">
<div class="page-center">
<h2 class="title-daflul-456">Lebih semangat belajar dengan fitur yang seru</h2>
<div class="video-animasi-daflul456">
<p class="title-video-animasi">Video belajar animasi</p>
<p class="desc-video-animasi">Belajar Matematika dan IPA sambil bertualang serta menaklukkan misi Legenda 8 Batu Sakti bersama Dafa & Lulu</p>
<div class="content-video-animasi">
<div class="section-video-animasi">
<a class="get-video-animasi" href="" target="_blank">
<img class="thumb-video-animasi" src="" alt="thumbnail video belajar" />
</a>
<p class="text-video-animasi">Matematika: Menyatakan Banyak Benda 200–999</p>
</div>
<img class="lulu-video-animasi" src="https://roboguru-forum-cdn.ruangguru.com/image/09d6f285-7d42-46a8-a220-328104595ee6.png" atl="image asset lulu" />
<img class="made-video-animasi" src="https://roboguru-forum-cdn.ruangguru.com/image/81df479f-b564-498f-b94f-f14b5959fec0.png" atl="image asset made" />
<div class="micro-video-animasi">
<img class="flaz-video-animasi" src="https://roboguru-forum-cdn.ruangguru.com/image/9d3b9ba4-d8a8-4a38-9a9c-4d3452efde74.png" alt="asset micro flaz" />
<img class="baloon-video-animasi" src="https://roboguru-forum-cdn.ruangguru.com/image/459917d0-94a3-4cba-9547-5cf625053023.png" alt="asset micro baloon" />
</div>
</div>
</div>
<div class="interaktif-daflul456">
<p class="title-interaktif">Permainan interaktif</p>
<p class="desc-interaktif">
Berlatih dengan ribuan permainan
<br />
untuk menguji pemahaman konsep selama belajar
</p>
<div class="content-interaktif">
<div class="section-interaktif">
<iframe
width="567"
height="336"
class="get-interaktif"
src=""
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
<!-- <a class="get-interaktif" href="" target="_blank">
<img class="thumb-interaktif" src="" alt="thumbnail video belajar">
</a> -->
</div>
<img class="dafa-interaktif" src="https://roboguru-forum-cdn.ruangguru.com/image/035e98f4-3c87-4e59-b17e-b0263af16b25.png" atl="image asset dafa" />
<img class="ipad-interaktif" src="https://roboguru-forum-cdn.ruangguru.com/image/35e9ad74-9cb6-46d8-8e7a-41064354f3a8.png" atl="image asset ipad" />
<div class="micro-interaktif">
<img class="rocket-interaktif" src="https://roboguru-forum-cdn.ruangguru.com/image/3c70267c-3a67-40d2-8736-7aa789c24210.png" alt="asset micro rocket" />
<img class="baloon-interaktif" src="https://roboguru-forum-cdn.ruangguru.com/image/e79863be-e3b8-4c0e-bbfc-abbb8c274df7.png" alt="asset micro baloon" />
<img class="lamp-interaktif" src="https://roboguru-forum-cdn.ruangguru.com/image/34147188-4a05-421c-b5ef-a58820af02f8.png" alt="asset micro ball" />
<img class="gear-interaktif" src="https://roboguru-forum-cdn.ruangguru.com/image/69bf0032-d6ae-426f-b82a-1d1f78ed2a85.png" alt="asset micro ball" />
</div>
</div>
</div>
<div class="bottom-daflul456">
<div class="bottom-left-daflul456">
<p class="title-bottom-daflul456">Teman Belajar dan Avatar</p>
<p class="desc-bottom-daflul456">
Makin semangat mengerjakan misi belajar
<br />
supaya Teman Belajar bisa naik level,
<br />
dan dapatkan kostum Avatar yang keren!
</p>
<div class="content-daflul456-left">
<img class="img-bottom-left" src="https://roboguru-forum-cdn.ruangguru.com/image/6a6940d3-a8b2-47ba-b08b-06cd2b71db60.png" alt="asset image bottom" />
<img class="asset-lion-left" src="https://roboguru-forum-cdn.ruangguru.com/image/83b35e34-4949-4e1f-98ab-40c23726e16d.png" alt="asset image bottom" />
<img class="asset-candra-left" src="https://roboguru-forum-cdn.ruangguru.com/image/568671fb-eee7-4a1a-841e-35ad91667971.png" alt="asset image bottom" />
<img class="micro-xp-left" src="https://roboguru-forum-cdn.ruangguru.com/image/65200f31-a323-4867-8cff-b6fd84318851.png" alt="micro image bottom" />
<img class="micro-gold-left" src="https://roboguru-forum-cdn.ruangguru.com/image/866432b1-ee26-4578-b5c4-32f1e0bf3a23.png" alt="micro image bottom" />
</div>
</div>
<div class="bottom-right-daflul456">
<p class="title-bottom-daflul456">Final Battle</p>
<p class="desc-bottom-daflul456">
Uji pemahaman serasa seperti bermain.
<br />
Ayo, taklukan lawan di Final Battle
<br />
agar lebih percaya diri hadapi ujian di sekolah!
</p>
<div class="content-daflul456-right">
<img class="img-daflul456-right" src="https://roboguru-forum-cdn.ruangguru.com/image/2874e25a-ac82-47e6-9aef-d8cf8e75870c.png" alt="asset image bottom" />
<img class="asset-dafa-right" src="https://roboguru-forum-cdn.ruangguru.com/image/b2ad956b-02a7-4f20-96c4-b2fd5475fd96.png" alt="asset image bottom" />
<img class="asset-lulu-right" src="https://roboguru-forum-cdn.ruangguru.com/image/f5117045-6533-49f5-a6c2-6139d796914a.png" alt="asset image bottom" />
<img class="micro-xp-right" src="https://roboguru-forum-cdn.ruangguru.com/image/73f3eae8-a044-46cc-b74e-86d3373ba56b.png" alt="micro image bottom" />
<img class="micro-gold-right" src="https://roboguru-forum-cdn.ruangguru.com/image/1cc0b37e-0f25-4638-9bf5-6586e0ab82e3.png" alt="micro image bottom" />
</div>
</div>
</div>
</div>
</section>
<!-- end section dafa lulu 456 -->
<!-- section lihat keseruan -->
<section class="lihat-keseruan">
<div class="page-center wrap-lihat-keseruan">
<h2 class="title-lihat-keseruan">
Lihat keseruan beragam fitur
<br />
di Dafa & Lulu, yuk!
</h2>
<div class="content-lihat-keseruan">
<iframe
width="645"
height="382"
class="vid-lihat-keseruan"
src="https://www.youtube.com/embed/zGQuX4LwyTE"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
<!-- <a class="vid-lihat-keseruan" href="https://www.youtube.com/watch?v=zGQuX4LwyTE" target="_blank">
<img class="thumb-lihat-keseruan" src="https://roboguru-forum-cdn.ruangguru.com/image/248f1892-d587-4b2d-9af5-7b8f774df7c2.png" alt="thumbnail video bragam fitur">
</a> -->
<div class="bottom-vid-keseruan">
<p class="text-vid-keseruan">Mau lihat video pembelajaran animasinya?</p>
<!-- <a href="https://dafalulu.ruangguru.com/" class="cta-vid-keseruan" target="_blank">
Nonton Video Belajar <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Dafa%20Lulu%20Revamp%202022/chevron-package.svg" alt="icon cta">
</a> -->
<span class="hs-cta-wrapper" id="hs-cta-wrapper-a9eae1ed-77a3-435a-8392-7b0bf862af62">
<span class="hs-cta-node hs-cta-a9eae1ed-77a3-435a-8392-7b0bf862af62" id="hs-cta-a9eae1ed-77a3-435a-8392-7b0bf862af62">
<a href="https://cta.ruangguru.com/a9eae1ed-77a3-435a-8392-7b0bf862af62" target="_blank" rel="noopener">
<img
class="hs-cta-img"
id="hs-cta-img-a9eae1ed-77a3-435a-8392-7b0bf862af62"
style="border-width: 0px"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cta/a9eae1ed-77a3-435a-8392-7b0bf862af62.png"
alt="Nonton Video Belajar"
/>
</a>
</span>
<script charset="utf-8" src=""></script>
</span>
</div>
</div>
<!-- <div class="asset-micro-keseruan">
<img class="micro-baloon-topleft" src="https://roboguru-forum-cdn.ruangguru.com/image/9bc7c66e-785a-4935-8dcf-8cfdbbe270c1.png" alt="asset image lulu made">
<img class="micro-baloon-topright" src="https://roboguru-forum-cdn.ruangguru.com/image/4031ee4f-aa3a-47bd-99c8-dedd832810a4.png" alt="asset image lulu made">
<img class="micro-baloon-bottomright" src="https://roboguru-forum-cdn.ruangguru.com/image/b2d99548-238f-4121-8d9d-86876e2f50f0.png" alt="asset image lulu made">
</div> -->
</div>
<img class="bona-keseruan" src="https://roboguru-forum-cdn.ruangguru.com/image/a8c0dafa-a1bb-4536-b8b8-9a594df6c26d.png" alt="asset image bona" />
<img class="chika-keseruan" src="https://roboguru-forum-cdn.ruangguru.com/image/5a9dca76-232b-4ef0-aa39-8802d735123d.png" alt="asset image chika" />
<img class="dafa-chika-keseruan" src="https://roboguru-forum-cdn.ruangguru.com/image/b62497f6-6770-4c51-aba4-974fb9be5b41.png" alt="asset image dafa chika" />
<img class="lulu-made-keseruan" src="https://roboguru-forum-cdn.ruangguru.com/image/5a1e2cef-b6c2-4a9a-8c4f-065b0ed48ff9.png" alt="asset image lulu made" />
</section>
<!-- end section lihat keseruan -->
<!-- section laporan belajar -->
<section class="laporan-belajar">
<div class="page-center wrap-laporan-belajar">
<div class="laporan-belajar-left" data-aos="fade-right" data-aos-delay="400" data-aos-duration="500">
<p class="top-laporan-belajar">Laporan Belajar</p>
<h2 class="title-laporan-belajar">Pantau perkembangan belajar anak secara berkala</h2>
<p class="desc-laporan-belajar">
Orang tua dapat memantau perkembangan belajar anak dengan mudah melalui WhatsApp. Temukan juga video rekomendasi sesuai perkembangan belajar anak.
</p>
</div>
<div class="laporan-belajar-right">
<img
class="asset-ibu-dafa"
src="https://roboguru-forum-cdn.ruangguru.com/image/9e36b680-f41f-45b6-8f67-8c989fc52b54.png"
alt="asset laporan belajar"
data-aos="fade-up"
data-aos-delay="300"
data-aos-duration="500"
/>
<img
class="asset-medal-report"
src="https://roboguru-forum-cdn.ruangguru.com/image/8288d506-04e7-4de9-aeb9-145d4e30a25f.png"
alt="asset laporan belajar"
data-aos="fade-up"
data-aos-delay="700"
data-aos-duration="500"
/>
<img
class="asset-wa-report"
src="https://roboguru-forum-cdn.ruangguru.com/image/0feb2b9f-6bcb-4e7f-8f39-dcfb60132c5d.png"
alt="asset laporan belajar"
data-aos="fade-up"
data-aos-delay="1000"
data-aos-duration="500"
/>
<img class="micro-icon-book" src="https://roboguru-forum-cdn.ruangguru.com/image/20d57358-78c8-4295-8e49-746dca1c373d.png" alt="icon laporan belajar" />
<img class="micro-icon-parent" src="https://roboguru-forum-cdn.ruangguru.com/image/cee2bfad-ee1f-4f83-bd94-788fa7d55931.png" alt="icon laporan belajar" />
</div>
</div>
</section>
<!-- end section laporan belajar -->
<!-- section testimoni kelas gratis -->
<section class="testimoni-kelas-gratis">
<div class="page-center">
<div class="testimoni">
<h2 class="title-testimoni" alt="asset laporan belajar" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">
92% anak terbukti lebih cepat paham materi dengan video animasi Dafa & Lulu!
</h2>
<div class="wrap-testimoni">
<div class="main-testimoni">
<div class="card-testimoni" id="testimoni-1" alt="asset laporan belajar" data-aos="fade-up" data-aos-delay="400" data-aos-duration="500">
<div class="header-testimoni">
<img class="img-testimoni" src="https://roboguru-forum-cdn.ruangguru.com/image/e531d765-f808-49c9-ba74-104075032d3e.png" alt="foto testimoni" />
<img class="quotation-icon-testimoni" src="https://roboguru-forum-cdn.ruangguru.com/image/32c84d0e-a17c-41d0-9d1d-8fd5ff78e7a6.png" alt="quotation mark testimoni" />
</div>
<div class="content-testimoni">
<p class="name-testimoni">Bunda Diyah dan Dinar Hasna</p>
<p class="kelas-testimoni">Kelas 2 SD</p>
<p class="desc-testimoni">
“Senang banget! Dinar paling suka kerjain kuis interaktifnya, belajar jadi gak terasa berat. Nilai ulangan Dinar di sekolah bisa dapat 100 sejak pakai Dafa & Lulu!
Solutif dan cocok banget buat screen time anak-anak sekaligus membantu memahami pelajaran di sekolah”
</p>
</div>
</div>
<div class="card-testimoni" id="testimoni-2" alt="asset laporan belajar" data-aos="fade-up" data-aos-delay="700" data-aos-duration="500">
<div class="header-testimoni">
<img class="img-testimoni" src="https://roboguru-forum-cdn.ruangguru.com/image/1fe5bf11-0692-4d99-b129-b897ae178eec.png" alt="foto testimoni" />
<img class="quotation-icon-testimoni" src="https://roboguru-forum-cdn.ruangguru.com/image/32c84d0e-a17c-41d0-9d1d-8fd5ff78e7a6.png" alt="quotation mark testimoni" />
</div>
<div class="content-testimoni">
<p class="name-testimoni">Bunda Silvi dan Keinara Hadassa</p>
<p class="kelas-testimoni">Kelas 1 SD</p>
<p class="desc-testimoni">
“Belajar sama Dafa & Lulu seru banget! Saya sengaja mendaftar Ruangguru sebelum Keinara masuk SD. Keinara jadi lebih mudah ngerti materinya dan lebih siap masuk SD.
Jadi, gak kaget karena sudah terbiasa belajar di Ruangguru”
</p>
</div>
</div>
<div class="card-testimoni" id="testimoni-3" alt="asset laporan belajar" data-aos="fade-up" data-aos-delay="1000" data-aos-duration="500">
<div class="header-testimoni">
<img class="img-testimoni" src="https://roboguru-forum-cdn.ruangguru.com/image/0103d3fb-450c-40a6-af2d-9ed03c1b5c31.png" alt="foto testimoni" />
<img class="quotation-icon-testimoni" src="https://roboguru-forum-cdn.ruangguru.com/image/32c84d0e-a17c-41d0-9d1d-8fd5ff78e7a6.png" alt="quotation mark testimoni" />
</div>
<div class="content-testimoni">
<p class="name-testimoni">Bunda Nopi dan Azkha Dwiputra</p>
<p class="kelas-testimoni">Kelas 3 SD</p>
<p class="desc-testimoni">
“Awalnya Azkha kurang paham sama penjelasan di sekolah. Jadi, perlu diulang di rumah belajarnya. Saya melihat Azkha belajar sama Dafa & Lulu senang banget! Ada
permainan dan konsep belajarnya kayak bercerita gitu, Azkha jadi semangat belajar di rumah dengan Ruangguru.”
</p>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="coba-gratis">
<div class="board-kelas-gratis">
<h2 class="title-kelas-gratis" alt="asset laporan belajar" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">
Coba kelas GRATIS dengan Master Teacher!
</h2>
<p class="desc-kelas-gratis" alt="asset laporan belajar" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">
<b>84%</b> anak lebih cepat paham materi dengan bimbingan Master Teacher di Live Class Dafa & Lulu. Ada kegiatan praktik, diskusi, dan bermain, lho!
</p>
<div class="button-kelas-gratis" alt="asset laporan belajar" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">
<span class="hs-cta-wrapper" id="hs-cta-wrapper-80bd6b19-ab3a-4190-94cf-bda1abec51b2">
<span class="hs-cta-node hs-cta-80bd6b19-ab3a-4190-94cf-bda1abec51b2" id="hs-cta-80bd6b19-ab3a-4190-94cf-bda1abec51b2">
<a href="https://cta.ruangguru.com/80bd6b19-ab3a-4190-94cf-bda1abec51b2">
<img class="hs-cta-img" id="hs-cta-img-80bd6b19-ab3a-4190-94cf-bda1abec51b2" style="border-width:0px;" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cta/80bd6b19-ab3a-4190-94cf-bda1abec51b2.png" alt="Nonton Video Belajar">
</a>
</span>
<script charset="utf-8" src=""></script>
</span>
<span class="hs-cta-wrapper" id="hs-cta-wrapper-c147a151-b2be-4f3a-b2e6-7024b58d86bc">
<span class="hs-cta-node hs-cta-c147a151-b2be-4f3a-b2e6-7024b58d86bc" id="hs-cta-c147a151-b2be-4f3a-b2e6-7024b58d86bc">
<a href="https://cta.ruangguru.com/c147a151-b2be-4f3a-b2e6-7024b58d86bc">
<img class="hs-cta-img" id="hs-cta-img-c147a151-b2be-4f3a-b2e6-7024b58d86bc" style="border-width:0px;" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cta/c147a151-b2be-4f3a-b2e6-7024b58d86bc.png" alt="Lihat Detail Kelas">
</a>
</span>
<script charset="utf-8" src=""></script>
<script type="text/javascript"> hbspt.cta.load(2828691, 'c147a151-b2be-4f3a-b2e6-7024b58d86bc', {"useNewLoader":"true","region":"na1"}); </script>
</span>
</div>
</div>
<div class="asset-kelas-gratis">
<img class="asset-img-dira" src="https://roboguru-forum-cdn.ruangguru.com/image/4ae4c5f2-ce0a-40ed-be23-69bbdc2dabb1.png" alt="asset laporan belajar" data-aos="fade-up" data-aos-delay="500" data-aos-duration="500">
<img class="asset-img-lulu" src="https://roboguru-forum-cdn.ruangguru.com/image/3f23e057-1d08-46d3-8d4a-01635b2b0882.png" alt="asset laporan belajar" data-aos="fade-up" data-aos-delay="900" data-aos-duration="500">
<img class="asset-img-leptop" src="https://roboguru-forum-cdn.ruangguru.com/image/d965439d-99ba-4986-9bca-f840d4639e21.png" alt="asset laporan belajar" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">
<img class="asset-img-dafa" src="https://roboguru-forum-cdn.ruangguru.com/image/0952ae44-d19b-4b9f-9fb6-c8731a74af56.png" alt="asset laporan belajar" data-aos="fade-up" data-aos-delay="700" data-aos-duration="500">
<img class="asset-img-bona" src="https://roboguru-forum-cdn.ruangguru.com/image/9d6770c9-0d29-4a1c-b8cf-ee245ac03393.png" alt="asset laporan belajar" data-aos="fade-up" data-aos-delay="1100" data-aos-duration="500">
</div>
</div> -->
</div>
</section>
<!-- end section testimoni kelas gratis -->
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end body -->
</div>
<!--end body wrapper -->
<style>.footer__year {
padding-top: 5rem;
}
.ic-new__img {
margin: auto 0;
display: flex;
}
.ic-new__img img {
width: fit-content;
}
.font-base-footer {
font-family: Inter, 'sans-serif';
font-weight: 400;
font-size: 14px !important;
font-style: normal;
letter-spacing: 0;
color: #0a2540;
margin-bottom: 0;
}
.font-bold {
font-weight: 700;
}
.font-white {
color: #fff !important;
}
.font-semi-bold {
font-weight: 600;
}
.center {
text-align: center;
}
.footer {
background: #0a2540 !important;
overflow: hidden;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Helvetica Neue,
Arial,
Noto Sans,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji;
}
.contact__container {
display: grid;
grid-template-columns: 2fr 11fr;
gap: 0.625rem;
word-break: break-all;
}
.contact__container--text {
margin: auto 0;
}
.group-contact {
display: grid;
row-gap: 0.5rem;
}
.sec-follow__content--socmed {
display: inline-flex;
}
.sec-follow__content--socmed a {
padding-right: 0.25rem;
}
.ic-new {
display: inline-flex;
width: max-content;
gap: 0.25rem;
}
@media (min-width: 1025px) {
.sec-address__detail {
margin: 1rem 0 2rem;
padding-right: 2rem;
}
.sec-follow {
margin-top: -10rem;
}
.title {
font-size: 48px;
line-height: 64px;
}
.subtitle {
font-size: 32px;
line-height: 48px;
text-align: center;
}
.desc-hero {
font-size: 24px;
line-height: 36px;
margin-top: 20px;
}
.desc {
font-size: 16px;
line-height: 24px;
}
.footer {
padding: 5rem 0 1.5rem;
}
.footer__title {
font-size: 1rem;
margin-bottom: 1rem;
min-height: 1.25rem;
}
.footer__title--hq {
font-size: 1rem;
}
.footer__content--top {
display: grid;
grid-template-columns: 3fr 9fr;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sec-app__content {
display: grid;
gap: 0.75rem;
}
.footer__content--bottom {
display: grid;
grid-template-columns: 9.75fr 2.25fr;
}
}
@media (max-width: 1024px) {
.sec-address__detail {
margin: 1rem 0 2rem;
}
.sec-app {
margin-bottom: 2.625rem;
text-align: center;
}
.title {
font-size: 24px;
line-height: 36px;
}
.subtitle {
font-size: 20px;
line-height: 30px;
text-align: center;
}
.desc-hero {
font-size: 16px;
line-height: 24px;
margin-top: 1rem;
}
.desc {
font-size: 14px;
line-height: 27px;
}
.footer {
padding: 2rem 0;
}
.sec-app__content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.5rem;
margin-top: 1rem;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.sec-follow {
text-align: center;
}
.footer__title {
padding-bottom: 0.75rem;
}
}
ul.no-space {
padding: 0;
}
ul.no-space li {
margin-bottom: 0.25rem;
}
.contact__container--text a,
ul.no-space a {
text-decoration: none;
}
.contact__container--text a:hover,
ul.no-space a:hover {
color: #2eb5c0 !important;
}
div.sec-address__logo img,
div.ic-new__img img {
display: inline-block;
}
.sec-app__content img {
max-width: 100%;
}
</style>
<section class="footer " id="footer">
<div class="page-center">
<div class="footer__content">
<div class="footer__content--top">
<div class="sec-app">
<div class="sec-address">
<div class="sec-address__logo">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo Ruangguru" loading="lazy" />
</a>
</div>
<div class="sec-address__detail">
<p class="font-base-footer font-white font-bold footer__title--hq">RUANGGURU HQ</p>
<p class="font-base-footer font-white footer-address">Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920</p>
</div>
</div>
<p class="font-base-footer font-white font-bold footer__title">Coba GRATIS Aplikasi Ruangguru</p>
<div class="sec-app__content">
<div class="sec-app__content--gplay">
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_googleplay%20(1).svg"
loading="lazy"
alt="Button Google Play Footer "
/>
</a>
</div>
<div class="sec-app__content--appstore">
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_appstore%20(1).svg"
loading="lazy"
alt="Button App Store Footer "
/>
</a>
</div>
<div class="sec-app__content--huawei">
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<picture>
<source type="image/webp" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png?convert=webp " />
<source type="image/png" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png " />
<img class="footer-socmed" src="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png" alt="Button AppGallery Footer" loading="lazy" width="156" />
</picture>
</a>
</div>
</div>
</div>
<div class="sec-menu">
<div class="sec-menu__rg">
<p class="font-base-footer font-white font-bold footer__title">Produk Ruangguru</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruanguji">Ruanguji</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://pengajar.ruangguru.com/">Ruangpengajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privat">Ruangguru Privat</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/airis">Airis</a>
</li>
</ul>
</div>
<div class="sec-menu__lainnya">
<p class="font-base-footer font-white font-bold footer__title">Produk Lainnya</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.brainacademy.id/" target="_blank">Brain Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.english-academy.id/" target="_blank">English Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://skillacademy.com/" target="_blank">Skill Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.schoters.com/id/" target="_blank">Schoters</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.kalananti.id/" target="_blank">Kalananti</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/mathchamps/" target="_blank">Math Champs</a>
</li>
</ul>
</div>
<div class="sec-menu__bantuan">
<p class="font-base-footer font-white font-bold footer__title">Bantuan & Panduan</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/company-credentials">Company Credentials</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/promo">Promo Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/about-us">Tentang Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/contact-us">Kontak Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/press">Press Kit</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan">Bantuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://career.ruangguru.com/">Karier</a>
</li>
</ul>
</div>
<div class="sec-menu__contact">
<p class="font-base-footer font-white font-bold footer__title">Hubungi Kami</p>
<div class="group-contact">
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-mail.svg" loading="lazy" alt="Logo Email Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="mailto:info@ruangguru.com">info@ruangguru.com</a>
</div>
</div>
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-phone.svg" loading="lazy" alt="Logo Phone Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="tel:02130930000">02130930000</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer__content--bottom">
<div></div>
<div class="sec-follow">
<p class="font-base-footer font-white font-bold footer__title">Ikuti Kami</p>
<div class="sec-follow__content">
<div class="sec-follow__content--socmed">
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-ig.svg?convert=webp" loading="lazy" alt="Logo Instagram Footer" />
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-fb.svg?convert=webp" loading="lazy" alt="Logo Facebook Footer" />
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-twitter.svg?convert=webp" loading="lazy" alt="Logo Twitter Footer" />
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-youtube.svg?convert=webp" loading="lazy" alt="Logo Youtube Footer" />
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-linkedin.svg?convert=webp" loading="lazy" alt="Logo LinkedIn Footer" />
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/tiktok-ic-white-40.svg?convert=webp" loading="lazy" alt="Logo TikTok Footer" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer__year">
<p class="font-base-footer font-white font-bold center">
©
<span id="full-year"></span>
Ruangguru. All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
</div>
</section>
<!-- HubSpot performance collection script -->
<script defer src="https://static.hsappstatic.net/content-cwv-embed/static-1.240/embed.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/62114020641/1649813026360/04_-_Landing_Page_EA/Countdown_EA/Countdown_English_Academy.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845605588/module_39227318886_header-homepage-ruangguru-2021.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/83074912422/1679329259765/module_83074912422_Module_Section_Paket_-_Dafa_Lulu_Revamp_2022.min.js"></script>
<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(['setContentType', 'landing-page']);
_hsq.push(['setCanonicalUrl', 'https:\/\/www.ruangguru.com\/dafa-lulu']);
_hsq.push(['setPageId', '56746563430']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 56746563430,
legacyPageId: '56746563430',
contentFolderId: null,
contentGroupId: null,
abTestId: null,
languageVariantId: 56746563430,
languageCode: 'id',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: '8c877f93-7c32-499b-a3c7-385b928ca4cd',
ticks: 1684726127121,
page_id: 56746563430,
content_group_id: 0,
portal_id: 2828691,
app_hs_base_url: 'https://app.hubspot.com',
cp_hs_base_url: 'https://cp.hubspot.com',
language: 'id',
analytics_page_type: 'landing-page',
analytics_page_id: '56746563430',
category_id: 1,
folder_id: 0,
is_hubspot_user: false,
};
</script>
<style>
.cta-hero-belajar {
border-radius: 100px;
background: var(--ABSOLUTE-WHITE, #fff);
color: var(--CLOUDY-SHADOW-CLOUDY-110, #333842);
text-align: right;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
padding: 12px 24px;
display: flex !important;
align-items: center;
justify-content: space-between;
border: 2px solid #fff;
}
.cta-hero-belajar:hover {
text-decoration: none;
}
@media (min-width: 768px) {
.floating-comic {
bottom: 17rem;
}
}
@media (max-width: 767px) {
.floating-comic {
bottom: 12rem;
right: 1rem;
}
.cta-hero-belajar {
padding: 0.5rem;
width: 100%;
justify-content: center;
}
}
</style>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<!-- Load CSS for all versions -->
<script>
// CSS loading function available for all versions
function loadFloatingCSS() {
// Check if CSS is already loaded
if (document.getElementById('fb-component-css')) {
return;
}
// Create and append CSS style block to head
const style = document.createElement('style');
style.id = 'fb-component-css';
style.textContent = `
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
`;
document.head.appendChild(style);
}
// Load CSS immediately
loadFloatingCSS();
</script>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table=""></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_promo_banner') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_promo_banner';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,landingPage)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: 'payment',
item_position: index,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
})
);
const img = document.createElement('img');
img.src = element.imageUrl + '?h=200&convert=webp';
img.alt = element.name || 'Floating element';
img.loading = 'lazy';
// Add click tracking
link.addEventListener('click', () => {
this.trackClick(element, cta);
});
link.appendChild(img);
div.appendChild(link);
return div;
}
getPositionClass(rankPosition, index) {
// Define positioning classes based on rankPosition
if (rankPosition === 1) {
return 'bantuan-top'; // Top position
} else if (rankPosition === 2) {
return 'bantuan-bottom'; // Bottom position
} else {
// For additional elements, distribute them evenly
return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
}
}
trackClick(element, cta) {
// Implement click tracking logic here
console.log('Floating element clicked:', {
elementId: element.Id,
elementName: cta.name,
ctaId: cta.ctaId,
targetUrl: cta.targetUrl,
});
}
// Public method to manually refresh
async refresh() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to refresh floating elements:', error);
throw error;
}
}
// Public method to get current floating elements
getFloatingElements() {
return [...this.floatingElements];
}
}
// Initialize the component when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Get product and table parameters from data attributes
const container = document.getElementById('bantuan-divs-container');
const product = container.getAttribute('data-product') || 'ruangguru';
const table = container.getAttribute('data-table') || 'rg_promo_banner';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script>
<!-- Tracker -->
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8DPXH6" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = _analytics.init({
app: 'brainAcademyLandingPage',
debug: false,
plugins: [analyticsTrackable()],
});
Analytics.ready(function () {
Analytics.page();
});
</script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<script src="https://form.ruangguru.com/form/embed.min.js"></script>
<script>
$(document).ready(function () {
$('#rgform').create_form({
formHost: 'https://form.ruangguru.com',
formSerial: 'MARFDL65948',
buttonWording: "Dapatkan Diskon <img src='https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Pensi%20Ruangguru/Homepage/ic-arrow-right-white.svg'>",
onFormReady: function () {
$('#rgform #reward_form_submission').submit(function (event) {
let newRedirectUrl = 'https://wa.me/6281578200000?text=TRIALDAFALULU';
let dataForm = {};
let _form_data = $('#rgform #reward_form_submission')
.serializeArray()
.map(function (x) {
dataForm[x.name] = x.value;
});
Analytics.track('landing_page__core__item_click', {
product_name: 'ruangguru_dafa_lulu',
cta_action: 'redirection',
cta_action_detail: newRedirectUrl,
item_type: 'button',
item_name: 'Dapatkan Diskon',
item_category: 'leads_gathering',
item_position: 0,
item_serial: 'MARFDL65948',
section_type: 'leads_gathering',
section_position: 'body',
section_name: 'Mau coba gratis akses video pembelajaran Dafa & Lulu?',
cta_data: dataForm,
});
});
},
});
Analytics.track('landing_page__experiment_main_lp__page_view', {
full_url: window.location.href,
variant_name: 'new',
});
});
// script button tracker click universal
$(document).on('click', '[data-tracking-event-type]', function (event) {
const eventType = $(this).data('tracking-event-type');
const context = $(this).data('tracking-context');
Analytics.track(eventType, context);
});
</script>
<!-- Generated by the HubSpot Template Builder - template version 1.03 -->
</body>
</html>