Pendapat Murid Tentang ruanglesonline
Dandi Winata Putra
Siswa SMA
"Dengan menggunakan ruanglesonline, saya sangat terbantu dalam belajar. Saya senang menggunakan ruanglesonline karena sangat mudah untuk mengaksesnya,
kapan saja bisa digunakan dan praktis. Saya mendapatkan peringkat pertama di kelas dan menjadi juara umum di angkatan untuk jurusan IPA pada semester
satu. Terima kasih ruanglesonline"
Depi Kurniawati
Siswi SMP
"Aku selalu menggunakan ruanglesonline untuk membantuku dalam mengerjakan PR. Rasanya terbantu banget apalagi kalau ada soal yang sangat susah.
Tutor-tutornya sabar banget mengajar aku, apalagi kalau aku susah untuk memahami. Menurutku, belajar dengan ruanglesonline ini asyik, belajar jadi gak
nge-bosenin."
Wadi’ah Azzah Zhafira
Siswi SMA
"Pengalamanku belajar bersama Kak Elisa S. sangat menyenangkan, Dia selalu menyemangatiku belajar. Cukup dengan foto soal yang ingin dipelajari,
kemudian soal akan dibahas bersama dengan tutornya hingga kita paham. ruanglesonline ini mudah digunakan dan bisa bertanya kapan saja"
"Dengan menggunakan ruanglesonline, saya sangat terbantu dalam belajar. Saya senang menggunakan ruanglesonline karena sangat mudah untuk mengaksesnya, kapan
saja bisa digunakan dan praktis. Saya mendapatkan peringkat pertama di kelas dan menjadi juara umum di angkatan untuk jurusan IPA pada semester satu. Terima
kasih ruanglesonline"
Dandi Winata Putra
Siswi SMA
"Aku selalu menggunakan ruanglesonline untuk membantuku dalam mengerjakan PR. Rasanya terbantu banget apalagi kalau ada soal yang sangat susah.
Tutor-tutornya sabar banget mengajar aku, apalagi kalau aku susah untuk memahami. Menurutku, belajar dengan ruanglesonline ini asyik, belajar jadi gak
nge-bosenin."
Depi Kurniawati
Siswi SMP
"Pengalamanku belajar bersama Kak Elisa S. sangat menyenangkan, Dia selalu menyemangatiku belajar. Cukup dengan foto soal yang ingin dipelajari, kemudian
soal akan dibahas bersama dengan tutornya hingga kita paham. ruanglesonline ini mudah digunakan dan bisa bertanya kapan saja"
Wadi’ah Azzah Zhafira
Siswi SMA
<!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="Ruangguru dan GO-PAY berkolaborasi membuat Promo GO-PAY PAY DAY berupa cashback 50% hingga Rp10.000 dalam pembelian koin di ruanglesonline. " />
<meta name="generator" content="HubSpot" />
<title>ruanglesonline : Promo GO-PAY PAY DAY</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta property="og:description" content="Ruangguru dan GO-PAY berkolaborasi membuat Promo GO-PAY PAY DAY berupa cashback 50% hingga Rp10.000 dalam pembelian koin di ruanglesonline. " />
<meta property="og:title" content="ruanglesonline : Promo GO-PAY PAY DAY" />
<meta name="twitter:description" content="Ruangguru dan GO-PAY berkolaborasi membuat Promo GO-PAY PAY DAY berupa cashback 50% hingga Rp10.000 dalam pembelian koin di ruanglesonline. " />
<meta name="twitter:title" content="ruanglesonline : Promo GO-PAY PAY DAY" />
<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/9778435614/1605088848535/module_9778435614_Tabs_RLO.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/44980440489/1661483386153/A_Ruangguru_Projects/Project_Hofar/CSS_Javascript_Auto_Generate_Breadcrumb_-_V1.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/9814082935/1605510342637/module_9814082935_Guru-Slick-Mobile.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/9779744934/1605496483264/module_9779744934_RLO-Slick.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/9814500231/1605496531371/module_9814500231_RLO-Slick-Mobile.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/promo/gopaypaydayjuli" />
<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:url" content="https://www.ruangguru.com/promo/gopaypaydayjuli" />
<meta name="twitter:card" content="summary" />
<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"
/>
<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/9778429337/1616125543569/Templates/Custom/Page/Fadhli/RLO_Page/rlo-general.min.css"
/>
<style>
html,
body {
height: 100% !important;
margin: 0;
min-height: 100% !important;
}
body {
min-height: 100% !important;
}
</style>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/promo/gopaypaydayjuli/assets/index-Dqv5PPZA.js"></script>
</head>
<body class="hs-content-id-10731135504 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_1616125349195173"
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">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>
<!-- mathchamps -->
<a target="_blank" href="https://www.mathchamps.id">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/723d8e19-b594-49cf-a098-07f5379d5d5f.png?convert=webp&h=70"
alt="Logo math champs"
loading="lazy"
width="104"
height="40"
/>
</div>
<p class="text-product">Kursus matematika dan logika untuk anak 5-14 tahun dengan kurikulum Singapura</p>
</div>
</a>
<!-- schoters logo -->
<a target="_blank" href="https://www.schoters.com">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ecc92be-4ee0-475f-bd4c-d1f5e733f012.png?convert=webp&h=120"
alt="Logo Schoters"
loading="lazy"
height="40"
/>
</div>
<p class="text-product">Bimbingan kuliah & kerja di luar negeri #1 di Indonesia, dengan kelas bahasa terlengkap!</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>
<script charset="utf-8" src=""></script>
<script type="text/javascript">
hbspt.cta._relativeUrls = true;
hbspt.cta.load(2828691, '98f09c6e-5ed3-4c65-b943-9a7ff510d8e8', { useNewLoader: 'true', region: 'na1' });
</script>
</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="height: 40px" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_153234210878191"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</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-cell" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-3">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell web web-banner" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-4">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="padding-bottom: 50px" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15563535614652532"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15563535614652532_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="linked_image"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Gopay%20Payday/gopay%20(1).jpeg?width=1280&name=gopay%20(1).jpeg"
class="hs-image-widget"
style="width: 1280px; border-width: 0px; border: 0px"
width="1280"
alt="gopay (1)"
title="gopay (1)"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Gopay%20Payday/gopay%20(1).jpeg?width=640&name=gopay%20(1).jpeg 640w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Gopay%20Payday/gopay%20(1).jpeg?width=1280&name=gopay%20(1).jpeg 1280w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Gopay%20Payday/gopay%20(1).jpeg?width=1920&name=gopay%20(1).jpeg 1920w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Gopay%20Payday/gopay%20(1).jpeg?width=2560&name=gopay%20(1).jpeg 2560w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Gopay%20Payday/gopay%20(1).jpeg?width=3200&name=gopay%20(1).jpeg 3200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Gopay%20Payday/gopay%20(1).jpeg?width=3840&name=gopay%20(1).jpeg 3840w"
sizes="(max-width: 1280px) 100vw, 1280px"
/>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-5">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell mobile" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-6">
<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_15563535697092539"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15563535697092539_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="linked_image"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Gopay%20Payday/gopay-mob%20(1).jpeg?width=600&name=gopay-mob%20(1).jpeg"
class="hs-image-widget"
style="width: 600px; border-width: 0px; border: 0px"
width="600"
alt="gopay-mob (1)"
title="gopay-mob (1)"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Gopay%20Payday/gopay-mob%20(1).jpeg?width=300&name=gopay-mob%20(1).jpeg 300w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Gopay%20Payday/gopay-mob%20(1).jpeg?width=600&name=gopay-mob%20(1).jpeg 600w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Gopay%20Payday/gopay-mob%20(1).jpeg?width=900&name=gopay-mob%20(1).jpeg 900w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Gopay%20Payday/gopay-mob%20(1).jpeg?width=1200&name=gopay-mob%20(1).jpeg 1200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Gopay%20Payday/gopay-mob%20(1).jpeg?width=1500&name=gopay-mob%20(1).jpeg 1500w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Gopay%20Payday/gopay-mob%20(1).jpeg?width=1800&name=gopay-mob%20(1).jpeg 1800w"
sizes="(max-width: 600px) 100vw, 600px"
/>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-7">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-8">
<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_1558331947648669"
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"
>
<div id="tab-temp" class="tab-temp">
<div style="text-align: center !important">
<a href="#Tentang" data-toggle="tab"><button id="tentangbtn" class="tablinks-temp active-tab" onclick="openCity(event, 'Tentang')">Tentang ruanglesonline</button></a>
<a href="#TC" rel="TC" data-toggle="tab"><button id="tcbtn" class="tablinks-temp" onclick="openCity(event, 'TC')">Pertanyaan Umum</button></a>
</div>
</div>
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName('tabcontent-temp');
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = 'none';
}
tablinks = document.getElementsByClassName('tablinks-temp');
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(' active-tab', '');
}
document.getElementById(cityName).style.display = 'block';
evt.currentTarget.className += ' active-tab';
}
// Javascript to enable link to tab
var url = document.location.toString();
if (url.match('#')) {
$('.tab-temp a[href="#' + url.split('#')[1] + '"]').tab('show');
}
// Change hash for page-reload
$('.tab-temp a').on('shown.bs.tab', function (e) {
window.location.hash = e.target.hash;
});
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-9">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget section-breadcrumb" style="display: none" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1618376058243173"
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"
>
<div class="page-center">
<nav aria-label="breadcrumb">
<ol id="breadcrumb" class="breadcrumb bg-transparent"></ol>
</nav>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-10">
<div class="row-fluid">
<div id="Tentang" class="span12 widget-span widget-type-cell tabcontent-temp" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-11">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell" style="background: #f2f7fd" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-12">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell page-center" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-13">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget mobile" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15583478205531680"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-14">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="margin-top: 5%" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1558334963907282"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1558334963907282_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-title" align="center">Promo GO-PAY PAY DAY</p>
<hr class="small-line" align="center" />
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-15">
<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_1558335211322418"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-16">
<div class="row-fluid">
<div class="span6 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="6">
<div
id="hs_cos_wrapper_module_1558334916371257"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1558334916371257_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<iframe
style="margin: 0px"
allow="autoplay; encrypted-media"
xml="lang"
src="https://www.youtube.com/embed/fdOQeeckfSY"
width="514"
height="289"
frameborder="0"
allowfullscreen
></iframe>
</span>
</div>
</div>
<!--end widget-span -->
<div class="span6 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="6" data-w="6">
<div
id="hs_cos_wrapper_module_1532339023744552"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1532339023744552_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-title rgxgopay" style="font-size: 28px">Ruangguru x GO-PAY</p>
<p class="sec-desc rgxgopay-desc">
Dengan semangat menghadirkan pendidikan berkualitas, maka Ruangguru dan GO-PAY berkolaborasi membuat
<strong>Promo GO-PAY PAY DAY</strong>
berupa
<strong>voucher cashback 50% hingga Rp10.000</strong>
dalam pembelian koin di ruanglesonline. Ayo segera tekan tombol “
<strong>Beli Sekarang</strong>
” di bawah ini untuk melakukan pembelian, sebelum kamu kehilangan kesempatan emas ini, Squad!
</p>
<br />
<div class="web">
<a href="#carapembayaran">
<button class="button-cara"><span class="text-button-cara">CARA PEMBAYARAN</span></button>
</a>
<a href="https://ruangguru.onelink.me/blPk/85ed0c11">
<button class="button"><span class="text-button">BELI SEKARANG</span></button>
</a>
</div>
<div class="mobile" align="center">
<a href="#carapembayaran">
<button class="button-cara"><span class="text-button-cara">CARA PEMBAYARAN</span></button>
</a>
<br />
<br />
<a href="https://ruangguru.onelink.me/blPk/85ed0c11">
<button class="button"><span class="text-button">BELI SEKARANG</span></button>
</a>
</div>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-17">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="height: 50px" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15583465556911229"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-18">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-19">
<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_15565104788482426"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-20">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell page-center" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-21">
<div class="row-fluid">
<div class="span6 widget-span widget-type-custom_widget" style="margin-top: 5%" data-widget-type="custom_widget" data-x="0" data-w="6">
<div
id="hs_cos_wrapper_module_1532540892448294"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1532540892448294_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-title web" style="font-size: 28px">
Kesulitan ngerjain soal?
<br />
<br />
ruanglesonline siap bantu kamu belajar!
</p>
<p class="sec-title mobile" style="font-size: 28px">
Kesulitan ngerjain soal?
<br />
ruanglesonline siap bantu kamu belajar!
</p>
<hr class="small-line" style="background-color: #f45922 !important" align="left" />
<p class="sec-desc">Tanyakan soalmu sebanyak-banyaknya pada tutor-tutor terbaik kami dengan 3 langkah mudah berikut ini!</p>
</span>
</div>
</div>
<!--end widget-span -->
<div class="span6 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="6" data-w="6">
<div
id="hs_cos_wrapper_module_1558336220520705"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1558336220520705_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<iframe
allow="autoplay; encrypted-media"
xml="lang"
src="https://www.youtube.com/embed/qz2Y8Ti4LUw"
width="513"
height="292"
frameborder="0"
allowfullscreen
></iframe>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-22">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-23">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell page-center" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-24">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="height: 50px" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15583476073971478"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-25">
<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_1558337959320920"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1558337959320920_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<hr style="color: #979797; opacity: 0.5" />
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-26">
<div class="row-fluid">
<div class="span4 widget-span widget-type-cell" style="" data-widget-type="cell" data-x="0" data-w="4">
<div class="row-fluid-wrapper row-depth-2 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_1558337302778502"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1558337302778502_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-16.svg" width="72" height="72" />
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-2 row-number-2">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="margin-top: 5%" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1532540942646315"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1532540942646315_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-title" style="font-size: 20px !important">Foto soal yang tidak kamu mengerti</p>
<p class="sec-desc">Foto soal yang ingin kamu bahas bersama, lalu tuliskan pertanyaan yang ingin kamu pahami.</p>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
<div class="span4 widget-span widget-type-cell" style="" data-widget-type="cell" data-x="4" data-w="4">
<div class="row-fluid-wrapper row-depth-2 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_1558337314798521"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1558337314798521_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/if-picture-7-3289566.svg" width="72" height="72" />
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-2 row-number-4">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="margin-top: 5%" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1558337314798522"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1558337314798522_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-title" style="font-size: 20px !important">Langsung terhubung dengan tutor-tutor terbaik kami</p>
<p class="sec-desc">Dalam waktu kurang dari 3 menit, kamu akan langsung terhubung dengan tutor ruanglesonline.</p>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
<div class="span4 widget-span widget-type-cell" style="" data-widget-type="cell" data-x="8" data-w="4">
<div class="row-fluid-wrapper row-depth-2 row-number-5">
<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_1558337321932542"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1558337321932542_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/icon-chat.svg" width="72" height="72" />
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-2 row-number-6">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="margin-top: 5%" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1558337321932543"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1558337321932543_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-title" style="font-size: 20px !important">Tutor kami akan bantu belajar via chat</p>
<p class="sec-desc">Tanyakan soal dan dapatkan solusinya melalui live chat sepuasnya selama 30 menit.</p>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<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="height: 50px" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15583476123491480"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</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 id="carapembayaran" class="span12 widget-span widget-type-cell" style="background: #f2f7fd" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-3">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell page-center" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-4">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="height: 50px" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15583391995531940"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-5">
<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_15583391239861900"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15583391239861900_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-title" align="center">Cara Pembayaran ruanglesonline Melalui GO-PAY</p>
<hr class="small-line" align="center" />
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-6">
<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_15583391960881938"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-7">
<div class="row-fluid">
<div class="span4 widget-span widget-type-cell" style="" data-widget-type="cell" data-x="0" data-w="4">
<div class="row-fluid-wrapper row-depth-2 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget step-img" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15583382573061214"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15583382573061214_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="linked_image"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-2@2x.png?width=550&name=group-2@2x.png"
class="hs-image-widget"
style="width: 550px; border-width: 0px; border: 0px"
width="550"
alt="group-2@2x"
title="group-2@2x"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-2@2x.png?width=275&name=group-2@2x.png 275w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-2@2x.png?width=550&name=group-2@2x.png 550w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-2@2x.png?width=825&name=group-2@2x.png 825w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-2@2x.png?width=1100&name=group-2@2x.png 1100w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-2@2x.png?width=1375&name=group-2@2x.png 1375w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-2@2x.png?width=1650&name=group-2@2x.png 1650w"
sizes="(max-width: 550px) 100vw, 550px"
/>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-2 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_15583383405021218"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15583383405021218_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-desc" style="text-align: center">
Buka aplikasi
<strong>Ruangguru</strong>
, lalu pilih produk
<strong>ruanglesonline</strong>
. Pastikan kamu juga sudah men-download serta berhasil masuk dalam aplikasi
<strong>GO-JEK</strong>
.
</p>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
<div class="span4 widget-span widget-type-cell" style="" data-widget-type="cell" data-x="4" data-w="4">
<div class="row-fluid-wrapper row-depth-2 row-number-3">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget step-img" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15583383132951216"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15583383132951216_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="linked_image"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-5@2x.png?width=516&name=group-5@2x.png"
class="hs-image-widget"
style="width: 516px; border-width: 0px; border: 0px"
width="516"
alt="group-5@2x"
title="group-5@2x"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-5@2x.png?width=258&name=group-5@2x.png 258w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-5@2x.png?width=516&name=group-5@2x.png 516w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-5@2x.png?width=774&name=group-5@2x.png 774w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-5@2x.png?width=1032&name=group-5@2x.png 1032w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-5@2x.png?width=1290&name=group-5@2x.png 1290w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-5@2x.png?width=1548&name=group-5@2x.png 1548w"
sizes="(max-width: 516px) 100vw, 516px"
/>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-2 row-number-4">
<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_15583383500031222"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15583383500031222_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-desc" style="text-align: center">
Tekan tombol “
<strong>Beli Koin</strong>
” untuk memilih paket koin yang ingin dibeli.
</p>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
<div class="span4 widget-span widget-type-cell" style="" data-widget-type="cell" data-x="8" data-w="4">
<div class="row-fluid-wrapper row-depth-2 row-number-5">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget step-img" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15583383168991217"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15583383168991217_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="linked_image"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-13@2x.png?width=524&name=group-13@2x.png"
class="hs-image-widget"
style="width: 524px; border-width: 0px; border: 0px"
width="524"
alt="group-13@2x"
title="group-13@2x"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-13@2x.png?width=262&name=group-13@2x.png 262w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-13@2x.png?width=524&name=group-13@2x.png 524w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-13@2x.png?width=786&name=group-13@2x.png 786w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-13@2x.png?width=1048&name=group-13@2x.png 1048w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-13@2x.png?width=1310&name=group-13@2x.png 1310w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-13@2x.png?width=1572&name=group-13@2x.png 1572w"
sizes="(max-width: 524px) 100vw, 524px"
/>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-2 row-number-6">
<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_15583383531411226"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15583383531411226_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-desc" style="text-align: center">
Pilih
<strong>paket koin</strong>
yang sesuai dengan kebutuhan kamu.
</p>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span4 widget-span widget-type-cell" style="" data-widget-type="cell" data-x="0" data-w="4">
<div class="row-fluid-wrapper row-depth-2 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget step-img" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15583383566421231"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15583383566421231_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="linked_image"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-16@2x.png?width=516&name=group-16@2x.png"
class="hs-image-widget"
style="width: 516px; border-width: 0px; border: 0px"
width="516"
alt="group-16@2x"
title="group-16@2x"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-16@2x.png?width=258&name=group-16@2x.png 258w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-16@2x.png?width=516&name=group-16@2x.png 516w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-16@2x.png?width=774&name=group-16@2x.png 774w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-16@2x.png?width=1032&name=group-16@2x.png 1032w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-16@2x.png?width=1290&name=group-16@2x.png 1290w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-16@2x.png?width=1548&name=group-16@2x.png 1548w"
sizes="(max-width: 516px) 100vw, 516px"
/>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-2 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_15583383566421232"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15583383566421232_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-desc" style="text-align: center">
Lalu klik
<strong>“Pilih Metode Pembayaran”</strong>
.
</p>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
<div class="span4 widget-span widget-type-cell" style="" data-widget-type="cell" data-x="4" data-w="4">
<div class="row-fluid-wrapper row-depth-2 row-number-3">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget step-img" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15583383595061237"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15583383595061237_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="linked_image"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-17@2x.png?width=516&name=group-17@2x.png"
class="hs-image-widget"
style="width: 516px; border-width: 0px; border: 0px"
width="516"
alt="group-17@2x"
title="group-17@2x"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-17@2x.png?width=258&name=group-17@2x.png 258w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-17@2x.png?width=516&name=group-17@2x.png 516w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-17@2x.png?width=774&name=group-17@2x.png 774w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-17@2x.png?width=1032&name=group-17@2x.png 1032w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-17@2x.png?width=1290&name=group-17@2x.png 1290w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-17@2x.png?width=1548&name=group-17@2x.png 1548w"
sizes="(max-width: 516px) 100vw, 516px"
/>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-2 row-number-4">
<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_15583383595061238"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15583383595061238_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-desc" style="text-align: center">
Pilih metode pembayaran
<strong>GO-PAY</strong>
. Selanjutnya konfirmasikan dan pastikan paket serta rincian pembayaran sudah benar.
</p>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
<div class="span4 widget-span widget-type-cell" style="" data-widget-type="cell" data-x="8" data-w="4">
<div class="row-fluid-wrapper row-depth-2 row-number-5">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget step-img" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15583383647901243"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15583383647901243_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="linked_image"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-21@2x.png?width=512&name=group-21@2x.png"
class="hs-image-widget"
style="width: 512px; border-width: 0px; border: 0px"
width="512"
alt="group-21@2x"
title="group-21@2x"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-21@2x.png?width=256&name=group-21@2x.png 256w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-21@2x.png?width=512&name=group-21@2x.png 512w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-21@2x.png?width=768&name=group-21@2x.png 768w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-21@2x.png?width=1024&name=group-21@2x.png 1024w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-21@2x.png?width=1280&name=group-21@2x.png 1280w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update%20asset/group-21@2x.png?width=1536&name=group-21@2x.png 1536w"
sizes="(max-width: 512px) 100vw, 512px"
/>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-2 row-number-6">
<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_15583383647901244"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15583383647901244_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-desc" style="text-align: center">
Pastikan kamu sudah membaca panduan cara pembayaran melalui GO-PAY kemudian klik
<strong>“Bayar dengan GO-PAY”</strong>
. Selanjutnya ikuti petunjuk di aplikasi GO-JEK Kamu.
</p>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<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_15583393719041955"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</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="text-align:center;" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_1561378042733216" 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"><div align="center" class="web"><button id="changetabbutton" class="button-cara" style="border-color: #f89825 !important;"><span class="text-button-cara">LIHAT SYARAT & KETENTUAN</span></button>
<a href="https://ruangguru.onelink.me/blPk/85ed0c11"><button class="button"><span class="text-button">BELI SEKARANG</span></button></a></div>
<br>
<div align="center" class="mobile"><button id="changetabbutton2" class="button-cara" onclick="" style="border-color: #f89825 !important;"><span class="text-button-cara">LIHAT SYARAT & KETENTUAN</span></button>
<br><br><a href="https://ruangguru.onelink.me/blPk/85ed0c11"><button class="button"><span class="text-button">BELI SEKARANG</span></button></a></div></div> -->
<!-- </div>
</div>
</div> -->
<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="height: 50px" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15583393857491959"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-4">
<div class="row-fluid">
<div
class="span12 widget-span widget-type-cell"
style="background-image: radial-gradient(circle at 50% 0, #f2813d, #f27f3c 54%, #f45922)"
data-widget-type="cell"
data-x="0"
data-w="12"
>
<div class="row-fluid-wrapper row-depth-1 row-number-5">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell web page-center" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-6">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="height: 50px" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1558340506810489"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-7">
<div class="row-fluid">
<div class="span3 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="3">
<div
id="hs_cos_wrapper_module_1532541100414344"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1532541100414344_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="linked_image"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-3@2x-1.png?width=596&name=group-32-copy-3@2x-1.png"
class="hs-image-widget"
style="width: 596px; border-width: 0px; border: 0px"
width="596"
alt="group-32-copy-3@2x-1"
title="group-32-copy-3@2x-1"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-3@2x-1.png?width=298&name=group-32-copy-3@2x-1.png 298w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-3@2x-1.png?width=596&name=group-32-copy-3@2x-1.png 596w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-3@2x-1.png?width=894&name=group-32-copy-3@2x-1.png 894w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-3@2x-1.png?width=1192&name=group-32-copy-3@2x-1.png 1192w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-3@2x-1.png?width=1490&name=group-32-copy-3@2x-1.png 1490w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-3@2x-1.png?width=1788&name=group-32-copy-3@2x-1.png 1788w"
sizes="(max-width: 596px) 100vw, 596px"
/>
</span>
</div>
</div>
<!--end widget-span -->
<div class="span3 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="3" data-w="3">
<div
id="hs_cos_wrapper_module_1532541136765361"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1532541136765361_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="linked_image"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-2@2x-1.png?width=596&name=group-32-copy-2@2x-1.png"
class="hs-image-widget"
style="width: 596px; border-width: 0px; border: 0px"
width="596"
alt="group-32-copy-2@2x-1"
title="group-32-copy-2@2x-1"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-2@2x-1.png?width=298&name=group-32-copy-2@2x-1.png 298w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-2@2x-1.png?width=596&name=group-32-copy-2@2x-1.png 596w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-2@2x-1.png?width=894&name=group-32-copy-2@2x-1.png 894w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-2@2x-1.png?width=1192&name=group-32-copy-2@2x-1.png 1192w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-2@2x-1.png?width=1490&name=group-32-copy-2@2x-1.png 1490w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-2@2x-1.png?width=1788&name=group-32-copy-2@2x-1.png 1788w"
sizes="(max-width: 596px) 100vw, 596px"
/>
</span>
</div>
</div>
<!--end widget-span -->
<div class="span3 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="6" data-w="3">
<div
id="hs_cos_wrapper_module_1532541138913363"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1532541138913363_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="linked_image"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-4@2x-1.png?width=596&name=group-32-copy-4@2x-1.png"
class="hs-image-widget"
style="width: 596px; border-width: 0px; border: 0px"
width="596"
alt="group-32-copy-4@2x-1"
title="group-32-copy-4@2x-1"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-4@2x-1.png?width=298&name=group-32-copy-4@2x-1.png 298w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-4@2x-1.png?width=596&name=group-32-copy-4@2x-1.png 596w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-4@2x-1.png?width=894&name=group-32-copy-4@2x-1.png 894w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-4@2x-1.png?width=1192&name=group-32-copy-4@2x-1.png 1192w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-4@2x-1.png?width=1490&name=group-32-copy-4@2x-1.png 1490w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-4@2x-1.png?width=1788&name=group-32-copy-4@2x-1.png 1788w"
sizes="(max-width: 596px) 100vw, 596px"
/>
</span>
</div>
</div>
<!--end widget-span -->
<div class="span3 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="9" data-w="3">
<div
id="hs_cos_wrapper_module_1533614687136130"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1533614687136130_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="linked_image"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-5@2x.png?width=596&name=group-32-copy-5@2x.png"
class="hs-image-widget"
style="width: 596px; border-width: 0px; border: 0px"
width="596"
alt="group-32-copy-5@2x"
title="group-32-copy-5@2x"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-5@2x.png?width=298&name=group-32-copy-5@2x.png 298w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-5@2x.png?width=596&name=group-32-copy-5@2x.png 596w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-5@2x.png?width=894&name=group-32-copy-5@2x.png 894w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-5@2x.png?width=1192&name=group-32-copy-5@2x.png 1192w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-5@2x.png?width=1490&name=group-32-copy-5@2x.png 1490w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-5@2x.png?width=1788&name=group-32-copy-5@2x.png 1788w"
sizes="(max-width: 596px) 100vw, 596px"
/>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-8">
<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_1558340342661375"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-9">
<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_1558340348867377"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1558340348867377_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<table class="tutor-table" align="center">
<tbody>
<tr>
<td class="tutor-desc">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-26.svg" alt="tick" width="32" height="32" />
</td>
<td class="tutor-desc">Tutor telah melewati serangkaian proses yang ketat untuk menjamin kualitas terbaik</td>
<td class="tutor-kosong"> </td>
<td class="tutor-kosong"> </td>
<td class="tutor-desc">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-26.svg" alt="tick" width="32" height="32" />
</td>
<td class="tutor-desc">Tutor siap 24 jam untuk membantu kamu belajar dan memecahkan soal</td>
<td class="tutor-kosong"> </td>
<td class="tutor-kosong"> </td>
<td class="tutor-desc">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-26.svg" alt="tick" width="32" height="32" />
</td>
<td class="tutor-desc">Tutor terlatih untuk memberikan pengajaran yang menyenangkan dan mudah dipahami</td>
</tr>
</tbody>
</table>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-10">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="height: 50px" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1558340519749491"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-11">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell mobile page-center" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-12">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="height: 50px" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1558411639484852"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-13">
<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_15584118205901073"
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" />
<div>
<div class="one-time-mob">
<div><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-3@2x.png" class="img-content" /></div>
<div><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-32-copy-2@2x.png" class="img-content" /></div>
<div><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20ruanglesonline%20FAQ/Huda_2.png" class="img-content" /></div>
<div><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20ruanglesonline%20FAQ/Firman.png" class="img-content" /></div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
$('.one-time-mob').slick({
infinite: true,
dots: false,
slidesToShow: 1,
slideToScroll: 1,
speed: 300,
autoplay: true,
arrows: true,
prevArrow: '<button type="button" class="slick-prev"></button>',
nextArrow: '<button type="button" class="slick-next"></button>',
});
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-14">
<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_1558411639484861"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-15">
<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_1558411639484862"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1558411639484862_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<table>
<tbody>
<tr>
<td class="tutor-desc">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-26.svg" alt="tick" width="64" height="64" />
</td>
<td class="tutor-desc" style="padding-left: 15px; color: white">Tutor telah melewati serangkaian proses yang ketat untuk menjamin kualitas terbaik</td>
</tr>
<tr>
<td colspan="2"><hr style="color: #979797; opacity: 0.5" /></td>
</tr>
<tr>
<td class="tutor-desc">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-26.svg" alt="tick" width="64" height="64" />
</td>
<td class="tutor-desc" style="padding-left: 15px; color: white">Tutor siap 24 jam untuk membantu kamu belajar dan memecahkan soal</td>
</tr>
<tr>
<td colspan="2"><hr style="color: #979797; opacity: 0.5" /></td>
</tr>
<tr>
<td class="tutor-desc">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/group-26.svg" alt="tick" width="64" height="64" />
</td>
<td class="tutor-desc" style="padding-left: 15px; color: white">Tutor terlatih untuk memberikan pengajaran yang menyenangkan dan mudah dipahami</td>
</tr>
</tbody>
</table>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-16">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="height: 50px" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1558411639484863"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-17">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell" style="background: #fafaff" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-18">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell page-center" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-19">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="height: 50px" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1558344646286859"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-20">
<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_1558344656355863"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1558344656355863_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-title" align="center">Pendapat Murid Tentang ruanglesonline</p>
<hr class="small-line" align="center" />
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-21">
<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_1558344650714861"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-22">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget web" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1558341853861610"
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" />
<!-- 1 -->
<div class="one-time">
<div style="padding: 10px">
<div class="content-box">
<table width="100%">
<tbody>
<tr>
<td width="30%" align="center">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-1@3x.png?width=160&height=160&name=foto-1@3x.png"
width="160"
height="160"
style="border-radius: 50%"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-1@3x.png?width=80&height=80&name=foto-1@3x.png 80w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-1@3x.png?width=160&height=160&name=foto-1@3x.png 160w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-1@3x.png?width=240&height=240&name=foto-1@3x.png 240w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-1@3x.png?width=320&height=320&name=foto-1@3x.png 320w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-1@3x.png?width=400&height=400&name=foto-1@3x.png 400w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-1@3x.png?width=480&height=480&name=foto-1@3x.png 480w"
sizes="(max-width: 160px) 100vw, 160px"
/>
<br />
<strong>Dandi Winata Putra</strong>
<br />
Siswa SMA
</td>
<td width="70%">
<p class="sec-desc" style="font-size: 24px; width: auto !important; height: auto !important">
"Dengan menggunakan ruanglesonline, saya sangat terbantu dalam belajar. Saya senang menggunakan ruanglesonline karena sangat mudah untuk mengaksesnya,
kapan saja bisa digunakan dan praktis. Saya mendapatkan peringkat pertama di kelas dan menjadi juara umum di angkatan untuk jurusan IPA pada semester
satu. Terima kasih ruanglesonline"
<br />
</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 5 -->
<div style="padding: 10px">
<div class="content-box">
<table width="100%">
<tbody>
<tr>
<td width="30%" align="center">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-3@3x.png?width=160&height=160&name=foto-3@3x.png"
width="160"
height="160"
style="border-radius: 50%"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-3@3x.png?width=80&height=80&name=foto-3@3x.png 80w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-3@3x.png?width=160&height=160&name=foto-3@3x.png 160w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-3@3x.png?width=240&height=240&name=foto-3@3x.png 240w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-3@3x.png?width=320&height=320&name=foto-3@3x.png 320w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-3@3x.png?width=400&height=400&name=foto-3@3x.png 400w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-3@3x.png?width=480&height=480&name=foto-3@3x.png 480w"
sizes="(max-width: 160px) 100vw, 160px"
/>
<br />
<strong>Depi Kurniawati</strong>
<br />
Siswi SMP
</td>
<td width="70%">
<p class="sec-desc" style="font-size: 24px; width: auto !important; height: auto !important">
"Aku selalu menggunakan ruanglesonline untuk membantuku dalam mengerjakan PR. Rasanya terbantu banget apalagi kalau ada soal yang sangat susah.
Tutor-tutornya sabar banget mengajar aku, apalagi kalau aku susah untuk memahami. Menurutku, belajar dengan ruanglesonline ini asyik, belajar jadi gak
nge-bosenin."
<br />
</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 6 -->
<div style="padding: 10px">
<div class="content-box">
<table width="100%">
<tbody>
<tr>
<td width="30%" align="center">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-2@3x.png?width=160&height=160&name=foto-2@3x.png"
width="160"
height="160"
style="border-radius: 50%"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-2@3x.png?width=80&height=80&name=foto-2@3x.png 80w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-2@3x.png?width=160&height=160&name=foto-2@3x.png 160w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-2@3x.png?width=240&height=240&name=foto-2@3x.png 240w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-2@3x.png?width=320&height=320&name=foto-2@3x.png 320w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-2@3x.png?width=400&height=400&name=foto-2@3x.png 400w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Promo%20RLO/update-revisi/foto-2@3x.png?width=480&height=480&name=foto-2@3x.png 480w"
sizes="(max-width: 160px) 100vw, 160px"
/>
<br />
<strong>Wadi’ah Azzah Zhafira</strong>
<br />
Siswi SMA
</td>
<td width="70%">
<p class="sec-desc" style="font-size: 24px; width: auto !important; height: auto !important">
"Pengalamanku belajar bersama Kak Elisa S. sangat menyenangkan, Dia selalu menyemangatiku belajar. Cukup dengan foto soal yang ingin dipelajari,
kemudian soal akan dibahas bersama dengan tutornya hingga kita paham. ruanglesonline ini mudah digunakan dan bisa bertanya kapan saja"
<br />
</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
$('.one-time').slick({
infinite: true,
dots: true,
slidesToShow: 1,
arrows: true,
slideToScroll: 1,
speed: 300,
autoplay: true,
});
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-23">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget mobile" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15584140500891794"
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" />
<div>
<div class="one-time-mob2">
<div style="padding: 10px">
<div class="box-slick">
<p style="font-size: 14px" align="center">
"Dengan menggunakan ruanglesonline, saya sangat terbantu dalam belajar. Saya senang menggunakan ruanglesonline karena sangat mudah untuk mengaksesnya, kapan
saja bisa digunakan dan praktis. Saya mendapatkan peringkat pertama di kelas dan menjadi juara umum di angkatan untuk jurusan IPA pada semester satu. Terima
kasih ruanglesonline"
</p>
<hr class="small-line lines" align="center" />
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/group-25.png" style="margin: 0 auto; border-radius: 50%" />
<p align="center">
<strong>Dandi Winata Putra</strong>
<br />
<span>Siswi SMA</span>
</p>
</div>
</div>
<!-- 5 -->
<div style="padding: 10px">
<div class="box-slick">
<p style="font-size: 14px" align="center">
"Aku selalu menggunakan ruanglesonline untuk membantuku dalam mengerjakan PR. Rasanya terbantu banget apalagi kalau ada soal yang sangat susah.
Tutor-tutornya sabar banget mengajar aku, apalagi kalau aku susah untuk memahami. Menurutku, belajar dengan ruanglesonline ini asyik, belajar jadi gak
nge-bosenin."
<br />
</p>
<hr class="small-line lines" align="center" />
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/foto-5.png" style="margin: 0 auto; border-radius: 50%" />
<p align="center">
<strong>Depi Kurniawati</strong>
<br />
<span>Siswi SMP</span>
</p>
</div>
</div>
<!-- 6 -->
<div style="padding: 10px">
<div class="box-slick">
<p style="font-size: 14px" align="center">
"Pengalamanku belajar bersama Kak Elisa S. sangat menyenangkan, Dia selalu menyemangatiku belajar. Cukup dengan foto soal yang ingin dipelajari, kemudian
soal akan dibahas bersama dengan tutornya hingga kita paham. ruanglesonline ini mudah digunakan dan bisa bertanya kapan saja"
<br />
</p>
<hr class="small-line lines" align="center" />
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/foto-4-1.png" style="margin: 0 auto; border-radius: 50%" />
<p align="center">
<strong>Wadi’ah Azzah Zhafira</strong>
<br />
<span>Siswi SMA</span>
</p>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
$('.one-time-mob2').slick({
infinite: true,
dots: true,
slidesToShow: 1,
slideToScroll: 1,
speed: 300,
autoplay: true,
arrows: false,
prevArrow: '<button type="button" class="slick-prev"></button>',
nextArrow: '<button type="button" class="slick-next"></button>',
});
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-24">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="height: 50px" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15583449970471055"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-25">
<div class="row-fluid">
<div id="TC" class="span12 widget-span widget-type-cell tabcontent-temp term" style="background-color: #f4f8ff" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-26">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="height: 50px" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_15565130230683383"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-27">
<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_1558334189768993"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1558334189768993_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-title" align="center">Syarat dan Ketentuan</p>
<hr class="small-line" align="center" />
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-28">
<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_1558334183145986"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-29">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell box page-center" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-30">
<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_15565127322033246"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_15565127322033246_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<ol>
<li>Periode promo: 25-31 Juli 2019</li>
<li>Minimum transaksi Rp10.000</li>
<li>
Voucher
<em>cashback</em>
50% maksimum Rp10.000/transaksi untuk pembelian kedua
</li>
<li>Berlaku sekali untuk satu akun Ruangguru selama periode promo</li>
<li>
Voucher
<em>cashback</em>
diterima maksimal 7 hari kerja setelah periode promo berakhir
</li>
<li>
Voucher
<em>cashback</em>
berlaku sampai 7 hari setelah diterima
</li>
</ol>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-31">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="height: 50px" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1558333988253904"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span class="hs-horizontal-spacer"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</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/9188345271/1593574552438/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/smooth_scrolling_tab.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/1605088848394/module_9778435614_Tabs_RLO.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/47442333552/1667882001713/A_Ruangguru_Projects/Project_Hofar/Javascript_Auto_Generate_Breadcrumb_-_V1_3.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/1605076142593/module_10693702261_btn-loncat.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\/promo\/gopaypaydayjuli']);
_hsq.push(['setPageId', '10731135504']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 10731135504,
legacyPageId: '10731135504',
contentFolderId: null,
contentGroupId: null,
abTestId: null,
languageVariantId: 10731135504,
languageCode: 'id',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: '0a8e6d86-fcdf-4e42-b710-3f742d8805e3',
ticks: 1684630196482,
page_id: 10731135504,
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: '10731135504',
category_id: 1,
folder_id: 0,
is_hubspot_user: false,
};
</script>
<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/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></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>
<!-- 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>
$('.custom-button').on('click', function (evt) {
$('#TC').triggerHandler('click');
evt.preventDefault();
});
</script>
<!-- Generated by the HubSpot Template Builder - template version 1.03 -->
</body>
</html>