<!doctype html>
<html lang="id">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="author" content="Ruangguru Tech Team" />
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<meta
name="description"
content="Akses aplikasi belajar online yang berisikan video pembelajaran beranimasi, latihan soal, & persiapan ujian dengan mudah. Saatnya langganan ruangbelajar sekarang!"
/>
<meta name="generator" content="HubSpot" />
<title>Aplikasi Belajar Online Terlengkap untuk SD, SMP, & SMA</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta
property="og:description"
content="Akses aplikasi belajar online yang berisikan video pembelajaran beranimasi, latihan soal, & persiapan ujian dengan mudah. Saatnya langganan ruangbelajar sekarang!"
/>
<meta property="og:title" content="Aplikasi Belajar Online Terlengkap untuk SD, SMP, & SMA" />
<meta
name="twitter:description"
content="Akses aplikasi belajar online yang berisikan video pembelajaran beranimasi, latihan soal, & persiapan ujian dengan mudah. Saatnya langganan ruangbelajar sekarang!"
/>
<meta name="twitter:title" content="Aplikasi Belajar Online Terlengkap untuk SD, SMP, & SMA" />
<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/89374435696/1675824149533/module_89374435696_Module_-_Hero_Rubel_2022.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/90089181354/1675311120641/module_90089181354_Module_-_Grade_Selector_Rubel_2022.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/110771480604/1683857627982/module_110771480604_Module_-_Payment_Rubel_2022_Button_Tracking.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/101960889391/1676426833613/module_101960889391_Module_-_WhatsApp_Leads_Rubel_2022_with_OTP.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/90763704355/1678160482483/module_90763704355_Module_Section_Testimoni_-_Ruangbelajar_2022.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/90775119144/1682665565581/module_90775119144_Module_-_FAQ_Rubel_2022.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39981680119/1676448475961/module_39981680119_Footer-ruangguru-2021-v2.min.css"
/>
<link rel="canonical" href="https://www.ruangguru.com/ruangbelajar" />
<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" />
<!-- 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="http://me.ruangguru.com/ruangbelajar"> -->
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="350" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:url" content="https://me.ruangguru.com/staging/live-baon" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="content-language" content="id" />
<link rel="stylesheet" href="//cdn2.hubspot.net/hub/7052064/hub_generated/template_assets/1685037128117/hubspot/hubspot_default/shared/responsive/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="preconnect" href="hs.hscollectedforms.ne" />
<link rel="preconnect" href="ruangguru.com" />
<link rel="preconnect" href="cdn-web-2.ruangguru.com" />
<link rel="preconnect" href="app.hubspot.com" />
<link rel="preconnect" href="fonts.googleapis.com" />
<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" />
<style>
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
margin: 0;
}
a {
text-decoration: none;
}
/* Used on all text */
.font-all {
font-family: 'Inter';
font-style: normal;
}
/* Used on H1 tag */
.font-header-one {
font-weight: 700;
font-size: 28px;
line-height: 42px;
}
/* Used on H2 tag */
.font-header-two {
font-weight: 700;
font-size: 24px;
line-height: 36px;
}
/* Black main color */
.font-black {
color: #2c313a;
}
/* Black secondary color */
.font-black-secondary {
color: #333333;
}
/* White color */
.font-white {
color: #ffffff;
}
.font-red {
color: #e52a34;
}
/* Letter spacing */
.ls-1 {
letter-spacing: 0.01em;
}
.ls-5 {
letter-spacing: 0.05em;
}
/* Display */
.display-block {
display: block;
}
.display-none {
display: none;
}
.display-flex {
display: flex;
}
.display-grid {
display: grid;
}
.display-mobile {
display: none;
}
.d-block {
display: block !important;
}
.d-none {
display: none !important;
}
/* Slick Button */
/* .slick-button-orange .slick-arrow {}
.slick-button-orange .slick-next {}
.slick-button-orange .slick-prev {} */
.slick-arrow {
}
.slick-next {
}
.slick-button-orange {
}
.slick-button-white {
}
/* Button */
/* Used on all button */
.button-basic-white {
background: #ffffff;
border-radius: 96px;
text-decoration: none;
}
.button-basic-white:hover {
transition: ease-in;
filter: brightness(95%);
}
.button-basic-orange {
background: #f26d0f;
border-radius: 100px;
text-decoration: none;
}
.button-basic-orange:hover {
transition: ease-in;
filter: brightness(95%);
}
/* List */
.ul-basic {
list-style: none;
}
.ol-basic {
list-style: none;
}
/* .ruangguru-header{
background: rgba(0, 0, 0, 0.2);
} */
.leads-form--container {
width: 80%;
position: relative;
}
button#btnVariantB {
position: absolute;
top: inherit;
bottom: 0.7rem;
}
.leads-form--container label {
color: #fff;
}
@media (min-width: 768px) and (max-width: 1024px) {
.leads-form--container {
width: 100%;
}
}
@media (max-width: 767px) {
.font-header-two {
font-size: 16px;
line-height: 24px;
}
.row-fluid [class*='span'] {
display: block;
float: none;
margin-left: 0;
width: 100%;
overflow: hidden;
}
.modal-overlay.modal-package {
z-index: 1000;
}
.hero-section {
padding: 6rem 0;
}
.leads-form--container {
width: 94%;
margin: auto;
margin-bottom: 3rem;
}
.leads-form--container label {
padding-bottom: 0.5rem;
width: 80%;
}
button#btnVariantB {
bottom: 0.5rem;
}
}
.modal-class-sd .modal-content,
.modal-grade .modal-content {
position: relative;
}
</style>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/ruangbelajar/assets/index-DnzER7RE.js"></script>
</head>
<body class="hs-content-id-117276305436 hs-landing-page hs-page">
<div class="header-container-wrapper"><style>/*!
* Bootstrap v4.5.0 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -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';
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
padding: 0 !important;
}
*,
:after,
:before {
box-sizing: border-box;
}
header,
nav {
display: block;
}
p {
margin-top: 0;
}
a {
background-color: transparent;
color: #007bff;
text-decoration: none;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]),
a:not([href]):hover {
color: inherit;
text-decoration: none;
}
img {
border-style: none;
}
img,
svg {
vertical-align: middle;
}
svg {
overflow: hidden;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
button {
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
overflow: visible;
text-transform: none;
}
[type='button'],
button {
-webkit-appearance: button;
}
[type='button']:not(:disabled),
button:not(:disabled) {
cursor: pointer;
}
[type='button']::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.navbar {
padding: 0.5rem 1rem;
position: relative;
-ms-flex-align: center;
-ms-flex-pack: justify;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
@-webkit-keyframes progress-bar-stripes {
0% {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
0% {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@media print {
*,
:after,
:before {
box-shadow: none !important;
text-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
img {
page-break-inside: avoid;
}
p {
orphans: 3;
widows: 3;
}
@page {
size: a3;
}
.navbar {
display: none;
}
}
.cta {
border-radius: 9999px;
background: var(--k-12-base-light-theme-action-primary-default, #f26d0f);
width: 100%;
border: none;
color: var(--k-12-base-light-theme-text-solid-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
display: flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1.5rem;
}
.cta.dark,
.cta.dark-green,
.cta.blue-indigo,
.cta.violet,
.cta.roc {
color: #000;
background-color: #fff;
}
@media (max-width: 1024px) {
.navbar {
padding: 0 !important;
}
}
.navig-link a {
background-color: transparent;
color: #474747;
text-decoration: none !important;
}
.navig-link.dark a,
.navig-link.dark-green a,
.navig-link.roc a,
.navig-link.blue-indigo a,
.navig-link.violet a,
.navig-link.home a {
color: #fff !important;
}
.navig-dropdown-area a:hover,
.navig-link a:hover {
background: 0 !important;
color: #3cc4e5 !important;
cursor: pointer;
text-decoration: none !important;
}
.ruangguru-header {
background: #fff;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.13);
position: fixed;
top: 0;
width: 100%;
z-index: 100;
padding: 0 !important;
}
.ruangguru-header.dark {
background: #000;
}
.ruangguru-header.dark-green {
background: #022527;
}
.ruangguru-header.roc {
background-color: #1d1110;
}
.ruangguru-header.blue-indigo {
background: #444fb7;
}
.ruangguru-header.home {
background: linear-gradient(257.67deg, #21a5b1 46.16%, #0e9bdf 95.13%);
}
.ruangguru-header .navig-link {
color: #474747 !important;
font-family: Inter;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.ruangguru-header.dark .navig-link,
.ruangguru-header.dark-green .navig-link,
.ruangguru-header.blue-indigo .navig-link,
.ruangguru-header.roc .navig-link {
color: #fff !important;
}
.navigation__left {
display: flex;
}
.logo-header {
padding: 5px 0;
}
.navig-link:hover {
background: 0 !important;
color: #3cc4e5 !important;
cursor: pointer;
}
.navig-link-dropdown {
white-space: nowrap;
}
.navig-link-dropdown:after {
border-bottom: 0;
border-left: 0.3em solid transparent;
border-right: 0.3em solid transparent;
border-top: 0.3em solid;
content: '';
display: inline-block;
margin-left: 0.255em;
transition: 0.7s;
vertical-align: 0.255em;
}
.navig-link-dropdown[aria-expanded='true']:after {
transform: scaleY(-1);
}
.navig-link-dropdown[aria-expanded='false']:after {
transform: scaleY(1);
}
.logo-product {
margin: 0 0 5px !important;
}
.logo-product img {
min-height: 3rem;
object-fit: scale-down;
object-position: left;
width: 100%;
}
#lp_ea {
display: flex;
}
.item-services a,
.item-center a,
.text-product {
font-family: Inter;
}
@keyframes animate {
0% {
opacity: 0;
transform: rotateX(-90deg);
}
50% {
transform: rotateX(20deg);
}
to {
opacity: 1;
transform: rotateX(0deg);
}
}
@media (min-width: 1025px) {
.spacer-rg {
height: 4.5rem;
}
.container-ruangguru-header {
align-items: center;
padding: 18px 10px;
position: relative;
}
.ruangguru-header.home .page-center {
width: 90% !important;
}
.logo-header {
margin-right: 16px;
}
.navigation__right {
position: absolute;
right: 0;
}
#produk_item {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
float: left;
font-size: 1rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
list-style: none;
padding: 0.5rem 10px;
position: absolute;
text-align: left;
top: 70%;
width: 1050px;
z-index: 1000;
left: 7%;
}
.item-product,
.item-services,
.item-center {
padding: 12px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.item-product:hover,
.item-services:hover,
.item-center:hover {
background-color: #eaf8f9 !important;
cursor: pointer;
}
#services_item,
#center_item {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
flex-flow: column;
float: left;
font-size: 1rem;
list-style: none;
margin: 0;
min-width: 10rem;
padding: 0.5rem 0;
position: absolute;
text-align: left;
top: 70%;
z-index: 1000;
}
#services_item {
left: 44rem;
}
#center_item {
left: 14rem;
}
.container-ruangguru-header {
display: flex;
flex-direction: row;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
padding-bottom: 20px;
text-align: center;
}
}
@media (min-width: 1078px) {
.hamburger-icon {
display: none;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: auto;
flex-grow: 0;
max-height: unset;
overflow-y: auto;
padding-bottom: 0;
text-align: center;
}
.navigation__content .navig-link {
margin: 0 14px;
padding: 8px 8px 8px 0;
}
.navigation__content {
display: grid;
grid-auto-flow: column;
}
}
@media (min-width: 321px) and (max-width: 767px) {
.spacer-rg {
height: 4rem;
}
.container-ruangguru-header {
align-items: center;
padding: 10px;
position: relative;
}
.navigation__content {
padding-bottom: 20px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-size: 14px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk,
#program,
#services {
padding: 20px 0 0;
}
#produk_item,
#services_item,
#center_item {
padding: 1rem 20px;
}
.text-product {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 12px;
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 12px;
padding: 0.25rem 0.5rem 0.5rem;
}
.item-services,
.item-center {
margin-bottom: 0.35rem;
padding: 0.5rem 0;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.container-ruangguru-header {
align-items: center;
padding: 10px;
position: relative;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.logo-header {
margin-left: 20px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-size: 16px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 0 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk_item,
#services_item,
#center_item {
padding: 1rem 20px;
}
.text-product {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 12px;
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 18px;
padding: 0.25rem 1.5rem;
}
.item-services,
.item-center {
margin-bottom: 18px;
padding: 2px 0;
}
.navigation__content {
display: none;
}
}
@media (max-width: 320px) {
.spacer-rg {
height: 3rem;
}
.container-ruangguru-header {
align-items: center;
position: relative;
}
.navigation__content {
padding-bottom: 20px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-size: 14px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.logo-header {
margin-left: 10px;
transform: scale(0.8);
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk,
#program,
#services {
padding: 20px 0 0;
}
#produk_item {
padding: 1rem 20px;
}
#services_item,
#center_item {
padding: 10px 20px;
}
.text-product {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 5px;
transform: scale(0.8);
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 18px;
padding: 0.25rem 1.5rem;
}
.item-services,
.item-center {
margin-bottom: 18px;
padding: 2px 0;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
text-align: center;
}
}
.wrapper-profile-login {
position: relative;
}
.container-login_details {
position: relative;
}
.container-user_profile {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: var(--size-radius-rad-full, 9999px);
border: 1px solid var(--K12-Base-Theme-Border-Default, #cfd3db);
background: var(--K12-Base-Theme-Action-Secondary-Default, #fff);
padding: 4px 8px;
cursor: pointer;
position: relative;
}
.profile-picture {
border-radius: 100%;
}
.display-none {
display: none !important;
}
.display-1 {
font-size: 6rem;
}
.display-1,
.display-2 {
font-weight: 300;
line-height: 1.2;
}
.display-2 {
font-size: 5.5rem;
}
.display-3 {
font-size: 4.5rem;
}
.display-3,
.display-4 {
font-weight: 300;
line-height: 1.2;
}
.display-4 {
font-size: 3.5rem;
}
/* Text utility classes */
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-wrap {
white-space: normal !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
.text-secondary {
color: #6c757d !important;
}
/*FLOATING BANNER*/
.floating,
.floating > img {
width: 100%;
}
.hero-cta-wrapper {
align-items: center;
display: flex;
justify-content: center;
padding: 0.1rem 0 0.35rem;
position: relative;
}
.hero-timer-cta p {
color: #fff;
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
padding-right: 0.5rem;
margin: 0 !important;
}
.text-countdown-hero div,
.text-countdown-hero span {
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.text-countdown-hero {
align-items: center;
display: flex;
flex-direction: row;
gap: 0.25rem;
justify-content: center;
}
.text-countdown-hero div,
.text-countdown-hero span {
color: #fff;
letter-spacing: 0.01em;
margin: 0;
}
.text-countdown-hero div {
grid-gap: 0.25rem;
align-items: center;
display: grid;
grid-template-columns: auto auto;
}
.text-countdown-hero span {
color: #fff;
background: linear-gradient(0deg, #cd1924 0%, #cd1924 100%), linear-gradient(133deg, #ea4952 1.52%, #cd1924 50%, #9a0912 98.48%), rgb(0 0 0 / 0.25);
border-radius: 8px;
width: 1.75rem;
height: 1.75rem;
display: flex;
align-items: center;
justify-content: center;
}
/* Floating banner positioning for countdown */
.container-floating-banner,
.floating {
position: relative;
}
/* Override existing hero-timer-cta to position at bottom center of floating banner */
.hero-timer-cta {
position: absolute !important;
bottom: 6% !important;
left: 50% !important;
transform: translateX(-50%) !important;
background: transparent !important;
color: white !important;
padding: 8px 16px !important;
border-radius: 8px !important;
text-align: center !important;
font-size: 14px !important;
z-index: 10 !important;
display: flex;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: auto !important;
}
.hero-timer-cta .countdown-hero {
margin-top: 0 !important;
}
.hero-timer-cta .text-countdown-hero {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 4px !important;
}
.hero-timer-cta .text-countdown-hero div {
display: flex !important;
align-items: center !important;
color: white !important;
}
.hero-cta {
background: #fff;
border: 8px solid #7ac9d0;
border-radius: 96px;
color: #2c313a;
display: inline-block;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
margin: 0;
padding: 0.5rem 1.75rem;
text-align: center;
text-decoration: none;
}
@media (max-width: 767px) {
.hero-cta {
border: 8px solid #7ac9d0;
font-size: 12px;
line-height: 18px;
padding: 0.5rem 1.75rem;
}
.hero-timer-cta p {
font-size: 12px;
line-height: 18px;
}
.text-countdown-hero div,
.text-countdown-hero span {
font-size: 10px;
line-height: 12px;
}
.text-countdown-hero span {
width: 1.25rem;
height: 1.25rem;
border-radius: 4px;
}
.hero-timer-cta {
width: 100% !important;
bottom: 4% !important;
justify-content: flex-start !important;
}
}
</style>
<style>
.header-guest-mark-layout {
position: absolute;
width: 100%;
display: none;
justify-content: flex-end;
}
.header-guest-mark-triangle {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 30px solid #f1bb53;
margin-right: 2.25rem;
margin-bottom: -0.5rem;
}
.header-guest-mark-container {
display: flex;
background-color: #f1bb53;
width: fit-content;
border-radius: 12px;
padding: 0.5rem 0.75rem;
gap: 1rem;
justify-items: center;
}
.header-guest-mark-container p {
font-family: Space Grotesk;
font-size: 12px;
font-weight: 700;
line-height: 18px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
padding: 0;
}
@media (min-width: 1300px) {
.header-guest-mark-layout {
margin-top: 7rem;
}
}
@media (max-width: 1299px) {
.header-guest-mark-layout {
margin-top: 0;
}
}
@media (max-width: 767px) {
.header-guest-mark-triangle {
margin-right: 2.5rem;
}
}
</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/eed92e13-500e-4cc5-b049-77c60bb3e857.svg"
alt="Dropdown Navigation Icon" loading="lazy" />
</div>
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/","item_type": "image","item_name": "Logo ruangguru","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
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" loading="lazy" />
</div>
</a>
</div>
<div class="navigation__content">
<div class="navig-link navig-link-dropdown " id="produk" aria-expanded="false">
<a href="#">Produk</a>
</div>
<div class="navig-dropdown-area closed" id="produk_item">
<!-- ruangbelajar -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruangbelajar","item_type": "link","item_name": "ruangbelajar","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
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 data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.brainacademy.id","item_type": "link","item_name": "brainacademy","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
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 Tatap Muka & Live Interaktif bersama STAR Master Teacher</p>
</div>
</a>
<!-- mathchamps -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps","item_type": "link","item_name": "mathchamps","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.ruangguru.com/mathchamps">
<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>
<!-- mathchamps sempoa -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps/sempoa","item_type": "link","item_name": "mathchamps_sempoa","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.ruangguru.com/mathchamps/sempoa">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9aa7023e-2d40-4e19-9236-4907f5042a3e.png?convert=webp&h=70"
alt="Logo math champs" loading="lazy" width="104" height="40" />
</div>
<p class="text-product">Kursus hitung cepat aritmatika dengan sempoa untuk anak 4-12 tahun</p>
</div>
</a>
<!-- memory champs -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.memoryacademy.id/","item_type": "link","item_name": "memorychamps","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.memoryacademy.id/">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ac89298a-3fc9-4f35-862c-b027006929e0.png?convert=webp&h=70"
alt="Logo math champs" loading="lazy" width="104" height="40" />
</div>
<p class="text-product">Kursus latihan daya ingat, fokus, dan konsentrasi untuk mendukung prestasi
akademik</p>
</div>
</a>
<!-- EA -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.english-academy.id/","item_type": "link","item_name": "english-academy","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
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/English%20Academy/logo-ea-riddle.svg?convert=webp"
alt="Logo English Academy" loading="lazy" />
</div>
<p class="text-product">Kursus Bahasa Inggris dengan Pengajar internasional dan kurikulum berstandar
internasional</p>
</div>
</a>
<!-- ruanguji -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruanguji","item_type": "link","item_name": "ruanguji","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
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>
<!-- schoters -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.schoters.com","item_type": "link","item_name": "schoters","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
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>
<!-- rgprivat -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/privat","item_type": "link","item_name": "ruangles","item_category": "cta","item_position": 8,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
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>
<!-- kalananti -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.kalananti.id/","item_type": "link","item_name": "kalananti","item_category": "cta","item_position": 9,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
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>
<!-- ags -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.altaglobalschool.com/","item_type": "link","item_name": "kalananti","item_category": "cta","item_position": 10,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.altaglobalschool.com/">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d56be6bf-3717-4da1-9763-438f02340246.png?convert=webp&h=120"
alt="Logo Schoters" loading="lazy" height="30" />
</div>
<p class="text-product">Sekolah blended learning untuk PAUD-SMA, siapkan siswa kuliah di universitas
terbaik, dalam & luar negeri</p>
</div>
</a>
<!-- SA -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://skillacademy.com/","item_type": "link","item_name": "skillacademy","item_category": "cta","item_position": 11,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
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>
<!-- rg for kids -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/for-kids","item_type": "link","item_name": "ruangguru for kids","item_category": "cta","item_position": 12,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
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_rgfk.svg?convert=webp"
alt="Logo For Kids" width="100" loading="lazy" />
</div>
<p class="text-product">Kursus online untuk anak 4-7 tahun dengan program calistung, bahasa Inggris, dan
sains</p>
</div>
</a>
<!-- dafalulu -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/dafa-lulu","item_type": "link","item_name": "dafalulu","item_category": "cta","item_position": 13,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
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/logo-dafa-lulu.png?convert=webp&height=44&name=logo-dafa-lulu.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>
<!-- roboguru -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://roboguru.ruangguru.com/","item_type": "link","item_name": "roboguru","item_category": "cta","item_position": 14,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
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"
alt="Logo roboguru" width="125" loading="lazy" />
</div>
<p class="text-product">Foto dan upload soal susahmu dan dapatkan semua jawabannya di sini!</p>
</div>
</a>
<!-- roboguru plus -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/roboguruplus","item_type": "link","item_name": "roboguruplus","item_category": "cta","item_position": 16,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
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 roboguru plus" loading="lazy" />
</div>
<p class="text-product">Konsultasikan soal tersulit kamu sebanyak-banyaknya dengan tutor online terbaik
</p>
</div>
</a>
<!-- ruangkerja -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangkerja.id/","item_type": "link","item_name": "ruangkerja","item_category": "cta","item_position": 17,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.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>
<!-- ruangkelas -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruangkelas","item_type": "link","item_name": "ruangkelas","item_category": "cta","item_position": 18,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
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>
</div>
<div class="navig-link navig-link-dropdown " id="center" aria-expanded="false">
<a href="#">Offline Centers</a>
</div>
<div class="navig-dropdown-area closed" id="center_item" aria-expanded="false">
<div class="item-center">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps/branch","item_type": "link","item_name": "mathchamps branch","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/mathchamps/branch">
Mathchamps
</a>
</div>
<div class="item-center">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.brainacademy.id/branch","item_type": "link","item_name": "brain academy branch","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.brainacademy.id/branch/">
Brain Academy
</a>
</div>
<div class="item-center">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.english-academy.id/center","item_type": "link","item_name": "EA center","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.english-academy.id/center/">
English Academy
</a>
</div>
</div>
<div class="navig-link " id="program">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/program","item_type": "link","item_name": "Program","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/program">
Program
</a>
</div>
<div class="navig-link ">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/promo","item_type": "link","item_name": "Promo","item_category": "promotion","item_position": 3,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/promo">
Promo
</a>
</div>
<div class="navig-link ">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/event","item_type": "link","item_name": "Event","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/event">
Event
</a>
</div>
<!-- <div class="navig-link ">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/beasiswa","item_type": "link","item_name": "Beasiswa","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/beasiswa"
>
Beasiswa
</a>
</div> -->
<div class="navig-link ">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/testimoni","item_type": "link","item_name": "Testimoni","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/testimoni">
Testimoni
</a>
</div>
<!-- <div class="navig-link navig-link-dropdown " id="services" aria-expanded="false">
<a href="#">Layanan</a>
</div>
<div class="navig-dropdown-area closed" id="services_item" aria-expanded="false">
<div class="item-services">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruangbelajar/perpanjang-paket","item_type": "link","item_name": "Cara Perpanjang Paket","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/ruangbelajar/perpanjang-paket"
>
Cara Perpanjang Paket
</a>
</div>
<div class="item-services">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/cara-bayar","item_type": "link","item_name": "Cara Bayar","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/cara-bayar"
>
Cara Bayar
</a>
</div>
<div class="item-services">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/cicilan","item_type": "link","item_name": "Cicilan","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/cicilan"
>
Cicilan
</a>
</div>
</div> -->
<div class="navig-link ">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/blog","item_type": "link","item_name": "Ruangbaca","item_category": "cta","item_position": 8,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/blog/">
Ruangbaca
</a>
</div>
</div>
<div class="navigation__right">
<div class="button-langganan-cta" id="btn-header">
<a href="https://cta.ruangguru.com/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" target="_blank">
<button class="cta ">Langganan Sekarang</button>
</a>
</div>
</div>
</div>
</div>
</nav></div>
<div class="body-container-wrapper">
<div class="body-container container-fluid">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1666768179043110"
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"
>
<!-- Hero -->
<div class="hero-section">
<div class="page-center">
<div class="hero-main">
<div class="left">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/3d74b000-f417-4f96-a2c4-74e395523ee5.png" alt="ruangbelajar-logo" class="logo-rubel" />
<h1>Satu-satunya bimbingan belajar terlengkap dengan video adaptif</h1>
<!-- <a
href="#fitur"
class="cta-fitur"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"#fitur","item_type":"button","item_name":"Lihat Fitur","item_category":"cta","item_position":0,"item_serial":"","section_type":"hero_section","section_position":"body","section_name":"hero_section"}'
>Lihat Fitur</a
> -->
<div class="leads-form--container">
<form class="form-section">
<label>Diskon spesial untukmu dengan isi nomor HP sekarang</label>
<input type="tel" name="phone" id="phone" minlength="9" maxlength="16" pattern="[+][6][2][0-9]{9,16}" placeholder="Contoh: +628x xxxx xxxx" required value="+62" />
<button type="submit" id="btnVariantB" class="hero-button-submit" onclick="getDiscountClick(this, event)" data-tracking-name="btnLeadsRubel">
Dapatkan Diskon
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Pensi%20Ruangguru/Homepage/ic-arrow-right-white.svg" alt="" />
</button>
</form>
</div>
</div>
<div class="right">
<!-- <img src="https://roboguru-forum-cdn.ruangguru.com/image/398cc021-a50f-42af-95af-d85232405602.png"
alt="ruangbelajar-video"> -->
<iframe
src="https://www.youtube.com/embed/7lCmzw25yRI?controls=0&autoplay=1&loop=1&mute=1&playlist=7lCmzw25yRI"
title="YouTube video player"
frameborder="0"
allow="accelerometer;
autoplay;
clipboard-write;
encrypted-media;
gyroscope;"
></iframe>
</div>
</div>
<div class="credibilities normalize-css">
<div class="credibility">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20ruangbelajar/cred-1.svg" alt="icon-leaderboard" />
<p>
<b>96%</b>
nilai pengguna
<b>terbukti naik</b>
setelah 3 bulan berlangganan ruangbelajar
</p>
</div>
<div class="credibility">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20ruangbelajar/cred-2.svg" alt="icon-idea" />
<p>
<b>98%</b>
pengguna
<b>terbantu</b>
dengan pemahaman
<b>konsep ala ruangbelajar</b>
</p>
</div>
<div class="credibility">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20ruangbelajar/cred-3.svg" alt="icon-thumbsup" />
<p>
<b>9.3/10</b>
pengguna
<b>puas</b>
belajar
<b>menggunakan ruangbelajar</b>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-2">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_166727521310287"
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="grade-selector-section font-black">
<p>Pilih jenjang</p>
<div class="grade-selector-options">
<button
class="button-basic-white btn-grade-option grade-sd"
value="sd"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"popup","cta_action_detail":"popup_grade_selection","item_type":"button","item_name":"SD","item_category":"cta","item_position":0,"item_serial":"","section_type":"package_list","section_position":"body","section_name":"package_popular"}'
>
SD
</button>
<button
class="button-basic-white btn-grade-option btn-grade-option-desktop grade-smp"
value="smp"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"SMP","item_category":"cta","item_position":1,"item_serial":"","section_type":"package_list","section_position":"body","section_name":"package_popular"}'
>
SMP
</button>
<button
class="button-basic-white btn-grade-option grade-sma btn-grade-option-desktop"
value="sma"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"SMA","item_category":"cta","item_position":2,"item_serial":"","section_type":"package_list","section_position":"body","section_name":"package_popular"}'
>
SMA
</button>
<button
class="button-basic-white btn-grade-option btn-grade-option-desktop grade-utbk"
value="utbk"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"UTBK/SNBT","item_category":"cta","item_position":3,"item_serial":"","section_type":"package_list","section_position":"body","section_name":"package_popular"}'
>
UTBK/SNBT
</button>
</div>
<button
class="btn-choose-grade__mobile btn-grade-mobile"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"popup","cta_action_detail":"popup_grade_selection","item_type":"button","item_name":"SMA","item_category":"cta","item_position":4,"item_serial":"","section_type":"package_list","section_position":"body","section_name":"package_popular"}'
>
<span>SMA</span>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Landing%20Pages/Ruangguru%20Homepage/Jenjang%20to%20Product/ChevronDown.svg" alt="icon-arrow" />
</button>
</div>
<div class="modal-overlay modal-grade">
<div class="modal-content">
<div class="modal-grade-title">
<p>Selamat datang di ruangbelajar!</p>
<button class="modal-close">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/ic-close.svg" alt="icon-close" />
</button>
</div>
<div class="modal-grade-body">
<p>Ingin tahu produk untuk jenjang apa?</p>
<div class="modal-grade-body__options">
<button
class="button-basic-white btn-grade-option grade-sd"
value="sd"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"SD","item_category":"cta","item_position":0,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
>
SD
</button>
<button
class="button-basic-white btn-grade-option grade-smp"
value="smp"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"SMP","item_category":"cta","item_position":1,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
>
SMP
</button>
<button
class="button-basic-white btn-grade-option grade-sma"
value="sma"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"SMA","item_category":"cta","item_position":2,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
>
SMA
</button>
<button
class="button-basic-white btn-grade-option grade-utbk"
value="utbk"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"UTBK/SNBT","item_category":"cta","item_position":3,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
>
UTBK/SNBT
</button>
</div>
</div>
<div class="modal-grade-submit">
<button
id="btn-submit-grade"
class="button-basic-orange text-white"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Simpan","item_category":"cta","item_position":4,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
disabled
>
Simpan
</button>
</div>
</div>
</div>
<div class="modal-overlay modal-class-sd display-none">
<div class="modal-content">
<div class="modal-class-sd-title">
<p>Pilih kelas</p>
<button class="modal-close">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/ic-close.svg" alt="icon-close" />
</button>
</div>
<div class="modal-class-sd-body">
<button
class="button-basic-white btn-modal-class-option class-1-sd"
value="1-2-sd"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 1 SD","item_category":"cta","item_position":0,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
>
Kelas 1 SD
</button>
<button
class="button-basic-white btn-modal-class-option class-2-sd"
value="1-2-sd"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 2 SD","item_category":"cta","item_position":1,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
>
Kelas 2 SD
</button>
<button
class="button-basic-white btn-modal-class-option class-3-sd"
value="3-4-sd"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 3 SD","item_category":"cta","item_position":2,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
>
Kelas 3 SD
</button>
<button
class="button-basic-white btn-modal-class-option class-4-sd"
value="3-4-sd"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 4 SD","item_category":"cta","item_position":3,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
>
Kelas 4 SD
</button>
<button
class="button-basic-white btn-modal-class-option class-5-sd"
value="5-6-sd"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 5 SD","item_category":"cta","item_position":4,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
>
Kelas 5 SD
</button>
<button
class="button-basic-white btn-modal-class-option class-6-sd"
value="5-6-sd"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 6 SD","item_category":"cta","item_position":5,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
>
Kelas 6 SD
</button>
</div>
<div class="modal-class-sd-submit">
<button
id="btn-submit-class"
class="button-basic-orange text-white"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Simpan","item_category":"cta","item_position":6,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
disabled
>
Simpan
</button>
</div>
</div>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-3">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_168249109298179"
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="payment-section" id="payment-section">
<div class="page-center">
<div class="payment-main font-all">
<div class="payment-navigation">
<div class="payment-title">
<h2 class="font-header-two">Mulai belajar sekarang dengan promo menarik!</h2>
</div>
<div class="payment-duration">
<p>Pilih durasi paket</p>
<button class="btn-package-duration">
<span class="font-black">1 tahun</span>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Landing%20Pages/Ruangguru%20Homepage/Jenjang%20to%20Product/ChevronDown.svg" alt="icon-arrow" />
</button>
</div>
</div>
<div class="payment-package-loading">
<div class="loader"></div>
</div>
<div class="payment-cards">
<div class="payment-cards-container payment-cards-container-section" id="payment-cards-package"></div>
<div class="payment-cards-empty-container" id="empty-packages">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/6d7bda8d-8200-4b5f-84c7-16b6925f379e.png?convert=webp&h=170" alt="empty-illustration" />
<p class="title">Paket yang kamu pilih tidak tersedia</p>
<p class="description">Coba pilih durasi lain untuk membeli paket ini</p>
<button class="button-basic-orange" id="chooseOtherDurationBtn">Pilih durasi lain</button>
</div>
<div class="payment-cards-chat-consultan">
<p>Masih bingung dan mau konsultasi paket belajar?</p>
<a
href="https://api.whatsapp.com/send/?phone=6281573560000&type=phone_number&app_absent=0"
target="_blank"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://api.whatsapp.com/send/?phone=6281573560000&type=phone_number&app_absent=0","item_type":"button","item_name":"Chat Konsultan","item_category":"leads_gathering","item_position":0,"item_serial":"","section_type":"package_list","section_position":"body","section_name":"package_popular"}'
>
<button class="button-basic-white">Chat Konsultan</button>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="modal-overlay modal-package">
<div class="modal-content">
<div class="modal-wrapper">
<div class="modal-package-title">
<button class="modal-close">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/ic-close.svg" alt="icon-close" />
</button>
</div>
<div class="payment-cards-modal" id="payment-cards-package-modal"></div>
</div>
</div>
</div>
<div class="modal-overlay modal-duration">
<div class="modal-content">
<div class="modal-duration-title">
<p>Pilih durasi paket</p>
<button class="modal-close">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/ic-close.svg"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"popup","cta_action_detail":"popup_duration_selection","item_type":"button","item_name":"Pilih durasi paket","item_category":"payment","item_position":0,"item_serial":"","section_type":"package_list","section_position":"body","section_name":"package_popular"}'
alt="icon-close"
/>
</button>
</div>
<div class="payment-package-loading">
<div class="loader"></div>
</div>
<div class="modal-duration-body">
<button
class="button-basic-white btn-duration-option durasi-1-bulan"
value="durasi-1-bulan"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"duration_selection","item_type":"button","item_name":"1 bulan","item_category":"payment","item_position":0,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_duration_selection"}'
>
1 bulan
</button>
<button
class="button-basic-white btn-duration-option durasi-3-bulan"
value="durasi-3-bulan"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"duration_selection","item_type":"button","item_name":"3 bulan","item_category":"payment","item_position":1,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_duration_selection"}'
>
3 bulan
</button>
<button
class="button-basic-white btn-duration-option durasi-6-bulan"
value="durasi-6-bulan"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"duration_selection","item_type":"button","item_name":"6 bulan","item_category":"payment","item_position":2,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_duration_selection"}'
>
6 bulan
</button>
<button
class="button-basic-white btn-duration-option durasi-9-bulan"
value="durasi-9-bulan"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"duration_selection","item_type":"button","item_name":"9 bulan","item_category":"payment","item_position":3,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_duration_selection"}'
>
9 bulan
</button>
<button
class="button-basic-white btn-duration-option durasi-12-bulan"
value="durasi-12-bulan"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"duration_selection","item_type":"button","item_name":"1 tahun","item_category":"payment","item_position":4,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_duration_selection"}'
>
1 tahun
</button>
<button
class="button-basic-white btn-duration-option durasi-18-bulan"
value="durasi-18-bulan"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"duration_selection","item_type":"button","item_name":"1,5 tahun","item_category":"payment","item_position":5,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_duration_selection"}'
>
1,5 tahun
</button>
<button
class="button-basic-white btn-duration-option durasi-24-bulan"
value="durasi-24-bulan"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"duration_selection","item_type":"button","item_name":"2 tahun","item_category":"payment","item_position":6,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_duration_selection"}'
>
2 tahun
</button>
<button
class="button-basic-white btn-duration-option durasi-30-bulan"
value="durasi-30-bulan"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"duration_selection","item_type":"button","item_name":"2,5 tahun","item_category":"payment","item_position":7,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_duration_selection"}'
>
2,5 tahun
</button>
<button
class="button-basic-white btn-duration-option durasi-36-bulan"
value="durasi-36-bulan"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"duration_selection","item_type":"button","item_name":"3 tahun","item_category":"payment","item_position":8,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_duration_selection"}'
>
3 tahun
</button>
<button
class="button-basic-white btn-duration-option other"
value="other"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"duration_selection","item_type":"button","item_name":"Lainnya","item_category":"payment","item_position":9,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_duration_selection"}'
>
Lainnya
</button>
</div>
<div class="modal-duration-submit">
<button
id="btn-submit-duration"
class="button-basic-orange btn-submit-duration text-white"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"duration_selection","item_type":"button","item_name":"Simpan","item_category":"payment","item_position":10,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_duration_selection"}'
disabled
>
Simpan
</button>
</div>
</div>
</div>
</div>
</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-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_167642719153725"
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://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/10729547355/1615619841646/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/Source_Modal_Video/modal-video-min.min.css"
/>
<!-- product navigation bar-->
<div class="product-navbar" id="fitur">
<div class="page-center">
<div class="prod-title">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/asset%20lamp.svg" alt="icon-lamp" />
<h2>
Lihat fitur sesuai
<span>kebutuhan belajar</span>
</h2>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/petir.svg" alt="icon-flash" />
</div>
<div class="prod-tab">
<a
href="#video-belajar"
class="tab-product tab-prod-active"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"product_selection","item_type":"button","item_name":"Video Belajar","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Lihat fitur sesuai kebutuhan belajar"}'
>
<img src="https://roboguru-forum-cdn.ruangguru.com/image/05057966-6acb-47e2-93a2-de0abb1c600c.png?convert=webp" alt="icon-video" id="imgVideo" loading="lazy" />
<span>Video Belajar</span>
</a>
<a
href="#rangkuman-belajar"
class="tab-product"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"product_selection","item_type":"button","item_name":"Rangkuman","item_category":"cta","item_position":1,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Lihat fitur sesuai kebutuhan belajar"}'
>
<img src="https://roboguru-forum-cdn.ruangguru.com/image/b93fb7b7-60b6-4b42-b88b-bc7a5ecf2418.png?convert=webp" alt="icon-rangkuman" id="imgRangkuman" loading="lazy" />
<span>Rangkuman</span>
</a>
<a
href="#persiapan-ujian"
class="tab-product"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"product_selection","item_type":"button","item_name":"Persiapan Ujian","item_category":"cta","item_position":2,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Lihat fitur sesuai kebutuhan belajar"}'
>
<img src="https://roboguru-forum-cdn.ruangguru.com/image/d5a2cfbf-01fb-48f0-9228-33522ccf7d83.png?convert=webp" alt="icon-persiapan" id="imgUjian" loading="lazy" />
<span>Persiapan Ujian</span>
</a>
</div>
</div>
</div>
<!-- Adapto -->
<div class="adapto" id="video-belajar">
<div class="page-center">
<div class="adapto-top">
<h2 id="titleAdapto">Mau kejar materi belajar?</h2>
<p id="subtitleAdapto">Coba Adapto, video adaptif yang menyesuaikan kecepatan belajarmu</p>
</div>
<div class="adapto-main adapto-default" id="adapto-dafalulu">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/589827fa-ce04-4327-82d6-10e68d8031b8.png?convert=webp" alt="icon-adapto" class="adapto-flag" id="logoContentAdapto" />
<div class="adapto-content">
<div class="adapto-item-left">
<h3 id="titleContentAdapto">Rasakan keseruan belajar bersama Adapto</h3>
<ul id="listBenefitAdapto">
<li>
<h4>Interaktif, serasa belajar dengan guru privat</h4>
</li>
<li>
<h4>Video belajar menyesuaikan pemahaman</h4>
</li>
<li>
<h4>Bisa pilih penjelasan yang detail atau cepat</h4>
</li>
</ul>
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/dabd6d4c-18e3-43cf-9db0-7b1d46bd27ba.png?convert=webp"
alt="illust-adapto"
class="img-model-adapto"
id="imgContentAdapto"
/>
</div>
<div class="adapto-item-right">
<!-- adapto -->
<div class="adapto-detail">
<div class="detail-video" id="video-simulation">
<div class="detail-video_tier navbar-select non-sd">
<div
class="navbar-select-item grade"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"popup","cta_action_detail":"popup_grade_selection","item_type":"button","item_name":"Pilih kelas","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Adapto"}'
>
<p class="label-selection">Pilih kelas</p>
<p class="font-inter font-black" id="selectedGradeLesson">SD Kelas 3</p>
</div>
<div id="navbar-video-divider"></div>
<div
class="navbar-select-item lesson"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"popup","cta_action_detail":"popup_subject_selection","item_type":"button","item_name":"Pilih mata pelajaran","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Adapto"}'
>
<p class="label-selection">Pilih mata pelajaran</p>
<p class="font-inter font-black" id="selectedLessonNonSD">Matematika</p>
</div>
</div>
<div class="detail-video_content">
<div class="video-box" id="videoPreview">
<iframe
frameborder="0"
allowfullscreen
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
src="https://youtube.com/embed/svOu-cxbxOY"
></iframe>
</div>
</div>
<div class="detail-video_topics">
<div class="title-materi">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/Book.svg" alt="icon-bab" />
<p id="topic-title" class="detail-video_topics-title font-inter font-black-secondary ls-5 font-header-two">Materi pada video ini</p>
</div>
<ul id="topic-list" class="topic-list"></ul>
<div class="all-chapters">
<a href="#" data-tracking-event-type="landing_page__core__item_click" data-tracking-context="" id="topicLink" target="_blank">
Lihat Semua Bab
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/ArrowRight%20(1).svg" alt="icon-arrow-right" />
</a>
</div>
</div>
</div>
</div>
<div id="gradeNonSDModal" class="modal-jenjang">
<!-- Modal content -->
<div class="modal-content-jenjang">
<div class="modal-body-jenjang">
<span class="close-jenjang" id="gradeNonSDCloseModal">×</span>
<p class="modal-jenjang-title">Pilih Kelas</p>
<button
type="button"
class="btn-sd-smp-sma-grade sd kelas-1-sd-video"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 1 SD","item_category":"cta","item_position":0,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="sd-1"
on
>
Kelas 1 SD
</button>
<button
type="button"
class="btn-sd-smp-sma-grade sd kelas-2-sd-video"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 2 SD","item_category":"cta","item_position":1,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="sd-2"
on
>
Kelas 2 SD
</button>
<button
type="button"
class="btn-sd-smp-sma-grade sd kelas-3-sd-video"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 3 SD","item_category":"cta","item_position":2,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="sd-3"
on
>
Kelas 3 SD
</button>
<button
type="button"
class="btn-sd-smp-sma-grade sd kelas-4-sd-video"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 4 SD","item_category":"cta","item_position":3,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="sd-4"
on
>
Kelas 4 SD
</button>
<button
type="button"
class="btn-sd-smp-sma-grade sd kelas-5-sd-video"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 5 SD","item_category":"cta","item_position":4,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="sd-5"
on
>
Kelas 5 SD
</button>
<button
type="button"
class="btn-sd-smp-sma-grade sd kelas-6-sd-video"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 6 SD","item_category":"cta","item_position":5,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="sd-6"
on
>
Kelas 6 SD
</button>
<button
type="button"
class="btn-sd-smp-sma-grade smp"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 7 SMP","item_category":"cta","item_position":6,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="smp-7"
on
>
Kelas 7 SMP
</button>
<button
type="button"
class="btn-sd-smp-sma-grade smp"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 8 SMP","item_category":"cta","item_position":7,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="smp-8"
on
>
Kelas 8 SMP
</button>
<button
type="button"
class="btn-sd-smp-sma-grade smp"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 9 SMP","item_category":"cta","item_position":8,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="smp-9"
on
>
Kelas 9 SMP
</button>
<button
type="button"
class="btn-sd-smp-sma-grade sma"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 10 IPA SMA","item_category":"cta","item_position":9,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="sma-10-ipa"
on
>
Kelas 10 IPA SMA
</button>
<button
type="button"
class="btn-sd-smp-sma-grade sma"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 10 IPS SMA","item_category":"cta","item_position":10,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="sma-10-ips"
on
>
Kelas 10 IPS SMA
</button>
<button
type="button"
class="btn-sd-smp-sma-grade sma"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 11 IPA SMA","item_category":"cta","item_position":11,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="sma-11-ipa"
on
>
Kelas 11 IPA SMA
</button>
<button
type="button"
class="btn-sd-smp-sma-grade sma"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 11 IPS SMA","item_category":"cta","item_position":12,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="sma-11-ips"
on
>
Kelas 11 IPS SMA
</button>
<button
type="button"
class="btn-sd-smp-sma-grade sma"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 12 IPA SMA","item_category":"cta","item_position":13,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="sma-12-ipa"
on
>
Kelas 12 IPA SMA
</button>
<button
type="button"
class="btn-sd-smp-sma-grade sma"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"Kelas 12 IPS SMA","item_category":"cta","item_position":14,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="sma-12-ips"
on
>
Kelas 12 IPS SMA
</button>
<button
type="button"
class="btn-sd-smp-sma-grade utbk"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"selection","cta_action_detail":"grade_selection","item_type":"button","item_name":"UTBK","item_category":"cta","item_position":15,"item_serial":"","section_type":"popup","section_position":"body","section_name":"popup_grade_selection"}'
value="utbk"
on
>
UTBK
</button>
</div>
</div>
</div>
<div id="chooseSubjectModal" class="modal-jenjang">
<!-- Modal content -->
<div class="modal-content-jenjang">
<div class="modal-body-jenjang">
<span class="close-jenjang" id="chooseSubjectCloseModal">×</span>
<p class="modal-jenjang-title">Pilih Mata Pelajaran</p>
<div id="chooseSubjectWrapper"></div>
</div>
</div>
</div>
<!-- adapto -->
</div>
</div>
<div class="adapto-trial adapto-trial-default" id="adaptoTrial">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/assets.svg" alt="icon-adapto" />
<div class="text-cta-adaptox">
<div class="text-adapto-trial">
<p class="coba-adapto">Coba fitur baru, AdaptoX!</p>
<p>Belajar makin asik dengan game interaktif di tengah video belajar!</p>
</div>
<a
href="#"
id="adaptox-link"
class="js-video-button"
data-channel="video"
data-video-url="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/adaptox/07MAT1209VLP1.mp4"
rel="noopener"
>
Coba Sekarang
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/ArrowRight.svg" alt="icon-arrow-right" />
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Exam Prep -->
<div class="rangkuman" id="persiapan-ujian">
<div class="page-center">
<div class="rangkuman-main exam">
<div class="rangkuman-left exam">
<h2>Mau lebih siap hadapi ujian?</h2>
<p>Makin matang persiapannya, makin tenang ujiannya!</p>
<img src="https://roboguru-forum-cdn.ruangguru.com/image/006b42bb-feed-414a-bf5f-668299f11ef8.png?convert=webp" alt="model-rangkuman" />
</div>
<div class="rangkuman-right exam" id="slider-exam">
<div class="rangkuman-download exam-smp exam-sma" id="drill-soal">
<iframe src="https://lottie.host/?file=85fc492a-c18f-43b2-847a-187d532d1633/MpVMgLLu2V.json"></iframe>
<div class="box-desc-rangkuman">
<div class="title-rangkuman">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/icon-exam-prep/drill.svg" alt="icon-rangkuman" />
<p class="head-rangkuman">Drill Soal</p>
</div>
<p>Latihan soal fleksibel sesuai kisi-kisi belajar sekolahmu!</p>
<a href="#" id="drill-soal-link" data-tracking-event-type="landing_page__core__item_click" data-tracking-context="">
Coba Gratis
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/ArrowRight%20(2).svg" alt="" />
</a>
</div>
</div>
<div class="rangkuman-download exam-sma" id="utbk-skolastik">
<iframe src="https://lottie.host/?file=0777cb7c-0d33-47fb-b426-67be156d1f9c/tGAti2obW8.json"></iframe>
<div class="box-desc-rangkuman">
<div class="title-rangkuman">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/icon-exam-prep/utbk.svg" alt="icon-rangkuman" />
<p class="head-rangkuman">UTBK Skolastik</p>
</div>
<p>Segala kebutuhan penting untuk persiapan hadapi UTBK Skolastik</p>
<a
href="https://www.ruangguru.com/utbk-snbt"
id="utbk-skolastik-link"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://www.ruangguru.com/utbk-snbt","item_type":"button","item_name":"Pelajari Lebih Lanjut","item_category":"cta","item_position":1,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau lebih siap hadapi ujian?"}'
>
Pelajari Lebih Lanjut
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/ArrowRight%20(2).svg" alt="" />
</a>
</div>
</div>
<div class="rangkuman-download exam exam-sd exam-smp exam-sma" id="banksoal">
<iframe src="https://lottie.host/?file=74f026ce-86d3-4eb5-b9e1-e994a5f6f494/tCgxDUlXNW.json"></iframe>
<div class="box-desc-rangkuman">
<div class="title-rangkuman">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/icon-exam-prep/banksoal.svg" alt="icon-rangkuman" />
<p class="head-rangkuman">Banksoal</p>
</div>
<p>Kumpulan soal lengkap untuk persiapan PTS dan PAS</p>
<a href="#" id="banksoal-link" data-tracking-event-type="landing_page__core__item_click" data-tracking-context="">
Coba Gratis
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/ArrowRight%20(2).svg" alt="" />
</a>
</div>
</div>
<div class="rangkuman-download exam exam-sd exam-smp exam-sma" id="playlist-belajar">
<iframe src="https://lottie.host/?file=1d24ed34-130c-426e-a9d8-8133e7a04049/E4oU4b89S1.json"></iframe>
<div class="box-desc-rangkuman">
<div class="title-rangkuman">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/icon-exam-prep/playlist.svg" alt="icon-rangkuman" />
<p class="head-rangkuman">Playlist Belajar</p>
</div>
<p>Pilih materi belajar lebih teratur dan terarah sesuai kebutuhan ujianmu</p>
<a href="#" id="playlist-belajar-link" data-tracking-event-type="landing_page__core__item_click" data-tracking-context="">
Coba Gratis
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/ArrowRight%20(2).svg" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Rangkuman -->
<div class="rangkuman" id="rangkuman-belajar">
<div class="page-center">
<div class="rangkuman-main text-based">
<div class="rangkuman-left text-based">
<h2>Mau belajar lebih efektif?</h2>
<p>Download dan print rangkuman, rumus, serta latihan. Bisa baca materi sambil nonton video!</p>
<img src="https://roboguru-forum-cdn.ruangguru.com/image/1bb96579-9220-42fc-8f5b-83b5aea9ac7f.png?convert=webp" alt="model-rangkuman" />
</div>
<div class="rangkuman-right text-based" id="slider-rangkuman">
<div class="rangkuman-download" id="rangkuman-infografis">
<iframe src="https://lottie.host/?file=f8dd7a6e-3fce-4d9c-8092-e3a40e3ab36e/xg8QNWXBgP.json"></iframe>
<div class="box-desc-rangkuman">
<div class="title-rangkuman">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/rangkuman.svg" alt="icon-rangkuman" />
<p class="head-rangkuman">Rangkuman Infografis</p>
</div>
<p>Rangkuman topik pelajaran dengan visual menarik yang bisa di-download</p>
<a href="#" data-tracking-event-type="landing_page__core__item_click" data-tracking-context="" id="rangkuman-infografis-link">
Download Contoh Gratis
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/Download.svg" alt="" />
</a>
</div>
</div>
<div class="rangkuman-download" id="lembar-belajar">
<iframe src="https://lottie.host/?file=f1e3d75f-5830-4ba5-8949-aef25c8ed04b/slzPcuGONs.json"></iframe>
<div class="box-desc-rangkuman">
<div class="title-rangkuman">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/lembar%20belajar.svg" alt="icon-rangkuman" />
<p class="head-rangkuman">Lembar Belajar</p>
</div>
<p>Rangkuman rumus serta latihan soal. Download, print, dan kerjakan!</p>
<a href="#" data-tracking-event-type="landing_page__core__item_click" data-tracking-context="" id="lembar-belajar-link">
Download Contoh Gratis
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/Download.svg" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Beli Paket Belajar -->
<div class="beli-paket">
<div class="page-center">
<div class="beli-paket-card">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/4622c799-04e9-4c61-841c-2bff10181075.png" alt="icon-beli-paket" />
<div class="beli-paket-detail">
<p>
Dapatkan semua kemudahan belajar
<span>hanya dalam genggaman!</span>
</p>
<a
href="#payment-section"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"#payment-section","item_type":"button","item_name":"Beli Paket Belajar","item_category":"payment","item_position":0,"item_serial":"","section_type":"package_list","section_position":"body","section_name":"Dapatkan semua kemudahan belajar"}'
>
Beli Paket Belajar
</a>
</div>
</div>
</div>
</div>
<script>
function getDiscountClick(clicked_obj, event) {
event.preventDefault();
const trackingName = clicked_obj.dataset.trackingName;
const phone = document.getElementById('phone');
if (phone.validity.valueMissing) {
phone.setCustomValidity('Nomor harus diawali “+62” dan terdiri dari 9-15 digit');
} else if (phone.validity.tooShort) {
phone.setCustomValidity('Nomor harus diawali “+62” dan terdiri dari 9-15 digit');
} else if (phone.validity.patternMismatch) {
phone.setCustomValidity('Nomor harus diawali “+62” dan terdiri dari 9-15 digit');
} else {
phone.setCustomValidity('');
setTimeout(function () {
Analytics.track('getDiscountClick', {
experiment_variant_name: trackingName,
phone_number: phone.value,
redirection_url: `https://account.ruangguru.com/login?redirect_url=${encodeURIComponent(window.location.href)}&client_id=lp-ruangbelajar&view=lp-discount-check&phoneNumber=${
phone.value
}`,
});
}, 0);
window.location.href = `https://account.ruangguru.com/login?redirect_url=${encodeURIComponent(window.location.href)}&client_id=${encodeURIComponent(
'lp-ruangbelajar'
)}&view=${encodeURIComponent('lp-discount-check')}&phoneNumber=${encodeURIComponent(phone.value)}`;
}
phone.reportValidity();
}
</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/10729457848/1615619794843/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/Source_Modal_Video/modal-video.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/10729457994/1615619961343/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/Source_Modal_Video/jquery-modal-video-min.js"></script>
</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_166787523778672"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<section id="testimoni" class="border-box">
<div class="row-c mx-0-c px-0-c bg-row-c-master-teacher-target">
<div class="col-c-12-c bg-col-c-master-teacher-target p-0-c">
<div class="page-center">
<h2 class="font-weight-bold-c mb-4-c mt-4-c text-center-c ct-testi-t1">Pengalaman juara pengguna ruangbelajar</h2>
<div class="row-c row-c-col-cs-1 mx-0-c p-0-c p-lg-4-c section-slick-testi">
<div class="mb-4-c bao-card-c-teacher card-c-c-testi col-c m-0-c m-md-3-c" data-kategori="sd">
<div class="card-c card-c-c-testi bg-transparent-c border-0-c h-100-c p-0-c p-md-3-c">
<div class="card-c-header position-relative-c card-c-c-header">
<a href="#" class="box-img-people-c js-video-button" data-channel="video" data-video-url="https://www.youtube.com/embed/7AphHGds8j4?autoplay=1" rel="noopener">
<div class="box-c-img-people-c">
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/2e06590d-3c9c-4e81-a51f-6fb6ab1317d3.png?convert=webp&height=420 " type="image/webp" />
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/2e06590d-3c9c-4e81-a51f-6fb6ab1317d3.png?height=420 " type="image/png" />
<img
alt="people"
class="card-c-img-top h-custom-auto-c img-people-c m-auto-c"
height="318"
loading="lazy"
src="https://roboguru-forum-cdn.ruangguru.com/image/2e06590d-3c9c-4e81-a51f-6fb6ab1317d3.png"
width="258"
/>
</picture>
</div>
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/d9153a50-b57b-4b4b-acdb-b528d51225a5.png"
width="48"
height="48"
alt="play"
class="img-fluid-c img-play"
loading="lazy"
/>
<div class="card-c-h-abs">
<div class="people" id="one">
<div class="illust-item people-desc-box oneB">
<div class="row-c g-0-c m-0-c p-0-c row-desc-c">
<div class="col-c-2 px-0-c d-flex-c align-items-center-c">
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/09e05989-6e48-457d-bc7f-3d9b268f113f.png"
width="36"
height="36"
alt="trophy"
class="img-fluid-c"
loading="lazy"
/>
</div>
<div class="col-c-10 px-0-c col-desc-r">
<div class="card-c-body card-c-b-pdo">
<!--<p class="people-nama">Dalam 2 tahun</p>-->
<p class="people-prod">Berhasil mendapatkan peringkat 1 di sekolah</p>
</div>
</div>
</div>
</div>
<div class="illust-item univ-box oneB2">
<div class="text-univ">
<p class="label-diterima">Aku suka Dafa & Lulu karena lucu dan bikin lebih semangat belajar</p>
<p class="label-nama">Khansa</p>
<p class="univ-name">Pengguna ruangbelajar</p>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="bg-white-c-mastech card-c-body">
<div class="row-c mx-0-c p-0-c">
<div class="col-c-7 text-left-c d-inline-flex-c flex-column-c align-self-center-c normalize-css">
<p class="card-c-text ct-testi-t">Paket belajar yang digunakan:</p>
<p class="card-c-text ct-testi-st">ruangbelajar SD</p>
</div>
<div class="col-c-5 d-inline-flex-c align-items-center-c justify-content-end-c">
<a
href="https://bayar.ruangguru.com/packages-list?tag=rubel&grade=kelas-1-2-sd"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/packages-list?tag=rubel&grade=kelas-1-2-sd","item_type":"button","item_name":"Lihat Detail","item_category":"payment","item_position":0,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
target="_blank"
class="cta-testi-detail"
>
Lihat Detail
</a>
</div>
</div>
</div>
</div>
</div>
<!--sma 1-->
<!-- <div class="mb-4-c bao-card-c-teacher card-c-c-testi col-c m-0-c m-md-3-c" data-kategori="sma-1">
<div class="card-c card-c-c-testi bg-transparent-c border-0-c h-100-c p-0-c p-md-3-c">
<div class="card-c-header position-relative-c card-c-c-header">
<a href="#" class="box-img-people-c js-video-button" data-channel="video" data-video-url="https://www.youtube.com/embed/zn-Y9id9pW8?autoplay=1" rel="noopener">
<div class="box-c-img-people-c">
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/6093cf89-5197-474a-9e18-1fca6baf3ec8.png?convert=webp&height=420" type="image/webp">
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/6093cf89-5197-474a-9e18-1fca6baf3ec8.png?height=420" type="image/png">
<img alt="people" class="card-c-img-top h-custom-auto-c img-people-c m-auto-c" height="318" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/6093cf89-5197-474a-9e18-1fca6baf3ec8.png" width="258">
</picture>
</div>
<img src="https://roboguru-forum-cdn.ruangguru.com/image/d9153a50-b57b-4b4b-acdb-b528d51225a5.png" width="48" height="48" alt="play" class="img-fluid-c img-play" loading="lazy" />
<div class="card-c-h-abs">
<div class="people" id="one">
<div class="illust-item people-desc-box oneB">
<div class="row-c g-0-c m-0-c p-0-c row-desc-c">
<div class="col-c-2 px-0-c d-flex-c align-items-center-c">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/94944bb4-4951-439f-b218-841bcca55e66.png" width="28" height="28" alt="toga" class="img-fluid-c" loading="lazy">
</div>
<div class="col-c-10 px-0-c col-desc-r">
<div class="card-c-body card-c-b-pdo">
<p class="people-nama">Diterima di</p>
<p class="people-prod">Universitas Indonesia</p>
</div>
</div>
</div>
</div>
<div class="illust-item univ-box oneB2">
<div class="text-univ">
<p class="label-diterima">Video pembelajarannya lengkap sehingga aku bisa mendalami pelajaran yang belum aku pahami di sekolah</p>
<p class="label-nama">Syafwan</p>
<p class="univ-name">Pengguna ruangbelajar</p>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="bg-white-c-mastech card-c-body">
<div class="row-c mx-0-c p-0-c">
<div class="col-c-7 text-left-c d-inline-flex-c flex-column-c align-self-center-c normalize-css">
<p class="card-c-text ct-testi-t">
Paket belajar yang digunakan:
</p>
<p class="card-c-text ct-testi-st">
ruangbelajar SMA
</p>
</div>
<div class="col-c-5 d-inline-flex-c align-items-center-c justify-content-end-c">
<a href="https://bayar.ruangguru.com/packages-list?tag=rubel&grade=kelas-11-ipa" target="_blank" class="cta-testi-detail">
Lihat Detail
</a>
</div>
</div>
</div>
</div>
</div> -->
<!--utbk-->
<!-- <div class="mb-4-c bao-card-c-teacher card-c-c-testi col-c m-0-c m-md-3-c" data-kategori="utbk">
<div class="card-c card-c-c-testi bg-transparent-c border-0-c h-100-c p-0-c p-md-3-c">
<div class="card-c-header position-relative-c card-c-c-header">
<div class="box-img-people-c">
<div class="box-c-img-people-c">
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/2c37da9c-4cf3-464c-b17e-ee4e346c951e.png?convert=webp&height=420" type="image/webp">
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/2c37da9c-4cf3-464c-b17e-ee4e346c951e.png?height=420" type="image/png">
<img alt="people" class="card-c-img-top h-custom-auto-c img-people-c m-auto-c" height="318" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/2c37da9c-4cf3-464c-b17e-ee4e346c951e.png" width="258">
</picture>
</div>
<div class="card-c-h-abs">
<div class="people" id="one">
<div class="illust-item people-desc-box oneB">
<div class="row-c g-0-c m-0-c p-0-c row-desc-c">
<div class="col-c-2 px-0-c d-flex-c align-items-center-c">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/94944bb4-4951-439f-b218-841bcca55e66.png" width="28" height="28" alt="toga" class="img-fluid-c" loading="lazy">
</div>
<div class="col-c-10 px-0-c col-desc-r">
<div class="card-c-body card-c-b-pdo">
<p class="people-nama">Diterima di ITB</p>
<p class="people-prod">Teknik Pertambangan & Perminyakan</p>
</div>
</div>
</div>
</div>
<div class="illust-item utbk-score-box oneB2">
<div class="text-score">
<p class="utbk-score">Skor 1000</p>
<p class="label-score">UTBK Kimia</p>
</div>
<div class="img-score">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/ic_rapor.png" alt="score" class="img-fluid-c h-auto" width="36" height="36">
</div>
</div>
<div class="illust-item univ-box oneB2">
<div class="text-univ">
<p class="label-diterima">Bukan cuma lolos di pilihan pertama, skor aku juga sangat memuaskan!</p>
<p class="label-nama">Abdul Kholik</p>
<p class="univ-name">Pengguna Brain Academy Online</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-white-c-mastech card-c-body">
<div class="row-c mx-0-c p-0-c">
<div class="col-c-8 text-left-c d-inline-flex-c flex-column-c align-self-center-c">
<p class="card-c-text ct-testi-t">
Paket belajar yang digunakan:
</p>
<p class="card-c-text ct-testi-st">
Brain Academy Online SMA
</p>
</div>
<div class="col-c-4 d-inline-flex-c align-items-center-c justify-content-end-c">
<a href="https://bayar.ruangguru.com/packages-list?tag=brainacademy-online&grade=kelas-utbk" target="_blank" class="cta-testi-detail">
Lihat Detail
</a>
</div>
</div>
</div>
</div>
</div> -->
<!--smp-->
<div class="mb-4-c bao-card-c-teacher card-c-c-testi col-c m-0-c m-md-3-c" data-kategori="smp">
<div class="card-c card-c-c-testi bg-transparent-c border-0-c h-100-c p-0-c p-md-3-c">
<div class="card-c-header position-relative-c card-c-c-header">
<a href="#" class="box-img-people-c js-video-button" data-channel="video" data-video-url="https://www.youtube.com/embed/hFFIDfgYJb0?autoplay=1" rel="noopener">
<div class="box-c-img-people-c">
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/06d9a99c-2453-4e3c-a903-6d1ad0558664.png?convert=webp&height=420 " type="image/webp" />
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/06d9a99c-2453-4e3c-a903-6d1ad0558664.png?height=420 " type="image/png" />
<img
alt="people"
class="card-c-img-top h-custom-auto-c img-people-c m-auto-c"
height="318"
loading="lazy"
src="https://roboguru-forum-cdn.ruangguru.com/image/06d9a99c-2453-4e3c-a903-6d1ad0558664.png"
width="258"
/>
</picture>
</div>
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/d9153a50-b57b-4b4b-acdb-b528d51225a5.png"
width="48"
height="48"
alt="play"
class="img-fluid-c img-play"
loading="lazy"
/>
<div class="card-c-h-abs">
<div class="people" id="one">
<div class="illust-item people-desc-box oneB">
<div class="row-c g-0-c m-0-c p-0-c row-desc-c">
<div class="col-c-2 px-0-c d-flex-c align-items-center-c">
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/3813ca8f-7129-4e5c-8ef9-40c7c8e687af.png"
width="36"
height="36"
alt="trophy"
class="img-fluid-c"
loading="lazy"
/>
</div>
<div class="col-c-10 px-0-c d-flex-c align-items-center-c col-desc-r">
<div class="card-c-body card-c-b-pdo">
<!--<p class="people-nama">Dalam 2 tahun</p>-->
<p class="people-prod">Sukses meningkatkan nilai dari 70 menjadi 90-100</p>
</div>
</div>
</div>
</div>
<div class="illust-item univ-box oneB2">
<div class="text-univ">
<p class="label-diterima">Sejak sering latihan pakai Banksoal, ujianku di sekolah jadi lebih lancar</p>
<p class="label-nama">Natasya</p>
<p class="univ-name">Pengguna ruangbelajar</p>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="bg-white-c-mastech card-c-body">
<div class="row-c mx-0-c p-0-c">
<div class="col-c-7 text-left-c d-inline-flex-c flex-column-c align-self-center-c normalize-css">
<p class="card-c-text ct-testi-t">Paket belajar yang digunakan:</p>
<p class="card-c-text ct-testi-st">ruangbelajar SMP</p>
</div>
<div class="col-c-5 d-inline-flex-c align-items-center-c justify-content-end-c">
<a
href="https://bayar.ruangguru.com/packages-list?tag=rubel&grade=kelas-9-smp"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/packages-list?tag=rubel&grade=kelas-9-smp","item_type":"button","item_name":"Lihat Detail","item_category":"payment","item_position":1,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
target="_blank"
class="cta-testi-detail"
>
Lihat Detail
</a>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="mb-4-c bao-card-c-teacher card-c-c-testi col-c m-0-c m-md-3-c" data-kategori="smp">
<div class="card-c card-c-c-testi bg-transparent-c border-0-c h-100-c p-0-c p-md-3-c">
<div class="card-c-header position-relative-c card-c-c-header">
<a href="#" class="box-img-people-c js-video-button" data-channel="video" data-video-url="https://www.youtube.com/embed/U0vzNITJcqM?autoplay=1" rel="noopener">
<div class="box-c-img-people-c">
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/165df4f0-bb3d-4953-b31a-6b4ff7521030.png?convert=webp&height=420" type="image/webp">
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/165df4f0-bb3d-4953-b31a-6b4ff7521030.png?height=420" type="image/png">
<img alt="people" class="card-c-img-top h-custom-auto-c img-people-c m-auto-c" height="318" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/165df4f0-bb3d-4953-b31a-6b4ff7521030.png" width="258">
</picture>
</div>
<img src="https://roboguru-forum-cdn.ruangguru.com/image/d9153a50-b57b-4b4b-acdb-b528d51225a5.png" width="48" height="48" alt="play" class="img-fluid-c img-play" loading="lazy" />
<div class="card-c-h-abs">
<div class="people" id="one">
<div class="illust-item people-desc-box oneB">
<div class="row-c g-0-c m-0-c p-0-c row-desc-c">
<div class="col-c-2 px-0-c d-flex-c align-items-center-c">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/09e05989-6e48-457d-bc7f-3d9b268f113f.png" width="36" height="36" alt="trophy" class="img-fluid-c" loading="lazy">
</div>
<div class="col-c-10 px-0-c d-flex-c align-items-center-c col-desc-r">
<div class="card-c-body card-c-b-pdo">
<p class="people-nama">Pada tahun 2016</p>
<p class="people-prod">Meraih medali di Kontes Robot Nusantara</p>
</div>
</div>
</div>
</div>
<div class="illust-item univ-box oneB2">
<div class="text-univ">
<p class="label-diterima">Video belajar dan Banksoal ngebantu aku banget buat lebih mudah memahami pelajaran</p>
<p class="label-nama">Devin</p>
<p class="univ-name">Pengguna ruangbelajar</p>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="bg-white-c-mastech card-c-body">
<div class="row-c mx-0-c p-0-c">
<div class="col-c-7 text-left-c d-inline-flex-c flex-column-c align-self-center-c normalize-css">
<p class="card-c-text ct-testi-t">
Paket belajar yang digunakan:
</p>
<p class="card-c-text ct-testi-st">
ruangbelajar SMP
</p>
</div>
<div class="col-c-5 d-inline-flex-c align-items-center-c justify-content-end-c">
<a href="https://bayar.ruangguru.com/packages-list?tag=rubel&grade=kelas-9-smp" target="_blank" class="cta-testi-detail">
Lihat Detail
</a>
</div>
</div>
</div>
</div>
</div> -->
<!-- <div class="mb-4-c bao-card-c-teacher card-c-c-testi col-c m-0-c m-md-3-c" data-kategori="smp">
<div class="card-c card-c-c-testi bg-transparent-c border-0-c h-100-c p-0-c p-md-3-c">
<div class="card-c-header position-relative-c card-c-c-header">
<a href="#" class="box-img-people-c js-video-button" data-channel="video" data-video-url="https://www.youtube.com/embed/L6o3o3YgsLs?autoplay=1" rel="noopener">
<div class="box-c-img-people-c">
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/9375e8b9-5b43-4feb-9c74-59f6211f651b.png?convert=webp&height=420" type="image/webp">
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/9375e8b9-5b43-4feb-9c74-59f6211f651b.png?height=420" type="image/png">
<img alt="people" class="card-c-img-top h-custom-auto-c img-people-c m-auto-c" height="318" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/9375e8b9-5b43-4feb-9c74-59f6211f651b.png" width="258">
</picture>
</div>
<img src="https://roboguru-forum-cdn.ruangguru.com/image/d9153a50-b57b-4b4b-acdb-b528d51225a5.png" width="48" height="48" alt="play" class="img-fluid-c img-play" loading="lazy" />
<div class="card-c-h-abs">
<div class="people" id="one">
<div class="illust-item people-desc-box oneB">
<div class="row-c g-0-c m-0-c p-0-c row-desc-c">
<div class="col-c-2 px-0-c d-flex-c align-items-center-c">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/09e05989-6e48-457d-bc7f-3d9b268f113f.png" width="36" height="36" alt="trophy" class="img-fluid-c" loading="lazy">
</div>
<div class="col-c-10 px-0-c d-flex-c align-items-center-c col-desc-r">
<div class="card-c-body card-c-b-pdo">
<p class="people-nama">Pada tahun 2021</p>
<p class="people-prod">Berhasil menjadi juara 1 Olimpiade Sains Nasional</p>
</div>
</div>
</div>
</div>
<div class="illust-item univ-box oneB2">
<div class="text-univ">
<p class="label-diterima">Master Teacher-nya sangat suportif dan memperhatikan perkembangan belajarku</p>
<p class="label-nama">Syifa</p>
<p class="univ-name">Pengguna Brain Academy Center</p>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="bg-white-c-mastech card-c-body syifa">
<div class="row-c mx-0-c p-0-c">
<div class="col-c-7 text-left-c d-inline-flex-c flex-column-c align-self-center-c normalize-css">
<p class="card-c-text ct-testi-t">
Paket belajar yang digunakan:
</p>
<p class="card-c-text ct-testi-st">
Brain Academy Center
</p>
</div>
<div class="col-c-5 d-inline-flex-c align-items-center-c justify-content-end-c">
<a href="https://bayar.ruangguru.com/packages-list?tag=brainacademy-offline&grade=kelas-8-smp" target="_blank" class="cta-testi-detail">
Lihat Detail
</a>
</div>
</div>
</div>
</div>
</div> -->
<!--sma 2-->
<div class="mb-4-c bao-card-c-teacher card-c-c-testi col-c m-0-c m-md-3-c" data-kategori="sma-2">
<div class="card-c card-c-c-testi bg-transparent-c border-0-c h-100-c p-0-c p-md-3-c">
<div class="card-c-header position-relative-c card-c-c-header">
<a href="#" class="box-img-people-c js-video-button" data-channel="video" data-video-url="https://www.youtube.com/embed/xvciV8GiwX8?autoplay=1" rel="noopener">
<div class="box-c-img-people-c">
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/bc14af11-3a6e-45f7-a4c3-138d3c05af49.png?convert=webp&height=420 " type="image/webp" />
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/bc14af11-3a6e-45f7-a4c3-138d3c05af49.png?height=420 " type="image/png" />
<img
alt="people"
class="card-c-img-top h-custom-auto-c img-people-c m-auto-c"
height="318"
loading="lazy"
src="https://roboguru-forum-cdn.ruangguru.com/image/bc14af11-3a6e-45f7-a4c3-138d3c05af49.png"
width="258"
/>
</picture>
</div>
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/d9153a50-b57b-4b4b-acdb-b528d51225a5.png"
width="48"
height="48"
alt="play"
class="img-fluid-c img-play"
loading="lazy"
/>
<div class="card-c-h-abs">
<div class="people" id="one">
<div class="illust-item people-desc-box oneB">
<div class="row-c g-0-c m-0-c p-0-c row-desc-c">
<!--
<div class="col-c-2 px-0-c d-flex-c align-items-center-c">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/19999100-30cf-4b58-a486-5ebb1615efbd.png" width="36" height="36" alt="trophy" class="img-fluid-c" loading="lazy">
</div>
-->
<div class="col-c-2 px-0-c d-flex-c align-items-center-c">
<!--<img src="https://roboguru-forum-cdn.ruangguru.com/image/2d35c2a7-3365-4428-8af3-df3d81025a94.png" width="36" height="36" alt="trophy" class="img-fluid-c" loading="lazy">-->
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/94944bb4-4951-439f-b218-841bcca55e66.png"
width="28"
height="28"
alt="toga"
class="img-fluid-c"
loading="lazy"
/>
</div>
<div class="col-c-10 px-0-c col-desc-r">
<div class="card-c-body card-c-b-pdo">
<p class="people-nama">Diterima di</p>
<p class="people-prod">Universitas Gadjah Mada</p>
</div>
</div>
</div>
</div>
<div class="illust-item utbk-score-box oneB2">
<!--
<div class="img-score">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/ic_rapor.png" alt="score" class="img-fluid-c h-auto" width="36" height="36">
</div>
-->
<div class="text-score">
<!--<p class="utbk-score">799</p>-->
<p class="label-score">
Peraih nilai
<b>UN tertinggi</b>
di sekolah
</p>
</div>
</div>
<div class="illust-item univ-box oneB2">
<div class="text-univ">
<p class="label-diterima">Aku banyak latihan soal SBMPTN di Ruangguru, jadi pas ujian lebih siap dan bisa lolos</p>
<p class="label-nama">Ikhbal</p>
<p class="univ-name">Pengguna ruangbelajar</p>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="bg-white-c-mastech card-c-body">
<div class="row-c mx-0-c p-0-c">
<div class="col-c-7 text-left-c d-inline-flex-c flex-column-c align-self-center-c normalize-css">
<p class="card-c-text ct-testi-t">Paket belajar yang digunakan:</p>
<p class="card-c-text ct-testi-st">ruangbelajar SMA</p>
</div>
<div class="col-c-5 d-inline-flex-c align-items-center-c justify-content-end-c">
<a
href="https://bayar.ruangguru.com/packages-list?tag=rubel&grade=kelas-11-ipa"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/packages-list?tag=rubel&grade=kelas-11-ipa","item_type":"button","item_name":"Lihat Detail","item_category":"payment","item_position":2,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
target="_blank"
class="cta-testi-detail"
>
Lihat Detail
</a>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="mb-4-c bao-card-c-teacher card-c-c-testi col-c m-0-c m-md-3-c" data-kategori="sma-2">
<div class="card-c card-c-c-testi bg-transparent-c border-0-c h-100-c p-0-c p-md-3-c">
<div class="card-c-header position-relative-c card-c-c-header">
<a href="#" class="box-img-people-c js-video-button" data-channel="video" data-video-url="https://www.youtube.com/embed/4OoLduRQ-Y0?autoplay=1" rel="noopener">
<div class="box-c-img-people-c">
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/2b969e35-0e7a-473d-9ab5-aa32535d8679.png?convert=webp&height=420" type="image/webp">
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/2b969e35-0e7a-473d-9ab5-aa32535d8679.png?height=420" type="image/png">
<img alt="people" class="card-c-img-top h-custom-auto-c img-people-c m-auto-c" height="318" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/2b969e35-0e7a-473d-9ab5-aa32535d8679.png" width="258">
</picture>
</div>
<img src="https://roboguru-forum-cdn.ruangguru.com/image/d9153a50-b57b-4b4b-acdb-b528d51225a5.png" width="48" height="48" alt="play" class="img-fluid-c img-play" loading="lazy" />
<div class="card-c-h-abs">
<div class="people" id="one">
<div class="illust-item people-desc-box oneB">
<div class="row-c g-0-c m-0-c p-0-c row-desc-c">
<div class="col-c-2 px-0-c d-flex-c align-items-center-c">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/94944bb4-4951-439f-b218-841bcca55e66.png" width="28" height="28" alt="toga" class="img-fluid-c" loading="lazy">
</div>
<div class="col-c-10 px-0-c col-desc-r">
<div class="card-c-body card-c-b-pdo">
<p class="people-nama">Diterima di</p>
<p class="people-prod">Universitas Pendidikan Indonesia</p>
</div>
</div>
</div>
</div>
<div class="illust-item univ-box oneB2">
<div class="text-univ">
<p class="label-diterima">Penjelasan Master Teacher-nya mudah dimengerti sehingga tiap pelajaran susah jadi terasa mudah</p>
<p class="label-nama">Nabila</p>
<p class="univ-name">Pengguna ruangbelajar</p>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="bg-white-c-mastech card-c-body">
<div class="row-c mx-0-c p-0-c">
<div class="col-c-7 text-left-c d-inline-flex-c flex-column-c align-self-center-c normalize-css">
<p class="card-c-text ct-testi-t">
Paket belajar yang digunakan:
</p>
<p class="card-c-text ct-testi-st">
ruangbelajar SMA
</p>
</div>
<div class="col-c-5 d-inline-flex-c align-items-center-c justify-content-end-c">
<a href="https://bayar.ruangguru.com/packages-list?tag=rubel&grade=kelas-11-ipa" target="_blank" class="cta-testi-detail">
Lihat Detail
</a>
</div>
</div>
</div>
</div>
</div> -->
<div class="mb-4-c bao-card-c-teacher card-c-c-testi col-c m-0-c m-md-3-c" data-kategori="sma-utbk">
<div class="card-c card-c-c-testi bg-transparent-c border-0-c h-100-c p-0-c p-md-3-c">
<div class="card-c-header position-relative-c card-c-c-header">
<div class="box-c-img-people-c">
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/9650be99-0040-4390-8234-2d3652930fc2.png?convert=webp&height=420 " type="image/webp" />
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/9650be99-0040-4390-8234-2d3652930fc2.png?height=420 " type="image/png" />
<img
alt="people"
class="card-c-img-top img-people-c m-auto-c akmal-testimoni"
height="278"
loading="lazy"
src="https://roboguru-forum-cdn.ruangguru.com/image/9650be99-0040-4390-8234-2d3652930fc2.png"
width="258"
/>
</picture>
</div>
<div class="card-c-h-abs">
<div class="people" id="one">
<div class="illust-item people-desc-box oneB">
<div class="row-c g-0-c m-0-c p-0-c row-desc-c">
<div class="col-c-2 px-0-c d-flex-c align-items-center-c">
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/94944bb4-4951-439f-b218-841bcca55e66.png"
width="28"
height="28"
alt="toga"
class="img-fluid-c"
loading="lazy"
/>
</div>
<div class="col-c-10 px-0-c col-desc-r">
<div class="card-c-body card-c-b-pdo">
<p class="people-nama">Diterima di</p>
<p class="people-prod">Universitas Gadjah Mada</p>
</div>
</div>
</div>
</div>
<div class="illust-item univ-box oneB2">
<div class="text-univ">
<p class="label-diterima">Seru banget! Fitur rangkuman yang lengkap bikin semangat mempelajari setiap bab serta konsepnya.</p>
<p class="label-nama">Akmal</p>
<p class="univ-name">Pengguna ruangbelajar</p>
</div>
</div>
</div>
</div>
</div>
<div class="bg-white-c-mastech card-c-body">
<div class="row-c mx-0-c p-0-c">
<div class="col-c-7 text-left-c d-inline-flex-c flex-column-c align-self-center-c normalize-css">
<p class="card-c-text ct-testi-t">Paket belajar yang digunakan:</p>
<p class="card-c-text ct-testi-st">ruangbelajar SMA + UTBK</p>
</div>
<div class="col-c-5 d-inline-flex-c align-items-center-c justify-content-end-c">
<a
href="https://bayar.ruangguru.com/packages-list?tag=rubel-utbk&grade=kelas-utbk"
target="_blank"
class="cta-testi-detail"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/packages-list?tag=rubel-utbk&grade=kelas-utbk","item_type":"button","item_name":"lihat_detail_testimonial_button","item_category":"cta","item_position":"3","item_serial":"","package_serial":"package_serial","section_type":"payment_entry","section_position":"body","section_name":"testimonial"}'
>
Lihat Detail
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="belajar-seru">
<div class="belajar-jenjang-sd">
<div class="section-perkembangan-belajar">
<div class="page-center perkembangan-belajar-content">
<div class="text-perkembangan-belajar">
<h2 class="title-perkembangan-belajar">
Lihat perkembangan belajar
<br class="break-lines" />
secara berkala
</h2>
<p class="desc-perkembangan-belajar">
Pantau Laporan Belajar setiap bulan
<br class="break-lines" />
dengan mudah melalui WhatsApp!
</p>
</div>
<img src="https://roboguru-forum-cdn.ruangguru.com/image/03229e12-b51a-46a4-b9b9-1b84f88ca231.png" class="img-perkembangan-belajar" alt="asset perkembangan belajar" />
</div>
</div>
<div class="section-study">
<div class="page-center">
<div class="study-wrap">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/663c91aa-8c5e-4954-8b43-f7134e057455.png" class="img-study" alt="asset image belajar seru" />
<div class="text-study">
<h2 class="title-study">Mau belajar sambil seru-seruan?</h2>
<p class="desc-study">Biar makin termotivasi, ada Teman Belajar, Avatar, dan hadiah keren menanti, lho!</p>
<div class="study-card-content content-teman-belajar">
<div class="text-card-content">
<h3 class="title-card-content">Teman Belajar</h3>
<p class="desc-card-content">Makin semangat belajar setiap hari bareng Teman Belajar</p>
</div>
<img src="https://roboguru-forum-cdn.ruangguru.com/image/77ffb13c-fa6e-4c54-ab9d-08260beb339e.png" class="img-card-content" alt="image teman belajar" />
</div>
<div class="study-card-content content-liga-xp">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/bd073335-b4a1-4ae5-97bf-0af4b8b13352.png" class="img-card-content" alt="image teman belajar" />
<div class="text-card-content">
<h3 class="title-card-content">Heroes Academy</h3>
<p class="desc-card-content">Kumpulkan XP, nyalakan Batu Sakti, dan taklukkan berbagai Zona yang menantang!</p>
</div>
</div>
<div class="study-card-content content-avatar">
<div class="text-card-content">
<h3 class="title-card-content">Avatar</h3>
<p class="desc-card-content">Makin rajin belajar agar dapat item menarik untuk modifikasi avatar</p>
</div>
<img src="https://roboguru-forum-cdn.ruangguru.com/image/d8a2eb5f-bd8c-47e0-b611-e44f57fbbee6.png" class="img-card-content" alt="image teman belajar" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="jenjang-lainnya">
<div class="section-study">
<div class="page-center">
<div class="study-wrap">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/663c91aa-8c5e-4954-8b43-f7134e057455.png" class="img-study" alt="asset image belajar seru" />
<div class="text-study">
<h2 class="title-study">Mau belajar sambil seru-seruan?</h2>
<p class="desc-study">Biar makin termotivasi, ada Teman Belajar, Avatar, dan hadiah keren menanti, lho!</p>
<div class="study-card-content content-teman-belajar">
<div class="text-card-content">
<p class="title-card-content">Teman Belajar</p>
<p class="desc-card-content">Makin semangat belajar setiap hari bareng Teman Belajar</p>
</div>
<img src="https://roboguru-forum-cdn.ruangguru.com/image/77ffb13c-fa6e-4c54-ab9d-08260beb339e.png" class="img-card-content" alt="image teman belajar" />
</div>
<div class="study-card-content content-liga-xp">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/bd073335-b4a1-4ae5-97bf-0af4b8b13352.png" class="img-card-content" alt="image teman belajar" />
<div class="text-card-content">
<p class="title-card-content">Heroes Academy</p>
<p class="desc-card-content">Kumpulkan XP, nyalakan Batu Sakti, dan taklukkan berbagai Zona yang menantang!</p>
</div>
</div>
<div class="study-card-content content-avatar">
<div class="text-card-content">
<p class="title-card-content">Avatar</p>
<p class="desc-card-content">Dapatkan item keren buat modifikasi avatar dengan rajin belajar!</p>
</div>
<img src="https://roboguru-forum-cdn.ruangguru.com/image/d8a2eb5f-bd8c-47e0-b611-e44f57fbbee6.png" class="img-card-content" alt="image teman belajar" />
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="bg-master-teacher-download-app border-box">
<section id="download-app">
<div class="row-c mx-0-c px-0-c">
<div class="col-c-12-c">
<div class="page-center">
<div class="row-c mx-0-c p-0-c row-coba-belajar">
<div class="col-c-12-c d-inline-flex-c align-items-center-c">
<div class="card-c card-c-da-l border-0-c bg-transparent-c">
<div class="card-c-body px-0-c px-md-4-c py-4-c py-md-0-c">
<div class="mx-0-c p-0-c position-relative-c mb-4-c mb-md-0-c">
<div class="col-c-md-12">
<p class="card-c-text ct-da-t mb-2-c">Mau belajar bebas kuota?</p>
<p class="card-c-text ct-da-st">Download aplikasi Ruangguru biar bisa mengakses fitur pilihan dengan mode offline!</p>
</div>
</div>
<div class="row-c mx-0-c px-0-c flex-md-row-c-reverse dl-app-icon">
<div class="col-c-6">
<a
href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in","item_type":"image","item_name":"Google Play","item_category":"cta","item_position":1,"item_serial":"","section_type":"app_download","section_position":"body","section_name":"Mau belajar bebas kuota?"}'
target="_blank"
class="d-inline-block-c"
>
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/7b4b3682-50f9-4d26-a985-c17db6c7a941.png?convert=webp&height=64 " type="image/webp" />
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/7b4b3682-50f9-4d26-a985-c17db6c7a941.png?height=64 " type="image/png" />
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/7b4b3682-50f9-4d26-a985-c17db6c7a941.png"
width="156"
height="48"
alt="Google Play"
class="img-fluid-c d-block-c d-lg-none dl-app"
loading="lazy"
/>
</picture>
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/7b4b3682-50f9-4d26-a985-c17db6c7a941.png?convert=webp&height=64 " type="image/webp" />
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/7b4b3682-50f9-4d26-a985-c17db6c7a941.png?height=64 " type="image/png" />
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/7b4b3682-50f9-4d26-a985-c17db6c7a941.png"
width="156"
height="48"
alt="Google Play"
class="img-fluid-c d-none-c d-lg-block dl-app-dekstop"
loading="lazy"
/>
</picture>
</a>
</div>
<div class="col-c-6">
<a
href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id","item_type":"image","item_name":"App Store","item_category":"cta","item_position":0,"item_serial":"","section_type":"app_download","section_position":"body","section_name":"Mau belajar bebas kuota?"}'
target="_blank"
class="d-inline-block-c"
>
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/6159f219-9d47-4f7a-8000-37a7908ea344.png"
width="156"
height="48"
alt="App Store"
class="img-fluid-c d-block-c d-lg-none dl-app"
/>
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/6159f219-9d47-4f7a-8000-37a7908ea344.png"
width="132"
height="48"
alt="App Store"
class="img-fluid-c d-none-c d-lg-block dl-app-dekstop"
/>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-c-12-c d-md-block-c">
<div class="card-c card-c-da-r border-0-c bg-transparent-c">
<div class="card-c-body">
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/6e8e0529-ae80-4e70-8a5f-a4170bb8c2f6.png?convert=webp&height=420 " type="image/webp" />
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/6e8e0529-ae80-4e70-8a5f-a4170bb8c2f6.png?height=420 " type="image/png" />
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/6e8e0529-ae80-4e70-8a5f-a4170bb8c2f6.png"
width="410"
height="392"
alt="download app"
class="img-fluid-c"
loading="lazy"
/>
</picture>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="paket-lainnya">
<div class="page-center">
<div class="content-paket-lainnya">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/6b5e9a65-e587-4ae1-bab8-123c2a1af0b0.png" class="img-paket-lainnya" alt="image paket lainnya" />
<img src="https://roboguru-forum-cdn.ruangguru.com/image/eb187348-6767-4791-aa15-0e8878a67439.png" class="img-paket-lainnya-mobile" alt="image paket lainnya" />
<p class="text-paket-lainnya">Mau tahu paket belajar seru lainnya?</p>
<a
class="cta-paket-lainnya"
href="https://bayar.ruangguru.com/"
target="_blank"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/","item_type":"button","item_name":"lihat_detail_testimonial_button","item_category":"cta","item_position":"1","item_serial":"","package_serial":"package_serial","section_type":"payment_entry","section_position":"body","section_name":"other_package"}'
>
Lihat Paket Lainnya
</a>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/modal-video@2.4.6/css/modal-video.min.css" />
<script src="https://unpkg.com/modal-video@2.4.6/js/modal-video.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@17.8.3/dist/lazyload.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
// slick testimoni
var slickConfigTeti = {
infinite: true,
dots: true,
autoplay: true,
autoplaySpeed: 5000,
speed: 300,
slidesToShow: 3,
slidesToScroll: 1,
arrows: true,
prevArrow:
'<button type="button" class="slick-prev"><img loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/65712608-851b-41b7-a4a5-2121b7d0a2ac.png" width="32" height="32" alt="arrow" class="img-fluid img-arrow" /></button>',
nextArrow:
'<button type="button" class="slick-next"><img loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/65712608-851b-41b7-a4a5-2121b7d0a2ac.png" width="32" height="32" alt="arrow" class="img-fluid img-arrow" /></button>',
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
},
},
{
breakpoint: 960,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
},
},
{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
};
var slickConfig = {
infinite: true,
dots: true,
autoplay: true,
speed: 300,
autoplaySpeed: 5000,
slidesToShow: 3,
slidesToScroll: 1,
arrows: true,
prevArrow:
'<button type="button" class="slick-prev"><img loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/e941610f-fa04-44af-9dcb-2e20b9bf5b8b.png" width="32" height="32" alt="arrow" class="img-fluid img-arrow" /></button>',
nextArrow:
'<button type="button" class="slick-next"><img loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/e941610f-fa04-44af-9dcb-2e20b9bf5b8b.png" width="32" height="32" alt="arrow" class="img-fluid img-arrow" /></button>',
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
},
},
{
breakpoint: 960,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
},
},
{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
};
$('.section-slick-testi').slick(slickConfigTeti);
$('.section-slick').slick(slickConfig);
$('.btn-grade-option').click(function () {
$('.btn-grade-option').removeClass('active');
$(this).addClass('active');
const grade = $(this).val();
if (grade !== 'sd') {
$('.belajar-jenjang-sd').hide();
$('.jenjang-lainnya').show();
} else {
$('.belajar-jenjang-sd').show();
$('.jenjang-lainnya').hide();
}
});
</script>
</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_166781682124552"
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"
>
<!--Start Section FAQ-->
<section id="section-faq">
<div class="faq-rl">
<div class="page-center">
<div class="container-faq">
<div class="faq__title">
<h2 class="text-subtitle">Paling sering ditanyakan</h2>
</div>
<div class="faq__content">
<div class="faq-wrap" id="accordion">
<div
class="accordion"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"Apa yang dimaksud dengan aplikasi belajar online?","item_description":"Aplikasi belajar online adalah perangkat lunak yang dirancang untuk memfasilitasi proses pembelajaran melalui platform digital. Aplikasi ini dapat diakses melalui perangkat elektronik seperti komputer, tablet, atau ponsel pintar yang terhubung ke internet. Tujuan utama dari aplikasi belajar online adalah menyediakan aksesibilitas yang lebih baik terhadap materi pembelajaran, memungkinkan pengguna untuk belajar kapan saja dan di mana saja.","item_category":"cta","item_position":0,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq"}'
data-readmore="0"
>
<h3>
<strong>Apa yang dimaksud dengan aplikasi belajar online?</strong>
</h3>
</div>
<div class="panel">
<p>
Aplikasi belajar online adalah perangkat lunak yang dirancang untuk memfasilitasi proses pembelajaran melalui platform digital. Aplikasi ini dapat diakses melalui
perangkat elektronik seperti komputer, tablet, atau ponsel pintar yang terhubung ke internet. Tujuan utama dari aplikasi belajar online adalah menyediakan aksesibilitas
yang lebih baik terhadap materi pembelajaran, memungkinkan pengguna untuk belajar kapan saja dan di mana saja.
</p>
</div>
<div
class="accordion"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"Bagaimana efektivitas penggunaan aplikasi pembelajaran online di Indonesia?","item_description":"Sejak pandemi Covid 19 melanda Indonesia, intensitas penggunaan aplikasi pembelajaran oleh guru dan siswa naik secara signifikan. Kegiatan belajar mengajar menjadi terbantu dengan adanya aplikasi pembelajaran online yang digunakan.","item_category":"cta","item_position":1,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq"}'
data-readmore="0"
>
<h3>
<strong>Bagaimana efektivitas penggunaan aplikasi pembelajaran online di Indonesia?</strong>
</h3>
</div>
<div class="panel">
<p>
Sejak pandemi Covid 19 melanda Indonesia, intensitas penggunaan aplikasi pembelajaran oleh guru dan siswa naik secara signifikan. Kegiatan belajar mengajar menjadi
terbantu dengan adanya aplikasi pembelajaran online yang digunakan.
</p>
</div>
<div
class="accordion"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"Apakah bimbel online Ruangguru tersedia juga dalam versi desktop/PC?","item_description":"Ya, kamu bisa langsung mengunjungi app.ruangguru.com di sini untuk mengakses ruangguru dari desktop mu ya!","item_category":"cta","item_position":2,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq"}'
data-readmore="0"
>
<h3>
<strong>Apakah bimbel online Ruangguru tersedia juga dalam versi desktop/PC?</strong>
</h3>
</div>
<div class="panel">
<p>
Ya, kamu bisa langsung mengunjungi app.ruangguru.com
<a href="https://app.ruangguru.com/" target="_blank">di sini</a>
untuk mengakses ruangguru dari desktop mu ya!
</p>
</div>
<div
class="accordion"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"Apa saja kendala yang dihadapi saat menggunakan aplikasi pembelajaran secara online?","item_description":"Belum meratanya akses internet di Indonesia, menjadi kendala utama dalam pemanfaatan aplikasi pembelajaran secara online. Siswa di daerah pelosok harus mencari sinyal internet yang stabil guna kelancaran menerima materi pembelajaran.","item_category":"cta","item_position":3,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq"}'
data-readmore="0"
>
<h3>
<strong>Apa saja kendala yang dihadapi saat menggunakan aplikasi pembelajaran secara online?</strong>
</h3>
</div>
<div class="panel">
<p>
Belum meratanya akses internet di Indonesia, menjadi kendala utama dalam pemanfaatan aplikasi pembelajaran secara online. Siswa di daerah pelosok harus mencari sinyal
internet yang stabil guna kelancaran menerima materi pembelajaran.
</p>
</div>
<div
class="accordion"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"Apa yang dimaksud dengan belajar online?","item_description":"Pembelajaran online adalah cara belajar di internet dengan menggunakan teknologi digital. Dengan ini, siswa bisa membuka materi pelajaran, tugas, dan berinteraksi dengan pengajar secara virtual lewat aplikasi belajar atau situs web. Keuntungan dari pembelajaran online mencakup kemampuan untuk belajar kapan saja dan di mana saja, sehingga memungkinkan setiap orang untuk mendapatkan pendidikan tanpa harus terbatas oleh batasan lokasi fisik. Siswa juga bisa belajar sendiri atau berpartisipasi dalam percakapan online, menciptakan lingkungan belajar yang sesuai dengan kebutuhan pribadi mereka.","item_category":"cta","item_position":4,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq"}'
data-readmore="0"
>
<h3>
<strong>Apa yang dimaksud dengan belajar online?</strong>
</h3>
</div>
<div class="panel">
<p>
Pembelajaran online adalah cara belajar di internet dengan menggunakan teknologi digital. Dengan ini, siswa bisa membuka materi pelajaran, tugas, dan berinteraksi
dengan pengajar secara virtual lewat aplikasi belajar atau situs web. Keuntungan dari pembelajaran online mencakup kemampuan untuk belajar kapan saja dan di mana saja,
sehingga memungkinkan setiap orang untuk mendapatkan pendidikan tanpa harus terbatas oleh batasan lokasi fisik. Siswa juga bisa belajar sendiri atau berpartisipasi
dalam percakapan online, menciptakan lingkungan belajar yang sesuai dengan kebutuhan pribadi mereka.
</p>
</div>
<div
class="accordion"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"Bagaimana langkah-langkah penerapan belajar online?","item_description":"Dalam mendukung kegiatan belajar online, penting untuk memiliki gawai (gadget) yang terkoneksi dengan internet secara stabil. Selain ketersediaan koneksi yang baik, perlu diperhatikan juga spesifikasi dari gawai yang digunakan. Ketidaksesuaian spesifikasi ini dapat berpotensi menghambat akses ke aplikasi belajar online, sehingga memastikan kompatibilitas dan kesiapan teknis gawai menjadi aspek krusial dalam memperoleh pengalaman pembelajaran yang lancar dan efektif.","item_category":"cta","item_position":5,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq"}'
data-readmore="0"
>
<h3>
<strong>Bagaimana langkah-langkah penerapan belajar online?</strong>
</h3>
</div>
<div class="panel">
<p>
Dalam mendukung kegiatan belajar online, penting untuk memiliki gawai (gadget) yang terkoneksi dengan internet secara stabil. Selain ketersediaan koneksi yang baik,
perlu diperhatikan juga spesifikasi dari gawai yang digunakan. Ketidaksesuaian spesifikasi ini dapat berpotensi menghambat akses ke aplikasi belajar online, sehingga
memastikan kompatibilitas dan kesiapan teknis gawai menjadi aspek krusial dalam memperoleh pengalaman pembelajaran yang lancar dan efektif.
</p>
</div>
<div
class="accordion"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"Apakah yang dimaksud dengan aplikasi bimbingan belajar online?","item_description":"Aplikasi bimbingan belajar online adalah layanan yang mendukung kegiatan belajar siswa yang dilakukan melalui penggunaan gadget secara daring. Tren penggunaan aplikasi pembelajaran ini mengalami peningkatan signifikan sejak munculnya pandemi COVID-19 di Indonesia pada tahun 2020. Peran aplikasi bimbel online menjadi semakin krusial sebagai sarana pembelajaran alternatif yang memungkinkan akses pendidikan tanpa harus bersentuhan secara langsung, menjadikannya solusi yang relevan di tengah perubahan dinamika pembelajaran akibat kondisi kesehatan global.","item_category":"cta","item_position":6,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq"}'
data-readmore="0"
>
<h3>
<strong>Apakah yang dimaksud dengan aplikasi bimbingan belajar online?</strong>
</h3>
</div>
<div class="panel">
<p>
Aplikasi bimbingan belajar online adalah layanan yang mendukung kegiatan belajar siswa yang dilakukan melalui penggunaan gadget secara daring. Tren penggunaan aplikasi
pembelajaran ini mengalami peningkatan signifikan sejak munculnya pandemi COVID-19 di Indonesia pada tahun 2020. Peran aplikasi bimbel online menjadi semakin krusial
sebagai sarana pembelajaran alternatif yang memungkinkan akses pendidikan tanpa harus bersentuhan secara langsung, menjadikannya solusi yang relevan di tengah perubahan
dinamika pembelajaran akibat kondisi kesehatan global.
</p>
</div>
<div
class="accordion"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"Apa yang dimaksud dengan bimbel?","item_description":"Bimbel, yang merupakan kependekan dari "bimbingan belajar," merujuk pada layanan pendidikan tambahan di luar sekolah formal. Layanan ini mencakup berbagai mata pelajaran dan dapat ditujukan untuk berbagai tingkatan pendidikan, seperti SD, SMP, dan SMA. Biasanya, bimbel dapat diselenggarakan secara kelompok atau individu, fokus pada persiapan ujian, pemahaman konsep tertentu, atau pengembangan keterampilan belajar. Dalam era teknologi saat ini, bimbel juga telah melibatkan platform online, memberikan akses lebih fleksibel kepada siswa untuk mendapatkan bimbingan belajar melalui internet.","item_category":"cta","item_position":7,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq"}'
data-readmore="0"
>
<h3>
<strong>Apa yang dimaksud dengan bimbel?</strong>
</h3>
</div>
<div class="panel">
<p>
Bimbel, yang merupakan kependekan dari "bimbingan belajar," merujuk pada layanan pendidikan tambahan di luar sekolah formal. Layanan ini mencakup berbagai mata
pelajaran dan dapat ditujukan untuk berbagai tingkatan pendidikan, seperti SD, SMP, dan SMA. Biasanya, bimbel dapat diselenggarakan secara kelompok atau individu, fokus
pada persiapan ujian, pemahaman konsep tertentu, atau pengembangan keterampilan belajar. Dalam era teknologi saat ini, bimbel juga telah melibatkan platform online,
memberikan akses lebih fleksibel kepada siswa untuk mendapatkan bimbingan belajar melalui internet.
</p>
</div>
<div
class="accordion"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"Apa tujuan dari bimbingan belajar?","item_description":"Pada dasarnya, bimbingan belajar memiliki tujuan untuk memberikan bantuan kepada siswa dalam mengatasi kesulitan belajar. Lebih dari itu, layanan belajar ini juga memiliki peran dalam mengoptimalkan kemampuan siswa dalam mengembangkan potensinya secara keseluruhan. Dengan memberikan dukungan dan panduan yang terarah, bimbel menciptakan lingkungan pembelajaran yang mendukung pertumbuhan akademis siswa, membantu mereka mengatasi hambatan belajar, dan secara keseluruhan meningkatkan kualitas pendidikan yang diterima.","item_category":"cta","item_position":8,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq"}'
data-readmore="0"
>
<h3>
<strong>Apa tujuan dari bimbingan belajar?</strong>
</h3>
</div>
<div class="panel">
<p>
Pada dasarnya, bimbingan belajar memiliki tujuan untuk memberikan bantuan kepada siswa dalam mengatasi kesulitan belajar. Lebih dari itu, layanan belajar ini juga
memiliki peran dalam mengoptimalkan kemampuan siswa dalam mengembangkan potensinya secara keseluruhan. Dengan memberikan dukungan dan panduan yang terarah, bimbel
menciptakan lingkungan pembelajaran yang mendukung pertumbuhan akademis siswa, membantu mereka mengatasi hambatan belajar, dan secara keseluruhan meningkatkan kualitas
pendidikan yang diterima.
</p>
</div>
<div
class="accordion"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangbelajar","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"Ingin melakukan layanan pengaduan konsumen, harus menghubungi ke mana?","item_description":"Jika ada kendala terkait produk bimbel online yang kamu beli, kamu bisa menghubungi kanal layanan berikut ini Whatsapp+6281578200000 Email info@ruangguru.com Call Center 02130930000","item_category":"cta","item_position":9,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq"}'
data-readmore="0"
>
<h3>
<strong>Ingin melakukan layanan pengaduan konsumen, harus menghubungi ke mana?</strong>
</h3>
</div>
<div class="panel">
<p>Jika ada kendala terkait produk bimbel online yang kamu beli, kamu bisa menghubungi kanal layanan berikut ini</p>
<p><strong>Whatsapp</strong></p>
<p>+6281578200000</p>
<p><strong>Email</strong></p>
<p>info@ruangguru.com</p>
<p><strong>Call Center</strong></p>
<p>02130930000</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--End Section FAQ-->
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end body -->
</div>
<!--end body wrapper -->
<div class="footer-container-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;
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;
}
.footer.roc {
background-color: #1d1110;
color: white;
}
.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>
</div>
<!--end footer wrapper -->
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/90089181354/1675311119664/module_90089181354_Module_-_Grade_Selector_Rubel_2022.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/110771480604/1683857627167/module_110771480604_Module_-_Payment_Rubel_2022_Button_Tracking.min.js?v=2"></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/101960889391/1676426832726/module_101960889391_Module_-_WhatsApp_Leads_Rubel_2022_with_OTP.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/90763704355/1678160481219/module_90763704355_Module_Section_Testimoni_-_Ruangbelajar_2022.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/90775119144/1682665564529/module_90775119144_Module_-_FAQ_Rubel_2022.min.js"></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: 'leads_gathering',
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>
<script>
var module_110771480604 = (function () {
var a = {};
(i18n_getmessage = function () {
return hs_i18n_getMessage(a, hsVars.language, arguments);
}),
(i18n_getlanguage = function () {
return hsVars.language;
});
let e = 'https://gw.ruangguru.com/api/v3/rg-product-package-api/active-packages?page=1&pageSize=30&excludedTags=old-flow,ios&tags=rubel';
function n({ buttonLabel: a, redirectionUrl: e, pos: n }) {
const t = {
product_name: 'ruangbelajar',
cta_action: 'redirection',
cta_action_detail: e,
item_type: 'button',
item_name: a,
item_category: 'cta',
item_position: n,
item_serial: '',
section_type: '',
section_position: 'body',
section_name: 'package',
};
return JSON.stringify(t);
}
function t(a) {
return a
.toLocaleString('id-ID', {
style: 'currency',
currency: 'IDR',
minimumFractionDigits: 0,
})
.replace(/\s+/g, '');
}
function i(a) {
switch (a) {
case '12 bulan':
return '1 tahun';
case '18 bulan':
return '1,5 tahun';
case '24 bulan':
return '2 tahun';
case '30 bulan':
return '2,5 tahun';
case '36 bulan':
return '3 tahun';
case 'other':
return 'Lainnya';
default:
return a;
}
}
function s(a) {
return a < 10 && a >= 0 ? '0' + a : a >= 0 ? a : '00';
}
const l = (a, e) => {
let n = a - new Date().getTime(),
t = Math.floor((n % 864e5) / 36e5),
i = Math.floor((n % 36e5) / 6e4),
l = Math.floor((n % 6e4) / 1e3);
document.querySelector('.payment-cards-container-section .hour-' + e) && $('.payment-cards-container-section .hour-' + e).text(s(t)),
document.querySelector('.payment-cards-container-section .minute-' + e) && $('.payment-cards-container-section .minute-' + e).text(s(i)),
document.querySelector('.payment-cards-container-section .second-' + e) && $('.payment-cards-container-section .second-' + e).text(s(l));
};
function o(a) {
let e = '';
return (
a.forEach(a => {
e += `<li><p>${a}</p></li>`;
}),
e
);
}
function c(a, e) {
if ('other' === e) return 0;
const n = parseInt(a) / parseInt(e.split('-')[1]);
return 1e3 * Math.round(n / 1e3);
}
function r(a, e, i, s, l, o, c, r, d, u, p, g, m, k, b, $, h) {
const y = n({
buttonLabel: 'Beli Paket',
redirectionUrl: `https://bayar.ruangguru.com/packages-list?tag=rubel&grade=kelas-${b}&package_serial=${p}&voucher_serial=${g}`,
pos: a,
});
return `\n <div class="payment-package-detail-card ${s} font-black">\n <div class="payment-package-detail-card__header">\n ${
o
? `\n <div class="payment-card__flashsale font-white">\n ${
c > 0
? `\n <div class="payment-card__flashsale-discount">\n <img\n src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/flash.svg"\n alt="flash-icon"\n />\n <p>diskon ${c}%</p>\n </div>\n `
: ''
}\n <div class="payment-card__flashsale-timer">\n <p>\n <span class="hour hour-${a}">00</span>:\n <span class="minute minute-${a}">00</span>:\n <span class="second second-${a}">00</span>\n </p>\n </div>\n </div>\n `
: ''
}\n <p class="payment-package-detail-card__title">\n ${i}\n </p>\n <p class="payment-package-detail-card__description">\n ${l}\n </p>\n </div>\n <div class="payment-package-detail-card__detail">\n <div class="payment-package-detail-card__usp--detail card-package-usp-detail-${a}">\n <div class="payment-package-detail-card__usp">\n ${
m.length > 0
? `\n <div class="payment-package-detail-card__usp--active-package">\n <p>Paket aktif hingga ${
((v = m),
(f = new Date(v)),
(_ = f.getFullYear()),
(w = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'][f.getMonth()]),
f.getDate() + ' ' + w + ' ' + _)
}</p>\n </div>\n `
: ''
}\n ${
'' != $ ? `\n <p class="font-value">Yang kamu dapatkan di ${$} :</p>\n <ul class="font-black">\n ${h}\n </ul>\n ` : ''
}\n <p class="font-value">Yang kamu dapatkan di ruangbelajar :</p>\n <ul class="font-black">\n ${k}\n </ul>\n </div>\n </div>\n <div class="payment-package-detail-card__price--detail">\n ${
c > 0 ? `\n <div class="payment-package-detail-card__price--discount-label">\n <p class="font-red">Diskon ${c}%</p>\n </div>\n ` : ''
}\n <div class="payment-package-detail-card__price--discount">\n <div class="payment-package-detail-card__price--strike">\n <p class="font-strike">${t(
r
)}</p>\n <p class="font-red">${t(d)}</p>\n </div>\n ${
u > 0 ? `\n <div class="payment-card__price--detail-permonth">\n <p>Hanya ${t(u)}/bulan</p>\n </div>\n ` : ''
}\n </div>\n </div>\n <div class="payment-package-detail-card__price-actions">\n <button class="btn-detail button-basic-white text-black btn-detail-mobile-${b}-${a}" id="${p}">Lihat Detail</button>\n <div class="payment-package-detail-card__price--buy-package">\n <a href="https://bayar.ruangguru.com/packages-list?tag=rubel&grade=kelas-${b}&package_serial=${p}&voucher_serial=${g}" target="_blank" data-tracking-event-type="landing_page__core__item_click" data-tracking-context='${y}'>\n <button class="button-basic-orange text-white">Beli Paket</button>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n `;
var v, f, _, w;
}
function d(a, e, t, i, s, l, o, c) {
return `\n <div class="modal-detail-package display_none" id="detail-package-modal-${e}">\n <p class="font-modal-title">${t}</p>\n <div class="payment-package-detail-card__usp">\n ${
'' != s ? `\n <p class="font-value">Yang kamu dapatkan di ${s} :</p>\n <ul class="font-black">\n ${l}\n </ul>\n ` : ''
}\n <p class="font-value">Yang kamu dapatkan di ruangbelajar :</p>\n <ul class="font-black">\n ${i}\n </ul>\n </div>\n <div class="payment-package-detail-card__price--buy-package">\n <a href="https://bayar.ruangguru.com/packages-list?tag=rubel&grade=kelas-${o}&package_serial=${e}&voucher_serial=${c}"\n target="_blank" data-tracking-event-type="landing_page__core__item_click" data-tracking-context='${n(
{
buttonLabel: 'Beli Paket',
redirectionUrl: `https://bayar.ruangguru.com/packages-list?tag=rubel&grade=kelas-${o}&package_serial=${e}&voucher_serial=${c}`,
pos: a,
}
)}'>\n <button class="button-basic-orange text-white">Beli Paket</button>\n </a>\n </div>\n </div>\n `;
}
function u(a, e, n) {
$('.payment-package-loading').show(),
$('.payment-cards-chat-consultan').css('display', 'none'),
$('.payment-cards-container').css('visibility', 'hidden'),
$('.modal-duration-body').css('visibility', 'hidden'),
(function (a, t) {
fetch(a, {
headers: {
'Access-Control-Allow-Origin': '*',
'Content-Type': 'application/json',
'Access-Control-Allow-Methods': 'GET, PUT, POST, DELETE, OPTIONS',
platform: 'web',
country: 'id',
},
})
.then(a => {
!(function (a) {
a.json().then(a => {
$('.payment-package-loading').hide(),
$(window).width() > 768 && $('.payment-cards-chat-consultan').css('display', 'grid'),
$('.payment-cards-container').css('visibility', 'visible'),
$('.modal-duration-body').css('visibility', 'visible'),
(function (a, e, n) {
const t = document.getElementById('payment-cards-package'),
i = document.getElementById('payment-cards-package-modal');
$('.btn-duration-option').css('display', 'none');
let s = '',
u = '',
p = [],
g = -1;
for (let t = 0; t < a.length; t++) {
const i = a[t].tags.find(a => a.name.includes('durasi')),
m = i?.name || 'other';
if (($('.btn-duration-option.' + m).css('display', 'block'), m !== n)) continue;
p.push(t), (g += 1);
let k,
b = 'Video pembelajaran interaktif, latihan soal, rangkuman infografis, dan fitur seru lainnya',
h = '',
y = '';
a[t].name.toLowerCase().includes('dafa')
? ((b = 'Akses semua fitur ruangbelajar + pembelajaran interaktif premium dengan animasi Dafa & Lulu'),
(h = 'roboguru'),
(y = 'Dafa & Lulu'),
(k = o([
'Pembelajaran interaktif premium yang seru dengan karakter animasi Dafa dan Lulu',
'>21 ribu menit video belajar interaktif Dafa Lulu',
'>2 ribu game interaktif sesuai topik di Zona Berlatih Dafa Lulu',
])))
: a[t].name.toLowerCase().includes('utbk')
? ((b = 'Akses semua fitur ruangbelajar + persiapan masuk kampus, lengkap dengan Tes Skolastik'),
(h = 'utbk'),
(y = 'UTBK'),
(k = o([
'25 Koin Roboguru Plus untuk bertanya secara instan dengan Tutor Roboguru (Roboguru Expert)',
'GARANSI! Jawaban terverifikasi oleh Tutor Roboguru (Roboguru Expert) dalam 24 jam, hingga 15 pertanyaan (dengan 1,500 Golds Ruangguru)',
])))
: a[t].name.toLowerCase().includes('roboguru') &&
((b = 'Akses semua fitur ruangbelajar + konsultasikan PR sulit ke Tutor sampai tuntas'),
(h = 'roboguru'),
(y = 'Roboguru Plus'),
(k = o([
'Persiapan UTBK/SNBT terlengkap, mulai dari strategi belajar hingga tryout dan evaluasi',
'>78rb video belajar adaptif (ADAPTO) serta strategi belajar untuk masuk PTN',
'20x Tryout IRT simulasi UTBK',
'Cek Peluang Lolos PTN 2023',
])));
const v = '' !== a[t].flashsale.flashsaleSerial;
let f = c(a[t].finalPrice, n);
const _ = o(JSON.parse(a[t].packageInformation).list.values),
w = r(
t + 1,
0,
a[t].name,
h,
b,
v,
a[t]?.voucherValidation?.voucherPercentage || 0,
a[t].originalPrice,
a[t].finalPrice,
f,
a[t].serial,
a[t].voucherValidation.voucherSerial,
a[t].subscriptionEndDate,
_,
e,
y,
k
),
T = d(t + 1, a[t].serial, a[t].name, _, y, k, e, a[t].voucherValidation.voucherSerial);
let j;
v
? (j = setInterval(function () {
l(parseInt(a[t].flashsale.flashsaleEndTime), t + 1);
}, 1e3))
: clearInterval(j),
(s += w),
(u += T);
}
function m(a) {
$('#payment-cards-package')
.not('.slick-initialized')
.slick({
infinite: !1,
arrows: !0,
dots: !0,
variableWidth: !0,
centerMode: !0,
slidesToShow: 2,
slidesToScroll: 1,
responsive: [
{ breakpoint: 1900, settings: 'unslick' },
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
}),
$('#payment-cards-package').slick('slickGoTo', a);
}
(t.innerHTML = s),
(i.innerHTML = u),
$(window).width() < 767 && m(0),
'string' == typeof s && '' === s ? $('#empty-packages').css('display', 'flex') : $('#empty-packages').css('display', 'none'),
$(window).width() < 767 &&
(('block' === $('.modal-package').css('display') && 'block' === $('modal-grade').css('display')) ||
($('#payment-cards-package').slick('unslick'), (t.innerHTML = s), m(0)));
for (const a of p)
$('.btn-open-usp-' + (a + 1)).click(function () {
$('.card-package-usp-' + (a + 1)).show(), $('.btn-open-usp-' + (a + 1)).hide(), $('.btn-close-usp-' + (a + 1)).css('display', 'flex');
}),
$('.btn-close-usp-' + (a + 1)).click(function () {
$('.card-package-usp-' + (a + 1)).hide(), $('.btn-close-usp-' + (a + 1)).hide(), $('.btn-open-usp-' + (a + 1)).css('display', 'flex');
}),
$('.btn-detail-mobile-1-2-sd-' + (a + 1)).click(() => {
$('.modal-package').show();
var e = '#detail-package-modal-' + $('.btn-detail-mobile-1-2-sd-' + (a + 1)).attr('id');
$(e).removeClass('display_none');
}),
$('.btn-detail-mobile-3-4-sd-' + (a + 1)).click(() => {
$('.modal-package').show();
var e = '#detail-package-modal-' + $('.btn-detail-mobile-3-4-sd-' + (a + 1)).attr('id');
$(e).removeClass('display_none');
}),
$('.btn-detail-mobile-5-6-sd-' + (a + 1)).click(() => {
$('.modal-package').show();
var e = '#detail-package-modal-' + $('.btn-detail-mobile-5-6-sd-' + (a + 1)).attr('id');
$(e).removeClass('display_none');
}),
$('.btn-detail-mobile-smp-' + (a + 1)).click(() => {
$('.modal-package').show();
var e = '#detail-package-modal-' + $('.btn-detail-mobile-smp-' + (a + 1)).attr('id');
$(e).removeClass('display_none');
}),
$('.btn-detail-mobile-sma-' + (a + 1)).click(() => {
$('.modal-package').show();
var e = '#detail-package-modal-' + $('.btn-detail-mobile-sma-' + (a + 1)).attr('id');
$(e).removeClass('display_none');
}),
$('.btn-detail-mobile-utbk-' + (a + 1)).click(() => {
$('.modal-package').show();
var e = '#detail-package-modal-' + $('.btn-detail-mobile-utbk-' + (a + 1)).attr('id');
$(e).removeClass('display_none');
});
})(a.data.items, e, null == n ? 'durasi-12-bulan' : n);
});
})(a);
})
.catch(a => {
console.log(a);
});
})(`${a},kelas-${null == e || e == 'sma' ? 'sma-regular' : e}`); //nels
}
(window.onload = function () {
let a = new URLSearchParams(window.location.search);
const n = a.get('jenjang'),
t = a.get('durasi');
null !== n &&
($('.btn-grade-option').removeClass('active'),
n.includes('sd')
? ($('.btn-grade-option.grade-sd').addClass('active'),
n.includes('1-2')
? $('.btn-modal-class-option.class-1-sd').addClass('active')
: n.includes('3-4')
? $('.btn-modal-class-option.class-3-sd').addClass('active')
: n.includes('5-6') && $('.btn-modal-class-option.class-5-sd').addClass('active'))
: $(`.btn-grade-option.grade-${n}`).addClass('active'),
$('.btn-grade-mobile span').text(n.split('-').slice(-1)[0].toUpperCase()));
const s = t?.split('-').slice(-2).join(' ') || '1 tahun';
$('.btn-package-duration span').text(i(s)), u(e, n, t);
}),
$('.modal-package').click(function (a) {
$(a.target).closest('.modal-content').length || $(a.target).is('.modal-content') || $('.modal-package').css('display', 'none');
}),
$('.modal-duration').click(function (a) {
$(a.target).closest('.modal-content').length || $(a.target).is('.modal-content') || $('.modal-duration').css('display', 'none');
}),
$('.modal-package .modal-close').click(function () {
$('.modal-package').css('display', 'none'), $('.modal-detail-package').addClass('display_none');
}),
$('.modal-duration .modal-close').click(function () {
$('.modal-duration').css('display', 'none');
}),
$('.btn-package-duration').click(() => {
$('.modal-duration').css('display', 'block');
}),
$('#chooseOtherDurationBtn').click(() => {
$('.modal-duration').css('display', 'block');
}),
$('.btn-duration-option').click(function () {
$('.btn-duration-option').removeClass('active'), $(this).addClass('active');
const a = $(this).val();
let e = new URLSearchParams(window.location.search);
e.set('durasi', a), history.pushState(null, '', window.location.pathname + '?' + e.toString()), $('.btn-submit-duration').prop('disabled', !1);
}),
$('#btn-submit-duration').click(function () {
$('.modal-duration').css('display', 'none'), $('#btn-submit-duration').prop('disabled', !0);
let a = new URLSearchParams(window.location.search);
const n = a.get('jenjang'),
t = a.get('durasi'),
s = t?.split('-').slice(-2).join(' ') || '1 tahun';
$('.btn-package-duration span').text(i(s)), u(e, n, t);
}),
$('.btn-grade-option.btn-grade-option-desktop').click(function () {
//nels
let a = new URLSearchParams(window.location.search);
const n = a.get('jenjang'),
t = a.get('durasi');
console.log('cek', e);
u(e, n, t);
}),
$('#btn-submit-grade').click(function () {
let a = new URLSearchParams(window.location.search);
const n = a.get('jenjang'),
t = a.get('durasi');
u(e, n, t);
}),
$('#btn-submit-class').click(function () {
let a = new URLSearchParams(window.location.search);
const n = a.get('jenjang'),
t = a.get('durasi');
u(e, n, t);
});
})();
</script>
<script>
var module_101960889391 = (function () {
var __hs_messages = {};
let defaultVideoPreviewData;
function checkActiveTab() {
switch ($('.tab-prod-active span').text()) {
case 'Video Belajar':
$('#imgVideo').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/207faa8b-ddcb-47cc-b3a6-0cf6b631e1c1.png?convert=webp');
break;
case 'Rangkuman':
$('#imgRangkuman').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/9d8e2e31-7a33-4689-a713-9cd6632e298d.png?convert=webp');
break;
case 'Persiapan Ujian':
$('#imgUjian').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/3d01ce12-db7e-4bc5-b399-da4697a475de.png?convert=webp');
}
}
(i18n_getmessage = function () {
return hs_i18n_getMessage(__hs_messages, hsVars.language, arguments);
}),
(i18n_getlanguage = function () {
return hsVars.language;
}),
checkActiveTab(),
document.querySelectorAll('.tab-product').forEach(tabProd => {
tabProd.addEventListener('click', function () {
!(function () {
switch ($('.tab-prod-active span').text()) {
case 'Video Belajar':
$('#imgVideo').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/05057966-6acb-47e2-93a2-de0abb1c600c.png?convert=webp');
break;
case 'Rangkuman':
$('#imgRangkuman').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/b93fb7b7-60b6-4b42-b88b-bc7a5ecf2418.png?convert=webp');
break;
case 'Persiapan Ujian':
$('#imgUjian').attr('src', 'https://roboguru-forum-cdn.ruangguru.com/image/d5a2cfbf-01fb-48f0-9228-33522ccf7d83.png?convert=webp');
}
$('.tab-prod-active').removeClass('tab-prod-active');
})(),
tabProd.classList.add('tab-prod-active'),
checkActiveTab();
});
});
const titleAdapto = document.getElementById('titleAdapto'),
subtitleAdapto = document.getElementById('subtitleAdapto'),
titleContentAdapto = document.getElementById('titleContentAdapto'),
listBenefitAdapto = document.getElementById('listBenefitAdapto'),
imgContentAdapto = document.getElementById('imgContentAdapto'),
logoContentAdapto = document.getElementById('logoContentAdapto'),
containerAdaptoDaflul = document.getElementById('adapto-dafalulu'),
adaptoTrial = document.getElementById('adaptoTrial'),
videoPreviewData = [
{
gradeSerial: 'sd-1',
gradeName: 'Kelas 1 SD',
lessons: [
{
name: 'Matematika',
youtubeUrl: 'https://youtube.com/embed/fjmFP7Mpop8',
lessonSerial: 'sd-1-matematika',
topics: [
{
name: 'Kegiatanku',
subtopics: ['Kegiatan Pagi Hari', 'Kegiatan Siang Hari', 'Kegiatan Sore Hari', 'Kegiatan Malam Hari'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=D6W7VGTUL9&school_level_general_serial=D6W7VGTUL9&school_level_name=D6W7VGTUL9&lesson_serial=D6W7VGTUL9&lesson_general_serial=D6W7VGTUL9&lesson_display_name=Matematika&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_matematika.png&topic_serial=RYMHW5M49V',
},
{
name: 'Bahasa Indonesia',
youtubeUrl: 'https://youtube.com/embed/MgUNTyiHuxY',
lessonSerial: 'sd-1-bahasaindonesia',
topics: [
{
name: 'Peristiwa Alam',
subtopics: ['Peristiwa Siang dan Malam', 'Kemarau', 'Penghujan\tBencana Alam'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=5JSAKXDQ6D&school_level_general_serial=5JSAKXDQ6D&school_level_name=5JSAKXDQ6D&lesson_serial=5JSAKXDQ6D&lesson_general_serial=5JSAKXDQ6D&lesson_display_name=Bahasa%20Indonesia%20dan%20IPA&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_bahasa_indonesia.png&topic_serial=4KFEDLB2DL',
},
],
},
{
gradeSerial: 'sd-2',
gradeName: 'Kelas 2 SD',
lessons: [
{
name: 'Matematika',
youtubeUrl: 'https://youtube.com/embed/Kr6hpV5e5OY',
lessonSerial: 'sd-2-matematika',
topics: [
{
name: 'Bermain di Lingkunganku',
subtopics: ['Bermain di Lingkungan Rumah', 'Bermain di Rumah Teman', 'Bermain di Lingkungan Sekolah', 'Bermain di Tempat Wisata'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=DQ5FFCTWDW&school_level_general_serial=DQ5FFCTWDW&school_level_name=DQ5FFCTWDW&lesson_serial=DQ5FFCTWDW&lesson_general_serial=DQ5FFCTWDW&lesson_display_name=Matematika&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_matematika.png&topic_serial=493JX4S3RT',
},
{
name: 'Bahasa Indonesia',
youtubeUrl: 'https://youtube.com/embed/mnORGTAmhpE',
lessonSerial: 'sd-2-bahasaindonesia',
topics: [
{
name: 'Tugasku Sehari-hari',
subtopics: ['Tugasku Sehari-hari di Rumah', 'Tugasku Sehari-hari di Sekolah', 'Tugasku Sebagai Umat Beragama', 'Tugasku dalam Kehidupan Sosial'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=V9PV79K6XP&school_level_general_serial=V9PV79K6XP&school_level_name=V9PV79K6XP&lesson_serial=V9PV79K6XP&lesson_general_serial=V9PV79K6XP&lesson_display_name=Bahasa%20Indonesia%20dan%20IPA&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_bahasa_indonesia.png&topic_serial=A8R5FWKXSX',
},
],
},
{
gradeSerial: 'sd-3',
gradeName: 'Kelas 3 SD',
lessons: [
{
name: 'Matematika',
youtubeUrl: 'https://youtube.com/embed/svOu-cxbxOY',
lessonSerial: 'sd-3-matematika',
topics: [
{
name: 'Perkembangan Teknologi',
subtopics: ['Perkembangan Teknologi Produksi Pangan', 'Perkembangan Teknologi Produksi Sandang', 'Perkembangan Teknologi Komunikasi', 'Perkembangan Teknologi Transportasi'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=4G3F5PUVLJ&school_level_general_serial=4G3F5PUVLJ&school_level_name=4G3F5PUVLJ&lesson_serial=4G3F5PUVLJ&lesson_general_serial=4G3F5PUVLJ&lesson_display_name=Matematika&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_matematika.png&topic_serial=VKHAVU96NS',
},
{
name: 'Bahasa Indonesia',
youtubeUrl: 'https://youtube.com/embed/3N61bsBrb24',
lessonSerial: 'sd-3-bahasaindonesia',
topics: [
{
name: 'Perubahan di Alam',
subtopics: ['Perubahan Wujud Benda', 'Perubahan Cuaca dan Iklim', 'Perubahan Musim'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=S33QMS23UD&school_level_general_serial=S33QMS23UD&school_level_name=S33QMS23UD&lesson_serial=S33QMS23UD&lesson_general_serial=S33QMS23UD&lesson_display_name=Bahasa%20Indonesia%20dan%20IPA&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_bahasa_indonesia.png&topic_serial=BJ6M7QRSJD',
},
],
},
{
gradeSerial: 'sd-4',
gradeName: 'Kelas 4 SD',
lessons: [
{
name: 'Matematika',
youtubeUrl: 'https://youtube.com/embed/PNe9wj8yVBs',
lessonSerial: 'sd-4-matematika',
topics: [
{
name: 'Data dan Pengukuran',
subtopics: ['Penyajian Data: Diagram Batang'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=LRN3MLEVQX-Tematik&school_level_general_serial=LRN3MLEVQX-Tematik&school_level_name=LRN3MLEVQX-Tematik&lesson_serial=LRN3MLEVQX-Tematik&lesson_general_serial=LRN3MLEVQX-Tematik&lesson_display_name=Matematika&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_matematika.png&topic_serial=SR7CTS6PD4',
},
{
name: 'IPA',
youtubeUrl: 'https://youtube.com/embed/JEqa8VGnQ_0',
lessonSerial: 'sd-4-ipa',
topics: [
{
name: 'Indahnya Keragaman Di Negeriku',
subtopics: ['Keragaman Suku Bangsa dan Agama di Negeriku', 'Indahnya Keragaman Budaya Negeriku', 'Indahnya Persatuan dan Kesatuan Negeriku'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=96BQR3A3UJ&school_level_general_serial=96BQR3A3UJ&school_level_name=96BQR3A3UJ&lesson_serial=96BQR3A3UJ&lesson_general_serial=96BQR3A3UJ&lesson_display_name=IPA%20Terpadu&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_ipa_terpadu.png&topic_serial=XRRQ4LP2A8',
},
],
},
{
gradeSerial: 'sd-5',
gradeName: 'Kelas 5 SD',
lessons: [
{
name: 'IPS',
youtubeUrl: 'https://youtube.com/embed/aa9X-NvB0YM',
lessonSerial: 'sd-5-ips',
topics: [
{
name: 'Organ Gerak Hewan dan Manusia',
subtopics: ['Organ Gerak Hewan', 'Manusia dan Lingkungan', 'Lingkungan dan Manfaatnya'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=KSN935QEWC&school_level_general_serial=KSN935QEWC&school_level_name=KSN935QEWC&lesson_serial=KSN935QEWC&lesson_general_serial=KSN935QEWC&lesson_display_name=IPS%20Terpadu&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_ips_terpadu.png&topic_serial=8TNXUQVTCU',
},
],
},
{
gradeSerial: 'sd-6',
gradeName: 'Kelas 6 SD',
lessons: [
{
name: 'Matematika',
youtubeUrl: 'https://youtube.com/embed/NIuboCrlbwk',
lessonSerial: 'sd-6-matematika',
topics: [
{
name: 'Lingkaran',
subtopics: ['Unsur Unsur Lingkaran', 'Keliling Lingkaran', 'Luas Lingkaran', 'Bangun Datar Gabungan'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=2M85UH8QPJ&school_level_general_serial=2M85UH8QPJ&school_level_name=2M85UH8QPJ&lesson_serial=2M85UH8QPJ&lesson_general_serial=2M85UH8QPJ&lesson_display_name=Matematika&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_matematika.png&topic_serial=WCL8LBM5W9',
},
{
name: 'IPA',
youtubeUrl: 'https://youtube.com/embed/N0Or_9LqcEE',
lessonSerial: 'sd-6-ipa',
topics: [
{
name: 'Bumiku',
subtopics: ['Perbedaan Waktu dan Pengaruhnya', 'Bumiku dan Musimnya', 'Bumi, Matahari, dan Bulan'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=68JD9HN5T2&school_level_general_serial=68JD9HN5T2&school_level_name=68JD9HN5T2&lesson_serial=68JD9HN5T2&lesson_general_serial=68JD9HN5T2&lesson_display_name=IPA%20Terpadu&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_ipa_terpadu.png&topic_serial=T3VTJBDUJ3',
},
],
},
{
gradeSerial: 'smp-7',
gradeName: 'Kelas 7 SMP',
lessons: [
{
name: 'Biologi',
youtubeUrl: 'https://youtube.com/embed/E91uGdhqBr4',
lessonSerial: 'smp-7-biologi',
topics: [
{
name: 'Klasifikasi Makhluk Hidup',
subtopics: ['Ciri-Ciri Makhluk Hidup', 'Klasifikasi Makhluk Hidup', 'Pengenalan Mikroskop'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=ER4XG2XWKS&school_level_general_serial=ER4XG2XWKS&school_level_name=ER4XG2XWKS&lesson_serial=ER4XG2XWKS&lesson_general_serial=ER4XG2XWKS&lesson_display_name=Biologi&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_biologi.png&topic_serial=VJBHU6BH8K',
},
],
},
{
gradeSerial: 'smp-8',
gradeName: 'Kelas 8 SMP',
lessons: [
{
name: 'Bahasa Indonesia',
youtubeUrl: 'https://youtube.com/embed/PYZnWHLytlE',
lessonSerial: 'smp-8-bahasaindonesia',
topics: [
{
name: 'Iklan',
subtopics: ['Mengenal Iklan', 'Kebahasaan Iklan', 'Menganalisis Iklan', 'Menyusun Iklan'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=78BU7JTSLE&school_level_general_serial=78BU7JTSLE&school_level_name=78BU7JTSLE&lesson_serial=78BU7JTSLE&lesson_general_serial=78BU7JTSLE&lesson_display_name=Bahasa%20Indonesia&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_bahasa_indonesia.png&topic_serial=HX2R6BP6FK',
},
],
},
{
gradeSerial: 'smp-9',
gradeName: 'Kelas 9 SMP',
lessons: [
{
name: 'Matematika',
youtubeUrl: 'https://youtube.com/embed/AxVLh6rNzKc',
lessonSerial: 'smp-9-matematika',
topics: [
{
name: 'Bilangan Berpangkat (Eksponen)',
subtopics: ['Pengertian Bilangan Berpangkat', 'Sifat Bilangan Berpangkat', 'Persamaan Bilangan Berpangkat', 'Latihan Soal Bilangan Berpangkat (Eksponen)'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=ULRHBRR3UK&school_level_general_serial=ULRHBRR3UK&school_level_name=ULRHBRR3UK&lesson_serial=ULRHBRR3UK&lesson_general_serial=ULRHBRR3UK&lesson_display_name=Matematika&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_matematika.png&topic_serial=3QDKL6LH4S',
},
],
},
{
gradeSerial: 'sma-10-ipa',
gradeName: 'Kelas 10 IPA',
lessons: [
{
name: 'Fisika',
youtubeUrl: 'https://youtube.com/embed/oJ0U0q-Nmr8',
lessonSerial: 'sma-10-ipa-fisika',
topics: [
{
name: 'Besaran dan Satuan',
subtopics: ['Pendahuluan Besaran dan Satuan', 'Besaran Pokok dan Besaran Turunan', 'Besaran Skalar dan Besaran Vektor', 'Pengukuran'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=GDMHJ3SDAQ&school_level_general_serial=GDMHJ3SDAQ&school_level_name=GDMHJ3SDAQ&lesson_serial=GDMHJ3SDAQ&lesson_general_serial=GDMHJ3SDAQ&lesson_display_name=Fisika&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_fisika.png&topic_serial=MHE6VVUW7B',
},
{
name: 'Biologi',
youtubeUrl: 'https://youtube.com/embed/AIG7SER9ngU',
lessonSerial: 'sma-10-ipa-biologi',
topics: [
{
name: 'Ruang Lingkup Biologi',
subtopics: ['Apa itu Biologi?', 'Tingkat Organisasi Kehidupan', 'Permasalahan Biologi', 'Cabang Ilmu Biologi'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=ERH78EM2HX&school_level_general_serial=ERH78EM2HX&school_level_name=ERH78EM2HX&lesson_serial=ERH78EM2HX&lesson_general_serial=ERH78EM2HX&lesson_display_name=Biologi&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_biologi.png&topic_serial=RPGGQ7QWA3',
},
{
name: 'Kimia',
youtubeUrl: 'https://youtube.com/embed/YbC8gTl8j2U',
lessonSerial: 'sma-10-ipa-kimia',
topics: [
{
name: 'Ilmu Kimia dan Ruang Lingkupnya',
subtopics: ['Hakikat Ilmu Kimia', 'Materi dan Klasifikasinya', 'Peran Ilmu Kimia dalam Kehidupan', 'Keselamatan Kerja di Laboratorium Kimia'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=C7GHSSWNRQ&school_level_general_serial=C7GHSSWNRQ&school_level_name=C7GHSSWNRQ&lesson_serial=C7GHSSWNRQ&lesson_general_serial=C7GHSSWNRQ&lesson_display_name=Kimia&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_kimia.png&topic_serial=2GSNDSGYR6',
},
],
},
{
gradeSerial: 'sma-10-ips',
gradeName: 'Kelas 10 IPS',
lessons: [
{
name: 'Geografi',
youtubeUrl: 'https://youtube.com/embed/730SXDFdUlQ',
lessonSerial: 'sma-10-ips-geografi',
topics: [
{
name: 'Pengetahuan Dasar Geografi',
subtopics: ['Ruang Lingkup Pengetahuan Geografi', 'Objek Studi dan Aspek Geografi', 'Konsep Esensial Geografi', 'Prinsip Geografi'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=6QTPWBFRLL&school_level_general_serial=6QTPWBFRLL&school_level_name=6QTPWBFRLL&lesson_serial=6QTPWBFRLL&lesson_general_serial=6QTPWBFRLL&lesson_display_name=Geografi&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_geografi.png&topic_serial=GB9W6BFETG',
},
{
name: 'Ekonomi',
youtubeUrl: 'https://youtube.com/embed/6X3ujv0AJck',
lessonSerial: 'sma-10-ips-ekonomi',
topics: [
{
name: 'Sistem Ekononomi',
subtopics: ['Pengertian Sistem Ekonomi', 'Sistem Ekonomi Tradisional', 'Sistem Ekonomi Pasar', 'Sistem Ekonomi Komando'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=673JLMLJJR&school_level_general_serial=673JLMLJJR&school_level_name=673JLMLJJR&lesson_serial=673JLMLJJR&lesson_general_serial=673JLMLJJR&lesson_display_name=Ekonomi&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_ekonomi.png&topic_serial=L5XD58MSDQ',
},
{
name: 'Sosiologi',
youtubeUrl: 'https://youtube.com/embed/GUI6SppuUUY',
lessonSerial: 'sma-10-ips-sosiologi',
topics: [
{
name: 'Fungsi Sosiologi Untuk Mengenali Gejala Sosial di Masyarakat I',
subtopics: [
'Hakikat Manusia sebagai Makhluk Individu dan Sosial',
'Sosiologi sebagai Ilmu Sosial',
'Fungsi Sosiologi dan Peran Sosiolog dalam Pembangunan',
'Objek Studi Sosiologi',
],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=3TX84YET6X&school_level_general_serial=3TX84YET6X&school_level_name=3TX84YET6X&lesson_serial=3TX84YET6X&lesson_general_serial=3TX84YET6X&lesson_display_name=Sosiologi&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_sosiologi.png&topic_serial=29KQARVM5K',
},
{
name: 'Bahasa Indonesia',
youtubeUrl: 'https://youtube.com/embed/8F2zf4fPe1A',
lessonSerial: 'sma-10-ips-bahasaindonesia',
topics: [
{
name: 'Puisi',
subtopics: ['Mengenal Puisi', 'Unsur Pembangun Puisi', 'Menganalisis Puisi', 'Menulis Puisi'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=BRADG9EB3J&school_level_general_serial=BRADG9EB3J&school_level_name=BRADG9EB3J&lesson_serial=BRADG9EB3J&lesson_general_serial=BRADG9EB3J&lesson_display_name=Bahasa%20Indonesia&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_bahasa_indonesia.png&topic_serial=TUFBF8PSCL',
},
],
},
{
gradeSerial: 'sma-11-ipa',
gradeName: 'Kelas 11 IPA',
lessons: [
{
name: 'Fisika',
youtubeUrl: 'https://youtube.com/embed/IMFDfx7tTMY',
lessonSerial: 'sma-11-ipa-fisika',
topics: [
{
name: 'Fluida Statis',
subtopics: ['Tekanan', 'Hukum Pokok Hidrostatis', 'Hukum Pascal', 'Hukum Archimedes'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=MCVVB79V43&school_level_general_serial=MCVVB79V43&school_level_name=MCVVB79V43&lesson_serial=MCVVB79V43&lesson_general_serial=MCVVB79V43&lesson_display_name=Fisika&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_fisika.png&topic_serial=57QKR3SVHL',
},
{
name: 'Biologi',
youtubeUrl: 'https://youtube.com/embed/fqxKOF3k4nw',
lessonSerial: 'sma-11-ipa-biologi',
topics: [
{
name: 'Sel',
subtopics: ['Komponen Kimiawi Sel', 'Bagian Struktural Sel', 'Organel Sel', 'Transpor Membran'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=4PDC6KCUYL&school_level_general_serial=4PDC6KCUYL&school_level_name=4PDC6KCUYL&lesson_serial=4PDC6KCUYL&lesson_general_serial=4PDC6KCUYL&lesson_display_name=Biologi&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_biologi.png&topic_serial=E8L48A9G69',
},
],
},
{
gradeSerial: 'sma-11-ips',
gradeName: 'Kelas 11 IPS',
lessons: [
{
name: 'Ekonomi',
youtubeUrl: 'https://youtube.com/embed/aC5fHkTbwU0',
lessonSerial: 'sma-11-ips-ekonomi',
topics: [
{
name: 'Pertumbuhan dan Pembangunan Ekonomi',
subtopics: ['Konsep Dasar Pertumbuhan Ekonomi', 'Teori Pertumbuhan Ekonomi', 'Konsep Dasar Pembangunan Ekonomi', 'Perencanaan Pembangunan Ekonomi'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=3G47U8YXUY&school_level_general_serial=3G47U8YXUY&school_level_name=3G47U8YXUY&lesson_serial=3G47U8YXUY&lesson_general_serial=3G47U8YXUY&lesson_display_name=Ekonomi&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_ekonomi.png&topic_serial=TOPIC-XVL8ZLFY',
},
{
name: 'Bahasa Inggris',
youtubeUrl: 'https://youtube.com/embed/eJSL3RNpxVw',
lessonSerial: 'sma-11-ips-bahasainggris',
topics: [
{
name: 'Sharing Advice',
subtopics: ['Expression of Asking for and Giving Advice', 'Showing Ability', 'Showing Appeal'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=QU2LAXEXAK&school_level_general_serial=QU2LAXEXAK&school_level_name=QU2LAXEXAK&lesson_serial=QU2LAXEXAK&lesson_general_serial=QU2LAXEXAK&lesson_display_name=Bahasa%20Inggris&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_bahasa_inggris.png&topic_serial=CLGQPDUFV8',
},
],
},
{
gradeSerial: 'sma-12-ipa',
gradeName: 'Kelas 12 IPA',
lessons: [
{
name: 'Fisika',
youtubeUrl: 'https://youtube.com/embed/AT26vrXa0Jw',
lessonSerial: 'sma-12-ipa-fisika',
topics: [
{
name: 'Listrik Arus Searah',
subtopics: ['Hambatan Listrik', 'Rangkaian Listrik', 'Hukum I Kirchoff', 'Hukum II Kirchoff'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=RJE3SUQMVR&school_level_general_serial=RJE3SUQMVR&school_level_name=RJE3SUQMVR&lesson_serial=RJE3SUQMVR&lesson_general_serial=RJE3SUQMVR&lesson_display_name=Fisika&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_fisika.png&topic_serial=SACSK6RD3E',
},
{
name: 'Biologi',
youtubeUrl: 'https://youtube.com/embed/oeUZW75cBSY',
lessonSerial: 'sma-12-ipa-biologi',
topics: [
{
name: 'Pertumbuhan dan Perkembangan Tumbuhan',
subtopics: ['Grafik Pertumbuhan', 'Konsep Pertumbuhan dan Perkembangan Tumbuhan', 'Faktor Pertumbuhan dan Perkembangan Tumbuhan', 'Desain Penelitian'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=NP7K3JLJA8&school_level_general_serial=NP7K3JLJA8&school_level_name=NP7K3JLJA8&lesson_serial=NP7K3JLJA8&lesson_general_serial=NP7K3JLJA8&lesson_display_name=Biologi&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_biologi.png&topic_serial=38Q5UVSHCX',
},
{
name: 'Kimia',
youtubeUrl: 'https://youtube.com/embed/LMi_TbXhaes',
lessonSerial: 'sma-12-ipa-kimia',
topics: [
{
name: 'Sifat Koligatif Larutan',
subtopics: ['Pendahuluan Sifat Koligatif', "Larutan Elektrolit, Nonelektrolit, dan Faktor Van't", 'Hoff\tPenurunan Titik Beku', 'Kenaikan Titik Didih'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=5CWYBF7NQ9&school_level_general_serial=5CWYBF7NQ9&school_level_name=5CWYBF7NQ9&lesson_serial=5CWYBF7NQ9&lesson_general_serial=5CWYBF7NQ9&lesson_display_name=Kimia&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_kimia.png&topic_serial=F23UUQKMBS',
},
],
},
{
gradeSerial: 'sma-12-ips',
gradeName: 'Kelas 12 IPS',
lessons: [
{
name: 'Sejarah Peminatan',
youtubeUrl: 'https://youtube.com/embed/YJJ4us4uEO8',
lessonSerial: 'sma-12-ips-sejarahpeminatan',
topics: [
{
name: 'Respons Internasional terhadap Proklamasi',
subtopics: ['Pengakuan Mesir, India, dan Australia terhadap Kemerdekaan Indonesia', 'Respon PBB Terhadap Kemerdekaan Indonesia', 'Konferensi Meja Bundar (KMB)'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=97WCV24BXK&school_level_general_serial=97WCV24BXK&school_level_name=97WCV24BXK&lesson_serial=97WCV24BXK&lesson_general_serial=97WCV24BXK&lesson_display_name=Sejarah%20Peminatan&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_sejarah.png&topic_serial=E4KL3N2N8C',
},
{
name: 'Sosiologi',
youtubeUrl: 'https://youtube.com/embed/MvNnekt11E8',
lessonSerial: 'sma-12-ips-sosiologi',
topics: [
{
name: 'Perubahan Sosial',
subtopics: ['Pengertian Perubahan Sosial', 'Karakteristik Perubahan Sosial', 'Teori Evolusi (Perkembangan) dalam Perubahan Sosial', 'Teori Siklus dalam Perubahan Sosial'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=F5N7UHL2VJ&school_level_general_serial=F5N7UHL2VJ&school_level_name=F5N7UHL2VJ&lesson_serial=F5N7UHL2VJ&lesson_general_serial=F5N7UHL2VJ&lesson_display_name=Sosiologi&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_sosiologi.png&topic_serial=63Q869E2NA',
},
{
name: 'Geografi',
youtubeUrl: 'https://youtube.com/embed/HVD1aez9mAQ',
lessonSerial: 'sma-12-ips-geografi',
topics: [
{
name: 'Konsep Wilayah dan Tata Ruang',
subtopics: ['Konsep Wilayah dan Tata Ruang', 'Pembangunan dan Pertumbuhan Wilayah', 'Perencanaan Tata Ruang', 'Permasalahan Tata Ruang Wilayah'],
},
],
topicUrl:
'https://ruangguru.onelink.me/blPk/kt9zu6po?school_level_serial=MYB35C9BJP&school_level_general_serial=MYB35C9BJP&school_level_name=MYB35C9BJP&lesson_serial=MYB35C9BJP&lesson_general_serial=MYB35C9BJP&lesson_display_name=Geografi&lesson_icon_url=https://imgix3.ruangguru.com/assets/ruang_belajar/icon/subject/subj_geografi.png&topic_serial=D8WC242C8E',
},
],
},
{
gradeSerial: 'utbk',
gradeName: 'UTBK',
lessons: [
{
name: 'UTBK Strategi',
youtubeUrl: 'https://youtube.com/embed/Rhetkjg5Sxs',
lessonSerial: 'utbk-utbkstrategi',
topics: [
{
name: 'Strategi Umum Penalaran Matematika (NEW)',
subtopics: ['Strategi Belajar'],
},
],
topicUrl: 'https://app.ruangguru.com',
},
{
name: 'UTBK Konsep Kilat',
youtubeUrl: 'https://youtube.com/embed/lSD4XDmJ24w',
lessonSerial: 'utbk-utbkkonsepkilat',
topics: [
{
name: 'Reading Comprehension for UTBK',
subtopics: ['Konsep Kilat Specific Information'],
},
],
topicUrl: 'https://app.ruangguru.com',
},
],
},
];
function changeContentAdaptoSMPtoSMA(adaptoxLink) {
(titleAdapto.textContent = 'Mau kejar materi belajar?'),
(subtitleAdapto.textContent = 'Coba Adapto, video adaptif yang menyesuaikan kecepatan belajarmu'),
(titleContentAdapto.textContent = 'Rasakan keseruan belajar bersama Adapto'),
(listBenefitAdapto.innerHTML =
'\n <li><h4>Interaktif, serasa belajar dengan guru privat</h4></li>\n <li><h4>Video belajar menyesuaikan pemahaman</h4></li>\n <li><h4>Bisa pilih penjelasan yang detail atau cepat</h4></li>\n '),
(imgContentAdapto.src = 'https://roboguru-forum-cdn.ruangguru.com/image/dabd6d4c-18e3-43cf-9db0-7b1d46bd27ba.png?convert=webp'),
(logoContentAdapto.style.display = 'block'),
containerAdaptoDaflul.classList.remove('adapto-default'),
containerAdaptoDaflul.classList.remove('daflul-card'),
containerAdaptoDaflul.classList.add('adapto-card'),
adaptoTrial.classList.remove('adapto-trial-default'),
adaptoTrial.classList.remove('daflul-trial-card'),
adaptoTrial.classList.add('adapto-trial-card'),
(adaptoTrial.innerHTML = `\n <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/assets.svg" alt="icon-adapto" class="char-adapto-daflul">\n <div class="text-cta-adaptox">\n <div class="text-adapto-trial">\n <p class="coba-adapto">Coba fitur baru, AdaptoX!</p>\n <p>Belajar makin asik dengan game interaktif\n di tengah video belajar!</p>\n </div>\n <a href="#" class="js-video-button" data-channel="video" data-video-url="${adaptoxLink}" rel="noopener">Coba Sekarang \n <img\n src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/ArrowRight.svg"\n alt="icon-arrow-right"></a>\n </div>\n `),
$('.js-video-button').modalVideo({
youtube: { controls: 0, nocookie: !0 },
});
}
$('#btn-select-grade').click(function () {
$('#gradeSDModal').css('display', 'block');
}),
$('.btn-grade-option').click(function () {
let adaptoxLink,
grade = $(this).attr('value');
switch (($('.btn-sd-smp-sma-grade').css('display', 'none'), $('#slider-rangkuman').slick('slickUnfilter'), $('#slider-exam').slick('slickUnfilter'), grade)) {
case 'sd':
$('.btn-sd-smp-sma-grade.sd').css('display', 'block'),
$('#slider-rangkuman').slick('slickFilter', ':first'),
$('#slider-exam').slick('slickUnfilter'),
$('#slider-exam').slick('slickFilter', '.exam-sd'),
$('#slider-rangkuman .slick-dots').css('display', 'none'),
$('#slider-exam .slick-dots').css('display', 'none'),
(titleAdapto.textContent = 'Mau belajar lebih fokus?'),
(subtitleAdapto.textContent = 'Nonton video pembelajaran interaktif. Belajar makin fokus, nilai makin bagus!'),
(titleContentAdapto.textContent = 'Makin paham materi sekolah bersama ruangbelajar'),
(listBenefitAdapto.innerHTML =
'\n <li><h4>Ratusan ribu video pembelajaran bersama guru</h4></li>\n <li><h4>Materi dijelaskan dengan animasi pendukung</h4></li>\n <li><h4>Terbukti meningkatkan nilai di sekolah</h4></li>\n '),
(imgContentAdapto.src = 'https://roboguru-forum-cdn.ruangguru.com/image/83fe066c-0461-4d11-93c3-4746ea5ccb50.png?convert=webp'),
(logoContentAdapto.style.display = 'none'),
containerAdaptoDaflul.classList.remove('adapto-default'),
containerAdaptoDaflul.classList.remove('adapto-card'),
containerAdaptoDaflul.classList.add('daflul-card'),
adaptoTrial.classList.remove('adapto-trial-default'),
adaptoTrial.classList.remove('adapto-trial-card'),
adaptoTrial.classList.add('daflul-trial-card'),
(adaptoTrial.innerHTML =
'\n <img src="https://roboguru-forum-cdn.ruangguru.com/image/6a8c9f82-7577-4a55-8131-62241afdbc65.png?convert=webp" alt="icon-adapto" class="char-adapto-daflul">\n <div class="text-cta-adaptox">\n <div class="text-adapto-trial">\n <p class="coba-adapto">Mau belajar lebih menyenangkan?</p>\n <p>Ikuti petualangan sambil belajar \n melalui video animasi Dafa & Lulu!</p>\n </div>\n <a href="https://www.ruangguru.com/dafa-lulu">Lihat Selengkapnya <img\n src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/ArrowRight.svg"\n alt="icon-arrow-right"></a>\n </div>\n '),
setVideoPreviewData('sd-6');
break;
case 'smp':
$('.btn-sd-smp-sma-grade.smp').css('display', 'block'),
$('#slider-exam').slick('slickUnfilter'),
$('#slider-exam').slick('slickFilter', '.exam-smp'),
$('#slider-rangkuman').slick('slickFilter', ':first'),
$('#slider-rangkuman .slick-dots').css('display', 'none'),
$('#rangkuman-infografis-link').attr('href', 'https://drive.google.com/file/d/1fez0j9_Rbb1fHtZDChRcZha0J4MR0MvO/view?usp=share_link'),
$('#rangkuman-infografis-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://drive.google.com/file/d/1fez0j9_Rbb1fHtZDChRcZha0J4MR0MvO/view?usp=share_link","item_type":"button","item_name":"Download Contoh Gratis","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau belajar lebih efektif?"}'
),
$('#drill-soal-link').attr('href', 'https://link.ruangguru.com/blPk/xpu5a5qw'),
$('#drill-soal-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://link.ruangguru.com/blPk/xpu5a5qw","item_type":"button","item_name":"Coba Gratis","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau lebih siap hadapi ujian?"}'
),
$('#banksoal-link').attr('href', 'https://ruangguru.onelink.me/blPk/s0d9o315'),
$('#banksoal-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://ruangguru.onelink.me/blPk/s0d9o315","item_type":"button","item_name":"Coba Gratis","item_category":"cta","item_position":1,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau lebih siap hadapi ujian?"}'
),
$('#playlist-belajar-link').attr('href', 'https://ruangguru.onelink.me/blPk/n4pfklhe'),
$('#playlist-belajar-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://ruangguru.onelink.me/blPk/n4pfklhe","item_type":"button","item_name":"Coba Gratis","item_category":"cta","item_position":2,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau lebih siap hadapi ujian?"}'
),
(adaptoxLink = 'https://www.youtube.com/embed/C8VUPruOEp4'),
changeContentAdaptoSMPtoSMA(adaptoxLink),
setVideoPreviewData('smp-9');
break;
case 'sma':
$('.btn-sd-smp-sma-grade.sma').css('display', 'block'),
$('#slider-exam').slick('slickUnfilter'),
$('#slider-exam').slick('slickFilter', '.exam-sma'),
$('#rangkuman-infografis-link').attr('href', 'https://drive.google.com/file/d/1ktAJO2bpJpWVM5GRthUhMjZgqrrT54lN/view?usp=sharing'),
$('#rangkuman-infografis-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://drive.google.com/file/d/1ktAJO2bpJpWVM5GRthUhMjZgqrrT54lN/view?usp=sharing","item_type":"button","item_name":"Download Contoh Gratis","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau belajar lebih efektif?"}'
),
$('#lembar-belajar-link').attr('href', 'https://drive.google.com/file/d/1kBhD7R9bm_lR1KHeJeYnZ8sS0Xi6KbO2/view?usp=sharing'),
$('#lembar-belajar-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://drive.google.com/file/d/1kBhD7R9bm_lR1KHeJeYnZ8sS0Xi6KbO2/view?usp=sharing","item_type":"button","item_name":"Download Contoh Gratis","item_category":"cta","item_position":1,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau belajar lebih efektif?"}'
),
$('#drill-soal-link').attr('href', 'https://link.ruangguru.com/blPk/zqv0a60j'),
$('#drill-soal-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://link.ruangguru.com/blPk/zqv0a60j","item_type":"button","item_name":"Coba Gratis","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau lebih siap hadapi ujian?"}'
),
$('#banksoal-link').attr('href', 'https://ruangguru.onelink.me/blPk/0cw3krq5'),
$('#banksoal-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://ruangguru.onelink.me/blPk/0cw3krq5","item_type":"button","item_name":"Coba Gratis","item_category":"cta","item_position":2,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau lebih siap hadapi ujian?"}'
),
$('#playlist-belajar-link').attr('href', 'https://ruangguru.onelink.me/blPk/n8vmzuxc'),
$('#playlist-belajar-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://ruangguru.onelink.me/blPk/n8vmzuxc","item_type":"button","item_name":"Coba Gratis","item_category":"cta","item_position":3,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau lebih siap hadapi ujian?"}'
),
(adaptoxLink = 'https://www.youtube.com/embed/vCBbR7hP6-U'),
changeContentAdaptoSMPtoSMA(adaptoxLink),
setVideoPreviewData('sma-11-ipa');
break;
case 'utbk':
// https://ruangguru.onelink.me/blPk/zqv0a60j
$('.btn-sd-smp-sma-grade.utbk').css('display', 'block'),
$('#slider-exam').slick('slickUnfilter'),
$('#slider-exam').slick('slickFilter', '.exam-sma'),
$('#lembar-belajar-link').attr('href', 'https://drive.google.com/file/d/1kBhD7R9bm_lR1KHeJeYnZ8sS0Xi6KbO2/view?usp=sharing'),
$('#lembar-belajar-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://drive.google.com/file/d/1kBhD7R9bm_lR1KHeJeYnZ8sS0Xi6KbO2/view?usp=sharing","item_type":"button","item_name":"Download Contoh Gratis","item_category":"cta","item_position":1,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau belajar lebih efektif?"}'
),
$('#rangkuman-infografis-link').attr('href', 'https://drive.google.com/file/d/1ktAJO2bpJpWVM5GRthUhMjZgqrrT54lN/view?usp=sharing'),
$('#rangkuman-infografis-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://drive.google.com/file/d/1ktAJO2bpJpWVM5GRthUhMjZgqrrT54lN/view?usp=sharing","item_type":"button","item_name":"Download Contoh Gratis","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau belajar lebih efektif?"}'
),
$('#drill-soal-link').attr('href', 'https://link.ruangguru.com/blPk/zqv0a60j'),
$('#drill-soal-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://link.ruangguru.com/blPk/zqv0a60j","item_type":"button","item_name":"Coba Gratis","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau lebih siap hadapi ujian?"}'
),
$('#banksoal-link').attr('href', 'https://ruangguru.onelink.me/blPk/0cw3krq5'),
$('#banksoal-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://ruangguru.onelink.me/blPk/0cw3krq5","item_type":"button","item_name":"Coba Gratis","item_category":"cta","item_position":2,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau lebih siap hadapi ujian?"}'
),
$('#playlist-belajar-link').attr('href', 'https://ruangguru.onelink.me/blPk/n8vmzuxc'),
$('#playlist-belajar-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://ruangguru.onelink.me/blPk/n8vmzuxc","item_type":"button","item_name":"Coba Gratis","item_category":"cta","item_position":3,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau lebih siap hadapi ujian?"}'
),
(adaptoxLink = 'https://www.youtube.com/embed/qUUmQ8NuSoU'),
changeContentAdaptoSMPtoSMA(adaptoxLink),
setVideoPreviewData('utbk');
}
}),
$('.btn-modal-class-option').click(function () {
let classSD = $(this).text().trim();
('Kelas 1 SD' !== classSD && 'Kelas 2 SD' !== classSD && 'Kelas 3 SD' !== classSD) ||
($('#rangkuman-infografis-link').attr('href', 'https://drive.google.com/file/d/1gXbXvy5sAbG3WTacDYoQSpVhIQ_32eGW/view?usp=sharing'),
$('#rangkuman-infografis-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://drive.google.com/file/d/1gXbXvy5sAbG3WTacDYoQSpVhIQ_32eGW/view?usp=sharing","item_type":"button","item_name":"Download Contoh Gratis","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau belajar lebih efektif?"}'
),
$('#banksoal-link').attr('href', 'https://ruangguru.onelink.me/blPk/edxlnfii'),
$('#banksoal-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://ruangguru.onelink.me/blPk/edxlnfii","item_type":"button","item_name":"Coba Gratis","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau lebih siap hadapi ujian?"}'
),
$('#playlist-belajar-link').attr('href', 'https://ruangguru.onelink.me/blPk/umrkcpuq')),
$('#playlist-belajar-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://ruangguru.onelink.me/blPk/umrkcpuq","item_type":"button","item_name":"Coba Gratis","item_category":"cta","item_position":1,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau lebih siap hadapi ujian?"}'
),
('Kelas 4 SD' !== classSD && 'Kelas 5 SD' !== classSD && 'Kelas 6 SD' !== classSD) ||
($('#rangkuman-infografis-link').attr('href', 'https://drive.google.com/file/d/1Q8yjaSbYrmAg6jazEASTwx0cvyKOzR7l/view?usp=sharing'),
$('#rangkuman-infografis-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://drive.google.com/file/d/1Q8yjaSbYrmAg6jazEASTwx0cvyKOzR7l/view?usp=sharing","item_type":"button","item_name":"Download Contoh Gratis","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau belajar lebih efektif?"}'
),
$('#banksoal-link').attr('href', 'https://ruangguru.onelink.me/blPk/fpgepngv'),
$('#banksoal-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://ruangguru.onelink.me/blPk/fpgepngv","item_type":"button","item_name":"Coba Gratis","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau lebih siap hadapi ujian?"}'
),
$('#playlist-belajar-link').attr('href', 'https://ruangguru.onelink.me/blPk/gz4s6lsf')),
$('#playlist-belajar-link').attr(
'data-tracking-context',
'{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"https://ruangguru.onelink.me/blPk/gz4s6lsf","item_type":"button","item_name":"Coba Gratis","item_category":"cta","item_position":1,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Mau lebih siap hadapi ujian?"}'
);
});
let jenjangClosing = document.getElementsByClassName('close-jenjang');
function setVideoPreviewData(kelas) {
const newVideoPreviewData = videoPreviewData.find(d => d.gradeSerial === kelas);
(defaultVideoPreviewData = newVideoPreviewData),
$('#selectedGrade').text(defaultVideoPreviewData.gradeName),
$('#selectedGradeLesson').text(defaultVideoPreviewData.gradeName),
$('#topic-grade-name').text(defaultVideoPreviewData.gradeName),
(function () {
defaultVideoPreviewData.lessons[0].lessonSerial;
const selectedLessonText = defaultVideoPreviewData.lessons[0].name,
selectedLessonUrl = defaultVideoPreviewData.lessons[0].youtubeUrl,
topicUrl = defaultVideoPreviewData.lessons[0].topicUrl;
$('#selectedLesson').text(selectedLessonText),
$('#selectedLessonNonSD').text(selectedLessonText),
$('#topic-lesson-name').text(selectedLessonText),
$('.video-box iframe').attr('src', selectedLessonUrl),
$('#topicLink').attr('href', topicUrl),
$('#topicLink').attr(
`data-tracking-context', '{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"${topicUrl}","item_type":"button","item_name":"Lihat Semua Bab","item_category":"cta","item_position":4,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Adapto"}`
),
(document.getElementById('videoPreview').innerHTML =
`<iframe \n frameborder="0" allowfullscreen\n allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"\n src="${selectedLessonUrl}">\n </iframe>`),
createTopicsElement(defaultVideoPreviewData.lessons[0].topics),
(function (lessons) {
const chooseSubjectWrapperEl = document.getElementById('chooseSubjectWrapper');
for (let i = 0; i < lessons.length; i++)
0 === i
? (chooseSubjectWrapperEl.innerHTML = `<button type="button" class="btn-lesson" value="${lessons[i].lessonSerial}" data-video-url="${lessons[i].youtubeUrl}">${lessons[i].name}</button>`)
: (chooseSubjectWrapperEl.innerHTML += `<button type="button" class="btn-lesson" value="${lessons[i].lessonSerial}" data-video-url="${lessons[i].youtubeUrl}">${lessons[i].name}</button>`);
$('.btn-lesson').click(function () {
$('.btn-lesson.active-btn-level').removeClass('active-btn-level'), $(this).addClass('active-btn-level');
const selectedLessonVal = $(this).val(),
selectedLessonText = $(this).text(),
selectedVideoUrl = $(this).data('video-url'),
selectedTopicUrl = lessons[$(this).index()].topicUrl,
currentLesson = lessons.find(l => l.lessonSerial == selectedLessonVal);
$('#selectedLesson').text(selectedLessonText),
$('#topic-lesson-name').text(selectedLessonText),
$('#selectedLessonNonSD').text(selectedLessonText),
$('#topicLink').attr('href', selectedTopicUrl),
$('#topicLink').attr(
`data-tracking-context', '{"product_name":"ruangbelajar","cta_action":"redirection","cta_action_detail":"${selectedTopicUrl}","item_type":"button","item_name":"Lihat Semua Bab","item_category":"cta","item_position":4,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Adapto"}`
),
(document.getElementById('videoPreview').innerHTML =
`<iframe \n frameborder="0" allowfullscreen\n allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"\n src="${selectedVideoUrl}">\n </iframe>`),
createTopicsElement(currentLesson.topics),
$('#chooseSubjectModal').css('display', 'none');
});
})(defaultVideoPreviewData.lessons);
})();
}
function createSubtopicsElement(subtopics, idx) {
const subtopicList = document.getElementById('accordion-panel-topic-' + idx);
for (let i = 0; i < subtopics.length; i++) 0 === i ? (subtopicList.innerHTML = `<li>${subtopics[i]}</li>`) : (subtopicList.innerHTML += `<li>${subtopics[i]}</li>`);
}
function createTopicsElement(topics) {
const topicList = document.getElementById('topic-list');
for (let i = 0; i < topics.length; i++)
0 === i
? (topicList.innerHTML = `<li class="accordion-topic" id="accordion-topic-${i}" data-tracking-event-type="landing_page__core__item_click" data-tracking-context='{"product_name":"ruangbelajar","cta_action":"dropdown","cta_action_detail":"dropdown_syllabus","item_type":"card","item_name":"${topics[i].name}","item_category":"cta","item_position":3,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Adapto"}'><p class="font-inter font-black-secondary ls-5 font-topic-name">${topics[i].name}</p><ul class="accordion-panel-topic" id="accordion-panel-topic-${i}"></ul></li>`)
: (topicList.innerHTML += `<li class="accordion-topic" id="accordion-topic-${i}" data-tracking-event-type="landing_page__core__item_click" data-tracking-context='{"product_name":"ruangbelajar","cta_action":"dropdown","cta_action_detail":"dropdown_syllabus","item_type":"card","item_name":"${topics[i].name}","item_category":"cta","item_position":3,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Adapto"}'><p class="font-inter font-black-secondary ls-5 font-topic-name">${topics[i].name}</p><ul class="accordion-panel-topic" id="accordion-panel-topic-${i}></ul></li>`),
topics[i].subtopics.length > 0 && createSubtopicsElement(topics[i].subtopics, i),
document.getElementById('accordion-topic-' + i).addEventListener('click', function () {
this.classList.toggle('active');
});
}
$('.btn-sd-smp-sma-grade').click(function () {
$('.btn-sd-smp-sma-grade.active-btn-level').removeClass('active-btn-level'), $(this).addClass('active-btn-level');
const selectedGradeVal = $(this).val(),
selectedGradeText = $(this).text();
$('#selectedGradeLesson').text(selectedGradeText), $('#topic-grade-name').text(selectedGradeText), $('#gradeNonSDModal').css('display', 'none'), setVideoPreviewData(selectedGradeVal);
}),
(jenjangClosing.onclick = function () {
jenjangModal.style.display = 'none';
}),
$('#packageListModalClose').click(function () {
$('#packageListModal').css('display', 'none');
}),
$('#chooseSubjectCloseModal').click(function () {
$('#chooseSubjectModal').css('display', 'none');
}),
$('#change-lesson-sd').click(function () {
$('#chooseSubjectModal').css('display', 'block');
}),
$('.navbar-select-item.lesson').click(function () {
$('#chooseSubjectModal').css('display', 'block');
}),
$('.navbar-select-item.grade').click(function () {
$('#gradeNonSDModal').css('display', 'block');
}),
$('#gradeNonSDCloseModal').click(function () {
$('#gradeNonSDModal').css('display', 'none');
});
})();
</script>
<script>
function getCookie(cname) {
let name = cname + '=';
let decodedCookie = decodeURIComponent(document.cookie);
let ca = decodedCookie.split(';');
for (let i = 0; i < ca.length; i++) {
let c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return '';
}
// to collect cookieId, pageUrl, pageType
const cookieIdZ = getCookie('__rg_cookie_id__');
const currUrl = window.location.href;
let productName = currUrl.split('/')[3] == '' ? 'ruangguru' : currUrl.split('/')[3].split('?')[0];
let productType;
if (currUrl.indexOf('blog') != -1) {
productType = 'blog';
} else {
productType = 'landing-page';
}
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVNLZFT" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Internal Tracker -->
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = _analytics.init({
app: 'ruangguruLanding',
debug: false,
plugins: [analyticsTrackable()],
});
Analytics.ready(function () {
Analytics.page();
});
</script>
<script src="https://cdn-web-2.ruangguru.com/homepage-web/_next/static/build.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@17.8.3/dist/lazyload.min.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script> -->
<script src="https://form.ruangguru.com/form/embed.min.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script>
$(document).ready(function () {
$('#formRubel').create_form({
formHost: 'https://form.ruangguru.com',
formSerial: 'MARFRG47246',
buttonWording: 'Dapatkan Diskon',
onFormReady: function () {},
});
});
</script>
<script>
$('.credibilities').slick({
dots: true,
infinite: false,
speed: 400,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 5000,
arrows: false,
responsive: [
{
breakpoint: 9999,
settings: 'unslick',
},
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: true,
infinite: true,
},
},
],
});
$('#slider-rangkuman').slick({
dots: false,
infinite: false,
speed: 400,
slidesToShow: 2,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 16000,
arrows: false,
responsive: [
{
breakpoint: 9999,
// settings: 'unslick'
},
{
breakpoint: 768,
settings: {
dots: true,
arrows: false,
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: true,
centerMode: true,
},
},
],
});
$('#slider-exam').slick({
dots: true,
infinite: true,
speed: 400,
slidesToShow: 2,
slidesToScroll: 2,
autoplay: true,
autoplaySpeed: 16000,
arrows: true,
prevArrow:
'<button type="button" class="slick-prev"><img loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/e941610f-fa04-44af-9dcb-2e20b9bf5b8b.png" width="32" height="32" alt="arrow" class="img-fluid img-arrow" /></button>',
nextArrow:
'<button type="button" class="slick-next"><img loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/e941610f-fa04-44af-9dcb-2e20b9bf5b8b.png" width="32" height="32" alt="arrow" class="img-fluid img-arrow" /></button>',
responsive: [
{
breakpoint: 768,
settings: {
dots: true,
arrows: false,
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: true,
centerMode: true,
},
},
],
});
</script>
<script>
$(document).on('click', '[data-tracking-event-type]', function (event) {
const eventType = $(this).data('tracking-event-type');
const context = $(this).data('tracking-context');
Analytics.track(eventType, context);
});
// script tracker variant A
$(document).ready(function () {
Analytics.track('landing_page__experiment_rubel_lp__page_view', {
full_url: window.location.href,
variant_name: 'new',
});
});
</script>
<!-- Generated by the HubSpot Template Builder - template version 1.03 -->
</body>
</html>