<!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="Platform bimbingan belajar (bimbel) online terbesar di Indonesia untuk jenjang SD, SMP, SMA/SMK. Download & langganan Ruangguru mulai dari sekarang!" />
<title>Aplikasi Bimbel Online Interaktif Terbaik #1 Indonesia | Ruangguru</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta property="og:description" content="Platform bimbingan belajar (bimbel) online terbesar di Indonesia untuk jenjang SD, SMP, SMA/SMK. Download & langganan Ruangguru mulai dari sekarang!" />
<meta property="og:title" content="Aplikasi Bimbel Online Interaktif Terbaik #1 Indonesia | Ruangguru" />
<meta name="twitter:description" content="Platform bimbingan belajar (bimbel) online terbesar di Indonesia untuk jenjang SD, SMP, SMA/SMK. Download & langganan Ruangguru mulai dari sekarang!" />
<meta name="twitter:title" content="Aplikasi Bimbel Online Interaktif Terbaik #1 Indonesia | Ruangguru" />
<style>
a.cta_button {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
vertical-align: middle;
}
.hs-breadcrumb-menu {
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.hs-breadcrumb-menu-item {
float: left;
padding: 10px 0 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>
<style>
@media (min-width: 321px) and (max-width: 767px) {
.navigation__right {
top: 4px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.navigation__right {
top: 6px !important;
}
}
</style>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/103602550432/1678161937264/module_103602550432_Header_Ruangguru_Revamp_2022_Feb_AB_Tracking.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/114648016785/1685345619787/module_114648016785_Module_Section_Hero_-_Ruangguru_2022_-_Live_BAON.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/103780952191/1677828888118/module_103780952191_Module_Section_Product_Selection_-_Ruangguru_2022_Feb_Track.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/103780948274/1677647663891/module_103780948274_Module_-_Jenjang_to_Product_abc_card_Feb_Track.min.css?v=1.0"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/114780265608/1685346491990/module_114780265608_Module_Section_-_Ruangguru_2022_-_Live_BAON_New_Section.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/103782146869/1681813122864/module_103782146869_Module_Section_Promo_-_Ruangguru_Revamp_2022_Feb_Track.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/103782594698/1677139519799/module_103782594698_Module_Section_New_From_RG_-_Ruangguru_2022_Feb_Track.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/103917544728/1677226827158/module_103917544728_Module_Section_Others_Products_-_Ruangguru_Revamp_2022_Feb_Track.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/103917593175/1677638163717/module_103917593175_Module_Section_Testimoni_Master_Teacher_Download_App_-_Ruangguru_2022_Feb_Track.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/103918942013/1677831535925/module_103918942013_Module_Section_FAQ_HubDB_-_Ruangguru_2022_Feb_Track.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/103941897236/1678677632569/module_103941897236_Footer-ruangguru-2021-v2_Feb_Tracking.min.css"
/>
<style>
@media (min-width: 1025px) {
#produk_item {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgb(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: 8px;
position: absolute;
text-align: left;
top: 80%;
width: 1050px;
z-index: 1000;
}
.section-latest-info {
padding: 0px 0 2.5rem;
}
}
</style>
<link rel="canonical" href="https://www.ruangguru.com/" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- 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()],
});
</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 -->
<style>
.modal-jenjang {
z-index: 999999 !important;
}
</style>
<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="https://cdn-web-2.ruangguru.com/landing-page-web/public/assets/common/layout.min.css" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/89986376499/1670217563136/A_Ruangguru_Projects/1_SOP_Landing_Page/SOP_Style_Ruangguru_Inter_Only.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/90363693367/1667460957340/slick1.9.0-slick-theme.min.css"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet" />
<link rel="preconnect" href="ruangguru.com" />
<link rel="preconnect" href="cdn-web-2.ruangguru.com" />
<link rel="preload" href="https://roboguru-forum-cdn.ruangguru.com/image/c24471b0-e4b2-48ff-b48d-f9c63c25812e.png" as="image" />
<style>
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
margin: 0;
}
a {
text-decoration: none;
}
/* Used on all text */
.font-all {
font-family: 'Inter', sans-serif;
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;
}
/* 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%);
}
/* Image kalo webp nanti bisa pake tag <Picture>. Kalo svg bisa langsung aja */
/* Modal bikin sendiri */
/* List */
.ul-basic {
list-style: none;
}
.ol-basic {
list-style: none;
}
@media (max-width: 767px) {
.font-header-two {
font-size: 16px;
line-height: 24px;
}
}
</style>
<!-- flashsale style start -->
<style>
@media (min-width: 767px) {
.logo-header img {
width: unset;
}
}
@media (min-width: 321px) and (max-width: 767px) {
.logo-header img {
width: unset;
}
}
.title-countdown {
display: flex;
align-items: center;
gap: 1rem;
padding-bottom: 28px;
justify-content: center;
}
.countdown {
width: fit-content;
border-radius: 200px;
background: linear-gradient(263deg, #ff00a8 28.07%, #ea1717 59.5%, #ed6c30 86.66%);
color: var(--K12-Base-Theme-Text-Solid-Invert, var(--color-text-text-invert, #fff));
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
padding: 0.25rem 1rem;
}
#slick-banner .slick-slide img {
width: 100%;
}
.promo-popup {
cursor: pointer;
}
.promo-popup:hover {
filter: brightness(98%);
}
.countdown-flashsale {
display: flex;
align-items: center;
border-radius: 8px;
background: linear-gradient(263deg, #ff00a8 28.07%, #ea1717 59.5%, #ed6c30 86.66%);
width: fit-content;
gap: 0.5rem;
padding: 4px 8px;
}
.countdown-flashsale .countdown {
background: transparent;
padding: 0;
font-size: 16px;
font-weight: 800;
line-height: 18px;
}
.countdown-box {
display: flex;
align-items: center;
justify-content: center;
gap: 0.25rem;
}
.countdown-box .countdown-clock {
color: #ea1717;
text-align: center;
font-family: Inter;
font-size: 10px;
font-style: normal;
font-weight: 600;
line-height: 16px;
border-radius: 4px;
background: #fff;
width: 1.25rem;
height: 1.25rem;
display: flex;
align-items: center;
align-self: center;
justify-content: center;
justify-items: center;
}
.flash-title {
color: #1e1e1e;
font-family: Inter;
font-size: 24px;
font-weight: 700;
line-height: 36px;
letter-spacing: -0.12px;
}
.package {
border-radius: 20px 20px 0px 0px;
position: relative;
}
.img-fire {
position: absolute;
top: -2%;
left: 2%;
}
.package-list .slick-arrow {
top: 109% !important;
}
.package-list .slick-prev {
left: 92% !important;
}
.package-list .slick-next {
right: 1% !important;
}
.package-list .slick-dots {
bottom: -10% !important;
width: fit-content !important;
}
.package-list .slick-dots li.slick-active button:before {
color: #fff !important;
}
.package-list .slick-dots li button:before {
color: #d0d0d0 !important;
}
.package-card-flashsale {
background-repeat: no-repeat;
background-size: 100% 100%;
width: fit-content;
display: flex !important;
justify-content: flex-end;
align-items: flex-end;
padding: 0.5rem;
width: 100%;
}
.package-detail {
background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/ab1e8eda-0d0e-48eb-96c8-5d9dfa639b18.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
}
.package-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 12px 10px;
}
.package-price {
color: var(--K12-General-Default-Text-Solid-Ink, #2c313a);
font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 22px;
text-align: center;
}
.package-period {
color: var(--K12-Base-Theme-Text-Solid-Neutral, var(--color-text-text-neutral, #5e677b));
text-align: center;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 22px;
padding: 4px 0;
}
.package-amount {
color: #ea1717;
text-align: center;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 16px;
background: #fff3f1;
padding: 4px 0;
}
.package-detail a {
display: block;
text-align: center;
float: none;
margin: auto !important;
max-width: 73%;
}
.btn-package.promo-popup {
float: none;
margin: 12px auto !important;
max-width: 73%;
display: flex;
align-items: center;
justify-content: center;
}
.package-label {
border-radius: 4px;
background: #ea1717;
color: #fff;
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px;
padding: 2px 4px;
}
.package-base {
color: var(--K12-Base-Theme-Text-Solid-Neutral, var(--color-text-text-neutral, #5e677b));
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
text-decoration: line-through;
}
.slick-disabled {
opacity: 0.5 !important;
}
.slick-arrow:before {
content: none !important;
}
.slick-arrow {
background-size: 100% 100% !important;
border-radius: 50% !important;
box-shadow: 0 12px 16px rgba(26, 29, 34, 0.12);
cursor: pointer !important;
height: 2rem !important;
width: 2rem !important;
z-index: 1 !important;
}
.slick-prev {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/c99d671c-12a9-44ea-ae09-e8a4b233ac2d.svg) !important;
}
.slick-next {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/c2f137c4-6388-43d0-b6c1-920585b36f3b.svg) !important;
}
.package-slick .slick-dots {
bottom: -5% !important;
width: 100% !important;
left: 0 !important;
}
.package-slick .slick-dots li button:before {
color: #e8ecf4 !important;
font-size: 12px !important;
opacity: 1 !important;
}
.package-slick .slick-dots li.slick-active button:before {
color: #20a4b0 !important;
font-size: 16px !important;
}
@media (min-width: 769px) {
.package {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/568bd38a-d133-4461-bc5d-dd3744b36451.svg), url(https://cdn-web-2.ruangguru.com/landing-pages/assets/f3a61ca8-c62a-459e-8ec6-79f48ffcaf32.png),
linear-gradient(180deg, #fff 1.71%, #c2efff 82.12%);
background-repeat: no-repeat;
background-size: 40%, 30%, cover;
background-position-x: -10rem, right, center;
background-position-y:
-3rem,
-5rem,
center;
padding: 2rem 0 4rem;
}
#package-list .slick-slide {
margin: 0 16px;
}
#package-list .slick-list {
margin: 0 -16px;
/* padding: 0 10% 0 0 !important; */
}
.package-card-flashsale {
min-width: 200px;
min-height: 548px;
width: 100%;
}
#slick-banner {
float: none;
margin: -0.5rem auto 30px !important;
max-width: 85%;
}
}
@media (max-width: 768px) {
.title-countdown {
flex-direction: column;
align-items: center;
gap: 0.5rem;
padding-bottom: 1rem;
}
.flash-title {
font-size: 14px;
line-height: 20px;
letter-spacing: normal;
float: none;
margin: 0 auto !important;
max-width: 15rem;
text-align: center;
}
.countdown-flashsale .countdown {
font-size: 10px;
}
#package-list .slick-slide {
margin: 0 12px;
}
#package-list .slick-list {
margin: 0 -12px;
padding: 0 9% 0 0 !important;
}
.package-card-flashsale {
min-height: 350px;
}
.package-header {
padding: 6px;
}
.package-label {
font-size: 10px;
}
.package-base {
font-size: 10px;
}
.package-price {
font-size: 16px;
line-height: 22px;
}
.package-period {
font-size: 10px;
line-height: 20px;
padding: 0 0 4px;
}
.package-amount {
font-size: 10px;
}
.btn-package {
font-size: 12px;
line-height: 18px;
height: 28px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 4px 0;
}
.btn-package,
.btn-package.promo-popup {
margin: 8px auto !important;
}
.package-list .slick-prev {
left: 75% !important;
}
.package-list .slick-dots {
bottom: -12% !important;
}
.img-fire {
width: 3rem;
left: 5%;
}
.package {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/28959f8a-dcc2-486b-9659-8a7e4ac240d9.svg), url(https://cdn-web-2.ruangguru.com/landing-pages/assets/0f6c4c2f-3da7-4323-b9ec-47f24991709c.svg),
url(https://cdn-web-2.ruangguru.com/landing-pages/assets/fb63b765-f174-481e-9e2f-0cb5d7f7b81e.png), linear-gradient(180deg, #fff 1.71%, #c2efff 82.12%);
padding: 1rem 0 2rem;
background-repeat: no-repeat;
background-size: 40%, 90%, 35%, cover;
background-position-x: -4rem, 130%, 113%, center;
background-position-y: top, top, top, top;
}
.title-promo {
padding: 0;
}
}
@media (max-width: 375px) {
.package-card-flashsale {
min-height: 300px;
}
.package-label {
font-size: 8px;
line-height: 10px;
padding: 2px 4px;
}
.package-base,
.package-amount {
font-size: 8px;
line-height: 14px;
}
}
</style>
<!-- flashsale style end -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"@id": "https://www.ruangguru.com/",
"name": "Ruangguru",
"url": "https://www.ruangguru.com/",
"description": "Platform bimbingan belajar (bimbel) online terbesar di Indonesia untuk jenjang SD, SMP, SMA/SMK.",
"logo": {
"@type": "ImageObject",
"url": "https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg",
"width": 512,
"height": 512,
"caption": "Logo Ruangguru"
},
"image": {
"@type": "ImageObject",
"url": "https://cdn-web-2.ruangguru.com/landing-pages/assets/a8c925d1-1d46-4291-847e-b84ee94ab8f5.png?convert=webp&height=250",
"width": 1200,
"height": 630,
"caption": "Ruangguru Homepage Banner"
},
"sameAs": ["https://www.facebook.com/ruanggurucom", "https://www.instagram.com/ruangguru", "https://www.youtube.com/ruangguru", "https://www.linkedin.com/ruangguru-com", "https://www.tiktok.com/@ruangguru"],
"contactPoint": [
{
"@type": "ContactPoint",
"contactType": "customer support",
"telephone": "+62-21-30930000",
"email": "info@ruangguru.com",
"areaServed": "ID",
"availableLanguage": ["id", "en"]
}
],
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5.0",
"reviewCount": "923181"
},
"offers": {
"@type": "Offer",
"url": "https://www.ruangguru.com/ruangbelajar",
"price": "609000",
"priceCurrency": "IDR",
"availability": "https://schema.org/InStock",
"itemOffered": {
"@type": "Course",
"@id": "https://www.ruangguru.com/ruangbelajar/perpanjang-paket",
"name": "Perpanjang Paket Ruangbelajar",
"description": "Diskon menarik hingga 55% dengan berlangganan kembali paket belajar online di RuangBelajar menggunakan kode diskon khusus. Lanjutkan belajar mu sekarang!",
"courseCode": "Ruangbelajar",
"educationalLevel": "SMA",
"provider": { "@id": "https://www.ruangguru.com/" },
"image": {
"@type": "ImageObject",
"url": "https://cdn-web-2.ruangguru.com/landing-pages/assets/baf9fe36-ff02-4278-920e-268cbb74489e.png?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg",
"width": 1200,
"height": 630,
"caption": "Banner Ruangbelajar"
},
"about": [
{ "@type": "Thing", "name": "Matematika" },
{ "@type": "Thing", "name": "Kimia" },
{ "@type": "Thing", "name": "Kimia" },
{ "@type": "Thing", "name": "Biologi" }
],
"hasCourseInstance": {
"@type": "CourseInstance",
"courseMode": ["online", "video-on-demand", "live"],
"startDate": "2025-09-15",
"endDate": "2026-01-31",
"location": {
"@type": "VirtualLocation",
"url": "https://app.ruangguru.com/"
}
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"ratingCount": "647000",
"reviewCount": "647000"
},
"offers": {
"@type": "Offer",
"url": "https://www.ruangguru.com/ruangbelajar",
"price": "609000",
"priceCurrency": "IDR",
"availability": "https://schema.org/InStock",
"validFrom": "2025-09-01"
}
}
},
//Schema FAQ
"mainEntity": {
"@type": "FAQPage",
"@id": "https://www.ruangguru.com",
"name": "FAQ Ruangguru",
"mainEntity": [
{
"@type": "Question",
"name": "Bagaimana cara berlangganan Ruangguru?",
"answerCount": 1,
"acceptedAnswer": {
"@type": "Answer",
"text": "Pilih paket di halaman harga, lakukan pembayaran via metode yang tersedia, lalu akun otomatis aktif. Jika ada kendala, hubungi support di aplikasi."
}
},
{
"@type": "Question",
"name": "Apakah bimbel online Ruangguru tersedia juga dalam versi desktop/PC?",
"answerCount": 1,
"acceptedAnswer": {
"@type": "Answer",
"text": "Ya, kamu bisa langsung mengunjungi app.ruangguru.com di sini untuk mengakses ruangguru dari desktop mu ya!"
}
},
{
"@type": "Question",
"name": "Berapa harga langganan Ruangguru sekarang?",
"answerCount": 1,
"acceptedAnswer": {
"@type": "Answer",
"text": "Untuk harga paket belajar online di Ruangguru sekarang ini ada yang gratis dan berbayar. Untuk paket bimbel berbayar di Ruangguru kisaran harganya mulai dari Rp20.000 (produk roboguru plus), hingga ratusan ribu di produk ruangbelajar. Informasi yang tercantum terkait harga ini bisa berubah sewaktu-waktu tanpa pemberitahuan lebih lanjut."
}
},
{
"@type": "Question",
"name": "Apakah bimbel online di Ruangguru bisa dicicil?",
"answerCount": 1,
"acceptedAnswer": {
"@type": "Answer",
"text": "Ya. Produk-produk yang ditawarkan oleh aplikasi belajar online Ruangguru sebagian besar bisa dibayar melalui skema cicilan. Tenor pembayaran angsurannya pun bermacam-macam disesuaikan dengan kemampuan orang tua kamu."
}
},
{
"@type": "Question",
"name": "Dimana bisa mendapatkan info terkait promo dan diskon terbaru dari Ruangguru?",
"answerCount": 1,
"acceptedAnswer": {
"@type": "Answer",
"text": "Kamu bisa mengikuti sosial media Ruangguru baik di Instagram, Facebook, Twitter, Tiktok, dan Youtube untuk mendapatkan informasi terkait promo dan diskon yang sedang berlangsung di Ruangguru."
}
}
]
}
}
</script>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/assets/index-D0iHD6hu.js"></script>
</head>
<body class="hs-content-id-114645579571 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 home ">
<div class="container-floating-banner">
<a href="https://cta.ruangguru.com/ab-web-header-landing-page-rg" id="floating" class="floating-cta" data-value="new" style="display: flex" target="_blank">
<div class="floating normalize-css">
<img src="" class="img-desktop" alt="Desktop Image" style="display: none" />
<img src="" class="img-ipad" alt="iPad Image" style="display: none" />
<img src="" class="img-mobile" alt="Mobile Image" style="display: none" />
</div>
</a>
</div>
<script>
class ResponsiveHeaderImages {
constructor() {
this.breakpoints = {
MOBILE_MAX: 767,
IPAD_MIN: 768,
IPAD_MAX: 1024,
DESKTOP_MIN: 1025,
};
this.images = {
desktop: null,
ipad: null,
mobile: null,
};
this.resizeTimeout = null;
// Initialize after ensuring moment.js is available
this.ensureMomentLoaded().then(() => {
this.config = {
apiUrl: this.buildApiUrl(),
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
};
this.init();
});
}
async ensureMomentLoaded() {
if (typeof moment !== 'undefined') {
return Promise.resolve();
}
return new Promise(resolve => {
const script = document.createElement('script');
script.src = 'https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment.min.js';
script.onload = () => resolve();
document.head.appendChild(script);
});
}
buildApiUrl() {
const baseUrl = 'https://gw.ruangguru.com/api/v3/rdb/pykrulkxcsmk6h3/components/views/general';
const todaySimpleFormat = moment.utc().format('YYYY-MM-DD HH:mm:ss');
const whereClause = ['(product,eq,ruangguru)', '(type,eq,header)', '(hide,eq,0)', `(startDate,lt,exactDate,${todaySimpleFormat})`, `(endDate,gt,exactDate,${todaySimpleFormat})`].join('~and');
const params = new URLSearchParams({
offset: '0',
sort: 'position',
limit: '25',
where: whereClause,
});
const finalUrl = `${baseUrl}?${params.toString()}`;
return finalUrl;
}
async init() {
try {
await this.fetchImages();
this.setupImages();
this.handleResize();
this.setupEventListeners();
} catch (error) {
console.error('Failed to initialize responsive header images:', error);
// Fallback to default behavior if API fails
this.handleResize();
this.setupEventListeners();
}
}
async fetchImages() {
try {
const response = await fetch(this.config.apiUrl, {
method: 'GET',
headers: {
'xc-token': this.config.apiKey,
},
});
if (!response.ok) {
const errorText = await response.text();
throw new Error(`HTTP error! status: ${response.status}, response: ${errorText}`);
}
const data = await response.json();
this.processApiResponse(data);
} catch (error) {
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
console.warn('Invalid API response format');
return;
}
// Filter by date range client-side
const now = moment.utc();
const filteredItems = data.list.filter(item => {
if (!item.startDate || !item.endDate) {
console.warn('Item missing date fields:', item);
return false;
}
const startDate = moment.utc(item.startDate);
const endDate = moment.utc(item.endDate);
const isActive = now.isBetween(startDate, endDate, null, '[]'); // inclusive
return isActive;
});
// Show/destroy the banner container based on whether we have active items
const bannerContainer = document.querySelector('.container-floating-banner');
if (filteredItems.length === 0) {
if (bannerContainer) {
bannerContainer.remove();
}
return; // Exit early if no items to display
} else {
if (bannerContainer) {
bannerContainer.style.display = 'block';
}
}
// Sort by position and assign to respective image types
const sortedItems = filteredItems.sort((a, b) => a.position - b.position);
// Store the first item for countdown (if hasCountdown is enabled)
this.activeItem = sortedItems[0] || null;
sortedItems.forEach(item => {
switch (item.position) {
case 1:
this.images.desktop = item;
break;
case 2:
this.images.ipad = item;
break;
case 3:
this.images.mobile = item;
break;
}
});
// Initialize countdown if hasCountdown and we have an active item
this.initializeCountdown();
}
setupImages() {
// Set up desktop image
if (this.images.desktop) {
const desktopImg = document.querySelector('.img-desktop');
if (desktopImg) {
desktopImg.src = this.images.desktop.imageUrl + '?convert=webp&h=150';
desktopImg.alt = this.images.desktop.name || 'Desktop Image';
}
}
// Set up iPad image
if (this.images.ipad) {
const ipadImg = document.querySelector('.img-ipad');
if (ipadImg) {
ipadImg.src = this.images.ipad.imageUrl + '?convert=webp&h=150';
ipadImg.alt = this.images.ipad.name || 'iPad Image';
}
}
// Set up mobile image
if (this.images.mobile) {
const mobileImg = document.querySelector('.img-mobile');
if (mobileImg) {
mobileImg.src = this.images.mobile.imageUrl + '?convert=webp&h=150';
mobileImg.alt = this.images.mobile.name || 'Mobile Image';
}
}
}
getDeviceType(width) {
if (width <= this.breakpoints.MOBILE_MAX) {
return 'mobile';
} else if (width >= this.breakpoints.IPAD_MIN && width <= this.breakpoints.IPAD_MAX) {
return 'ipad';
} else {
return 'desktop';
}
}
updateImageVisibility() {
const width = window.innerWidth;
const deviceType = this.getDeviceType(width);
// Get all image elements
const desktopImages = document.querySelectorAll('.img-desktop');
const ipadImages = document.querySelectorAll('.img-ipad');
const mobileImages = document.querySelectorAll('.img-mobile');
// Hide all images first
[desktopImages, ipadImages, mobileImages].forEach(nodeList => {
nodeList.forEach(element => {
element.style.display = 'none';
});
});
// Show appropriate images based on device type
let activeImages;
switch (deviceType) {
case 'desktop':
activeImages = desktopImages;
break;
case 'ipad':
activeImages = ipadImages;
break;
case 'mobile':
activeImages = mobileImages;
break;
}
if (activeImages) {
activeImages.forEach(element => {
// Only show if the image has a valid src
if (element.src && element.src !== window.location.href) {
element.style.display = 'block';
}
});
}
// Adjust spacer height based on device type and banner presence
this.adjustSpacerHeight(deviceType);
}
adjustSpacerHeight(deviceType) {
const spacerElement = document.querySelector('.spacer-top');
if (!spacerElement) return;
// Check if banner is present and visible (either from API or static)
const bannerElement = document.querySelector('.container-floating-banner');
const hasBanner = bannerElement !== null && bannerElement.style.display !== 'none';
const hasStaticBanner = document.querySelector('img[class*="img-"]') !== null;
let height = '9rem';
if (!hasBanner || !hasStaticBanner) {
switch (deviceType) {
case 'desktop':
height = '5rem';
break;
case 'ipad':
height = '4rem';
break;
case 'mobile':
height = '3.5rem';
break;
default:
height = '5rem';
}
}
spacerElement.style.height = height;
}
handleResize() {
// Debounce resize events
clearTimeout(this.resizeTimeout);
this.resizeTimeout = setTimeout(() => {
this.updateImageVisibility();
}, 100);
}
setupEventListeners() {
// Set initial state
this.updateImageVisibility();
// Listen for resize events
window.addEventListener('resize', () => {
this.handleResize();
});
// Listen for orientation change (mobile devices)
if ('onorientationchange' in window) {
window.addEventListener('orientationchange', () => {
setTimeout(() => {
this.updateImageVisibility();
}, 200);
});
}
}
initializeCountdown() {
try {
// Check if countdown element exists
const hasCountdownElement = document.querySelector('.hero-timer-cta');
if (!hasCountdownElement) {
return; // No countdown element found, exit gracefully
}
let endDate = null;
// Check if this is API-driven countdown (hasCountdown)
if (this.activeItem && this.activeItem.endDate) {
try {
endDate = moment.utc(this.activeItem.endDate);
// Clear any existing countdown from the global script
if (typeof window.countdownFunction !== 'undefined') {
clearInterval(window.countdownFunction);
}
// Start API-driven countdown
this.startCountdown(endDate);
} catch (error) {
console.error('Error parsing API endDate:', error);
}
}
} catch (error) {
console.error('Error in initializeCountdown:', error);
}
}
startCountdown(endDate) {
// Clear any existing countdown
if (this.countdownInterval) {
clearInterval(this.countdownInterval);
}
this.countdownInterval = setInterval(() => {
const currentDate = moment.utc();
const difference = endDate.diff(currentDate);
if (difference <= 0) {
// Countdown finished
clearInterval(this.countdownInterval);
document.getElementById('hero-hour').innerHTML = '00';
document.getElementById('hero-minute').innerHTML = '00';
document.getElementById('hero-second').innerHTML = '00';
// Hide the floating banner
const floatingElement = document.getElementById('floating');
if (floatingElement) {
floatingElement.style.display = 'none';
}
const spacerElement = document.querySelector('.spacer-floating');
if (spacerElement) {
spacerElement.style.height = '0';
}
const headerElement = document.querySelector('.ruangguru-header');
if (headerElement) {
headerElement.style.top = '0';
}
return;
}
// Calculate time remaining
const duration = moment.duration(difference);
let days = Math.floor(duration.asDays());
let hours = duration.hours();
let minutes = duration.minutes();
let seconds = duration.seconds();
const paddedHours = String(hours).padStart(2, '0');
const paddedMinutes = String(minutes).padStart(2, '0');
const paddedSeconds = String(seconds).padStart(2, '0');
// Update countdown display
const dayElement = document.getElementById('hero-day');
const hourElement = document.getElementById('hero-hour');
const minuteElement = document.getElementById('hero-minute');
const secondElement = document.getElementById('hero-second');
// Fix the day text logic to prevent flickering
if (dayElement) {
let dayText;
if (days > 1) {
dayText = `Terbatas hanya ${days} hari lagi!`;
} else if (days === 1) {
dayText = `Terbatas hanya 1 hari lagi!`;
} else {
dayText = 'Promo berakhir hari ini!';
}
dayElement.innerHTML = dayText;
}
if (hourElement) {
hourElement.innerHTML = paddedHours;
}
if (minuteElement) {
minuteElement.innerHTML = paddedMinutes;
}
if (secondElement) {
secondElement.innerHTML = paddedSeconds;
}
}, 1000);
}
// Public method to manually refresh images from API
async refresh() {
try {
await this.fetchImages();
this.setupImages();
this.updateImageVisibility();
} catch (error) {
console.error('Failed to refresh header images:', error);
}
}
// Public method to get current images
getImages() {
return { ...this.images };
}
}
// Initialize when DOM is ready
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
window.responsiveHeaderImages = new ResponsiveHeaderImages();
});
} else {
window.responsiveHeaderImages = new ResponsiveHeaderImages();
}
</script>
<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/3a49e762-3e03-410f-96bf-25d133e49eb1.svg" alt="Logo ruangguru dark" loading="lazy" />
</div>
</a>
</div>
<div class="navigation__content">
<div class="navig-link navig-link-dropdown home" 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 home" 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 home" 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 home">
<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 home">
<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 home">
<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 home">
<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 home" 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 home">
<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">
<div class="hero-cta-wrapper">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru","cta_action":"redirection","cta_action_detail":"https://cta.ruangguru.com/lp-ruangguru-button-langganan","item_type":"button","item_name":"Beli Paket Belajar","item_category":"payment","item_position":9,"item_serial":"","section_type":"navbar","section_position":"header","section_name":"header_navbar"}'
href="https://cta.ruangguru.com/lp-ruangguru-button-langganan"
class="hero-cta"
target="_blank"
>
Beli Paket Belajar
</a>
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
<div class="body-container-wrapper">
<div class="body-container container-fluid">
<div class="spacer-top"></div>
<section id="hero-live-baon" class="hero">
<div class="page-center hero-center">
<div class="hero-wrap">
<div class="hero-left">
<h1 class="hero-title">Bimbel Online & Offline Terbesar, Terlengkap, dan Terbukti di Indonesia</h1>
<div id="variant_b">
<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="btnVariantB">
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 id="hero-right" class="hero-right">
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/c8d6923b-c6f1-4a02-a7ad-b7e9d268b138.png?convert=webp&height=320 " type="image/webp" />
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/c8d6923b-c6f1-4a02-a7ad-b7e9d268b138.png?height=320 " type="image/png" />
<img src="https://roboguru-forum-cdn.ruangguru.com/image/c8d6923b-c6f1-4a02-a7ad-b7e9d268b138.png" class="hero-img" alt="asset image hero" loading="lazy" />
</picture>
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/faf3c4c1-14cd-45bd-aa59-f8017155be37.png?convert=webp " type="image/webp" />
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/faf3c4c1-14cd-45bd-aa59-f8017155be37.png " type="image/png" />
<img src="https://roboguru-forum-cdn.ruangguru.com/image/faf3c4c1-14cd-45bd-aa59-f8017155be37.png" class="hero-img-mobile" alt="asset image hero" loading="lazy" />
</picture>
</div>
</div>
</div>
</section>
<script>
function setJoinClassHeroTrack(event) {
event.preventDefault();
const live_BAON = localStorage.getItem('__live_baon_serial__') ? JSON.parse(localStorage.getItem('__live_baon_serial__')) : '';
const newDirectUrl = `https://account.ruangguru.com/login?redirect_url=https://live.brainacademy.id/live/${
live_BAON === '' ? '' : !live_BAON.isBanned ? live_BAON.serial : ''
}?freeTrial=true&client_id=brainacademy-free-trial-live&view=login`;
Analytics.track('landing_page__core__item_click', {
product_name: 'ruangguru',
cta_action: 'redirection',
cta_action_detail: newDirectUrl,
item_type: 'button',
item_name: 'Gabung Kelas',
item_category: 'cta',
item_position: 2,
item_serial: null,
section_type: 'hero_section',
section_position: 'body',
section_name: 'hero_section',
});
window.location.href = newDirectUrl;
}
function setPlayVideoHeroTrack(event) {
event.preventDefault();
Analytics.track('landing_page__core__item_click', {
product_name: 'ruangguru',
cta_action: 'redirection',
cta_action_detail: 'https://rg-live-streaming.s3.ap-southeast-1.amazonaws.com/live_landingpage_rg/Preview+LT.mp4',
item_type: 'button',
item_name: 'Gabung Kelas',
item_category: 'cta',
item_position: 2,
item_serial: null,
section_type: 'hero_section',
section_position: 'body',
section_name: 'hero_section',
});
}
//FUNCTION onclick for Variant B & C
function getDiscountClick(clicked_obj, event) {
event.preventDefault();
const trackingName = clicked_obj.dataset.trackingName;
// if btnVariantB
if (trackingName === 'btnVariantB') {
const lsVariant = JSON.parse(localStorage.getItem('__rg_hero_variant'));
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('');
//let newRedirectUrl = `https://account.ruangguru.com/login?redirect_url=${encodeURIComponent(window.location.href)}&client_id=${encodeURIComponent('lp-ruangguru')}&view=${encodeURIComponent('lp-discount-check')}&phoneNumber=${encodeURIComponent(phone.value)}`;
let newRedirectUrl = `https://cta.ruangguru.com/lp-ruangguru-submit-nomor`;
setTimeout(function () {
Analytics.track('getDiscountClick', {
experiment_variant_name: trackingName,
phone_number: phone.value,
redirection_url: newRedirectUrl,
});
Analytics.track('landing_page__core__item_click', {
product_name: 'ruangguru',
cta_action: 'redirection',
cta_action_detail: newRedirectUrl,
item_type: 'button',
item_name: 'Dapatkan Diskon',
item_category: 'leads_gathering',
item_position: 0,
item_serial: null,
section_type: 'hero_section',
section_position: 'body',
section_name: 'hero_section',
cta_data: { phone_number: phone.value },
});
}, 10);
window.location.href = newRedirectUrl;
}
phone.reportValidity();
}
}
</script>
<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_167883570129027" 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 class="section-product-selection">
<div class="page-center">
<div class="container-ps">
<h2 class="ps-title font-all display-mobile">Semua kebutuhan belajar ada di Ruangguru</h2>
<div id="ps-paud" class="ps-card display-none">
<div class="ps-item display-flex">
<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/kursus","item_type": "button","item_name": "Kursus Ruangguru","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.ruangguru.com/for-kids/kursus"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Kursus%20Ruangguru.svg"
width="44"
height="44"
alt="Icon Kursus Ruangguru"
loading="lazy"
/>
<p class="ps-desc font-all font-black">Kursus Ruangguru</p>
</a>
</div>
<div class="ps-item display-flex">
<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": "button","item_name": "Les Privat Ekslusif","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.ruangguru.com/privat"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Privat%20Ekslusif.svg"
width="44"
height="44"
alt="Icon Les Privat Ekslusif"
loading="lazy"
/>
<p class="ps-desc font-all font-black">Les Privat Ekslusif</p>
</a>
</div>
<div class="ps-item display-flex">
<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": "button","item_name": "English Academy","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.english-academy.id/"
target="_blank"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20English%20Academy.svg"
width="44"
height="44"
alt="Icon English Academy"
loading="lazy"
/>
<p class="ps-desc font-all font-black">English Academy</p>
</a>
</div>
<div class="ps-item display-flex ps-hide">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.altaschool.id/","item_type": "button","item_name": "Alta School","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.altaschool.id/"
target="_blank"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Alta%20School.svg"
width="44"
height="44"
alt="Icon Alta School"
loading="lazy"
/>
<p class="ps-desc font-all font-black">
Alta
<br />
School
</p>
</a>
</div>
<div class="ps-item display-flex ps-hide">
<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": "button","item_name": "Kursus Coding","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.kalananti.id/"
target="_blank"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Kursus%20Coding.svg"
width="44"
height="44"
alt="Icon Kursus Coding"
loading="lazy"
/>
<p class="ps-desc font-all font-black">
Kursus
<br />
Coding
</p>
</a>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "popup","cta_action_detail": "popup_all_ruangguru_product_list","item_type": "button","item_name": "Semua","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
class="ps-item ps-btn display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Semua%20Produk.svg"
width="44"
height="44"
alt="Icon Semua Produk"
loading="lazy"
/>
<p class="ps-desc font-all font-black">
Semua
<br />
Produk
</p>
</div>
</div>
<div id="ps-sd" class="ps-card display-none">
<!-- <div class="ps-item display-flex">
<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": "button","item_name": "Animasi Dafa dan Lulu","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.ruangguru.com/dafa-lulu"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Dafa%20%26%20Lulu.svg"
width="44"
height="44"
alt="Icon Animasi Dafa dan Lulu"
loading="lazy"
/>
<p class="ps-desc font-all font-black">Animasi Dafa dan Lulu</p>
</a>
</div> -->
<div class="ps-item display-flex">
<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/tka","item_type": "button","item_name": "Persiapan TKA","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.ruangguru.com/tka"
class="ps-icon-link display-flex"
>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6bb77caa-a093-4362-8f32-b34af8181bf2.svg" width="44" height="44" alt="Icon Persiapan TKA" loading="lazy" />
<p class="ps-desc font-all font-black">Persiapan TKA</p>
</a>
</div>
<div class="ps-item display-flex">
<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": "button","item_name": "Video Belajar dan Soal","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.ruangguru.com/ruangbelajar"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Video%20Belajar.svg"
width="44"
height="44"
alt="Icon Video Belajar"
loading="lazy"
/>
<p class="ps-desc font-all font-black">Video Belajar dan Soal</p>
</a>
</div>
<div class="ps-item display-flex ps-hide">
<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": "button","item_name": "Bimbel Online Interaktif","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://kelas.brainacademy.id/"
target="_blank"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Brain%20Academy.svg"
width="44"
height="44"
alt="Icon Bimbel Online Interaktif"
loading="lazy"
/>
<p class="ps-desc font-all font-black">Bimbel Online Interaktif</p>
</a>
</div>
<div class="ps-item display-flex">
<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": "button","item_name": "Les Privat Ekslusif","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.ruangguru.com/privat"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Privat%20Ekslusif.svg"
width="44"
height="44"
alt="Icon Les Privat Ekslusif"
loading="lazy"
/>
<p class="ps-desc font-all font-black">Les Privat Ekslusif</p>
</a>
</div>
<div class="ps-item display-flex ps-hide">
<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": "button","item_name": "English Academy","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.english-academy.id/"
target="_blank"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20English%20Academy.svg"
width="44"
height="44"
alt="Icon English Academy"
loading="lazy"
/>
<p class="ps-desc font-all font-black">English Academy</p>
</a>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "popup","cta_action_detail": "popup_all_ruangguru_product_list","item_type": "button","item_name": "Semua","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
class="ps-item ps-btn display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Semua%20Produk.svg"
width="44"
height="44"
alt="Icon Semua Produk"
loading="lazy"
/>
<p class="ps-desc font-all font-black">
Semua
<br />
Produk
</p>
</div>
</div>
<div id="ps-smp" class="ps-card display-none">
<div class="ps-item display-flex">
<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/tka","item_type": "button","item_name": "Persiapan TKA","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.ruangguru.com/tka"
class="ps-icon-link display-flex"
>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6bb77caa-a093-4362-8f32-b34af8181bf2.svg" width="44" height="44" alt="Icon Persiapan TKA" loading="lazy" />
<p class="ps-desc font-all font-black">Persiapan TKA</p>
</a>
</div>
<div class="ps-item display-flex">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://kelas.brainacademy.id","item_type": "button","item_name": "Bimbel Online Interaktif","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://kelas.brainacademy.id"
target="_blank"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Brain%20Academy.svg"
width="44"
height="44"
alt="Icon Bimbel Online Interaktif"
loading="lazy"
/>
<p class="ps-desc font-all font-black">Bimbel Online Interaktif</p>
</a>
</div>
<div class="ps-item display-flex">
<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": "button","item_name": "Bimbel Tatap Muka","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.brainacademy.id"
target="_blank"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Brain%20Academy%20Center.svg"
width="44"
height="44"
alt="Icon Bimbel Tatap Muka"
loading="lazy"
/>
<p class="ps-desc font-all font-black">
Bimbel
<br />
Tatap Muka
</p>
</a>
</div>
<div class="ps-item display-flex ps-hide">
<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": "button","item_name": "Video Belajar dan Soal","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.ruangguru.com/ruangbelajar"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Video%20Belajar.svg"
width="44"
height="44"
alt="Icon Video Belajar"
loading="lazy"
/>
<p class="ps-desc font-all font-black">Video Belajar dan Soal</p>
</a>
</div>
<div class="ps-item display-flex ps-hide">
<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": "button","item_name": "English Academy","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.english-academy.id/"
target="_blank"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20English%20Academy.svg"
width="44"
height="44"
alt="Icon English Academy"
loading="lazy"
/>
<p class="ps-desc font-all font-black">English Academy</p>
</a>
</div>
<div
class="ps-item ps-btn display-flex"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "popup","cta_action_detail": "popup_all_ruangguru_product_list","item_type": "button","item_name": "Semua","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Semua%20Produk.svg"
width="44"
height="44"
alt="Icon Semua Produk"
loading="lazy"
/>
<p class="ps-desc font-all font-black">
Semua
<br />
Produk
</p>
</div>
</div>
<div id="ps-sma" class="ps-card display-none">
<div class="ps-item display-flex">
<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/utbk-snbt","item_type": "button","item_name": "Persiapan UTBK-SNBT","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.ruangguru.com/utbk-snbt"
class="ps-icon-link display-flex"
>
<div class="utbk-icon-wrapper">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/icon-utbk-persiapan.svg"
width="44"
height="44"
alt="Icon Persiapan UTBK"
loading="lazy"
/>
<p class="utbk-highlight">INTENSIF</p>
</div>
<p class="ps-desc font-all font-black utbk-snbt-title">Persiapan UTBK-SNBT</p>
</a>
</div>
<div class="ps-item display-flex">
<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": "button","item_name": "Bimbel Tatap Muka","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.brainacademy.id"
target="_blank"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Brain%20Academy%20Center.svg"
width="44"
height="44"
alt="Icon Bimbel Tatap Muka"
loading="lazy"
/>
<p class="ps-desc font-all font-black">
Bimbel
<br />
Tatap Muka
</p>
</a>
</div>
<div class="ps-item display-flex">
<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": "button","item_name": "Bimbel Online Interaktif","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://kelas.brainacademy.id"
target="_blank"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Brain%20Academy.svg"
width="44"
height="44"
alt="Icon Bimbel Online Interaktif"
loading="lazy"
/>
<p class="ps-desc font-all font-black">Bimbel Online Interaktif</p>
</a>
</div>
<div class="ps-item display-flex ps-hide">
<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": "button","item_name": "Video Belajar dan Soal","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.ruangguru.com/ruangbelajar"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Video%20Belajar.svg"
width="44"
height="44"
alt="Icon Video Belajar"
loading="lazy"
/>
<p class="ps-desc font-all font-black">Video Belajar dan Soal</p>
</a>
</div>
<div class="ps-item display-flex ps-hide">
<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": "button","item_name": "English Academy","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.english-academy.id/"
target="_blank"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20English%20Academy.svg"
width="44"
height="44"
alt="Icon English Academy"
loading="lazy"
/>
<p class="ps-desc font-all font-black">English Academy</p>
</a>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "popup","cta_action_detail": "popup_all_ruangguru_product_list","item_type": "button","item_name": "Semua","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
class="ps-item ps-btn display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Semua%20Produk.svg"
width="44"
height="44"
alt="Icon Semua Produk"
loading="lazy"
/>
<p class="ps-desc font-all font-black">
Semua
<br />
Produk
</p>
</div>
</div>
<div id="ps-utbk" class="ps-card display-flex">
<div class="ps-item display-flex">
<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/utbk-snbt","item_type": "button","item_name": "Persiapan UTBK-SNBT","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.ruangguru.com/utbk-snbt"
class="ps-icon-link display-flex"
>
<div class="utbk-icon-wrapper">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/icon-utbk-persiapan.svg"
width="44"
height="44"
alt="Icon Persiapan UTBK"
loading="lazy"
/>
<p class="utbk-highlight">INTENSIF</p>
</div>
<p class="ps-desc font-all font-black utbk-snbt-title">Persiapan UTBK-SNBT</p>
</a>
</div>
<div class="ps-item display-flex">
<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": "button","item_name": "Bimbel Tatap Muka","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.brainacademy.id"
target="_blank"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Brain%20Academy%20Center.svg"
width="44"
height="44"
alt="Icon Bimbel Tatap Muka"
loading="lazy"
/>
<p class="ps-desc font-all font-black">
Bimbel
<br />
Tatap Muka
</p>
</a>
</div>
<div class="ps-item display-flex">
<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": "button","item_name": "Bimbel Online Interaktif","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://kelas.brainacademy.id"
target="_blank"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Brain%20Academy.svg"
width="44"
height="44"
alt="Icon Bimbel Online Interaktif"
loading="lazy"
/>
<p class="ps-desc font-all font-black">Bimbel Online Interaktif</p>
</a>
</div>
<div class="ps-item display-flex ps-hide">
<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": "button","item_name": "Video Belajar dan Soal","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.ruangguru.com/ruangbelajar"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Video%20Belajar.svg"
width="44"
height="44"
alt="Icon Video Belajar"
loading="lazy"
/>
<p class="ps-desc font-all font-black">Video Belajar dan Soal</p>
</a>
</div>
<div class="ps-item display-flex ps-hide">
<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": "button","item_name": "English Academy","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
href="https://www.english-academy.id/"
target="_blank"
class="ps-icon-link display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20English%20Academy.svg"
width="44"
height="44"
alt="Icon English Academy"
loading="lazy"
/>
<p class="ps-desc font-all font-black">English Academy</p>
</a>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "popup","cta_action_detail": "popup_all_ruangguru_product_list","item_type": "button","item_name": "Semua","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "ruangguru_product_recommendation"}'
class="ps-item ps-btn display-flex"
>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Semua%20Produk.svg"
width="44"
height="44"
alt="Icon Semua Produk"
loading="lazy"
/>
<p class="ps-desc font-all font-black">
Semua
<br />
Produk
</p>
</div>
</div>
</div>
</div>
<!-- The Modal -->
<div id="productSelectionModal" class="modal-ps">
<!-- Modal content -->
<div class="modal-content-ps">
<div class="modal-body-ps">
<span
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "close","cta_action_detail": "close_popup_all_ruangguru_product_list","item_type": "button","item_name": "Close","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
class="close-ps"
>
×
</span>
<p class="modal-ps-title font-all font-black">Produk apa yang ingin dicoba?</p>
<div class="modal-ps-grade display-flex">
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_level_selection","item_type": "button","item_name": "Semua","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
class="font-all font-black"
value="Semua"
>
<div class="ps-grade-container-active">Semua</div>
</button>
<button class="font-all font-black" value="PAUD">
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_level_selection","item_type": "button","item_name": "PAUD","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
class="ps-grade-container"
>
PAUD
</div>
</button>
<button class="font-all font-black" value="SD">
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_level_selection","item_type": "button","item_name": "SD","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
class="ps-grade-container"
>
SD
</div>
</button>
<button class="font-all font-black" value="SMP">
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_level_selection","item_type": "button","item_name": "SMP","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
class="ps-grade-container"
>
SMP
</div>
</button>
<button class="font-all font-black" value="SMA">
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_level_selection","item_type": "button","item_name": "SMA","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
class="ps-grade-container"
>
SMA
</div>
</button>
<button class="font-all font-black" value="UTBK">
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_level_selection","item_type": "button","item_name": "UTBK","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
class="ps-grade-container"
>
UTBK
</div>
</button>
</div>
<div class="modal-ps-product-container">
<p class="modal-ps-subtitle font-all font-black">Video Belajar</p>
<div class="modal-ps-products">
<div class="ps-product-container display-flex" data-category="SEMUA,SD,SMP,SMA">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Video%20Belajar.svg"
width="44"
height="44"
alt="Icon Video Belajar"
loading="lazy"
/>
<div class="ps-product-info">
<a
id="link-pop-ruangbelajar"
class="ps-product-link"
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_description": "Video adaptif yang menyesuaikan kecepatan belajar, dilengkapi latihan soal dan rangkuman","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
href="https://www.ruangguru.com/ruangbelajar"
>
<p class="ps-product-title font-all font-black">ruangbelajar</p>
<p class="ps-product-subtitle font-all">Video adaptif yang menyesuaikan kecepatan belajar, dilengkapi latihan soal dan rangkuman</p>
</a>
</div>
</div>
<div class="ps-product-container mb-dashed display-flex" data-category="SEMUA,SD">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Dafa%20%26%20Lulu.svg"
width="44"
height="44"
alt="Icon Dafa Lulu"
loading="lazy"
/>
<div class="ps-product-info">
<a
id="link-pop-dafa-lulu"
class="ps-product-link"
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": "Dafa & Lulu", "item_description": "Belajar sambil bermain dengan karakter Dafa & Lulu dalam video beranimasi interaktif","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
href="https://www.ruangguru.com/dafa-lulu"
>
<p class="ps-product-title font-all font-black">Dafa & Lulu</p>
<p class="ps-product-subtitle font-all">Belajar sambil bermain dengan karakter Dafa & Lulu dalam video beranimasi interaktif</p>
</a>
</div>
</div>
</div>
</div>
<div class="modal-ps-product-container">
<p class="modal-ps-subtitle font-all font-black">Belajar langsung bersama guru</p>
<div class="modal-ps-products">
<div class="ps-product-container display-flex" data-category="SEMUA,SMP,SMA,UTBK">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Brain%20Academy%20Center.svg"
width="44"
height="44"
alt="Icon Bimbel Tatap Muka"
loading="lazy"
/>
<div class="ps-product-info">
<a
id="link-pop-bac"
class="ps-product-link"
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 Center","item_description":"Bimbel kombinasi tatap muka dan online yang tersedia di lebih dari 270 cabang se-Indonesia","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
href="https://www.brainacademy.id"
target="_blank"
>
<p class="ps-product-title font-all font-black">Brain Academy Center</p>
<p class="ps-product-subtitle font-all">Bimbel kombinasi tatap muka dan online yang tersedia di lebih dari 270 cabang se-Indonesia</p>
</a>
</div>
</div>
<div class="ps-product-container display-flex" data-category="SEMUA,SD,SMP,SMA,UTBK">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Brain%20Academy.svg"
width="44"
height="44"
alt="Icon Bimbel Online Interaktif"
loading="lazy"
/>
<div class="ps-product-info">
<a
id="link-pop-bao"
class="ps-product-link"
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": "Brain Academy Online","item_description":"Bimbel online interaktif dengan Live Teaching bersama Star Master Teacher","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
href="https://kelas.brainacademy.id/"
target="_blank"
>
<p class="ps-product-title font-all font-black">Brain Academy Online</p>
<p class="ps-product-subtitle font-all">Bimbel online interaktif dengan Live Teaching bersama Star Master Teacher</p>
</a>
</div>
</div>
<div class="ps-product-container display-flex" data-category="SEMUA,PAUD,SD,SMP,SMA,UTBK">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20English%20Academy.svg"
width="44"
height="44"
alt="Icon English Academy"
loading="lazy"
/>
<div class="ps-product-info">
<a
id="link-pop-ea"
class="ps-product-link"
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_description":"Kursus Bahasa Inggris dengan kurikulum Cambridge dan pengajar tersertifikasi","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
href="https://www.english-academy.id/"
target="_blank"
>
<p class="ps-product-title font-all font-black">English Academy</p>
<p class="ps-product-subtitle font-all">Kursus Bahasa Inggris dengan kurikulum Cambridge dan pengajar tersertifikasi</p>
</a>
</div>
</div>
<div class="ps-product-container display-flex" data-category="SEMUA,SMP,SMA,UTBK">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Roboguru%20Plus.svg"
width="44"
height="44"
alt="Icon Roboguru Plus"
loading="lazy"
/>
<div class="ps-product-info">
<a
id="link-pop-robo-plus"
class="ps-product-link"
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": "Roboguru Plus","item_description":"Tanya PR atau materi sulit lewat chat ke tutor yang standby 24 jam","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
href="https://www.ruangguru.com/roboguruplus"
>
<p class="ps-product-title font-all font-black">Roboguru Plus</p>
<p class="ps-product-subtitle font-all">Tanya PR atau materi sulit lewat chat ke tutor yang standby 24 jam</p>
</a>
</div>
</div>
<div class="ps-product-container display-flex" data-category="SEMUA,PAUD,SD,SMP,SMA,UTBK">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Kelas%20Privat.svg"
width="44"
height="44"
alt="Icon Ruangguru Privat"
loading="lazy"
/>
<div class="ps-product-info">
<a
id="link-pop-ruangles"
class="ps-product-link"
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": "Ruangguru Privat","item_description":"Les privat eksklusif bersama pengajar berpengalaman dari lulusan terbaik","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
href="https://www.ruangguru.com/privat"
>
<p class="ps-product-title font-all font-black">Ruangguru Privat</p>
<p class="ps-product-subtitle font-all">Les privat eksklusif bersama pengajar berpengalaman dari lulusan terbaik</p>
</a>
</div>
</div>
<div class="ps-product-container display-flex" data-category="SEMUA,PAUD,SD">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Kursus%20Ruangguru.svg"
width="44"
height="44"
alt="Icon Kursus Ruangguru"
loading="lazy"
/>
<div class="ps-product-info">
<a
id="link-pop-rgfk"
class="ps-product-link"
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/kursus","item_type": "link","item_name": "Kursus Ruangguru For Kids","item_description":"Kursus online calistung, Sains, Matematika, hingga baca dan tulis Al-Qur’an","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
href="https://www.ruangguru.com/for-kids/kursus"
>
<p class="ps-product-title font-all font-black">Kursus Ruangguru For Kids</p>
<p class="ps-product-subtitle font-all">Kursus online calistung, Sains, Matematika, hingga baca dan tulis Al-Qur’an</p>
</a>
</div>
</div>
<div class="ps-product-container display-flex" data-category="SEMUA,PAUD">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Alta%20School.svg"
width="44"
height="44"
alt="Icon Alta School"
loading="lazy"
/>
<div class="ps-product-info">
<a
id="link-pop-alta"
class="ps-product-link"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.altaschool.id/","item_type": "link","item_name": "Alta School","item_description":"Sekolah online interaktif dengan Live Teaching dan aktivitas pengembangan minat bakat","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
href="https://www.altaschool.id/"
target="_blank"
>
<p class="ps-product-title font-all font-black">Alta School</p>
<p class="ps-product-subtitle font-all">Sekolah online interaktif dengan Live Teaching dan aktivitas pengembangan minat bakat</p>
</a>
</div>
</div>
<div class="ps-product-container mb-dashed display-flex" data-category="SEMUA,PAUD,SD,SMP">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Kursus%20Coding.svg"
width="44"
height="44"
alt="Icon Kursus Coding"
loading="lazy"
/>
<div class="ps-product-info">
<a
id="link-pop-kalananti"
class="ps-product-link"
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": "Kursus Coding by Kalananti","item_description":"Kursus coding dengan kurikulum programming yang mengasah kreativitas","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
href="https://www.kalananti.id/"
target="_blank"
>
<p class="ps-product-title font-all font-black">Kursus Coding by Kalananti</p>
<p class="ps-product-subtitle font-all">Kursus coding dan robotic anak untuk mengasah logika dan kreativitas</p>
</a>
</div>
</div>
</div>
</div>
<div class="modal-ps-product-container">
<p class="modal-ps-subtitle font-all font-black">Latihan soal dan ujian</p>
<div class="modal-ps-products">
<div class="ps-product-container display-flex" data-category="SEMUA,UTBK">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/icon-utbk-persiapan.svg"
width="44"
height="44"
alt="Icon Persiapan UTBK"
loading="lazy"
/>
<div class="ps-product-info">
<a
id="link-pop-tryout"
class="ps-product-link"
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": "Tryout","item_description":"Simulasi ujian PTS, PAS, dan UTBK dengan sistem penilaian item response theory (IRT)","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
href="https://www.ruangguru.com/ruanguji"
>
<p class="ps-product-title font-all font-black">Tryout</p>
<p class="ps-product-subtitle font-all">Simulasi ujian PTS, PAS, dan UTBK dengan sistem penilaian item response theory (IRT)</p>
</a>
</div>
</div>
<div class="ps-product-container mb-dashed display-flex" data-category="SEMUA,">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Roboguru.svg"
width="44"
height="44"
alt="Icon Roboguru"
loading="lazy"
/>
<div class="ps-product-info">
<a
id="link-pop-roboguru"
class="ps-product-link"
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_description":"Tanya jawab soal dengan guru dan teman sambil mengumpulkan hadiah Gold dan XP","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
href="https://roboguru.ruangguru.com/"
target="_blank"
>
<p class="ps-product-title font-all font-black">Roboguru</p>
<p class="ps-product-subtitle font-all">Tanya jawab soal dengan guru dan teman sambil mengumpulkan hadiah Gold dan XP</p>
</a>
</div>
</div>
</div>
</div>
<div class="modal-ps-product-container">
<p class="modal-ps-subtitle font-all font-black">Persiapan masuk kampus impian</p>
<div class="modal-ps-products">
<div class="ps-product-container display-flex" data-category="SEMUA,UTBK">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20UTBK%20Center.svg"
width="44"
height="44"
alt="Icon UTBK Center"
loading="lazy"
/>
<div class="ps-product-info">
<a
id="link-pop-utbk-center"
class="ps-product-link"
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/utbk-sbmptn","item_type": "link","item_name": "UTBK Center","item_description":"Persiapan Tes Skolastik UTBK-SNBT untuk persiapan masuk kampus impian","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
href="https://www.ruangguru.com/utbk-sbmptn"
>
<p class="ps-product-title font-all font-black">UTBK Center</p>
<p class="ps-product-subtitle font-all">Persiapan Tes Skolastik UTBK-SNBT untuk persiapan masuk kampus impian</p>
</a>
</div>
</div>
<div class="ps-product-container display-flex" data-category="SEMUA,UTBK">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Schoters.svg"
width="44"
height="44"
alt="Icon Schoters"
loading="lazy"
/>
<div class="ps-product-info">
<a
id="link-pop-schoters"
class="ps-product-link"
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/id","item_type": "link","item_name": "Schoters","item_description":"Platform bimbingan kuliah di luar negeri, mulai dari pendaftaran hingga simulasi wawancara","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
href="https://www.schoters.com/id"
target="_blank"
>
<p class="ps-product-title font-all font-black">Schoters</p>
<p class="ps-product-subtitle font-all">Platform bimbingan kuliah di luar negeri, mulai dari pendaftaran hingga simulasi wawancara</p>
</a>
</div>
</div>
<div class="ps-product-container display-flex" data-category="SEMUA,UTBK">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Product%20Selection/Icon%20Schoters.svg"
width="44"
height="44"
alt="Icon Schoters"
loading="lazy"
/>
<div class="ps-product-info">
<a
id="link-pop-kampus-hub"
class="ps-product-link"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://app.ruangguru.com/kampus","item_type": "link","item_name": "Kampus Hub Ruangguru","item_description":"Kumpulan informasi lengkap seputar kampus dan program studi terbaru","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_all_ruangguru_product_list"}'
href="https://app.ruangguru.com/kampus"
target="_blank"
>
<p class="ps-product-title font-all font-black">Kampus Hub Ruangguru</p>
<p class="ps-product-subtitle font-all">Kumpulan informasi lengkap seputar kampus dan program studi terbaru</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- The Modal -->
</section>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="packages-component">
<!-- Pilih Jenjang -->
<div class="section-level" id="section-level">
<div class="page-center">
<div class="jenjang" id="jenjang">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Star-2.svg" alt="star-icon" class="jenjang-star" />
<h2 class="title-package">Paket populer untuk</h2>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "popup","cta_action_detail": "popup_grade_selection","item_type": "button","item_name": "Jenjang","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "package_list","section_position": "body","section_name": "package_popular"}'
id="jenjangBtn"
>
<span id="textLevel">SMA</span>
<span id="textGrade"></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" class="jenjang-arrow" />
</button>
</div>
<!-- The Modal -->
<div id="jenjangModal" class="modal-jenjang">
<!-- Modal content -->
<div class="modal-content-jenjang">
<div class="modal-body-jenjang">
<span
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "close","cta_action_detail": "close_popup_grade_selection","item_type": "button","item_name": "Close","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
class="close-jenjang"
>
×
</span>
<p class="modal-jenjang-title">Selamat datang di Ruangguru!</p>
<p class="modal-jenjang-subtitle">Ingin tahu produk untuk jenjang apa?</p>
<div class="modal-jenjang-button-wrapper">
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "PAUD","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-level"
value="paud"
data-value="usia-7-tahun"
>
PAUD
</button>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "SD","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-level"
value="sd"
>
SD
</button>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "SMP","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-level"
value="smp"
>
SMP
</button>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "SMA","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-level active-btn-level"
value="sma"
>
SMA
</button>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "UTBK-SNBT","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-level ini-utbk"
value="utbk-snbt"
data-value="kelas-utbk"
>
UTBK-SNBT
</button>
</div>
<div class="modal-jenjang-kelas-wrapper">
<p class="modal-jenjang-subtitle">Pilih kelas</p>
<div class="modal-jenjang-button-wrapper">
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "Kelas 1","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-grade"
value="kelas-1-sd"
data-jenjang="sd"
>
Kelas 1
</button>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "Kelas 2","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-grade"
value="kelas-2-sd"
data-jenjang="sd"
>
Kelas 2
</button>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "Kelas 3","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-grade"
value="kelas-3-sd"
data-jenjang="sd"
>
Kelas 3
</button>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "Kelas 4","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-grade"
value="kelas-4-sd"
data-jenjang="sd"
>
Kelas 4
</button>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "Kelas 5","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-grade"
value="kelas-5-sd"
data-jenjang="sd"
>
Kelas 5
</button>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "Kelas 6","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-grade"
value="kelas-6-sd"
data-jenjang="sd"
>
Kelas 6
</button>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "Kelas 7","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-grade"
value="kelas-7-smp"
data-jenjang="smp"
>
Kelas 7
</button>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "Kelas 8","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-grade"
value="kelas-8-smp"
data-jenjang="smp"
>
Kelas 8
</button>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "Kelas 9","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-grade"
value="kelas-9-smp"
data-jenjang="smp"
>
Kelas 9
</button>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "Kelas 10 IPA","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-grade"
value="kelas-10-ipa"
data-jenjang="sma"
>
Kelas 10
</button>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "Kelas 11 IPA","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-grade"
value="kelas-11-ipa"
data-jenjang="sma"
>
Kelas 11
</button>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "selection","cta_action_detail": "grade_selection","item_type": "button","item_name": "Kelas 12 IPA","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "popup","section_position": "body","section_name": "popup_grade_selection"}'
type="button"
class="btn-grade"
value="kelas-12-ipa"
data-jenjang="sma"
>
Kelas 12
</button>
</div>
</div>
</div>
</div>
</div>
<!-- The Modal -->
</div>
</div>
<div class="section-packages" id="section-packages">
<div class="page-center">
<div id="packagesContainer"></div>
</div>
</div>
</div>
<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_168361612115560" 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">
<script>
function setJoinClassSectionTrack(event) {
event.preventDefault();
const cookieId = getCookie('__rg_cookie_id__');
const live_BAON = localStorage.getItem('__live_baon_serial__') ? JSON.parse(localStorage.getItem('__live_baon_serial__')) : '';
// note: for future live baon reference const newDirectUrl = `https://account-staging.ruangguru.com/login?redirect_url=${!live_BAON.isBanned ? `https://live-teaching-ba-staging.sirogu.com/live/${live_BAON.serial}?freeTrial=true` : ""}&client_id=brainacademy-free-trial-live&view=login`;
// note: for future live baon reference const newDirectUrl = `https://account.ruangguru.com/login?redirect_url=https://live.brainacademy.id/live/${live_BAON === ""? "" : !live_BAON.isBanned? live_BAON.serial : ""}?freeTrial=true&client_id=brainacademy-free-trial-live&view=login`;
const newDirectUrl = `https://live.brainacademy.id/live/${
live_BAON === '' ? '' : !live_BAON.isBanned ? live_BAON.serial : ''
}?freeTrial=true&client_id=brainacademy-free-trial-live&referralCookiesId=${cookieId}`;
Analytics.track('landing_page__core__item_click', {
product_name: 'ruangguru',
cta_action: 'redirection',
cta_action_detail: newDirectUrl,
item_type: 'button',
item_name: 'Gabung Kelas',
item_category: 'cta',
item_position: 1,
item_serial: null,
section_type: 'product_list',
section_position: 'body',
section_name: 'Coba GRATIS kelas online Brain Academy!',
});
window.location.href = newDirectUrl;
}
function setPlayVideoSectionTrack(event) {
event.preventDefault();
Analytics.track('landing_page__core__item_click', {
product_name: 'ruangguru',
cta_action: 'redirection',
cta_action_detail: 'https://rg-live-streaming.s3.ap-southeast-1.amazonaws.com/live_landingpage_rg/Preview+LT.mp4',
item_type: 'button',
item_name: 'Gabung Kelas',
item_category: 'cta',
item_position: 0,
item_serial: null,
section_type: 'hero_section',
section_position: 'body',
section_name: 'hero_section',
});
}
</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_167883590548243" 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 class="promo">
<div class="page-center">
<div class="promo-wrap">
<div class="promo-left">
<button class="promo-popup-mobile" id="promoBtn" type="button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Header%20dan%20Hero/btn-promo-mobile.svg" alt="icon promo" />
</button>
<p class="title-promo font-all">
Lihat beragam
<b>promo spesial</b>
untukmu di
<br class="ps-hide" />
<b>
bulan
<span id="promo-month"></span>
</b>
</p>
<img class="promo-img" src="https://roboguru-forum-cdn.ruangguru.com/image/239d9bd1-76a6-4d30-ae05-48d83f4acace.png" alt="image promo" />
<img class="promo-img-mobile" src="https://roboguru-forum-cdn.ruangguru.com/image/1405be86-930b-47f9-9282-3bb09cde3894.png" alt="image promo" />
</div>
<div class="promo-right">
<div class="slide-promo">
<a
class="item-promo"
href="https://www.ruangguru.com/promo/byu"
target="_self"
data-tracking-event-type="landing_page__core__item_click"
data-promo-cta="https://www.ruangguru.com/promo/byu"
data-promo-title="Promo By.U"
data-promo-position="5"
data-tracking-context='{"product_name":"ruangguru","cta_action":"redirection","item_type":"banner","item_category":"promotion","item_serial":"","section_type":"promotion_list","section_position":"body","section_name":"monthly_special_promo"}'
>
<picture>
<source
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?convert=webp&height=240 "
type="image/webp"
/>
<source
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?height=240 "
type="image/png"
/>
<img
class="image-asset-promo"
width="536"
height="228"
alt="0"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=536&height=228&name=bni-mar-jun-mobile.jpeg"
data-img-promo-url="https://www.ruangguru.com/promo/byu"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=268&height=114&name=bni-mar-jun-mobile.jpeg 268w, https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=536&height=228&name=bni-mar-jun-mobile.jpeg 536w, https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=804&height=342&name=bni-mar-jun-mobile.jpeg 804w, https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1072&height=456&name=bni-mar-jun-mobile.jpeg 1072w, https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1340&height=570&name=bni-mar-jun-mobile.jpeg 1340w, https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1608&height=684&name=bni-mar-jun-mobile.jpeg 1608w"
sizes="(max-width: 536px) 100vw, 536px"
/>
</picture>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- The Modal -->
<div id="promoModal" class="modal-pr">
<div class="modal-content-pr">
<!-- Modal content -->
<div class="modal-content-pr">
<div class="modal-header-pr">
<span class="close-pr">×</span>
<h2 class="title-modal-pr font-all">
Promo spesial Bulan
<span id="month-pr"></span>
</h2>
</div>
<div class="modal-body-pr">
<a
class="item-promo"
href="https://www.ruangguru.com/promo/tokopedia"
target="_self"
data-tracking-event-type="landing_page__core__item_click"
data-promo-cta="https://www.ruangguru.com/promo/tokopedia"
data-promo-title="Promo Tokopedia Official Store"
data-promo-position="0"
data-tracking-context='{"product_name":"ruangguru","cta_action":"redirection","item_type":"banner","item_category":"promotion","item_serial":"","section_type":"promotion_list","section_position":"body","section_name":"monthly_special_promo"}'
>
<picture>
<source
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e65351f-81de-4dda-a1a0-3ae9d154d8a5.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?convert=webp&height=240 "
type="image/webp"
/>
<source
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e65351f-81de-4dda-a1a0-3ae9d154d8a5.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?height=240 "
type="image/png"
/>
<img
class="image-asset-pr"
width="536"
height="228"
alt="0"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e65351f-81de-4dda-a1a0-3ae9d154d8a5.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=536&height=228&name=bni-mar-jun-mobile.jpeg"
data-img-promo-url="https://www.ruangguru.com/promo/tokopedia"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e65351f-81de-4dda-a1a0-3ae9d154d8a5.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=268&height=114&name=bni-mar-jun-mobile.jpeg 268w, https://cdn-web-2.ruangguru.com/landing-pages/assets/2e65351f-81de-4dda-a1a0-3ae9d154d8a5.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=536&height=228&name=bni-mar-jun-mobile.jpeg 536w, https://cdn-web-2.ruangguru.com/landing-pages/assets/2e65351f-81de-4dda-a1a0-3ae9d154d8a5.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=804&height=342&name=bni-mar-jun-mobile.jpeg 804w, https://cdn-web-2.ruangguru.com/landing-pages/assets/2e65351f-81de-4dda-a1a0-3ae9d154d8a5.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1072&height=456&name=bni-mar-jun-mobile.jpeg 1072w, https://cdn-web-2.ruangguru.com/landing-pages/assets/2e65351f-81de-4dda-a1a0-3ae9d154d8a5.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1340&height=570&name=bni-mar-jun-mobile.jpeg 1340w, https://cdn-web-2.ruangguru.com/landing-pages/assets/2e65351f-81de-4dda-a1a0-3ae9d154d8a5.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1608&height=684&name=bni-mar-jun-mobile.jpeg 1608w"
sizes="(max-width: 536px) 100vw, 536px"
/>
</picture>
</a>
<a
class="item-promo"
href="https://www.ruangguru.com/promo/tokopediabelajar"
target="_self"
data-tracking-event-type="landing_page__core__item_click"
data-promo-cta="https://www.ruangguru.com/promo/tokopediabelajar"
data-promo-title="Promo Tokopedia Belajar"
data-promo-position="1"
data-tracking-context='{"product_name":"ruangguru","cta_action":"redirection","item_type":"banner","item_category":"promotion","item_serial":"","section_type":"promotion_list","section_position":"body","section_name":"monthly_special_promo"}'
>
<picture>
<source
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/a21312b9-3578-46c9-a98e-218e3b041d4b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?convert=webp&height=240 "
type="image/webp"
/>
<source
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/a21312b9-3578-46c9-a98e-218e3b041d4b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?height=240 "
type="image/png"
/>
<img
class="image-asset-pr"
width="536"
height="228"
alt="0"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a21312b9-3578-46c9-a98e-218e3b041d4b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=536&height=228&name=bni-mar-jun-mobile.jpeg"
data-img-promo-url="https://www.ruangguru.com/promo/tokopediabelajar"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/a21312b9-3578-46c9-a98e-218e3b041d4b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=268&height=114&name=bni-mar-jun-mobile.jpeg 268w, https://cdn-web-2.ruangguru.com/landing-pages/assets/a21312b9-3578-46c9-a98e-218e3b041d4b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=536&height=228&name=bni-mar-jun-mobile.jpeg 536w, https://cdn-web-2.ruangguru.com/landing-pages/assets/a21312b9-3578-46c9-a98e-218e3b041d4b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=804&height=342&name=bni-mar-jun-mobile.jpeg 804w, https://cdn-web-2.ruangguru.com/landing-pages/assets/a21312b9-3578-46c9-a98e-218e3b041d4b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1072&height=456&name=bni-mar-jun-mobile.jpeg 1072w, https://cdn-web-2.ruangguru.com/landing-pages/assets/a21312b9-3578-46c9-a98e-218e3b041d4b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1340&height=570&name=bni-mar-jun-mobile.jpeg 1340w, https://cdn-web-2.ruangguru.com/landing-pages/assets/a21312b9-3578-46c9-a98e-218e3b041d4b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1608&height=684&name=bni-mar-jun-mobile.jpeg 1608w"
sizes="(max-width: 536px) 100vw, 536px"
/>
</picture>
</a>
<a
class="item-promo"
href="https://www.ruangguru.com/promo/blibli"
target="_self"
data-tracking-event-type="landing_page__core__item_click"
data-promo-cta="https://www.ruangguru.com/promo/blibli"
data-promo-title="Promo Blibli"
data-promo-position="2"
data-tracking-context='{"product_name":"ruangguru","cta_action":"redirection","item_type":"banner","item_category":"promotion","item_serial":"","section_type":"promotion_list","section_position":"body","section_name":"monthly_special_promo"}'
>
<picture>
<source
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/a9ed01b4-871c-4376-b752-fbda6c8a7d65.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?convert=webp&height=240 "
type="image/webp"
/>
<source
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/a9ed01b4-871c-4376-b752-fbda6c8a7d65.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?height=240 "
type="image/png"
/>
<img
class="image-asset-pr"
width="536"
height="228"
alt="0"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a9ed01b4-871c-4376-b752-fbda6c8a7d65.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=536&height=228&name=bni-mar-jun-mobile.jpeg"
data-img-promo-url="https://www.ruangguru.com/promo/blibli"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/a9ed01b4-871c-4376-b752-fbda6c8a7d65.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=268&height=114&name=bni-mar-jun-mobile.jpeg 268w, https://cdn-web-2.ruangguru.com/landing-pages/assets/a9ed01b4-871c-4376-b752-fbda6c8a7d65.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=536&height=228&name=bni-mar-jun-mobile.jpeg 536w, https://cdn-web-2.ruangguru.com/landing-pages/assets/a9ed01b4-871c-4376-b752-fbda6c8a7d65.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=804&height=342&name=bni-mar-jun-mobile.jpeg 804w, https://cdn-web-2.ruangguru.com/landing-pages/assets/a9ed01b4-871c-4376-b752-fbda6c8a7d65.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1072&height=456&name=bni-mar-jun-mobile.jpeg 1072w, https://cdn-web-2.ruangguru.com/landing-pages/assets/a9ed01b4-871c-4376-b752-fbda6c8a7d65.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1340&height=570&name=bni-mar-jun-mobile.jpeg 1340w, https://cdn-web-2.ruangguru.com/landing-pages/assets/a9ed01b4-871c-4376-b752-fbda6c8a7d65.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1608&height=684&name=bni-mar-jun-mobile.jpeg 1608w"
sizes="(max-width: 536px) 100vw, 536px"
/>
</picture>
</a>
<a
class="item-promo"
href="https://www.ruangguru.com/promo/shopee"
target="_self"
data-tracking-event-type="landing_page__core__item_click"
data-promo-cta="https://www.ruangguru.com/promo/shopee"
data-promo-title="Promo Shopee"
data-promo-position="3"
data-tracking-context='{"product_name":"ruangguru","cta_action":"redirection","item_type":"banner","item_category":"promotion","item_serial":"","section_type":"promotion_list","section_position":"body","section_name":"monthly_special_promo"}'
>
<picture>
<source
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/a1a5a807-7b08-4827-a837-6730986d6fda.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?convert=webp&height=240 "
type="image/webp"
/>
<source
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/a1a5a807-7b08-4827-a837-6730986d6fda.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?height=240 "
type="image/png"
/>
<img
class="image-asset-pr"
width="536"
height="228"
alt="0"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a1a5a807-7b08-4827-a837-6730986d6fda.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=536&height=228&name=bni-mar-jun-mobile.jpeg"
data-img-promo-url="https://www.ruangguru.com/promo/shopee"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/a1a5a807-7b08-4827-a837-6730986d6fda.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=268&height=114&name=bni-mar-jun-mobile.jpeg 268w, https://cdn-web-2.ruangguru.com/landing-pages/assets/a1a5a807-7b08-4827-a837-6730986d6fda.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=536&height=228&name=bni-mar-jun-mobile.jpeg 536w, https://cdn-web-2.ruangguru.com/landing-pages/assets/a1a5a807-7b08-4827-a837-6730986d6fda.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=804&height=342&name=bni-mar-jun-mobile.jpeg 804w, https://cdn-web-2.ruangguru.com/landing-pages/assets/a1a5a807-7b08-4827-a837-6730986d6fda.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1072&height=456&name=bni-mar-jun-mobile.jpeg 1072w, https://cdn-web-2.ruangguru.com/landing-pages/assets/a1a5a807-7b08-4827-a837-6730986d6fda.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1340&height=570&name=bni-mar-jun-mobile.jpeg 1340w, https://cdn-web-2.ruangguru.com/landing-pages/assets/a1a5a807-7b08-4827-a837-6730986d6fda.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1608&height=684&name=bni-mar-jun-mobile.jpeg 1608w"
sizes="(max-width: 536px) 100vw, 536px"
/>
</picture>
</a>
<a
class="item-promo"
href="https://www.ruangguru.com/promo/shopeemall"
target="_self"
data-tracking-event-type="landing_page__core__item_click"
data-promo-cta="https://www.ruangguru.com/promo/shopeemall"
data-promo-title="Promo Shopee Mall"
data-promo-position="4"
data-tracking-context='{"product_name":"ruangguru","cta_action":"redirection","item_type":"banner","item_category":"promotion","item_serial":"","section_type":"promotion_list","section_position":"body","section_name":"monthly_special_promo"}'
>
<picture>
<source
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/1ae3bb76-6a45-41f3-a7db-2ccbffb9e39b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?convert=webp&height=240 "
type="image/webp"
/>
<source
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/1ae3bb76-6a45-41f3-a7db-2ccbffb9e39b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?height=240 "
type="image/png"
/>
<img
class="image-asset-pr"
width="536"
height="228"
alt="0"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/1ae3bb76-6a45-41f3-a7db-2ccbffb9e39b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=536&height=228&name=bni-mar-jun-mobile.jpeg"
data-img-promo-url="https://www.ruangguru.com/promo/shopeemall"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/1ae3bb76-6a45-41f3-a7db-2ccbffb9e39b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=268&height=114&name=bni-mar-jun-mobile.jpeg 268w, https://cdn-web-2.ruangguru.com/landing-pages/assets/1ae3bb76-6a45-41f3-a7db-2ccbffb9e39b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=536&height=228&name=bni-mar-jun-mobile.jpeg 536w, https://cdn-web-2.ruangguru.com/landing-pages/assets/1ae3bb76-6a45-41f3-a7db-2ccbffb9e39b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=804&height=342&name=bni-mar-jun-mobile.jpeg 804w, https://cdn-web-2.ruangguru.com/landing-pages/assets/1ae3bb76-6a45-41f3-a7db-2ccbffb9e39b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1072&height=456&name=bni-mar-jun-mobile.jpeg 1072w, https://cdn-web-2.ruangguru.com/landing-pages/assets/1ae3bb76-6a45-41f3-a7db-2ccbffb9e39b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1340&height=570&name=bni-mar-jun-mobile.jpeg 1340w, https://cdn-web-2.ruangguru.com/landing-pages/assets/1ae3bb76-6a45-41f3-a7db-2ccbffb9e39b.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1608&height=684&name=bni-mar-jun-mobile.jpeg 1608w"
sizes="(max-width: 536px) 100vw, 536px"
/>
</picture>
</a>
<a
class="item-promo"
href="https://www.ruangguru.com/promo/byu"
target="_self"
data-tracking-event-type="landing_page__core__item_click"
data-promo-cta="https://www.ruangguru.com/promo/byu"
data-promo-title="Promo By.U"
data-promo-position="5"
data-tracking-context='{"product_name":"ruangguru","cta_action":"redirection","item_type":"banner","item_category":"promotion","item_serial":"","section_type":"promotion_list","section_position":"body","section_name":"monthly_special_promo"}'
>
<picture>
<source
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?convert=webp&height=240 "
type="image/webp"
/>
<source
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?height=240 "
type="image/png"
/>
<img
class="image-asset-pr"
width="536"
height="228"
alt="0"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=536&height=228&name=bni-mar-jun-mobile.jpeg"
data-img-promo-url="https://www.ruangguru.com/promo/byu"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=268&height=114&name=bni-mar-jun-mobile.jpeg 268w, https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=536&height=228&name=bni-mar-jun-mobile.jpeg 536w, https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=804&height=342&name=bni-mar-jun-mobile.jpeg 804w, https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1072&height=456&name=bni-mar-jun-mobile.jpeg 1072w, https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1340&height=570&name=bni-mar-jun-mobile.jpeg 1340w, https://cdn-web-2.ruangguru.com/landing-pages/assets/e7697e6e-4143-444e-8e04-61f2f2120111.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1442&height=634&name=60f36b68-0cf4-4157-9b49-d8ab55f98259.jpg?width=1608&height=684&name=bni-mar-jun-mobile.jpeg 1608w"
sizes="(max-width: 536px) 100vw, 536px"
/>
</picture>
</a>
</div>
</div>
</div>
</div>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/global-assets/js/cta.js"></script>
<script src="https://cdn.jsdelivr.net/npm/moment@2.29.1/moment.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>
$(document).ready(function () {
var bulan = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var xbulan = new Date().getMonth();
var month = bulan[xbulan];
$('#promo-month').text(month);
$('#month-pr').text(month);
$('.slide-promo').slick({
infinite: true,
dots: true,
slidesToShow: 2,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 5000,
speed: 300,
arrows: true,
variableWidth: true,
prevArrow: '<img class="slick-prev" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Header%20dan%20Hero/btn-prev.svg" alt="button prev" />',
nextArrow: '<img class="slick-next" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Header%20dan%20Hero/btn-next.svg" alt="button next" />',
responsive: [
{
breakpoint: 1024.999,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
});
// modal
var modalPr = document.getElementById('promoModal');
var btnPr = document.getElementById('promoBtn');
var spanPr = document.getElementsByClassName('close-pr')[0];
btnPr.onclick = function () {
modalPr.style.display = 'block';
};
spanPr.onclick = function () {
modalPr.style.display = 'none';
};
window.onclick = function (event) {
if (event.target == modalPr) {
modalPr.style.display = 'none';
}
};
});
// end modal
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-7">
<div class="row-fluid">
<div class="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_167883593479949" 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 class="section-latest-info">
<div class="page-center">
<div class="container-li">
<h2 class="li-title font-all font-header-two">Terbaru dari Ruangguru ✨</h2>
<style>.banner-container {
height: 16rem !important;
margin-bottom: 10px !important;
}
.banner-container .slick-next,
.banner-container .slick-prev {
cursor: pointer !important;
height: 32px !important;
position: absolute;
top: 98% !important;
width: 32px !important;
z-index: 1 !important;
}
.banner-container .slick-next {
right: 1% !important;
}
.banner-container .slick-prev {
left: 92% !important;
}
.banner-container .slick-dots li button {
height: 8px;
padding: 0;
width: 8px;
}
.banner-container .slick-dots li button:before {
background: rgba(0, 0, 0, 0.25);
border-radius: 50%;
content: '';
height: 8px;
width: 8px;
}
.banner-container .slick-dots li.slick-active button:before {
background: #2eb5c0;
border: 1px solid #fff;
border-radius: 16px;
box-shadow: 0 4px 8px 4px hsla(0, 0%, 87%, 0.3);
color: #000;
color: #2eb5c0 !important;
content: '';
height: 8px;
opacity: 1 !important;
width: 8px;
}
@media (min-width: 1025px) {
.banner-container .slick-prev,
.banner-container .slick-next {
top: 17.5rem !important;
}
.banner-container ul.slick-dots {
top: 101% !important;
left: 0.5rem !important;
}
}
@media (max-width: 767px) {
.banner-container {
height: unset !important;
overflow-x: scroll;
}
}
</style>
<div class="banner-container display-flex" id="banner-cards" data-product="ruangguru"></div>
<!-- <script type="module" src="@components/banner/banner.js"></script> -->
<script>
function createDataTrackingContextBanner(ctaName, redirectionUrl, pos) {
const context = {
product_name: 'ruangguru',
cta_action: 'redirection',
cta_action_detail: redirectionUrl,
item_type: 'banner',
item_name: ctaName,
item_category: 'cta',
item_position: pos,
item_serial: '',
section_type: 'event_list',
section_position: 'body',
section_name: 'Terbaru dari Ruangguru',
};
return JSON.stringify(context);
}
function bannerCardTemplate(id, name, targetUrl, targetType, imageUrl) {
return `
<div class="promo-slick__content">
<div class="varian_b">
<a href="${targetUrl}" target="_${targetType}" data-tracking-event-type="landing_page__core__item_click" data-tracking-context='${createDataTrackingContextBanner(name, targetUrl, id)}'>
<picture>
<source srcset="${imageUrl}?convert=webp&height=250" type="image/webp">
<source srcset="${imageUrl}?height=250" type="image/png">
<img alt="${name}" loading="lazy" src="${imageUrl}?height=250">
</picture>
</a>
</div>
</div>
`;
}
function setCTA(data) {
const bannerCards = document.getElementById('banner-cards');
const banners = data.list;
let displayedBannerCards = '',
slickIndex = -1;
let i = 0;
for (i; i < banners.length; i++) {
const name = banners[i].name;
const ctaId = banners[i].cta[0].ctaId;
const targetUrl = 'https://cta.ruangguru.com/' + ctaId;
const targetType = banners[i].cta[0].targetType;
const imageUrl = banners[i].imageUrl;
const bannerCard = bannerCardTemplate(i, name, targetUrl, targetType, imageUrl);
slickIndex += 1;
displayedBannerCards += bannerCard;
}
function slickInit(slickIndex) {
$('#banner-cards')
.not('.slick-initialized')
.slick({
infinite: true,
arrows: true,
dots: true,
variableWidth: true,
centerMode: false,
slidesToShow: 2,
slidesToScroll: 1,
autoplay: false,
// autoplaySpeed: 5000,
// speed: 400,
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: 1900,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
arrows: true,
},
},
{
breakpoint: 768,
settings: 'unslick',
},
],
}),
$('#banner-cards').slick('slickGoTo', slickIndex);
}
// Only unslick if slick is already initialized
if ($('#banner-cards').hasClass('slick-initialized')) {
$('#banner-cards').slick('unslick');
}
bannerCards.innerHTML = displayedBannerCards;
if ($(window).width() > 767) {
slickInit(0);
}
}
function getCTA() {
const options = {
method: 'GET',
headers: {
'xc-token': 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
// Get the product value from the data-product attribute
const bannerCards = document.getElementById('banner-cards');
const product = bannerCards.getAttribute('data-product');
const urlNoco = `https://gw.ruangguru.com/api/v3/rdb/landing_page/rg_banner/views/rg_promo_banner?offset=0&limit=25&sort=rankPosition&where=(product,eq,${product})~and(showIn,eq,landingPage)~and(type,eq,banner)~and(hide,eq,0)&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl,targetType`;
fetch(urlNoco, options)
.then(response => response.json())
.then(response => setCTA(response))
.catch(err => console.log(err));
}
window.onload = function () {
getCTA();
};
</script>
</div>
</div>
</section>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-8">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_167883597121559" 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 class="others-products">
<div class="page-center">
<h2 class="title-others-products font-all">Berbagai solusi belajar lainnya untukmu</h2>
<div class="slide-others">
<div id="op-paud" class="slide-op dsply-none">
<div class="items-others rbplus-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/roboplus.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Roboguru plus</p>
<p class="desc-others-prod font-all">Kupas tuntas soal sulit bersama tutor yang standby 24 jam</p>
</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/roboguruplus","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/roboguruplus"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others tryout-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/tryout.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Tryout</p>
<p class="desc-others-prod font-all">Simulasi ujian PTS, PAS, dan UTBK-SNBT</p>
</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/ruanguji","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/ruanguji"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others roboguru-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/roboguru.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Roboguru</p>
<p class="desc-others-prod font-all">Forum tanya jawab dan diskusi soal</p>
</div>
<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": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://roboguru.ruangguru.com/"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others utbk-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/ubtk.svg" alt="icon card utbk center" />
<div class="text-others">
<p class="title-others-prod font-all">UTBK Center</p>
<p class="desc-others-prod font-all">Persiapan hadapi Tes Skolastik UTBK-SNBT</p>
</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/utbk-snbt","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/utbk-snbt"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others ea-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/ea.svg" alt="icon card english academy" />
<div class="text-others">
<p class="title-others-prod font-all">English Academy</p>
<p class="desc-others-prod font-all">Kursus Bahasa Inggris berkurikulum Cambridge</p>
</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.english-academy.id/","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.english-academy.id/"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others schoters-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/schoters.svg" alt="icon card utbk center" />
<div class="text-others">
<p class="title-others-prod font-all">Schoters</p>
<p class="desc-others-prod font-all">Bimbingan lengkap kuliah di luar negeri</p>
</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.schoters.com/id","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.schoters.com/id"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others kampushub-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/campus.svg" alt="icon card kampus hub ruangguru" />
<div class="text-others">
<p class="title-others-prod font-all">Kampus Hub Ruangguru</p>
<p class="desc-others-prod font-all">Informasi seputar kampus dan prodi</p>
</div>
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://app.ruangguru.com/kampus","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://app.ruangguru.com/kampus"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others baon-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/bao.svg" alt="icon card kampus hub ruangguru" />
<div class="text-others">
<p class="title-others-prod font-all">Brain Academy Online</p>
<p class="desc-others-prod font-all">Bimbel online interaktif dengan Live Teaching seru</p>
</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.brainacademy.id/","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.brainacademy.id/"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others rubel-op">
<img
class="icon-others-prod"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/rubel-video.svg"
alt="icon card kampus hub ruangguru"
/>
<div class="text-others">
<p class="title-others-prod font-all">ruangbelajar</p>
<p class="desc-others-prod font-all">Video belajar adaptif dan latihan soal</p>
</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/ruangbelajar","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/ruangbelajar"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
</div>
<div id="op-sd" class="slide-op dsply-none">
<div class="items-others rgprivat-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/rg-privat.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Ruangguru Privat</p>
<p class="desc-others-prod font-all">Les privat dengan dengan tutor terbaik</p>
</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/privat","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/privat"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others rbplus-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/roboplus.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Roboguru plus</p>
<p class="desc-others-prod font-all">Kupas tuntas soal sulit bersama tutor yang standby 24 jam</p>
</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/roboguruplus","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/roboguruplus"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others tryout-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/tryout.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Tryout</p>
<p class="desc-others-prod font-all">Simulasi ujian PTS, PAS, dan UTBK-SNBT</p>
</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/ruanguji","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/ruanguji"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others roboguru-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/roboguru.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Roboguru</p>
<p class="desc-others-prod font-all">Forum tanya jawab dan diskusi soal</p>
</div>
<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": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://roboguru.ruangguru.com/"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others utbk-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/ubtk.svg" alt="icon card utbk center" />
<div class="text-others">
<p class="title-others-prod font-all">UTBK Center</p>
<p class="desc-others-prod font-all">Persiapan hadapi Tes Skolastik UTBK-SNBT</p>
</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/utbk-snbt","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/utbk-snbt"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others ea-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/ea.svg" alt="icon card english academy" />
<div class="text-others">
<p class="title-others-prod font-all">English Academy</p>
<p class="desc-others-prod font-all">Kursus Bahasa Inggris berkurikulum Cambridge</p>
</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.english-academy.id/","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.english-academy.id/"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others schoters-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/schoters.svg" alt="icon card utbk center" />
<div class="text-others">
<p class="title-others-prod font-all">Schoters</p>
<p class="desc-others-prod font-all">Bimbingan lengkap kuliah di luar negeri</p>
</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.schoters.com/id","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.schoters.com/id"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others kampushub-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/campus.svg" alt="icon card kampus hub ruangguru" />
<div class="text-others">
<p class="title-others-prod font-all">Kampus Hub Ruangguru</p>
<p class="desc-others-prod font-all">Informasi seputar kampus dan prodi</p>
</div>
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://app.ruangguru.com/kampus","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://app.ruangguru.com/kampus"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others baon-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/bao.svg" alt="icon card kampus hub ruangguru" />
<div class="text-others">
<p class="title-others-prod font-all">Brain Academy Online</p>
<p class="desc-others-prod font-all">Bimbel online interaktif dengan Live Teaching seru</p>
</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.brainacademy.id/","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.brainacademy.id/"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
</div>
<div id="op-smp" class="slide-op dsply-none">
<div class="items-others rgprivat-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/rg-privat.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Ruangguru Privat</p>
<p class="desc-others-prod font-all">Les privat dengan dengan tutor terbaik</p>
</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/privat","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/privat"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others tryout-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/tryout.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Tryout</p>
<p class="desc-others-prod font-all">Simulasi ujian PTS, PAS, dan UTBK-SNBT</p>
</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/ruanguji","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/ruanguji"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others roboguru-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/roboguru.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Roboguru</p>
<p class="desc-others-prod font-all">Forum tanya jawab dan diskusi soal</p>
</div>
<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": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://roboguru.ruangguru.com/"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others utbk-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/ubtk.svg" alt="icon card utbk center" />
<div class="text-others">
<p class="title-others-prod font-all">UTBK Center</p>
<p class="desc-others-prod font-all">Persiapan hadapi Tes Skolastik UTBK-SNBT</p>
</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/utbk-snbt","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/utbk-snbt"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others ea-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/ea.svg" alt="icon card english academy" />
<div class="text-others">
<p class="title-others-prod font-all">English Academy</p>
<p class="desc-others-prod font-all">Kursus Bahasa Inggris berkurikulum Cambridge</p>
</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.english-academy.id/","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.english-academy.id/"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others schoters-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/schoters.svg" alt="icon card utbk center" />
<div class="text-others">
<p class="title-others-prod font-all">Schoters</p>
<p class="desc-others-prod font-all">Bimbingan lengkap kuliah di luar negeri</p>
</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.schoters.com/id","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.schoters.com/id"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others kampushub-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/campus.svg" alt="icon card kampus hub ruangguru" />
<div class="text-others">
<p class="title-others-prod font-all">Kampus Hub Ruangguru</p>
<p class="desc-others-prod font-all">Informasi seputar kampus dan prodi</p>
</div>
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://app.ruangguru.com/kampus","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://app.ruangguru.com/kampus"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others kursusrg-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/kursus.svg" alt="icon card kampus hub ruangguru" />
<div class="text-others">
<p class="title-others-prod font-all">Kursus Ruangguru</p>
<p class="desc-others-prod font-all">Kursus online calistung, Sains, hingga Matematika</p>
</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/for-kids/kursus","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/for-kids/kursus"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
</div>
<div id="op-sma" class="slide-op dsply-block">
<div class="items-others tryout-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/tryout.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Tryout</p>
<p class="desc-others-prod font-all">Simulasi ujian PTS, PAS, dan UTBK-SNBT</p>
</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/ruanguji","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/ruanguji"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others utbk-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/ubtk.svg" alt="icon card utbk center" />
<div class="text-others">
<p class="title-others-prod font-all">UTBK Center</p>
<p class="desc-others-prod font-all">Persiapan hadapi Tes Skolastik UTBK-SNBT</p>
</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/utbk-snbt","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/utbk-snbt"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others rgprivat-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/rg-privat.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Ruangguru Privat</p>
<p class="desc-others-prod font-all">Les privat dengan dengan tutor terbaik</p>
</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/privat","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/privat"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others roboguru-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/roboguru.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Roboguru</p>
<p class="desc-others-prod font-all">Forum tanya jawab dan diskusi soal</p>
</div>
<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": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://roboguru.ruangguru.com/"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others ea-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/ea.svg" alt="icon card english academy" />
<div class="text-others">
<p class="title-others-prod font-all">English Academy</p>
<p class="desc-others-prod font-all">Kursus Bahasa Inggris berkurikulum Cambridge</p>
</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.english-academy.id/","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.english-academy.id/"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others schoters-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/schoters.svg" alt="icon card utbk center" />
<div class="text-others">
<p class="title-others-prod font-all">Schoters</p>
<p class="desc-others-prod font-all">Bimbingan lengkap kuliah di luar negeri</p>
</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.schoters.com/id","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.schoters.com/id"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others kampushub-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/campus.svg" alt="icon card kampus hub ruangguru" />
<div class="text-others">
<p class="title-others-prod font-all">Kampus Hub Ruangguru</p>
<p class="desc-others-prod font-all">Informasi seputar kampus dan prodi</p>
</div>
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://app.ruangguru.com/kampus","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://app.ruangguru.com/kampus"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others kursusrg-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/kursus.svg" alt="icon card kampus hub ruangguru" />
<div class="text-others">
<p class="title-others-prod font-all">Kursus Ruangguru</p>
<p class="desc-others-prod font-all">Kursus online calistung, Sains, hingga Matematika</p>
</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/for-kids/kursus","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/for-kids/kursus"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
</div>
<div id="op-utbk" class="slide-op dsply-none">
<div class="items-others tryout-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/tryout.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Tryout</p>
<p class="desc-others-prod font-all">Simulasi ujian PTS, PAS, dan UTBK-SNBT</p>
</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/ruanguji","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/ruanguji"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others utbk-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/ubtk.svg" alt="icon card utbk center" />
<div class="text-others">
<p class="title-others-prod font-all">UTBK Center</p>
<p class="desc-others-prod font-all">Persiapan hadapi Tes Skolastik UTBK-SNBT</p>
</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/utbk-snbt","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/utbk-snbt"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others rgprivat-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/rg-privat.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Ruangguru Privat</p>
<p class="desc-others-prod font-all">Les privat dengan dengan tutor terbaik</p>
</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/privat","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/privat"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others rbplus-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/roboplus.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Roboguru plus</p>
<p class="desc-others-prod font-all">Kupas tuntas soal sulit bersama tutor yang standby 24 jam</p>
</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/roboguruplus","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/roboguruplus"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others roboguru-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/roboguru.svg" alt="icon card rg privat" />
<div class="text-others">
<p class="title-others-prod font-all">Roboguru</p>
<p class="desc-others-prod font-all">Forum tanya jawab dan diskusi soal</p>
</div>
<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": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://roboguru.ruangguru.com/"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others ea-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/ea.svg" alt="icon card english academy" />
<div class="text-others">
<p class="title-others-prod font-all">English Academy</p>
<p class="desc-others-prod font-all">Kursus Bahasa Inggris berkurikulum Cambridge</p>
</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.english-academy.id/","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.english-academy.id/"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others schoters-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/schoters.svg" alt="icon card utbk center" />
<div class="text-others">
<p class="title-others-prod font-all">Schoters</p>
<p class="desc-others-prod font-all">Bimbingan lengkap kuliah di luar negeri</p>
</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.schoters.com/id","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.schoters.com/id"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others kampushub-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/campus.svg" alt="icon card kampus hub ruangguru" />
<div class="text-others">
<p class="title-others-prod font-all">Kampus Hub Ruangguru</p>
<p class="desc-others-prod font-all">Informasi seputar kampus dan prodi</p>
</div>
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://app.ruangguru.com/kampus","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://app.ruangguru.com/kampus"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
<div class="items-others kursusrg-op">
<img class="icon-others-prod" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/silabus-icon/kursus.svg" alt="icon card kampus hub ruangguru" />
<div class="text-others">
<p class="title-others-prod font-all">Kursus Ruangguru</p>
<p class="desc-others-prod font-all">Kursus online calistung, Sains, hingga Matematika</p>
</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/for-kids/kursus","item_type": "button","item_name": "Lihat Detail","item_category": "cta","item_position": 8,"item_serial": null,"section_type": "product_list","section_position": "body","section_name": "Berbagai solusi belajar lainnya untukmu"}'
href="https://www.ruangguru.com/for-kids/kursus"
class="cta-others-prod"
target="_self"
>
Lihat Detail
</a>
</div>
</div>
</div>
<div class="button-others-mobile">
<button type="button" class="btn-op-mobile">
Lihat Semua Produk
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Others%20Products/chevron-right.svg" alt="arrow right" />
</button>
</div>
</div>
</section>
<script>
$(document).ready(function () {
$('.btn-level').click(function () {
let grade = $(this).attr('value');
$('.slide-op').each(function () {
$(this).removeClass('dsply-block');
$(this).addClass('dsply-none');
});
switch (grade) {
case 'paud':
$('#op-paud').removeClass('dsply-none');
$('#op-paud').addClass('dsply-block');
break;
case 'sd':
$('#op-sd').removeClass('dsply-none');
$('#op-sd').addClass('dsply-block');
break;
case 'smp':
$('#op-smp').removeClass('dsply-none');
$('#op-smp').addClass('dsply-block');
break;
case 'sma':
$('#op-sma').removeClass('dsply-none');
$('#op-sma').addClass('dsply-block');
break;
case 'utbk-snbt':
$('#op-utbk').removeClass('dsply-none');
$('#op-utbk').addClass('dsply-block');
break;
}
});
$('.slide-op').slick({
infinite: true,
dots: true,
slidesToShow: 4,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 5000,
speed: 300,
arrows: true,
variableWidth: true,
prevArrow: '<img class="slick-prev" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Others%20Products/btn-prev-others-prod.svg" alt="button prev" />',
nextArrow: '<img class="slick-next" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Others%20Products/btn-next-others-prod.svg" alt="button next" />',
responsive: [
{
breakpoint: 9999,
},
{
breakpoint: 1024.999,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
{
breakpoint: 767,
settings: 'unslick',
},
],
});
});
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-9">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_167883604705567" 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 Ruangguru</h2>
<div class="row-c row-c-col-cs-1 mx-0-c p-0-c p-lg-4-c section-slick-testi">
<!--sma 1-->
<!--shafwan-->
<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">
<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"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru","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":0,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
>
Lihat Detail
</a>
</div>
</div>
</div>
</div>
</div>
<!--utbk-->
<!--abdul kholik-->
<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?width=36&height=36&name=ic_rapor.png"
alt="score"
class="img-fluid-c h-auto"
width="36"
height="36"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/ic_rapor.png?width=18&height=18&name=ic_rapor.png 18w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/ic_rapor.png?width=36&height=36&name=ic_rapor.png 36w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/ic_rapor.png?width=54&height=54&name=ic_rapor.png 54w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/ic_rapor.png?width=72&height=72&name=ic_rapor.png 72w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/ic_rapor.png?width=90&height=90&name=ic_rapor.png 90w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/ic_rapor.png?width=108&height=108&name=ic_rapor.png 108w"
sizes="(max-width: 36px) 100vw, 36px"
/>
</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>
<!--</a>-->
</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">
<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-5 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-12-ipa&filter=.%2Cbrainacademy_online_type.brainacademy-premium"
target="_blank"
class="cta-testi-detail"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/packages-list?tag=brainacademy-online&grade=kelas-12-ipa&filter=.%2Cbrainacademy_online_type.brainacademy-premium","item_type":"button","item_name":"Lihat Detail","item_category":"payment","item_position":1,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
>
Lihat Detail
</a>
</div>
</div>
</div>
</div>
</div>
<!--devin-->
<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">
<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"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru","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":2,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
>
Lihat Detail
</a>
</div>
</div>
</div>
</div>
</div>
<!--syifa-->
<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">
<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"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/packages-list?tag=brainacademy-offline&grade=kelas-8-smp","item_type":"button","item_name":"Lihat Detail","item_category":"payment","item_position":3,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
>
Lihat Detail
</a>
</div>
</div>
</div>
</div>
</div>
<!--sd-->
<!--arka-->
<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/HD29lVGKKaE?autoplay=1" rel="noopener">
<div class="box-c-img-people-c">
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/ae552cf2-8832-4f57-9ea0-032c3c3a0571.png?convert=webp&height=420 " type="image/webp" />
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/ae552cf2-8832-4f57-9ea0-032c3c3a0571.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/ae552cf2-8832-4f57-9ea0-032c3c3a0571.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-prod">Meraih 80 Kejuaraan akademik & non akademik</p>
</div>
</div>
</div>
</div>
<div class="illust-item univ-box oneB2">
<div class="text-univ">
<p class="label-diterima">Belajarku jadi cepat karena bisa akses materi sehari sebelum sekolah</p>
<p class="label-nama">Arka</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">
<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/"
target="_blank"
class="cta-testi-detail"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/","item_type":"button","item_name":"Lihat Detail","item_category":"payment","item_position":4,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
>
Lihat Detail
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="bg-master-teacher-download-app border-box">
<section id="master-teacher">
<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-t1">Kenalan dengan para Master Teacher berpengalaman</h2>
<div class="row-c row-c-col-cs-1 mx-0-c p-0-c p-lg-4-c section-slick">
<div class="mb-4-c bao-card-c-teacher card-c-c-master-teacher col-c m-0-c m-md-3-c">
<div class="card-c bg-transparent-c border-0-c h-100-c p-0-c p-md-3-c">
<div class="card-c-header ch-img-people-c">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/c84cec5c-c20f-48b8-bb66-7cce3c2004d8.png?convert=webp&height=250 " type="image/webp" />
<source srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/c84cec5c-c20f-48b8-bb66-7cce3c2004d8.png?height=250 " type="image/png" />
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/c84cec5c-c20f-48b8-bb66-7cce3c2004d8.png?height=250"
class="card-c-img-top h-custom-auto-c img-people-c m-auto-c"
alt="Yosef"
loading="lazy"
height="193"
width="246"
/>
</picture>
</div>
<div class="bg-white-c-mastech card-c-body">
<p class="font-weight-bold-c card-c-title text-name-teacher">Yosef</p>
<p class="card-c-text ct-st">Master Teacher Matematika</p>
<hr class="border-dashed-c border-white-c" />
<p class="card-c-text ct-desc">Pengalaman dan prestasi</p>
<ul class="list-unstyled-c text-left-c">
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>S1 Matematika FMIPA Universitas Brawijaya</p>
</div>
</li>
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>The Most Outstanding Student of Math and Natural Science Faculty of Brawijaya University</p>
</div>
</li>
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>Winner of Indonesia Teacher Prize</p>
</div>
</li>
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>Winner of Teacher’s Got Talent</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="mb-4-c bao-card-c-teacher card-c-c-master-teacher col-c m-0-c m-md-3-c">
<div class="card-c bg-transparent-c border-0-c h-100-c p-0-c p-md-3-c">
<div class="card-c-header ch-img-people-c">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/078b0a02-8868-4908-8a8f-5e74df2eb1f6.png?convert=webp&height=250 " type="image/webp" />
<source srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/078b0a02-8868-4908-8a8f-5e74df2eb1f6.png?height=250 " type="image/png" />
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/078b0a02-8868-4908-8a8f-5e74df2eb1f6.png?height=250"
class="card-c-img-top h-custom-auto-c img-people-c m-auto-c"
alt="Dita"
loading="lazy"
height="193"
width="246"
/>
</picture>
</div>
<div class="bg-white-c-mastech card-c-body">
<p class="font-weight-bold-c card-c-title text-name-teacher">Dita</p>
<p class="card-c-text ct-st">Master Teacher Geografi</p>
<hr class="border-dashed-c border-white-c" />
<p class="card-c-text ct-desc">Pengalaman dan prestasi</p>
<ul class="list-unstyled-c text-left-c">
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>S2 Manajemen Bencana Universitas Pertahanan</p>
</div>
</li>
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>S1 Pendidikan Geografi Universitas Negeri Jakarta</p>
</div>
</li>
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>Perwakilan Mahasiswa Berprestasi Prodi Geografi Tahun 2014</p>
</div>
</li>
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>Lulusan Terbaik Prodi Geografi Tahun 2016</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="mb-4-c bao-card-c-teacher card-c-c-master-teacher col-c m-0-c m-md-3-c">
<div class="card-c bg-transparent-c border-0-c h-100-c p-0-c p-md-3-c">
<div class="card-c-header ch-img-people-c">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/585a4b14-de66-423b-8c88-1765f67af239.png?convert=webp&height=250 " type="image/webp" />
<source srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/585a4b14-de66-423b-8c88-1765f67af239.png?height=250 " type="image/png" />
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/585a4b14-de66-423b-8c88-1765f67af239.png?height=250"
class="card-c-img-top h-custom-auto-c img-people-c m-auto-c"
alt="Yosef"
loading="lazy"
height="193"
width="246"
/>
</picture>
</div>
<div class="bg-white-c-mastech card-c-body">
<p class="font-weight-bold-c card-c-title text-name-teacher">Dimas</p>
<p class="card-c-text ct-st">Master Teacher Fisika</p>
<hr class="border-dashed-c border-white-c" />
<p class="card-c-text ct-desc">Pengalaman dan prestasi</p>
<ul class="list-unstyled-c text-left-c">
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>S1 Pendidikan Fisika UNJ</p>
</div>
</li>
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>Teacher of Physics Olympiad 2013 - present</p>
</div>
</li>
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>CHIEF of the year (Educational Content Department Ruangguru) 2018</p>
</div>
</li>
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>Medalis Perak Kompetisi Olimpiade Rihand Creative Guru SMA/MA (ORC Guru) 2022</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="mb-4-c bao-card-c-teacher card-c-c-master-teacher col-c m-0-c m-md-3-c">
<div class="card-c bg-transparent-c border-0-c h-100-c p-0-c p-md-3-c">
<div class="card-c-header ch-img-people-c">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/224d980d-4256-40e1-91a5-80abb7ca8217.png?convert=webp&height=250 " type="image/webp" />
<source srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/224d980d-4256-40e1-91a5-80abb7ca8217.png?height=250 " type="image/png" />
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/224d980d-4256-40e1-91a5-80abb7ca8217.png?height=250"
class="card-c-img-top h-custom-auto-c img-people-c m-auto-c"
alt="Dita"
loading="lazy"
height="193"
width="246"
/>
</picture>
</div>
<div class="bg-white-c-mastech card-c-body">
<p class="font-weight-bold-c card-c-title text-name-teacher">Dillan</p>
<p class="card-c-text ct-st">Master Teacher Bahasa Inggris</p>
<hr class="border-dashed-c border-white-c" />
<p class="card-c-text ct-desc">Pengalaman dan prestasi</p>
<ul class="list-unstyled-c text-left-c">
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>S1 Pendidikan Bahasa Inggris UIN Jakarta</p>
</div>
</li>
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>The Best Graduate of English Education Department at 104th Graduation</p>
</div>
</li>
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>Certification: Teaching Knowledge Test (TKT) - Module 1 | Band 4 | Cambridge University Press and Assessment</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="mb-4-c bao-card-c-teacher card-c-c-master-teacher col-c m-0-c m-md-3-c">
<div class="card-c bg-transparent-c border-0-c h-100-c p-0-c p-md-3-c">
<div class="card-c-header ch-img-people-c">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/551ec68e-9867-4512-8c47-229d06dcbd94.png?convert=webp&height=250 " type="image/webp" />
<source srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/551ec68e-9867-4512-8c47-229d06dcbd94.png?height=250 " type="image/png" />
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/551ec68e-9867-4512-8c47-229d06dcbd94.png?height=250"
class="card-c-img-top h-custom-auto-c img-people-c m-auto-c"
alt="Yosef"
loading="lazy"
height="193"
width="246"
/>
</picture>
</div>
<div class="bg-white-c-mastech card-c-body">
<p class="font-weight-bold-c card-c-title text-name-teacher">Elsa</p>
<p class="card-c-text ct-st">Master Teacher Biologi</p>
<hr class="border-dashed-c border-white-c" />
<p class="card-c-text ct-desc">Pengalaman dan prestasi</p>
<ul class="list-unstyled-c text-left-c">
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>S1 Biologi Universitas Gadjah Mada</p>
</div>
</li>
<li class="media-c mb-2-c">
<img alt="marker" class="mr-3-c" height="24" loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png" width="24" />
<div class="media-c-body">
<p>Juara 1 OSN Pertamina Bidang Biologi Tingkat Provinsi</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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="card-c mb-3 card-c-da">
<div class="row-c g-0-c mx-0-c p-0-c position-relative-c">
<div class="col-c-3 position-relative-c col-c-da-left">
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/9a73701a-ce24-42e5-9bf4-a329fcd0c7dc.png?convert=webp&height=240 " type="image/webp" />
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/9a73701a-ce24-42e5-9bf4-a329fcd0c7dc.png?height=240 " type="image/png" />
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/9a73701a-ce24-42e5-9bf4-a329fcd0c7dc.png"
class="img-fluid-c rounded-start img-da1"
alt="peoples"
loading="lazy"
width="183"
height="192"
/>
</picture>
</div>
<div class="col-c-9 p-2-c d-flex-c align-items-center-c right-content-consultant">
<div class="card-c-body card-c-b-pdo p-md-2">
<div class="row-c mx-0-c px-0-c flex-column-c flex-md-row-c">
<div class="col-c-12-c col-c-md-6">
<p class="card-c-text ctdat1">Masih punya pertanyaan?</p>
<p class="card-c-text ctdasub mb-2-c">Tanyakan via chat ke Konsultan Pendidikan</p>
</div>
<div class="col-c-12-c col-c-md-6 text-center-c m-auto-c">
<div class="button-konsultan">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://cta.ruangguru.com/lp-ruangguru-button-chat-konsultan","item_type": "button","item_name": "Chat Konsultan","item_category": "leads_gathering","item_position": 0,"item_serial": null,"section_type": "leads_gathering","section_position": "body","section_name": "chat_to_education_consultant"}'
id="go-chat-consultant"
href="https://cta.ruangguru.com/lp-ruangguru-button-chat-konsultan"
target="_blank"
class="ctadachat d-inline-flex-c align-items-center-c"
>
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/ce8b0c17-4e1e-49f9-abf2-ba6c7eb3d192.png"
width="24"
height="24"
alt="chat"
class="img-fluid-c img-icon mr-2-c"
loading="lazy"
/>
Chat Konsultan
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<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="row-c mx-0-c p-0-c position-relative-c mb-4-c mb-md-0-c">
<div class="col-c-7 col-c-md-12">
<img loading="lazy" src="https://roboguru-forum-cdn.ruangguru.com/image/b0e2bf94-339d-421f-bae7-7fc14a6de2f3.png" width="18" height="28" alt="mobile" class="img-fluid-c mb-2-c" />
<p class="card-c-text ct-da-t mb-2-c">Coba belajar langsung di aplikasi Ruangguru</p>
<p class="card-c-text ct-da-st mb-2-c">Download sekarang!</p>
</div>
<div class="col-c-5 d-block-c d-md-none-c">
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/377396e9-ce37-49ea-9baa-d313149e2fef.png?convert=webp&height=240 " type="image/webp" />
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/377396e9-ce37-49ea-9baa-d313149e2fef.png?height=240 " type="image/png" />
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/377396e9-ce37-49ea-9baa-d313149e2fef.png"
width="176"
height="173"
alt="mobile"
class="img-fluid-c img-m-m"
loading="lazy"
/>
</picture>
</div>
</div>
<div class="row-c mx-0-c px-0-c row-c-btn-download flex-md-row-c-reverse">
<div class="col-c-6">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","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": 0,"item_serial": null,"section_type": "app_download","section_position": "body","section_name": "Coba belajar langsung di aplikasi Ruangguru"}'
href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in"
target="_blank"
class="d-inline-block-c mr-2-c"
>
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/902f1e1b-84fe-409e-9e7c-74ab489ededf.png?convert=webp&height=64 " type="image/webp" />
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/902f1e1b-84fe-409e-9e7c-74ab489ededf.png?height=64 " type="image/png" />
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/902f1e1b-84fe-409e-9e7c-74ab489ededf.png"
width="156"
height="48"
alt="Google Play"
class="img-fluid-c d-block-c d-lg-none"
loading="lazy"
/>
</picture>
<picture>
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/ef2c2ee3-3c6d-4a38-b0af-02b648db9a53.png?convert=webp&height=64 " type="image/webp" />
<source srcset="https://roboguru-forum-cdn.ruangguru.com/image/ef2c2ee3-3c6d-4a38-b0af-02b648db9a53.png?height=64 " type="image/png" />
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/ef2c2ee3-3c6d-4a38-b0af-02b648db9a53.png"
width="156"
height="48"
alt="Google Play"
class="img-fluid-c d-none-c d-lg-block"
loading="lazy"
/>
</picture>
</a>
</div>
<div class="col-c-6">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","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": 1,"item_serial": null,"section_type": "app_download","section_position": "body","section_name": "Coba belajar langsung di aplikasi Ruangguru"}'
href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id"
target="_blank"
class="d-inline-block-c mr-2-c"
>
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/df13be34-e97c-4626-bfe2-ee3b79861430.png"
width="156"
height="48"
alt="App Store"
class="img-fluid-c d-block-c d-lg-none"
/>
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/f391fc8c-928b-4896-bfd7-d8bf6544b3dd.png"
width="132"
height="48"
alt="App Store"
class="img-fluid-c d-none-c d-lg-block"
/>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-c-12-c d-none-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>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-10">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_167883607569685" 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">
<style></style>
<!--Start Section FAQ-->
<section id="section-faq">
<div class="faq-rl">
<div class="page-center">
<div class="container-faq">
<div class="faq__title mb-4">
<h2 class="text-subtitle">Paling sering ditanyakan</h2>
</div>
<div class="faq__content">
<div class="faq-wrap" id="accordion">
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","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 sebuah layanan yang menawarkan solusi belajar secara daring bagi siswa. Umumnya, aplikasi belajar online ini disediakan oleh penyedia layanan aplikasi bimbel.","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="0"
>
<h3>
<strong>Apa yang dimaksud dengan aplikasi belajar online?</strong>
</h3>
</div>
<div class="panel">
<p>
Aplikasi belajar online adalah sebuah layanan yang menawarkan solusi belajar secara daring bagi siswa. Umumnya, aplikasi belajar online ini disediakan oleh penyedia layanan aplikasi
bimbel.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","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": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
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
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","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": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<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
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","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": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
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
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Apa yang dimaksud dengan belajar online?","item_description": "Belajar online adalah metode pembelajaran jarak jauh dengan menggunakan bantuan teknologi. Konsep belajar ini menggunakan aplikasi belajar ataupun website untuk menyampaikan materi pelajaran.","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="0"
>
<h3>
<strong>Apa yang dimaksud dengan belajar online?</strong>
</h3>
</div>
<div class="panel">
<p>
Belajar online adalah metode pembelajaran jarak jauh dengan menggunakan bantuan teknologi. Konsep belajar ini menggunakan aplikasi belajar ataupun website untuk menyampaikan materi
pelajaran.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Bagaimana langkah-langkah penerapan belajar online?","item_description": "Untuk menunjang kegiatan belajar online harus memiliki gawai (gadget) yang terkoneksi dengan internet yang stabil. Selain itu, perlu diperhatikan juga spesifikasi dari gawai yang digunakan. Ketidaksesuaian spesifikasi gawai, bisa menyebabkan terhambatnya akses ke aplikasi belajar online","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="0"
>
<h3>
<strong>Bagaimana langkah-langkah penerapan belajar online?</strong>
</h3>
</div>
<div class="panel">
<p>
Untuk menunjang kegiatan belajar online harus memiliki gawai (gadget) yang terkoneksi dengan internet yang stabil. Selain itu, perlu diperhatikan juga spesifikasi dari gawai yang
digunakan. Ketidaksesuaian spesifikasi gawai, bisa menyebabkan terhambatnya akses ke aplikasi belajar online
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","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 atau yang lebih dikenal dengan aplikasi bimbel online adalah layanan penunjang kegiatan belajar siswa menggunakan gadget secara daring. Tren penggunaan aplikasi belajar ini semakin tinggi sejak adanya pandemi COVID-19 di Indonesia pada tahun 2020.","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="0"
>
<h3>
<strong>Apakah yang dimaksud dengan aplikasi bimbingan belajar online?</strong>
</h3>
</div>
<div class="panel">
<p>
Aplikasi bimbingan belajar online atau yang lebih dikenal dengan aplikasi bimbel online adalah layanan penunjang kegiatan belajar siswa menggunakan gadget secara daring. Tren penggunaan
aplikasi belajar ini semakin tinggi sejak adanya pandemi COVID-19 di Indonesia pada tahun 2020.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Apa saja aplikasi belajar online yang gratis?","item_description": "Di Indonesia ada beberapa layanan aplikasi belajar online yang bisa diakses secara gratis. Ruangguru juga menyediakan layanan belajar online secara gratis melalui Ruangbaca. Di Ruangbaca, kamu bisa mendapatkan referensi, latihan soal, hingga tips belajar yang bisa kamu akses kapan pun dan di mana pun.","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="0"
>
<h3>
<strong>Apa saja aplikasi belajar online yang gratis?</strong>
</h3>
</div>
<div class="panel">
<p>
Di Indonesia ada beberapa layanan aplikasi belajar online yang bisa diakses secara gratis. Ruangguru juga menyediakan layanan belajar online secara gratis melalui Ruangbaca. Di Ruangbaca,
kamu bisa mendapatkan referensi, latihan soal, hingga tips belajar yang bisa kamu akses kapan pun dan di mana pun.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Apa yang dimaksud dengan bimbel?","item_description": "Bimbel adalah kegiatan dalam pembelajaran yang bersifat tambahan dengan tujuan menambah intensitas belajar. Dengan kamu mengikuti bimbel, diharapkan bisa meningkatkan pemahaman serta prestasi belajar.Seiring perkembangan zaman, kini mulai bermunculan bimbel online yang menawarkan layanan aplikasi belajar online yang hadir di Indonesia. Dengan adanya beragam penyedia layanan aplikasi belajar online tersebut, diharapkan bisa memudahkan para siswa dalam mencapai tujuan belajar.","item_category": "cta","item_position": 8,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="0"
>
<h3>
<strong>Apa yang dimaksud dengan bimbel?</strong>
</h3>
</div>
<div class="panel">
<p>
Bimbel adalah kegiatan dalam pembelajaran yang bersifat tambahan dengan tujuan menambah intensitas belajar. Dengan kamu mengikuti bimbel, diharapkan bisa meningkatkan pemahaman serta
prestasi belajar.
</p>
<p>
Seiring perkembangan zaman, kini mulai bermunculan bimbel online yang menawarkan layanan aplikasi belajar online yang hadir di Indonesia. Dengan adanya beragam penyedia layanan aplikasi
belajar online tersebut, diharapkan bisa memudahkan para siswa dalam mencapai tujuan belajar.
</p>
</div>
<div class="extra-wrapper">
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Apa perbedaan les dan bimbel?","item_description": "Letak perbedaan les dengan bimbel ada pada jumlah siswanya. Jika, siswa pada bimbel dibuat seperti kelas yang terdiri dari lebih dari dua orang, maka les lebih bersifat privat yakni satu siswa dengan satu guru. Kini, dengan adanya penggunaan gawai, les dan bimbel di Indonesia sudah menggunakan layanan aplikasi belajar online untuk menunjang efektivitas kegiatan belajar mengajar.","item_category": "cta","item_position": 9,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Apa perbedaan les dan bimbel?</strong>
</h3>
</div>
<div class="panel">
<p>
Letak perbedaan les dengan bimbel ada pada jumlah siswanya. Jika, siswa pada bimbel dibuat seperti kelas yang terdiri dari lebih dari dua orang, maka les lebih bersifat privat yakni satu
siswa dengan satu guru. Kini, dengan adanya penggunaan gawai, les dan bimbel di Indonesia sudah menggunakan layanan aplikasi belajar online untuk menunjang efektivitas kegiatan belajar
mengajar.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Bagaimana langkah-langkah dalam kegiatan bimbingan belajar?","item_description": "Langkah-langkah dalam penerapan kegiatan bimbingan belajar meliputi melakukan identifikasi kebutuhan belajar siswa, mencari permasalahan yang dimiliki oleh siswa, analisis faktor penyebab timbulnya kebutuhan dan masalah tersebut, merancang metode belajar baik menggunakan aplikasi belajar online ataupun secara offline, menerapkan metode belajar yang sudah dirancang, dan mengevaluasi hasil dari kegiatan bimbingan belajar yang sudah dilakukan.","item_category": "cta","item_position": 10,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Bagaimana langkah-langkah dalam kegiatan bimbingan belajar?</strong>
</h3>
</div>
<div class="panel">
<p>
Langkah-langkah dalam penerapan kegiatan bimbingan belajar meliputi melakukan identifikasi kebutuhan belajar siswa, mencari permasalahan yang dimiliki oleh siswa, analisis faktor
penyebab timbulnya kebutuhan dan masalah tersebut, merancang metode belajar baik menggunakan aplikasi belajar online ataupun secara offline, menerapkan metode belajar yang sudah
dirancang, dan mengevaluasi hasil dari kegiatan bimbingan belajar yang sudah dilakukan.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Apa tujuan dari bimbingan belajar?","item_description": "Secara umum, tujuan dari kegiatan bimbingan belajar (bimbel) adalah membantu siswa dalam menyelesaikan kesulitan dalam belajar. Selain itu, bimbel juga berfungsi untuk mengoptimalkan kemampuan siswa dalam mengembangkan kemampuannya.","item_category": "cta","item_position": 11,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Apa tujuan dari bimbingan belajar?</strong>
</h3>
</div>
<div class="panel">
<p>
Secara umum, tujuan dari kegiatan bimbingan belajar (bimbel) adalah membantu siswa dalam menyelesaikan kesulitan dalam belajar. Selain itu, bimbel juga berfungsi untuk mengoptimalkan
kemampuan siswa dalam mengembangkan kemampuannya.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Apa manfaat dari penggunaan aplikasi belajar online Ruangguru?","item_description": "Sudah banyak review dan testimoni yang diberikan oleh pengguna Ruangguru. Tiap produk yang ditawarkan Ruangguru sudah terbukti membantu para penggunanya mendapatkan nilai terbaik hingga masuk ke perguruan tinggi favorit.","item_category": "cta","item_position": 12,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Apa manfaat dari penggunaan aplikasi belajar online Ruangguru?</strong>
</h3>
</div>
<div class="panel">
<p>
Sudah banyak review dan testimoni yang diberikan oleh pengguna Ruangguru. Tiap produk yang ditawarkan Ruangguru sudah terbukti membantu para penggunanya mendapatkan nilai terbaik hingga
masuk ke perguruan tinggi favorit.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Apakah Akun Ruangguru Bisa Digunakan Dua Orang?","item_description": "Akun Ruangguru hanya bisa digunakan melalui email dan nomor telepon yang sudah didaftarkan. Kamu bisa menggunakan akun Ruangguru melalui handphone dan laptop/PC dalam waktu yang bersamaan selama masih menggunakan email dan/atau nomor telepon yang didaftarkan. Tidak direkomendasikan untuk digunakan lebih dari 2 gadget bersamaan. Untuk info lebih lanjut, kamu bisa menghubungi layanan konsumen Ruangguru.","item_category": "cta","item_position": 13,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Apakah Akun Ruangguru Bisa Digunakan Dua Orang?</strong>
</h3>
</div>
<div class="panel">
<p>
Akun Ruangguru hanya bisa digunakan melalui email dan nomor telepon yang sudah didaftarkan. Kamu bisa menggunakan akun Ruangguru melalui handphone dan laptop/PC dalam waktu yang
bersamaan selama masih menggunakan email dan/atau nomor telepon yang didaftarkan. Tidak direkomendasikan untuk digunakan lebih dari 2 gadget bersamaan. Untuk info lebih lanjut,
kamu bisa menghubungi layanan konsumen Ruangguru.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Siapa saja yang bisa mendaftar di Ruangguru?","item_description": "Ruangguru berkomitmen terus menjadi layanan aplikasi belajar online terbaik di Indonesia. Oleh karena itu, aplikasi bimbingan belajar Ruangguru bisa digunakan mulai dari jenjang SD, SMP, SMA/SMK, perguruan tinggi, hingga kalangan umum.","item_category": "cta","item_position": 14,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Siapa saja yang bisa mendaftar di Ruangguru?</strong>
</h3>
</div>
<div class="panel">
<p>
Ruangguru berkomitmen terus menjadi layanan aplikasi belajar online terbaik di Indonesia. Oleh karena itu, aplikasi bimbingan belajar Ruangguru bisa digunakan mulai dari jenjang SD, SMP,
SMA/SMK, perguruan tinggi, hingga kalangan umum.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Bagaimana cara mendaftar bimbel online di Ruangguru?","item_description": "Jika kamu berminat untuk mendaftar bimbel di Ruangguru ada 2 cara yang bisa kamu gunakan.Cara pertama, mendaftar melalui website Ruangguru. Kamu hanya perlu menekan tombol “Langganan Sekarang” pada bagian kanan atas halaman situs bimbel online Ruangguru. Kemudian mengikuti arahan selanjutnya untuk mengisi formulir pendaftaran beserta produk yang dipilih.Cara kedua, mendaftar melalui aplikasi belajar online Ruangguru. Pertama-tama, download aplikasi bimbel Ruangguru di Google Play Store bagi pengguna android dan App Store bagi pengguna iOS. Setelah selesai diunduh, pilih Daftar/Masuk pada halaman utama aplikasi belajar Ruangguru. Setelah itu, masukkan nama, email, nomor handphone dan data lain yang dibutuhkan. Selanjutnya, kamu bisa mengikuti instruksi yang muncul berikutnya.","item_category": "cta","item_position": 15,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Bagaimana cara mendaftar bimbel online di Ruangguru?</strong>
</h3>
</div>
<div class="panel">
<p>Jika kamu berminat untuk mendaftar bimbel di Ruangguru ada 2 cara yang bisa kamu gunakan.</p>
<p>
Cara pertama, mendaftar melalui website Ruangguru. Kamu hanya perlu menekan tombol “Langganan Sekarang” pada bagian kanan atas halaman situs bimbel online Ruangguru. Kemudian mengikuti
arahan selanjutnya untuk mengisi formulir pendaftaran beserta produk yang dipilih.
</p>
<p>
Cara kedua, mendaftar melalui aplikasi belajar online Ruangguru. Pertama-tama, download aplikasi bimbel Ruangguru di Google Play Store bagi pengguna android dan App Store bagi pengguna
iOS. Setelah selesai diunduh, pilih Daftar/Masuk pada halaman utama aplikasi belajar Ruangguru. Setelah itu, masukkan nama, email, nomor handphone dan data lain yang dibutuhkan.
Selanjutnya, kamu bisa mengikuti instruksi yang muncul berikutnya.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Bagaimana kalau lupa kata sandi (password) akun Ruangguru","item_description": "Jika kamu sebelumnya sudah mendaftar bimbel online di Ruangguru tapi tiba-tiba kamu lupa kata sandi (password) kamu di akun Ruangguru, tidak perlu panik. Ikuti langkah-langkah berikut untuk meminta password baru:-Tekan tombol “lupa kata sandi” di aplikasi Ruangguru-Masukkan email kamu yang didaftarkan untuk ikut bimbel di Ruangguru dan tekan tombol “Kirim”-Cek email kamu dan buka pesan masuk dari Ruangguru, lalu tekan “Ganti Kata Sandi”-Isi formulir penggantian kata sandi (password) kamu dan tekan tombol “Submit”-Login/Masuk di aplikasi Ruangguru","item_category": "cta","item_position": 16,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Bagaimana kalau lupa kata sandi (password) akun Ruangguru</strong>
</h3>
</div>
<div class="panel">
<p>
Jika kamu sebelumnya sudah mendaftar bimbel online di Ruangguru tapi tiba-tiba kamu lupa kata sandi (password) kamu di akun Ruangguru, tidak perlu panik. Ikuti langkah-langkah berikut
untuk meminta password baru:
</p>
<ol>
<li>Tekan tombol “lupa kata sandi” di aplikasi Ruangguru</li>
<li>Masukkan email kamu yang didaftarkan untuk ikut bimbel di Ruangguru dan tekan tombol “Kirim”</li>
<li>Cek email kamu dan buka pesan masuk dari Ruangguru, lalu tekan “Ganti Kata Sandi”</li>
<li>Isi formulir penggantian kata sandi (password) kamu dan tekan tombol “Submit”</li>
<li>Login/Masuk di aplikasi Ruangguru</li>
</ol>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Apa saja fitur yang tersedia pada aplikasi belajar online Ruangguru?","item_description": "Ruangguru menyediakan beragam fitur unggulan untuk memaksimalkan kegiatan belajar online kamu kapan pun dan di mana pun. Ada ribuan video animasi dengan rangkuman dan latihan soal yang sangat lengkap. Selain itu, metode pengajaran yang asyik dari Master Teacher Ruangguru membuat belajar kamu pasti semakin menyenangkan dan materi akan semakin mudah dipahami.","item_category": "cta","item_position": 17,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Apa saja fitur yang tersedia pada aplikasi belajar online Ruangguru?</strong>
</h3>
</div>
<div class="panel">
<p>
Ruangguru menyediakan beragam fitur unggulan untuk memaksimalkan kegiatan belajar online kamu kapan pun dan di mana pun. Ada ribuan video animasi dengan rangkuman dan latihan soal yang
sangat lengkap. Selain itu, metode pengajaran yang asyik dari Master Teacher Ruangguru membuat belajar kamu pasti semakin menyenangkan dan materi akan semakin mudah dipahami.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Apakah siswa SMK bisa menggunakan aplikasi belajar online Ruangguru?","item_description": "Bisa. Kamu yang saat ini duduk di bangku SMK bisa mengikuti kegiatan bimbel online di aplikasi belajar Ruangguru. Untuk sementara hanya ada beberapa mata pelajaran di SMK yang bisa kamu dapatkan. Ke depannya nanti, Ruangguru akan menambah beberapa mata pelajaran lainnya.","item_category": "cta","item_position": 18,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Apakah siswa SMK bisa menggunakan aplikasi belajar online Ruangguru?</strong>
</h3>
</div>
<div class="panel">
<p>
Bisa. Kamu yang saat ini duduk di bangku SMK bisa mengikuti kegiatan bimbel online di aplikasi belajar Ruangguru. Untuk sementara hanya ada beberapa mata pelajaran di SMK yang bisa kamu
dapatkan. Ke depannya nanti, Ruangguru akan menambah beberapa mata pelajaran lainnya.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Apakah mahasiswa bisa menggunakan aplikasi belajar online Ruangguru?","item_description": "Bisa. Bagi para mahasiswa yang ingin berlangganan produk bimbel online dari Ruangguru bisa memilih produk ruangbelajar ataupun Ruangguru Privat.","item_category": "cta","item_position": 19,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Apakah mahasiswa bisa menggunakan aplikasi belajar online Ruangguru?</strong>
</h3>
</div>
<div class="panel">
<p>Bisa. Bagi para mahasiswa yang ingin berlangganan produk bimbel online dari Ruangguru bisa memilih produk ruangbelajar ataupun Ruangguru Privat.</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Apakah aplikasi bimbel Ruangguru menyediakan layanan bimbel offline?","item_description": "Selain menyediakan layanan aplikasi belajar online, Ruangguru juga menyediakan layanan belajar secara offline . Kamu bisa menggunakan produk Brain Academy yang memiliki puluhan cabang di Indonesia.","item_category": "cta","item_position": 20,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Apakah aplikasi bimbel Ruangguru menyediakan layanan bimbel offline?</strong>
</h3>
</div>
<div class="panel">
<p>
Selain menyediakan layanan aplikasi belajar online, Ruangguru juga menyediakan layanan belajar secara offline . Kamu bisa menggunakan produk Brain Academy yang memiliki puluhan cabang di
Indonesia.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Apakah aplikasi belajar online Ruangguru tersedia untuk semua jenjang?","item_description": "Sebagai aplikasi belajar online terbaik dan terbesar di Indonesia, tentunya Ruangguru menyediakan layanan bimbel untuk jenjang SD, SMP, SMA/SMK hingga persiapan masuk kuliah. Dengan materi pembelajaran yang lengkap dan menyenangkan, kegiatan belajar siswa akan semakin menyenangkan.","item_category": "cta","item_position": 21,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Apakah aplikasi belajar online Ruangguru tersedia untuk semua jenjang?</strong>
</h3>
</div>
<div class="panel">
<p>
Sebagai aplikasi belajar online terbaik dan terbesar di Indonesia, tentunya Ruangguru menyediakan layanan bimbel untuk jenjang SD, SMP, SMA/SMK hingga persiapan masuk kuliah. Dengan
materi pembelajaran yang lengkap dan menyenangkan, kegiatan belajar siswa akan semakin menyenangkan.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Apakah aplikasi belajar online Ruangguru tersedia untuk semua jenjang?","item_description": "Sebagai aplikasi belajar online terbaik dan terfavorit di Indonesia, tentunya Ruangguru menyediakan layanan bimbel untuk jenjang SD, SMP, SMA/SMK hingga persiapan masuk kuliah.","item_category": "cta","item_position": 22,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Apakah aplikasi belajar online Ruangguru tersedia untuk semua jenjang?</strong>
</h3>
</div>
<div class="panel">
<p>Sebagai aplikasi belajar online terbaik dan terfavorit di Indonesia, tentunya Ruangguru menyediakan layanan bimbel untuk jenjang SD, SMP, SMA/SMK hingga persiapan masuk kuliah.</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Berapa harga langganan Ruangguru sekarang?","item_description": "Untuk harga paket belajar online di Ruangguru sekarang ini ada yang gratis dan berbayar. Untuk paket bimbel berbayar di Ruangguru kisaran harganya mulai dari Rp20.000 (produk roboguru plus), hingga ratusan ribu di produk ruangbelajar. Informasi yang tercantum terkait harga ini bisa berubah sewaktu-waktu tanpa pemberitahuan lebih lanjut.","item_category": "cta","item_position": 23,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Berapa harga langganan Ruangguru sekarang?</strong>
</h3>
</div>
<div class="panel">
<p>
Untuk harga paket belajar online di Ruangguru sekarang ini ada yang gratis dan berbayar. Untuk paket bimbel berbayar di Ruangguru kisaran harganya mulai dari Rp20.000 (produk roboguru
plus), hingga ratusan ribu di produk ruangbelajar. Informasi yang tercantum terkait harga ini bisa berubah sewaktu-waktu tanpa pemberitahuan lebih lanjut.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Apakah Ruangguru gratis?","item_description": "Sebagai aplikasi belajar online terbaik di Indonesia, Ruangguru menyediakan layanan belajar secara gratis juga. Untuk mendapatkan layanan gratis, kamu bisa mencoba Ruangbaca dari website bimbel Ruangguru. Materi pelajaran sampai informasi seputar kuliah yang bisa kamu akses secara gratis.","item_category": "cta","item_position": 24,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Apakah Ruangguru gratis?</strong>
</h3>
</div>
<div class="panel">
<p>
Sebagai aplikasi belajar online terbaik di Indonesia, Ruangguru menyediakan layanan belajar secara gratis juga. Untuk mendapatkan layanan gratis, kamu bisa mencoba Ruangbaca dari website
bimbel Ruangguru. Materi pelajaran sampai informasi seputar kuliah yang bisa kamu akses secara gratis.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Berapa harga les/bimbel online di Ruangguru?","item_description": "Aplikasi belajar online Ruangguru menyediakan beragam produk bimbel online terbaik untuk kamu. Di setiap layanannya memiliki harga dan lama durasi pembelajaran masing-masing.","item_category": "cta","item_position": 25,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Berapa harga les/bimbel online di Ruangguru?</strong>
</h3>
</div>
<div class="panel">
<p>Aplikasi belajar online Ruangguru menyediakan beragam produk bimbel online terbaik untuk kamu. Di setiap layanannya memiliki harga dan lama durasi pembelajaran masing-masing.</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Apakah bimbel online di Ruangguru bisa dicicil?","item_description": "Ya. Produk-produk yang ditawarkan oleh aplikasi belajar online Ruangguru sebagian besar bisa dibayar melalui skema cicilan. Tenor pembayaran angsurannya pun bermacam-macam disesuaikan dengan kemampuan orang tua kamu.","item_category": "cta","item_position": 26,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Apakah bimbel online di Ruangguru bisa dicicil?</strong>
</h3>
</div>
<div class="panel">
<p>
Ya. Produk-produk yang ditawarkan oleh aplikasi belajar online Ruangguru sebagian besar bisa dibayar melalui skema cicilan. Tenor pembayaran angsurannya pun bermacam-macam disesuaikan
dengan kemampuan orang tua kamu.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_faq_answer","item_type": "card","item_name": "Di mana bisa mendapatkan info terkait promo dan diskon terbaru dari Ruangguru?","item_description": "Kamu bisa mengikuti sosial media Ruangguru baik di Instagram, Facebook, Twitter, Tiktok, dan Youtube untuk mendapatkan informasi terkait promo dan diskon yang sedang berlangsung di Ruangguru.","item_category": "cta","item_position": 27,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<h3>
<strong>Di mana bisa mendapatkan info terkait promo dan diskon terbaru dari Ruangguru?</strong>
</h3>
</div>
<div class="panel">
<p>
Kamu bisa mengikuti sosial media Ruangguru baik di Instagram, Facebook, Twitter, Tiktok, dan Youtube untuk mendapatkan informasi terkait promo dan diskon yang sedang berlangsung di
Ruangguru.
</p>
</div>
<div
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","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<strong>Whatsapp</strong>+6281578200000<strong>Email</strong>info@ruangguru.com<strong>Call Center</strong>02130930000","item_category": "cta","item_position": 28,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
class="accordion"
data-readmore="1"
>
<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>
<button
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "dropdown","cta_action_detail": "dropdown_other_faq_card","item_type": "link","item_name": "Baca Selengkapnya","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "faq","section_position": "body","section_name": "faq"}'
type="button"
id="readmore"
>
<span id="readtext">Baca Selengkapnya</span>
<img id="readimg" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/Event/arrow-down.svg" alt="ic down" loading="lazy" />
</button>
</div>
</div>
</div>
</div>
</section>
<!--End Section FAQ-->
<script>
window.onscroll = function () {
// prevent initiation at the begining of the page load
};
if (document.getElementsByClassName('accordion')) {
var i,
acc = document.getElementsByClassName('accordion');
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener('click', function () {
document.getElementsByClassName('accordion');
this.classList.toggle('active');
var t = this.nextElementSibling;
t.classList.toggle('expand'), t.style.maxHeight ? (t.style.maxHeight = null) : (t.style.maxHeight = t.scrollHeight + 'px');
});
}
}
$('#readmore').click(function () {
if ($('#readtext').text() == 'Baca Selengkapnya') {
$('#readtext').text('Lihat lebih sedikit');
} else if ($('#readtext').text() == 'Lihat lebih sedikit') {
$('#readtext').text('Baca Selengkapnya');
}
$('#readimg').toggleClass('rotate10');
$('.extra-wrapper').toggleClass('terbuka');
});
$('#btn-more').click(function () {
$('.produk-item').removeClass('display_none_mobile');
$('.btn-more').hide();
});
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end body -->
</div>
<!--end body wrapper -->
<style>.footer__year {
padding-top: 5rem;
}
.ic-new__img {
margin: auto 0;
display: flex;
}
.ic-new__img img {
width: fit-content;
}
.font-base-footer {
font-family: Inter, 'sans-serif';
font-weight: 400;
font-size: 14px !important;
font-style: normal;
letter-spacing: 0;
color: #0a2540;
margin-bottom: 0;
}
.font-bold {
font-weight: 700;
}
.font-white {
color: #fff !important;
}
.font-semi-bold {
font-weight: 600;
}
.center {
text-align: center;
}
.footer {
background: #0a2540;
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>
<!-- <script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/103602550432/1678161936332/module_103602550432_Header_Ruangguru_Revamp_2022_Feb_AB_Tracking.min.js"></script> -->
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/114648016785/1685345619080/module_114648016785_Module_Section_Hero_-_Ruangguru_2022_-_Live_BAON.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/103780952191/1677828887160/module_103780952191_Module_Section_Product_Selection_-_Ruangguru_2022_Feb_Track.min.js?v=1.0"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/114780265608/1685346491359/module_114780265608_Module_Section_-_Ruangguru_2022_-_Live_BAON_New_Section.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/103782594698/1677139518913/module_103782594698_Module_Section_New_From_RG_-_Ruangguru_2022_Feb_Track.min.js"></script>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<!-- INI SETTINGAN SELURUH DOMAIN -->
<!-- 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 src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.brainacademy.id/js/abFloating.js?v=2.0"></script>
<script>
// 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];
$(document).ready(function () {
fetchFloatingVariant(getCookie('__rg_cookie_id__'), 'ruangguru');
});
</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) -->
<!-- INI SETTINGAN SELURUH DOMAIN -->
<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>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/modal-video@2.4.8/css/modal-video.min.css" />
<script src="https://cdn.jsdelivr.net/npm/modal-video@2.4.8/js/jquery-modal-video.min.js"></script>
<!-- <script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/js/rg-banner.js?v=8.0"></script> -->
<script>
// slick testimoni
var slickConfigTeti = {
infinite: true,
dots: true,
autoplay: true,
speed: 300,
slidesToShow: 3,
slidesToScroll: 1,
arrows: true,
prevArrow: '<img class="slick-prev" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Header%20dan%20Hero/btn-prev.svg" alt="button prev" />',
nextArrow: '<img class="slick-next" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Header%20dan%20Hero/btn-next.svg" alt="button next" />',
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
},
},
{
breakpoint: 768,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
},
},
{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
};
var slickConfig = {
infinite: true,
dots: true,
autoplay: true,
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/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);
</script>
<script>
$('.js-video-button').modalVideo({
youtube: {
controls: 0,
nocookie: true,
autoplay: 1,
},
});
</script>
<script>
$(document).on('click', '[data-tracking-event-type]', function (event) {
const eventType = $(this).data('tracking-event-type');
let context = $(this).data('tracking-context');
if (context.section_name === 'monthly_special_promo') {
context = {
...context,
cta_action_detail: $(this).data('promo-cta'),
item_name: $(this).data('promo-title'),
item_position: $(this).data('promo-position'),
};
}
Analytics.track(eventType, context);
});
// script tracker variant A
$(document).ready(function () {
Analytics.track('landing_page__experiment_main_lp__page_view', {
full_url: window.location.href,
variant_name: 'new',
});
});
</script>
<style>
.ps-desc {
max-width: 6rem;
}
.hero {
height: 20rem;
}
.ps-item {
width: 17%;
}
#variant_b .form-section button {
font-size: 14px;
line-height: 20px;
padding: 0.8rem 1rem 0.8rem 1.5rem;
right: 3.25rem;
}
.card-c-c-master-teacher .bg-white-c-mastech {
min-height: 23.5rem;
}
@media (max-width: 767px) {
#variant_b .form-section button {
font-size: 11px;
gap: 0.25rem;
line-height: 16px;
padding: 0.5rem 0.5rem 0.6rem 1rem;
right: 6rem;
top: 3.75rem;
}
.ps-item {
width: 25%;
}
.package-price-information-bottom .finalPrice {
font-size: 14px;
line-height: 20px;
}
.package-price-information-bottom .unit {
font-size: 10px;
line-height: 16px;
}
}
</style>
</body>
</html>