<!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="PT Ruang Raya Indonesia" />
<meta name="description" content="LEAP is a 3-month internship programme for final year students and fresh graduates, designed to provide a hands on learning experience for maximum growth and development." />
<title>Learning Acceleration Program 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="LEAP is a 3-month internship programme for final year students and fresh graduates, designed to provide a hands on learning experience for maximum growth and development." />
<meta property="og:title" content="Learning Acceleration Program Ruangguru" />
<meta name="twitter:description" content="LEAP is a 3-month internship programme for final year students and fresh graduates, designed to provide a hands on learning experience for maximum growth and development." />
<meta name="twitter:title" content="Learning Acceleration Program Ruangguru" />
<style>
a.cta_button {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
vertical-align: middle;
}
.hs-breadcrumb-menu {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.hs-breadcrumb-menu-item {
float: left;
padding: 10px 0px 10px 10px;
}
.hs-breadcrumb-menu-divider:before {
content: '›';
padding-left: 10px;
}
.hs-featured-image-link {
border: 0;
}
.hs-featured-image {
float: right;
margin: 0 0 20px 20px;
max-width: 50%;
}
@media (max-width: 568px) {
.hs-featured-image {
float: none;
margin: 0;
width: 100%;
max-width: 100%;
}
}
.hs-screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
</style>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845607410/module_39227318886_header-homepage-ruangguru-2021.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/44573006977/1650447345964/module_44573006977_leap-module.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/44980440489/1661483386153/A_Ruangguru_Projects/Project_Hofar/CSS_Javascript_Auto_Generate_Breadcrumb_-_V1.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/44684326492/1653701705923/module_44684326492_LEAP_Slick_section_1.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/63093537101/1650448565111/module_63093537101_LEAP_Slick_Kampus_Merdeka.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/63122976392/1643621667584/module_63122976392_LEAP_Difference.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/44403154456/1650448557178/module_44403154456_LEAP_Slick_work.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/10729547355/1615619841646/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/Source_Modal_Video/modal-video-min.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/31161504937/1614560524775/module_31161504937_Modal_Video_ruangkelas.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/52775096078/1650448550760/module_52775096078_LEAP_Slick_Testimoni_Agustus_2021.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/44687003957/1653701675099/module_44687003957_LEAP_Selection_Process.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/44684451840/1629268870084/module_44684451840_LEAP_Are-you-the-right-fit.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/44688305721/1617931993035/module_44688305721_LEAP_Stories.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/44686487152/1629115451447/module_44686487152_LEAP-Positions.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/44410333054/1650444846611/module_44410333054_LEAP_FAQ.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39981680119/1676448475961/module_39981680119_Footer-ruangguru-2021-v2.min.css"
/>
<!-- Added by GoogleAnalytics integration -->
<script>
var _hsp = (window._hsp = window._hsp || []);
_hsp.push([
'addPrivacyConsentListener',
function (consent) {
if (consent.allowed || (consent.categories && consent.categories.analytics)) {
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
(i[r] =
i[r] ||
function () {
(i[r].q = i[r].q || []).push(arguments);
}),
(i[r].l = 1 * new Date());
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-49650255-1', 'auto');
ga('send', 'pageview');
}
},
]);
</script>
<!-- /Added by GoogleAnalytics integration -->
<link rel="canonical" href="https://www.ruangguru.com/program/learning-acceleration-program" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script>
(function (h, e, a, t, m, p) {
m = e.createElement(a);
m.async = !0;
m.src = t;
p = e.getElementsByTagName(a)[0];
p.parentNode.insertBefore(m, p);
})(window, document, 'script', 'https://u.heatmap.it/log.js');
</script>
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<script>
document.querySelector('meta[name="author"]').setAttribute('content', 'Ruangguru Tech Team');
</script>
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<!--
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49650255-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-49650255-1');
</script>
-->
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PVNLZFT');
</script>
<!-- End Google Tag Manager -->
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="350" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:url" content="https://www.ruangguru.com/program/learning-acceleration-program" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="content-language" content="id" />
<link rel="stylesheet" href="https://cdn-web-2.ruangguru.com/landing-page-web/public/assets/common/layout.min.css" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/32897687690/1595834288654/A_Ruangguru_Projects/LP_MAP_Ruangguru/MAP_Style.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/44383695968/1617949090656/A_Ruangguru_Projects/LEAP_Ruangguru/leap-style.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/32781682988/1666344401391/A_Ruangguru_Projects/1_SOP_Landing_Page/SOP_Style_Ruangguru.min.css"
/>
<style>
a.coming-soon {
background-color: #1e5faf !important;
}
.disabled-cta {
opacity: 0.6;
-webkit-font-smoothing: antialiased;
user-select: none;
display: inline-block;
text-align: center;
text-decoration: none;
background: rgb(255, 130, 60);
border-width: 0px;
color: rgb(255, 255, 255);
font-family: sans-serif;
height: auto;
transition: all 0.4s ease;
padding: 10px 100px;
text-shadow: none;
line-height: 1.5em;
border-radius: 25px;
padding: 0.5rem 50px;
font-size: 14px;
font-weight: 600;
box-shadow: 0 6px 20px 0 rgb(67 72 86 / 15%);
width: auto;
cursor: not-allowed !important;
}
.more-contact a {
color: #fff;
font-weight: bold;
}
</style>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/program/learning-acceleration-program/assets/index-DnzER7RE.js"></script>
</head>
<body class="hs-content-id-44410401664 hs-landing-page hs-page" style="">
<div class="header-container-wrapper">
<div class="header-container container-fluid">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_1634008506906115" 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>/*!
* Bootstrap v4.5.0 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
padding: 0 !important;
}
*,
:after,
:before {
box-sizing: border-box;
}
header,
nav {
display: block;
}
p {
margin-top: 0;
}
a {
background-color: transparent;
color: #007bff;
text-decoration: none;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]),
a:not([href]):hover {
color: inherit;
text-decoration: none;
}
img {
border-style: none;
}
img,
svg {
vertical-align: middle;
}
svg {
overflow: hidden;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
button {
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
overflow: visible;
text-transform: none;
}
[type='button'],
button {
-webkit-appearance: button;
}
[type='button']:not(:disabled),
button:not(:disabled) {
cursor: pointer;
}
[type='button']::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.navbar {
padding: 0.5rem 1rem;
position: relative;
-ms-flex-align: center;
-ms-flex-pack: justify;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
@-webkit-keyframes progress-bar-stripes {
0% {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
0% {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@media print {
*,
:after,
:before {
box-shadow: none !important;
text-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
img {
page-break-inside: avoid;
}
p {
orphans: 3;
widows: 3;
}
@page {
size: a3;
}
.navbar {
display: none;
}
}
.cta {
border-radius: 9999px;
background: var(--k-12-base-light-theme-action-primary-default, #f26d0f);
width: 100%;
border: none;
color: var(--k-12-base-light-theme-text-solid-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
display: flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1.5rem;
}
.cta.dark,
.cta.dark-green,
.cta.blue-indigo,
.cta.violet,
.cta.roc {
color: #000;
background-color: #fff;
}
@media (max-width: 1024px) {
.navbar {
padding: 0 !important;
}
}
.navig-link a {
background-color: transparent;
color: #474747;
text-decoration: none !important;
}
.navig-link.dark a,
.navig-link.dark-green a,
.navig-link.roc a,
.navig-link.blue-indigo a,
.navig-link.violet a,
.navig-link.home a {
color: #fff !important;
}
.navig-dropdown-area a:hover,
.navig-link a:hover {
background: 0 !important;
color: #3cc4e5 !important;
cursor: pointer;
text-decoration: none !important;
}
.ruangguru-header {
background: #fff;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.13);
position: fixed;
top: 0;
width: 100%;
z-index: 100;
padding: 0 !important;
}
.ruangguru-header.dark {
background: #000;
}
.ruangguru-header.dark-green {
background: #022527;
}
.ruangguru-header.roc {
background-color: #1d1110;
}
.ruangguru-header.blue-indigo {
background: #444fb7;
}
.ruangguru-header.home {
background: linear-gradient(257.67deg, #21a5b1 46.16%, #0e9bdf 95.13%);
}
.ruangguru-header .navig-link {
color: #474747 !important;
font-family: Inter;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.ruangguru-header.dark .navig-link,
.ruangguru-header.dark-green .navig-link,
.ruangguru-header.blue-indigo .navig-link,
.ruangguru-header.roc .navig-link {
color: #fff !important;
}
.navigation__left {
display: flex;
}
.logo-header {
padding: 5px 0;
}
.navig-link:hover {
background: 0 !important;
color: #3cc4e5 !important;
cursor: pointer;
}
.navig-link-dropdown {
white-space: nowrap;
}
.navig-link-dropdown:after {
border-bottom: 0;
border-left: 0.3em solid transparent;
border-right: 0.3em solid transparent;
border-top: 0.3em solid;
content: '';
display: inline-block;
margin-left: 0.255em;
transition: 0.7s;
vertical-align: 0.255em;
}
.navig-link-dropdown[aria-expanded='true']:after {
transform: scaleY(-1);
}
.navig-link-dropdown[aria-expanded='false']:after {
transform: scaleY(1);
}
.logo-product {
margin: 0 0 5px !important;
}
.logo-product img {
min-height: 3rem;
object-fit: scale-down;
object-position: left;
width: 100%;
}
#lp_ea {
display: flex;
}
.item-services a,
.item-center a,
.text-product {
font-family: Inter;
}
@keyframes animate {
0% {
opacity: 0;
transform: rotateX(-90deg);
}
50% {
transform: rotateX(20deg);
}
to {
opacity: 1;
transform: rotateX(0deg);
}
}
@media (min-width: 1025px) {
.spacer-rg {
height: 4.5rem;
}
.container-ruangguru-header {
align-items: center;
padding: 18px 10px;
position: relative;
}
.ruangguru-header.home .page-center {
width: 90% !important;
}
.logo-header {
margin-right: 16px;
}
.navigation__right {
position: absolute;
right: 0;
}
#produk_item {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
float: left;
font-size: 1rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
list-style: none;
padding: 0.5rem 10px;
position: absolute;
text-align: left;
top: 70%;
width: 1050px;
z-index: 1000;
left: 7%;
}
.item-product,
.item-services,
.item-center {
padding: 12px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.item-product:hover,
.item-services:hover,
.item-center:hover {
background-color: #eaf8f9 !important;
cursor: pointer;
}
#services_item,
#center_item {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
flex-flow: column;
float: left;
font-size: 1rem;
list-style: none;
margin: 0;
min-width: 10rem;
padding: 0.5rem 0;
position: absolute;
text-align: left;
top: 70%;
z-index: 1000;
}
#services_item {
left: 44rem;
}
#center_item {
left: 14rem;
}
.container-ruangguru-header {
display: flex;
flex-direction: row;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
padding-bottom: 20px;
text-align: center;
}
}
@media (min-width: 1078px) {
.hamburger-icon {
display: none;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: auto;
flex-grow: 0;
max-height: unset;
overflow-y: auto;
padding-bottom: 0;
text-align: center;
}
.navigation__content .navig-link {
margin: 0 14px;
padding: 8px 8px 8px 0;
}
.navigation__content {
display: grid;
grid-auto-flow: column;
}
}
@media (min-width: 321px) and (max-width: 767px) {
.spacer-rg {
height: 4rem;
}
.container-ruangguru-header {
align-items: center;
padding: 10px;
position: relative;
}
.navigation__content {
padding-bottom: 20px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-size: 14px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk,
#program,
#services {
padding: 20px 0 0;
}
#produk_item,
#services_item,
#center_item {
padding: 1rem 20px;
}
.text-product {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 12px;
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 12px;
padding: 0.25rem 0.5rem 0.5rem;
}
.item-services,
.item-center {
margin-bottom: 0.35rem;
padding: 0.5rem 0;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.container-ruangguru-header {
align-items: center;
padding: 10px;
position: relative;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.logo-header {
margin-left: 20px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-size: 16px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 0 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk_item,
#services_item,
#center_item {
padding: 1rem 20px;
}
.text-product {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 12px;
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 18px;
padding: 0.25rem 1.5rem;
}
.item-services,
.item-center {
margin-bottom: 18px;
padding: 2px 0;
}
.navigation__content {
display: none;
}
}
@media (max-width: 320px) {
.spacer-rg {
height: 3rem;
}
.container-ruangguru-header {
align-items: center;
position: relative;
}
.navigation__content {
padding-bottom: 20px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-size: 14px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.logo-header {
margin-left: 10px;
transform: scale(0.8);
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk,
#program,
#services {
padding: 20px 0 0;
}
#produk_item {
padding: 1rem 20px;
}
#services_item,
#center_item {
padding: 10px 20px;
}
.text-product {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 5px;
transform: scale(0.8);
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 18px;
padding: 0.25rem 1.5rem;
}
.item-services,
.item-center {
margin-bottom: 18px;
padding: 2px 0;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
text-align: center;
}
}
.wrapper-profile-login {
position: relative;
}
.container-login_details {
position: relative;
}
.container-user_profile {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: var(--size-radius-rad-full, 9999px);
border: 1px solid var(--K12-Base-Theme-Border-Default, #cfd3db);
background: var(--K12-Base-Theme-Action-Secondary-Default, #fff);
padding: 4px 8px;
cursor: pointer;
position: relative;
}
.profile-picture {
border-radius: 100%;
}
.display-none {
display: none !important;
}
.display-1 {
font-size: 6rem;
}
.display-1,
.display-2 {
font-weight: 300;
line-height: 1.2;
}
.display-2 {
font-size: 5.5rem;
}
.display-3 {
font-size: 4.5rem;
}
.display-3,
.display-4 {
font-weight: 300;
line-height: 1.2;
}
.display-4 {
font-size: 3.5rem;
}
/* Text utility classes */
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-wrap {
white-space: normal !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
.text-secondary {
color: #6c757d !important;
}
/*FLOATING BANNER*/
.floating,
.floating > img {
width: 100%;
}
.hero-cta-wrapper {
align-items: center;
display: flex;
justify-content: center;
padding: 0.1rem 0 0.35rem;
position: relative;
}
.hero-timer-cta p {
color: #fff;
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
padding-right: 0.5rem;
margin: 0 !important;
}
.text-countdown-hero div,
.text-countdown-hero span {
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.text-countdown-hero {
align-items: center;
display: flex;
flex-direction: row;
gap: 0.25rem;
justify-content: center;
}
.text-countdown-hero div,
.text-countdown-hero span {
color: #fff;
letter-spacing: 0.01em;
margin: 0;
}
.text-countdown-hero div {
grid-gap: 0.25rem;
align-items: center;
display: grid;
grid-template-columns: auto auto;
}
.text-countdown-hero span {
color: #fff;
background: linear-gradient(0deg, #cd1924 0%, #cd1924 100%), linear-gradient(133deg, #ea4952 1.52%, #cd1924 50%, #9a0912 98.48%), rgb(0 0 0 / 0.25);
border-radius: 8px;
width: 1.75rem;
height: 1.75rem;
display: flex;
align-items: center;
justify-content: center;
}
/* Floating banner positioning for countdown */
.container-floating-banner,
.floating {
position: relative;
}
/* Override existing hero-timer-cta to position at bottom center of floating banner */
.hero-timer-cta {
position: absolute !important;
bottom: 6% !important;
left: 50% !important;
transform: translateX(-50%) !important;
background: transparent !important;
color: white !important;
padding: 8px 16px !important;
border-radius: 8px !important;
text-align: center !important;
font-size: 14px !important;
z-index: 10 !important;
display: flex;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: auto !important;
}
.hero-timer-cta .countdown-hero {
margin-top: 0 !important;
}
.hero-timer-cta .text-countdown-hero {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 4px !important;
}
.hero-timer-cta .text-countdown-hero div {
display: flex !important;
align-items: center !important;
color: white !important;
}
.hero-cta {
background: #fff;
border: 8px solid #7ac9d0;
border-radius: 96px;
color: #2c313a;
display: inline-block;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
margin: 0;
padding: 0.5rem 1.75rem;
text-align: center;
text-decoration: none;
}
@media (max-width: 767px) {
.hero-cta {
border: 8px solid #7ac9d0;
font-size: 12px;
line-height: 18px;
padding: 0.5rem 1.75rem;
}
.hero-timer-cta p {
font-size: 12px;
line-height: 18px;
}
.text-countdown-hero div,
.text-countdown-hero span {
font-size: 10px;
line-height: 12px;
}
.text-countdown-hero span {
width: 1.25rem;
height: 1.25rem;
border-radius: 4px;
}
.hero-timer-cta {
width: 100% !important;
bottom: 4% !important;
justify-content: flex-start !important;
}
}
</style>
<style>
.header-guest-mark-layout {
position: absolute;
width: 100%;
display: none;
justify-content: flex-end;
}
.header-guest-mark-triangle {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 30px solid #f1bb53;
margin-right: 2.25rem;
margin-bottom: -0.5rem;
}
.header-guest-mark-container {
display: flex;
background-color: #f1bb53;
width: fit-content;
border-radius: 12px;
padding: 0.5rem 0.75rem;
gap: 1rem;
justify-items: center;
}
.header-guest-mark-container p {
font-family: Space Grotesk;
font-size: 12px;
font-weight: 700;
line-height: 18px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
padding: 0;
}
@media (min-width: 1300px) {
.header-guest-mark-layout {
margin-top: 7rem;
}
}
@media (max-width: 1299px) {
.header-guest-mark-layout {
margin-top: 0;
}
}
@media (max-width: 767px) {
.header-guest-mark-triangle {
margin-right: 2.5rem;
}
}
</style>
<nav class="ruangguru-header ">
<div class="page-center">
<div class="container-ruangguru-header">
<div class="navigation__left">
<div class="hamburger-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/eed92e13-500e-4cc5-b049-77c60bb3e857.svg" alt="Dropdown Navigation Icon" loading="lazy" />
</div>
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/","item_type": "image","item_name": "Logo ruangguru","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/"
>
<div class="logo-header">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo ruangguru" loading="lazy" />
</div>
</a>
</div>
<div class="navigation__content">
<div class="navig-link ">
<a href="https://www.ruangguru.com/learning-acceleration-program">Home</a>
</div>
<div class="navig-link ">
<a href="#about">Program</a>
</div>
<div class="navig-link ">
<a href="#faq">FAQ</a>
</div>
<div class="navig-link ">
<a href="https://career.ruangguru.com/">Career Site</a>
</div>
</div>
<div class="navigation__right">
<div class="button-langganan-cta" id="btn-header">
</div>
</div>
</div>
</div>
</nav>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script></script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end header -->
</div>
<!--end header wrapper -->
<div class="body-container-wrapper">
<div class="body-container container-fluid">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_1617766770224110" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="headline">
<div class="page-center">
<div class="row">
<div class="headline__content col-md-6 col-sm-12">
<div class="logo-leap">
<!--
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/Logo%20LEAP%20-%20Kampus%20Merdeka.svg" alt="Logo LEAP">
-->
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/2022/Logo%20LEAP%20-%20Kampus%20Merdeka.png" alt="Logo LEAP" class="img_logo_leap" />
</div>
<p class="mx-0 text-left m-0">Get onboard to the most exciting journey of </p>
<div class="change-word">
<span id="changerificwordspanid" class="mx-0">revolutionizing education</span>
</div>
</div>
</div>
</div>
</div>
<script>
(function () {
var words = ['revolutionizing education', 'making a sustainable impact', 'bringing your expertise to the table', 'pioneering new things'],
i = 0;
setInterval(function () {
$('#changerificwordspanid').fadeOut(function () {
$(this)
.html(words[(i = (i + 1) % words.length)])
.fadeIn();
});
}, 2000);
})();
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-2">
<div class="row-fluid">
<div id="about" class="span12 widget-span widget-type-cell bg-leap" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-3">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell page-center" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-4">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_163696811006488" 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">
<nav aria-label="breadcrumb">
<ol id="breadcrumb" class="breadcrumb bg-transparent p-0"></ol>
</nav>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-5">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="display: none" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1617554218037791"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1617554218037791_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<div class="breadcrumb-rg">
<a href="https://www.ruangguru.com/">Home</a>
>
<p>Learning Acceleration Program</p>
</div>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-6">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_1617879891753112" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="row">
<div class="col-md-6 col-sm-12 my-auto leap__left">
<div class="my-auto">
<div>
<h2 class="subtitle-base font-dark font-bold">Learning Acceleration Program</h2>
<p class="title-base font-dark font-s mt-3">
Learning Acceleration Program (LEAP) is a career-oriented internship program designed for
<strong>final-year</strong>
university students and fresh graduates. Together with Ruangguru, Southeast Asia's largest education technology company, you will find space to learn and to grow. You will progress
and immerse in an innovative and impactful business setting. Kick-start your career with us to become a competitive young professional!
</p>
<div class="text-center"> </div>
</div>
<div class="cta-regis">
<a rel="" data-disabled="true" class="coming-soon">Coming Soon</a>
<!-- <a href="https://career.ruangguru.com/vacancies/f065751f-8937-4f85-95e3-110ff076ffad/2856" target="_blank" rel="">Register Here</a> -->
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="top-slide">
<div class="top-slide__slick">
<!-- <div style="padding:0 4px;">
<div class="asset-leap">
<a href="#" class="js-video-button" data-channel="video" data-video-url="https://www.youtube.com/embed/npypaFUJlXs?autoplay=1" rel=" noopener"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/video-leap%20(1).png" class="vid-general"></a> -->
<!-- <img src="https://f.hubspotusercontent40.net/hubfs/2828691/LEAP%20Ruangguru/leap-1.png" alt="Learning Acceleration Program"> -->
<!-- </div>
</div> -->
<div style="padding: 0 4px">
<div class="asset-leap">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/leap-photo.png" alt="Learning Acceleration Program" />
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
$j3 = jQuery.noConflict();
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-7">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="display: none" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_164126698335796" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="row grid-leap">
<div class="grid-leap-merdeka col-md-6 col-sm-12">
<div class="top-slide">
<div class="top-slide__slick2">
<div style="padding: 0 4px">
<div class="asset-leap kampus-merdeka">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/DSC06841-min.jpeg" alt="Learning Acceleration Program" />
</div>
</div>
<div style="padding: 0 4px">
<div class="asset-leap kampus-merdeka">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/DSC06496-min.jpeg" alt="Learning Acceleration Program" />
</div>
</div>
</div>
</div>
</div>
<div class="grid-leap-merdeka col-md-6 col-sm-12 my-auto leap__right">
<div class="my-auto">
<div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Program/logo-leap-kampus-merdeka.png" alt="logo leap kampus merdeka" />
<p class="title-base font-dark font-s mt-3">
To further actualize Ruangguru’s mission in providing equal opportunities of empowerment, we have now been registered as one of the company partners for Kampus Merdeka. Starting with
Batch 3, you are free to apply to LEAP through either one of two available application tracks: the Kampus Merdeka track or the Regular track. Joining through either track provides
you with the same high-quality learning experience!
</p>
<div class="text-center"> </div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
$j3 = jQuery.noConflict();
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--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 id="whats-the-difference" class="span12 widget-span widget-type-cell" style="display: none" data-widget-type="cell" data-x="0" data-w="12">
<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_164130441755080" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="difference">
<div class="page-center">
<h2>What’s the difference?</h2>
<div class="wrapping-table">
<table class="tg">
<thead>
<tr>
<th class="tg-c6of"></th>
<th class="tg-rskj">Kampus Merdeka Track</th>
<th class="tg-1zxf">Regular Track</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tg-zv36">Period</td>
<td class="tg-k972">5 months</td>
<td class="tg-q0a4">3 months, with the option of extension</td>
</tr>
<tr>
<td class="tg-zv36">Criteria</td>
<td class="tg-k972">Active students from local universities, currently in semester 4-8 who still require course credits (SKS)</td>
<td class="tg-q0a4">Fresh graduates or active students from any year, from local or overseas universities</td>
</tr>
<tr>
<td class="tg-zv36">Credit (SKS) Conversion</td>
<td class="tg-k972">Yes, up to 20 credits (SKS)</td>
<td class="tg-q0a4">None</td>
</tr>
<tr>
<td class="tg-zv36">Registration</td>
<td class="tg-k972 btns">
<!--
<a href="https://kampusmerdeka.kemdikbud.go.id/profile/mitra/d3ff9ffd-0c26-4515-a13b-20bd6609229b/06d5b4a9-43a2-11ec-9923-becdfbdca974" rel="nofollow" target="_blank">
<button class="kampus-btn">
Kampus Merdeka Track
</button>
</a>
-->
<a rel="nofollow" target="_blank" data-disabled="true">
<button class="kampus-btn" disabled>Closed</button>
</a>
</td>
<td class="tg-q0a4 btns">
<a href="https://jobs.lever.co/ruangguru?department=Development%20Program&team=Learning%20Acceleration%20Program%20%28LEAP%29" rel="nofollow" target="_blank">
<button class="regular-btn">Regular Track</button>
</a>
</td>
</tr>
<tr>
<td class="tg-zv36 reg">Registration Period</td>
<td class="tg-k972">Until 14 January 2022</td>
<td class="tg-q0a4 reg2">
<!--Until 31 January 2022-->
Until 4 Februari 2022
</td>
</tr>
</tbody>
</table>
</div>
<div class="desc-perbandingan">
<a href="#faq">Have any questions? Check out our FAQ!</a>
</div>
</div>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-10">
<div class="row-fluid">
<div id="about_ruangguru" class="span12 widget-span widget-type-cell bg-leap" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-11">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell page-center" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-12">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1617554478620842"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span id="hs_cos_wrapper_module_spacer" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="space"></span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-13">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget title" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1595841816007447"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1595841816007447_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<h2 class="font-dark font-bold subtitle-base" style="text-align: center">Benefits</h2>
<div id="gtx-trans" style="position: absolute; left: 51px; top: -22.0104px">
<div class="gtx-trans-icon"> </div>
</div>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-14">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_1617523051326213" 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="bg-section-benefit">
<div class="row">
<div class="col-12 col-md-6 align-self-center">
<div class="section-slick-benefits p-0 pr-md-4 m-0 mr-md-4">
<div class="card">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/leap-benefit-people-1.png" class="card-img-top" alt="image" loading="lazy" />
</div>
<div class="card">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/benefits/img_asset%20benefit%202.png" class="card-img-top" alt="image" loading="lazy" />
</div>
<div class="card">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/benefits/img_asset%20benefit%203.png" class="card-img-top" alt="image" loading="lazy" />
</div>
<div class="card">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/benefits/img_asset%20benefit%204.png" class="card-img-top" alt="image" loading="lazy" />
</div>
</div>
</div>
<div class="col-12 col-md-6 d-flex align-self-center webkit-custom-fill mt-4 mt-md-0">
<div class="card bg-transparent border-0 p-0 p-md-4 webkit-custom-fill">
<div class="card-body p-0">
<ul class="list-unstyled">
<li class="media">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/leap-benefit-list-1.png" class="mr-4" alt="image" loading="lazy" />
<div class="media-body align-self-center">
<!--<h5 class="mt-0 mb-1">List-based media object</h5>-->
<p class="m-0 desc-base font-dark font-s">Real project assignments</p>
</div>
</li>
<li class="media mt-3 mt-md-4">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/leap-benefit-list-2.png" class="mr-4" alt="image" />
<div class="media-body align-self-center">
<!--<h5 class="mt-0 mb-1">List-based media object</h5>-->
<p class="m-0 desc-base font-dark font-s">Mentorship with industry leaders</p>
</div>
</li>
<li class="media mt-3 mt-md-4">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/leap-benefit-list-3.png" class="mr-4" alt="image" loading="lazy" />
<div class="media-body align-self-center">
<!--<h5 class="mt-0 mb-1">List-based media object</h5>-->
<p class="m-0 desc-base font-dark font-s">Direct opportunity for full time employment</p>
</div>
</li>
<li class="media mt-3 mt-md-4">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/leap-benefit-list-4.png" class="mr-4" alt="image" loading="lazy" />
<div class="media-body align-self-center">
<!--<h5 class="mt-0 mb-1">List-based media object</h5>-->
<p class="m-0 desc-base font-dark font-s">Competitive benefits</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
$j3 = jQuery.noConflict();
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-15">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_1617904043705154" 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">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<!-- <script src="http://code.jquery.com/jquery-2.2.4.min.js"></script> -->
<!-- <script src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous">
</script> -->
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-16">
<div class="row-fluid">
<div id="w" class="span12 widget-span widget-type-cell" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-17">
<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_1628823082832104" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<div class="leap-think">
<div class="page-center">
<h2 class="subtitle-base font-white text-center font-bold title-intern">Don’t take it from us, take it from them who already experienced the program</h2>
<br />
<div class="testimoni-map">
<div class="box-testi">
<div class="page-center">
<div class="leap-content">
<div class="leap-content__people">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Testimoni%20LEAP/testimoni_leap1_edited.png" />
</div>
<div class="leap-content__text">
<div class="leap-text__top">
<p class="name">Eleazar Evan Moeljono</p>
<span class="talent">Curriculum Designer intern (For Sekolah Online)- LEAP Batch 1</span>
<div class="study">
<div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ic_achievement.svg" alt="Icon Verif Check Rika" />
</div>
<div>
<p>Universitas Brawijaya</p>
</div>
</div>
</div>
<hr />
<div class="leap-text__bottom">
<p class="my-0 words">
Ruangguru certainly has prepared this program very well! The team is very fun to work with and they are surely so knowledgeable in their field so I can learn a lot from them. Every
task just got much easier to handle with these collaborative people!
</p>
</div>
</div>
</div>
</div>
</div>
<!--testi 2-->
<div class="box-testi">
<div class="page-center">
<div class="leap-content">
<div class="leap-content__people">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Testimoni%20LEAP/testimoni_leap2_edited.png" />
</div>
<div class="leap-content__text">
<div class="leap-text__top">
<p class="name">Belinda Azzahra Putri</p>
<span class="talent">Business Operation (for Brain Academy) intern- LEAP Batch 1</span>
<div class="study">
<div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ic_achievement.svg" alt="Icon Verif Check Rika" />
</div>
<div>
<p>Universitas Indonesia</p>
</div>
</div>
</div>
<hr />
<div class="leap-text__bottom">
<p class="my-0 words">
I got impressed by how interns always get involved in a challenging project and given space for growth, surely this will make me learn a lot through this program.
</p>
</div>
</div>
</div>
</div>
</div>
<!--testi 3-->
<!-- <div class="box-testi">
<div class="page-center">
<div class="leap-content">
<div class="leap-content__people">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Testimoni%20LEAP/testimoni_leap3_edited.png">
</div>
<div class="leap-content__text">
<div class="leap-text__top">
<p class="name">Kezia Lynn</p>
<span class="talent">Animator intern-LEAP Batch 1</span>
<div class="study">
<div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ic_achievement.svg" alt="Icon Verif Check Rika">
</div>
<div>
<p>Taylor’s University-Malaysia</p>
</div>
</div>
</div>
<hr>
<div class="leap-text__bottom">
<p class="my-0 words">The Ruangguru team is not only competent in their field, they are also very open and always ready to mentor every LEAP participant. No wonder that Ruangguru is considered as one of top start-ups in Indonesia.</p>
</div>
</div>
</div>
</div>
</div> -->
<!--testi 3-->
<div class="box-testi">
<div class="page-center">
<div class="leap-content">
<div class="leap-content__people">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e03aac62-12fa-4031-9600-00b9176a2ab0.png?convert=web&h=240" />
</div>
<div class="leap-content__text">
<div class="leap-text__top">
<p class="name">Salma Nurhaliza</p>
<span class="talent">Social Media Associate Leap Batch 1</span>
<div class="study">
<div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ic_achievement.svg" alt="Icon Verif Check Rika" />
</div>
<div>
<p>Universitas Padjajaran</p>
</div>
</div>
</div>
<hr />
<div class="leap-text__bottom">
<p class="my-0 words">
Thrilled to be a part of the Social Media team at Ruangguru! During my internship, I gained valuable insights into education marketing, elevated my social media skills, new
challenges, and brought campaigns to life. It's been an amazing experience
</p>
</div>
</div>
</div>
</div>
</div>
<!--testi 4-->
<!-- <div class="box-testi">
<div class="page-center">
<div class="leap-content">
<div class="leap-content__people">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Testimoni%20LEAP/testimoni_leap4_edited.png">
</div>
<div class="leap-content__text">
<div class="leap-text__top">
<p class="name">Jonathan Maximilian Surya</p>
<span class="talent">People Development Analytics Intern-LEAP Batch 1</span>
<div class="study">
<div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ic_achievement.svg" alt="Icon Verif Check Rika">
</div>
<div>
<p>Institut Teknologi Bandung</p>
</div>
</div>
</div>
<hr>
<div class="leap-text__bottom">
<p class="my-0 words">Ruangguru has a very positive culture! All users are friendly, and always ready to give a hand, and I could feel that this program is very well prepared!
</p>
</div>
</div>
</div>
</div>
</div> -->
</div>
</div>
</div>
<!--
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
$j3 = jQuery.noConflict();
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-18">
<div class="row-fluid">
<div class="span12 widget-span widget-type-global_group selection-process" style="" data-widget-type="global_group" data-x="0" data-w="12">
<div class="" data-global-widget-path="generated_global_groups/52252673928.html">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell page-center" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-2">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget top" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1596093278844323"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1596093278844323_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<h2 class="font-bold font-dark subtitle-base text-center">The Selection Process</h2>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-3">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_1617885099541189" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="process">
<div class="page-center">
<div class="process__line">
<div class="process__group">
<div class="process__item">
<div class="process__item--ic">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/ic-1.svg" alt="image" loading="lazy" />
</div>
<div class="process__item--date">
<p class="font-blue font-md font-bold">Online Application</p>
</div>
</div>
<div class="process__item">
<div class="process__item--ic">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/ic-2-leap.svg" alt="image" loading="lazy" />
</div>
<div class="process__item--date">
<p class="font-blue font-md font-bold">
Online Interview
<br />
(Recruiter & Department Lead)
</p>
</div>
</div>
<div class="process__item">
<div class="process__item--ic">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/ic-4.svg" alt="image" loading="lazy" />
</div>
<div class="process__item--date">
<p class="font-blue font-md font-bold">
Announcement will
<br />
be sent via email
</p>
</div>
</div>
</div>
</div>
<!--
<div class="announcement">
<p class="font-md font-dark text-center">
Announcement will be sent via email max on May 25, 2021
</p>
</div>
-->
<div class="cta-regis" style="text-align: center">
<a rel="" data-disabled="true" class="coming-soon">Coming Soon</a>
<!-- <a href="https://career.ruangguru.com/vacancies/f065751f-8937-4f85-95e3-110ff076ffad/2856" target="_blank" rel="">Register Here</a> -->
</div>
<!-- <div class="mt-3">
<p class="font-dark font-md text-center" id="closed-now4">
APPLICATION DEADLINE: AUGUST 15, 2024
</p>
</div> -->
</div>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-4">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell" style="display: none" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-5">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell web" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-6">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="text-align: center" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_1596427037160349"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1596427037160349_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="linked_image"
>
<img
src="https://www.ruangguru.com/hs-fs/hubfs/LEAP%20Ruangguru/Group%20967.png?width=952&name=Group%20967.png"
class="hs-image-widget"
style="width: 952px; border-width: 0px; border: 0px"
width="952"
alt="Group 967"
title="Group 967"
srcset="https://www.ruangguru.com/hs-fs/hubfs/LEAP%20Ruangguru/Group%20967.png?width=476&name=Group%20967.png 476w, https://www.ruangguru.com/hs-fs/hubfs/LEAP%20Ruangguru/Group%20967.png?width=952&name=Group%20967.png 952w, https://www.ruangguru.com/hs-fs/hubfs/LEAP%20Ruangguru/Group%20967.png?width=1428&name=Group%20967.png 1428w, https://www.ruangguru.com/hs-fs/hubfs/LEAP%20Ruangguru/Group%20967.png?width=1904&name=Group%20967.png 1904w, https://www.ruangguru.com/hs-fs/hubfs/LEAP%20Ruangguru/Group%20967.png?width=2380&name=Group%20967.png 2380w, https://www.ruangguru.com/hs-fs/hubfs/LEAP%20Ruangguru/Group%20967.png?width=2856&name=Group%20967.png 2856w"
sizes="(max-width: 952px) 100vw, 952px"
/>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-7">
<div class="row-fluid">
<div class="span3 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="3">
<div
id="hs_cos_wrapper_module_1596427037160351"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1596427037160351_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-desc" align="center" style="color: #1e496b">
<strong>
6 - 23 April
<br />
Online
<br />
Application &
<br />
Essay
</strong>
</p>
</span>
</div>
</div>
<!--end widget-span -->
<div class="span3 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="3" data-w="3">
<div
id="hs_cos_wrapper_module_1596427037160352"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1596427037160352_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-desc" align="center" style="color: #1e496b">
<strong>
12 - 28 April
<br />
Online Interview with the HR recruiter
</strong>
</p>
</span>
</div>
</div>
<!--end widget-span -->
<div class="span3 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="6" data-w="3">
<div
id="hs_cos_wrapper_module_1596427037160353"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1596427037160353_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-desc" align="center" style="color: #1e496b">
<strong>
19 April - 5 May
<br />
Online Interview with Manager
</strong>
</p>
</span>
</div>
</div>
<!--end widget-span -->
<div class="span3 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="9" data-w="3">
<div
id="hs_cos_wrapper_module_1596427037160354"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_1596427037160354_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<p class="sec-desc" align="center" style="color: #1e496b">
<strong>
24 April - 8 May
<br />
Receive an offer!
</strong>
</p>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-19">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_161788188544469" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="are-you-right-fit">
<div class="page-center">
<div class="d-flex row justify-content-between p-0">
<div class="are-you-right-fit__left col-md-7 col-sm-12 my-auto">
<h2>Are you the right fit?</h2>
<div class="content-ul">
<div class="content-li">
<div class="content-li__icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/ic_achievement.png" />
</div>
<div class="content-li__text">
<p class="m-0">You enjoy working in a dynamic environment. You welcome challenges and are keen to solve problems together with a team of passionate, innovative & collaborative people</p>
</div>
</div>
<div class="content-li">
<div class="content-li__icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/ic_achievement.png" />
</div>
<div class="content-li__text">
<p class="m-0">You were privileged enough to enjoy good education and aim to make it more inclusive and accessible</p>
</div>
</div>
<div class="content-li">
<div class="content-li__icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/ic_achievement.png" />
</div>
<div class="content-li__text">
<p class="m-0">You are an active university student, or a fresh graduate from a reputable university</p>
</div>
</div>
<div class="content-li">
<div class="content-li__icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/ic_achievement.png" />
</div>
<div class="content-li__text">
<p class="m-0">You resonate with Ruangguru's core values CHIEF</p>
</div>
</div>
<div class="content-li">
<div class="content-li__icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/ic_achievement.png" />
</div>
<div class="content-li__text">
<p class="m-0">You have been active throughout your university years: leadership, organizational experience, exchange programs, competition, etc</p>
</div>
</div>
</div>
<p class="m-0">As a LEAP intern, you will be working for hybrid WFH/WFO. For health and safety purposes, the program is currently done remotely, thanks to technology!</p>
</div>
<div class="are-you-right-fit__right col-md-5 col-sm-12">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/image_interns%20(1).png" alt="People" />
</div>
</div>
</div>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-20">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_1617894607525244" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="stories">
<div class="page-center">
<div>
<h2 class="subtitle-base text-center font-bold mb-5 font-dark">Hear more stories</h2>
</div>
<div class="new-info__grid">
<div class="web">
<div class="box8">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/artikel-1.png" alt="Ilustrasi 1" />
<div class="title">
<p class="title-text1">Belajar Jadi CEO? Caroline Berbagi Pengalaman Magang di Ruangguru</p>
</div>
<div class="box-content">
<a href="https://www.ruangguru.com/blog/rewarding-internship-experience-ruangguru" class="icon">Belajar Jadi CEO? Caroline Berbagi Pengalaman Magang di Ruangguru</a>
</div>
</div>
</div>
<div class="new-info__grid info-slick">
<div class="mobile">
<div class="box8">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/artikel-1.png" alt="Ilustrasi 1" />
<div class="title">
<p class="title-text1mobile">Belajar Jadi CEO? Caroline Berbagi Pengalaman Magang di Ruangguru</p>
</div>
<div class="box-content">
<a href="https://www.ruangguru.com/blog/rewarding-internship-experience-ruangguru" class="icon">Belajar Jadi CEO? Caroline Berbagi Pengalaman Magang di Ruangguru</a>
</div>
</div>
</div>
<div>
<div class="box8">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/artikel-2.png" alt="Ilustrasi 2" />
<div class="title">
<p class="title-text2">Nihaya: Syaratnya Hanya Satu, Mau Belajar! #InternAtRuangguru</p>
</div>
<div class="box-content">
<a href="https://www.ruangguru.com/blog/nihaya-syaratnya-hanya-satu-mau-belajar" class="icon">Nihaya: Syaratnya Hanya Satu, Mau Belajar! #InternAtRuangguru</a>
</div>
</div>
</div>
<div>
<div class="box8">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/artikel-3.png" alt="Ilustrasi 3" />
<div class="title">
<p class="title-text3">INTERN AT RUANGGURU - Inagurasi Batch 5</p>
</div>
<div class="box-content">
<a href="https://www.youtube.com/watch?v=W3uDGjEA6Yw" class="icon">INTERN AT RUANGGURU - Inagurasi Batch 5</a>
</div>
</div>
</div>
<div>
<div class="box8">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/artikel-4.png" alt="Ilustrasi 4" />
<div class="title">
<p class="title-text4">INTERN AT RUANGGURU - Graduation Batch 2</p>
</div>
<div class="box-content">
<a href="https://www.youtube.com/watch?v=vBBVMpR5Keg" class="icon">INTERN AT RUANGGURU - Graduation Batch 2</a>
</div>
</div>
</div>
<div>
<div class="box8">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LEAP%20Ruangguru/artikel-5.png" alt="Ilustrasi 5" />
<div class="title">
<p class="title-text5">INTERN AT RUANGGURU - Batch 2</p>
</div>
<div class="box-content">
<a href="https://www.youtube.com/watch?v=fKI0xsWUc-I" class="icon">INTERN AT RUANGGURU - Batch 2</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- slick for new info -->
<script>
function myFunction(x) {
if (x.matches) {
// If media query matches
$('.info-slick').slick({
infinite: true,
dots: true,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: false,
speed: 400,
arrows: false,
});
}
}
var x = window.matchMedia('(max-width: 768px)');
myFunction(x); // Call listener function at run time
x.addListener(myFunction); // Attach listener function on state changes
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-21">
<div class="row-fluid">
<div id="section-available-positions" class="span12 widget-span widget-type-cell bg-leap" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-22">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell page-center" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-23">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget title" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_161788472848742"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<span
id="hs_cos_wrapper_module_161788472848742_"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="rich_text"
>
<h2 class="font-dark font-bold subtitle-base" style="text-align: center">Available Functions</h2>
<div id="gtx-trans" style="position: absolute; left: 51px; top: -22.0104px">
<div class="gtx-trans-icon"> </div>
</div>
</span>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-24">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_161788470429438" 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="bg-section-available-positions">
<div class="row mt-4">
<div class="col-12">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 mt-2">
<div class="col mb-3 px-2 card-item">
<div class="card h-100 p-3 border-0 shadow" id="k12">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/836f3948-874e-42b8-a040-278ef64745fe.svg" class="card-img-top img-custom-card" alt="image" loading="lazy" />
<div class="card-body p-0 pt-4">
<p class="font-dark font-bold font-md">Legal</p>
<p class="desc-base font-s font-dark">Dive into the heart of our dynamic Legal Team to apply academic knowledge, develop practical skills, and make a meaningful contribution.</p>
</div>
</div>
</div>
<div class="col mb-3 px-2 card-item">
<div class="card h-100 p-3 border-0 shadow" id="product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/c6026940-c23f-4ed1-981b-deb1598e7a14.svg" class="card-img-top img-custom-card" alt="image" loading="lazy" />
<div class="card-body p-0 pt-4">
<p class="font-dark font-bold font-md">Operations Support</p>
<p class="desc-base font-s font-dark">Be the operational backbone as you streamline processes and deliver exceptional support to our teams</p>
</div>
</div>
</div>
<div class="col mb-3 px-2 card-item">
<div class="card h-100 p-3 border-0 shadow" id="shared">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9d692b33-fc2f-40b5-992c-9d15fb936ce0.svg" class="card-img-top img-custom-card" alt="image" loading="lazy" />
<div class="card-body p-0 pt-4">
<p class="font-dark font-bold font-md">Business Development</p>
<p class="desc-base font-s font-dark">Dive into the dynamic nature of Business Development. Contribute in improving learning experiences across Indonesia</p>
</div>
</div>
</div>
<!-- <div class="col mb-3 px-2 card-item">
<div class="card h-100 p-3 border-0 shadow" id="shared">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/5a12cb59-cdc4-4562-9b4d-316d59130870.svg" class="card-img-top img-custom-card" alt="image" loading="lazy">
<div class="card-body p-0 pt-4">
<p class="font-dark font-bold font-md">
Mathematics Championship
</p>
<p class="desc-base font-s font-dark">
Apply your mathematical prowess to solve complex challenges and contribute to our strategic initiatives
</p>
</div>
</div>
</div> -->
<div class="col mb-3 px-2 card-item">
<div class="card h-100 p-3 border-0 shadow" id="shared">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ddd3b4ad-74a0-4352-b7ab-6f1dc55c166a.svg" class="card-img-top img-custom-card" alt="image" loading="lazy" />
<div class="card-body p-0 pt-4">
<p class="font-dark font-bold font-md">Academic Operations</p>
<p class="desc-base font-s font-dark">Drive academic excellence by streamlining operations and creating a supportive learning environment</p>
</div>
</div>
</div>
<div class="col mb-3 px-2 card-item">
<div class="card h-100 p-3 border-0 shadow" id="shared">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/27fe5b52-da66-4421-95d4-33033f432044.svg" class="card-img-top img-custom-card" alt="image" loading="lazy" />
<div class="card-body p-0 pt-4">
<p class="font-dark font-bold font-md">B2B Ops & Customer Service</p>
<p class="desc-base font-s font-dark">Build strong customer relationships while optimizing our B2B operations for efficiency and growth</p>
</div>
</div>
</div>
<div class="col mb-3 px-2 card-item">
<div class="card h-100 p-3 border-0 shadow" id="shared">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2b91a98e-7a43-4015-86d6-3caf449afd99.svg" class="card-img-top img-custom-card" alt="image" loading="lazy" />
<div class="card-body p-0 pt-4">
<p class="font-dark font-bold font-md">Internal Audit Intern</p>
<p class="desc-base font-s font-dark">Safeguard our company's assets and drive operational excellence through rigorous audits and analysis</p>
</div>
</div>
</div>
<div class="col mb-3 px-2 card-item">
<div class="card h-100 p-3 border-0 shadow" id="business">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a8e4d4be-a919-4413-b14c-352339b3919c.svg" class="card-img-top img-custom-card" alt="image" loading="lazy" />
<div class="card-body p-0 pt-4">
<p class="font-dark font-bold font-md">Business Operations</p>
<p class="desc-base font-s font-dark">
Experience the backbone of our company's success, where you'll optimize processes and contribute to strategic decision-making at the forefront of our operations
</p>
</div>
</div>
</div>
<div class="col mb-3 px-2 card-item">
<div class="card h-100 p-3 border-0 shadow" id="shared">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/c6026940-c23f-4ed1-981b-deb1598e7a14.svg" class="card-img-top img-custom-card" alt="image" loading="lazy" />
<div class="card-body p-0 pt-4">
<p class="font-dark font-bold font-md">Learning & Organization Development</p>
<p class="desc-base font-s font-dark">Shape our company culture by designing impactful learning experiences and fostering employee growth</p>
</div>
</div>
</div>
<div class="col mb-3 px-2 card-item">
<div class="card h-100 p-3 border-0 shadow" id="marketing">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/5b96f26b-1630-4ad0-9f1f-27e20217af6f.svg" class="card-img-top img-custom-card" alt="image" loading="lazy" />
<div class="card-body p-0 pt-4">
<p class="font-dark font-bold font-md">Product Management</p>
<p class="desc-base font-s font-dark">
Dive into the heart of product management. Where you'll be involved in the conception, development, and launch of groundbreaking products, shaping the future of Ruangguru's
innovation trajectory.
</p>
</div>
</div>
</div>
</div>
<div class="apply-cta"></div>
</div>
</div>
</section>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-25">
<div class="row-fluid">
<div id="faq" class="span12 widget-span widget-type-cell" style="" data-widget-type="cell" data-x="0" data-w="12"></div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-26">
<div class="row-fluid">
<div id="faq" class="span12 widget-span widget-type-cell faq" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-27">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell page-center" style="" data-widget-type="cell" data-x="0" data-w="12">
<div class="row-fluid-wrapper row-depth-1 row-number-28">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_module_1617551263908629" 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">
<!-- FAQ TABS -->
<div class="page-center">
<h2 class="font-bold subtitle-base font-dark mb-4" align="center">Frequently Asked Questions</h2>
<div class="accordion">
<p class="font-s font-dark desc-base">How long is the program? When does it start?</p>
</div>
<div class="panel">
<p class="font-s font-dark desc-base">The program is a three-month journey. The starting date will be announced soon</p>
</div>
<div class="accordion">
<p class="font-s font-dark desc-base">Will there be credit (SKS) conversion?</p>
</div>
<div class="panel">
<p class="font-s font-dark desc-base">There is no credit (SKS) conversion.</p>
</div>
<div class="accordion">
<p class="font-s font-dark desc-base">Who can apply?</p>
</div>
<div class="panel">
<p class="font-s font-dark desc-base">This program is open to all final-year students & fresh graduates from local and overseas universities.</p>
</div>
<div class="accordion">
<p class="font-s font-dark desc-base">I’m not based in Jakarta, can I join this program?</p>
</div>
<div class="panel">
<p class="font-s font-dark desc-base">
We currently operate on a hybrid work model. As our main offices are in Jakarta, we prioritize candidates residing in Jakarta and surrounding areas
</p>
</div>
<div class="accordion">
<p class="font-s font-dark desc-base">How is the selection process like?</p>
</div>
<div class="panel">
<p class="font-s font-dark desc-base">
After reviewing your motivation letter and resume, we will decide whether your profile fits the program. If yes, we will invite you for an HR interview, if you pass, you will proceed to
the user interview.
</p>
</div>
<div class="accordion">
<p class="font-s font-dark desc-base">I have been rejected from the previous LEAP, can I still apply for this batch?</p>
</div>
<div class="panel">
<p class="font-s font-dark desc-base">Yes, you can still apply for LEAP batch <b>8</b> but in a different position</p>
</div>
<!--
<div class="accordion">
<p class="font-s font-dark desc-base">
What are the criteria in selecting the LEAPs?
</p>
</div>
<div class="panel">
<p class="font-s font-dark desc-base">
We will assess each candidate holistically. We look at academic performance and achievements/awards, non-academic achievements/awards, organization experience in co-curricular activities, internship experience and also your personal cause/passion. We will also want to know whether you embody the values of Ruangguru’s C.H.I.E.F culture (<a href="https://career.ruangguru.com/our-values" target="_blank" rel="">https://career.ruangguru.com/our-values</a>).
</p>
</div>
<div class="accordion">
<p class="font-s font-dark desc-base">
I’m not based in Jakarta, can I join this program?
</p>
</div>
<div class="panel">
<p class="font-s font-dark desc-base">
Yes, anyone anywhere is allowed to apply for this program. We are currently still working fully online. However, should there be any changes to our working arrangements, you might be required to be based in Jakarta.
</p>
</div>
<div class="accordion">
<p class="font-s font-dark desc-base">
I have been rejected from the previous LEAP, can I still apply for this batch?
</p>
</div>
<div class="panel">
<p class="font-s font-dark desc-base">
Yes, you can still apply for LEAP Batch 4 but in a different position.
</p>
</div> -->
<div class="more-contact">
<p>
If you have any question, please contact to
<a href="talent.acquisition@ruangguru.com" target="_blank">talent.acquisition@ruangguru.com</a>
</p>
</div>
</div>
<script>
// Start Accordion
if (document.getElementsByClassName('accordion')) {
var acc = document.getElementsByClassName('accordion');
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener('click', function () {
var elems = document.getElementsByClassName('accordion');
for (var it of elems) {
it.classList.remove('active');
it.nextElementSibling.style.maxHeight = null;
}
this.classList.toggle('active');
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + 'px';
if (typeof this.nextUntil !== 'undefined') {
this.nextUntil().addClass('close');
}
}
});
}
}
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--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>
<!-- HubSpot performance collection script -->
<script defer src="https://static.hsappstatic.net/content-cwv-embed/static-1.240/embed.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/44717899635/1621232002329/A_Ruangguru_Projects/LEAP_Ruangguru/leap-positions.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845605588/module_39227318886_header-homepage-ruangguru-2021.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/47442333552/1667882001713/A_Ruangguru_Projects/Project_Hofar/Javascript_Auto_Generate_Breadcrumb_-_V1_3.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/44684326492/1653701704996/module_44684326492_LEAP_Slick_section_1.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/63093537101/1650448564997/module_63093537101_LEAP_Slick_Kampus_Merdeka.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/44403154456/1650448557039/module_44403154456_LEAP_Slick_work.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/10729457848/1615619794843/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/Source_Modal_Video/modal-video.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/10729457994/1615619961343/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/Source_Modal_Video/jquery-modal-video-min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/31161504937/1614560524693/module_31161504937_Modal_Video_ruangkelas.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/52775096078/1650448550672/module_52775096078_LEAP_Slick_Testimoni_Agustus_2021.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/44688305721/1617931992944/module_44688305721_LEAP_Stories.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/44410333054/1650444846517/module_44410333054_LEAP_FAQ.min.js"></script>
<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(['setContentType', 'landing-page']);
_hsq.push(['setCanonicalUrl', 'https:\/\/www.ruangguru.com\/program\/learning-acceleration-program']);
_hsq.push(['setPageId', '44410401664']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 44410401664,
legacyPageId: '44410401664',
contentFolderId: null,
contentGroupId: null,
abTestId: null,
languageVariantId: 44410401664,
languageCode: 'id',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: '280dafa6-6706-4a8b-8787-7f93001d48dc',
ticks: 1684631016172,
page_id: 44410401664,
content_group_id: 0,
portal_id: 2828691,
app_hs_base_url: 'https://app.hubspot.com',
cp_hs_base_url: 'https://cp.hubspot.com',
language: 'id',
analytics_page_type: 'landing-page',
analytics_page_id: '44410401664',
category_id: 1,
folder_id: 0,
is_hubspot_user: false,
};
</script>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<!-- Load CSS for all versions -->
<script>
// CSS loading function available for all versions
function loadFloatingCSS() {
// Check if CSS is already loaded
if (document.getElementById('fb-component-css')) {
return;
}
// Create and append CSS style block to head
const style = document.createElement('style');
style.id = 'fb-component-css';
style.textContent = `
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
`;
document.head.appendChild(style);
}
// Load CSS immediately
loadFloatingCSS();
</script>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table=""></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_promo_banner') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_promo_banner';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,landingPage)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: '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>
if (window.location.href.indexOf('blog') <= -1 && window.location.href.indexOf('webview') <= -1) {
// select the button
console.log('yoads');
const zendeskButton = document.querySelector('.zendesk-button');
const zendeskContainer = document.querySelector('.bantuan');
// add the script to the page
const loadZendeskScript = () => {
const idSnippet = document.getElementById('ze-snippet');
if (idSnippet !== null) {
} else {
const zenDeskScript = document.createElement('script');
zenDeskScript.id = 'ze-snippet';
zenDeskScript.src = 'https://static.zdassets.com/ekr/snippet.js?key=a2ac30ed-dd6d-47f6-99ba-0d5aeae351a0';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] || document.getElementsByTagName('script')[0].parentNode).insertBefore(zenDeskScript, null);
}
};
// a poller that waits for a condition and executes a callback
const poller = (comparison, callback, timerStep = 250, maxTime = 5000) => {
let currTime = 0;
const checkCondition = () => {
// `comparison` is a function so the condition is always up-to-date
if (comparison() === true) {
callback();
} else if (currTime <= maxTime) {
currTime += timerStep;
setTimeout(checkCondition, timerStep);
}
};
checkCondition(); // calling the function
};
// load the script and execute a callback if provided
const loadZendeskChat = callback => {
loadZendeskScript();
if (callback) {
callback();
}
};
// this function opens the chat
const openZendeskChat = () => {
poller(
() => {
// check that zendesk-related functions are available
return typeof zE !== 'undefined';
},
() => {
// open the widget
zE('messenger', 'open');
poller(
() => {
// check that the elements exist and that the opacity is already set to "1"
const launcher = document.querySelector('#launcher');
const webWidget = document.querySelector('#webWidget');
return launcher !== null && webWidget !== null && webWidget.style.opacity === '1';
},
() => {
// hide the fake button
zendeskButton.style.opacity = '0';
// save in localStorage
localStorage.setItem('zd_hasOpened', 'true');
}
);
}
);
};
// zendesk management
if (localStorage.getItem('zd_hasOpened')) {
// load the zendesk widget if we find that it was opened
loadZendeskChat();
} else {
// show the fake button if it's the first time it shows
zendeskButton.style.opacity = '1';
}
// This will run when the .zendesk-button element is clicked
zendeskButton.addEventListener('click', () => {
// load the zendesk widget
// open the widget and hide the fake button
const btnValue = zendeskButton.getAttribute('target-value');
let currUrl = window.location.href;
let productName = currUrl.split('/')[3] == '' ? 'ruangguru' : currUrl.split('/')[3].split('?')[0];
setTimeout(function () {
Analytics.track('landing_page__core__item_click', {
product_name: productName,
cta_action: 'widget',
cta_action_detail: 'widget_chat_to_customer_service',
item_type: 'floating',
item_name: 'Klaim Diskon',
item_category: 'leads_gathering',
item_position: 0,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
});
}, 0);
if (window.matchMedia('(max-width: 767px)').matches) {
loadZendeskChat(openZendeskChat);
} else {
if (btnValue == 'close') {
loadZendeskChat(openZendeskChat);
zendeskButton.setAttribute('target-value', 'open');
} else {
zE('messenger', 'close');
zendeskButton.setAttribute('target-value', 'close');
}
zendeskContainer.classList.toggle('clicked');
}
});
} else {
const zendeskContainer = document.querySelector('.bantuan');
zendeskContainer.style.display = 'none';
}
</script>
<script>
$('meta[name=author]').remove();
$('head').append('<meta name="author" content="Ruangguru Tech Team">');
</script>
<!-- Tracker -->
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8DPXH6" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = _analytics.init({
app: 'brainAcademyLandingPage',
debug: false,
plugins: [analyticsTrackable()],
});
Analytics.ready(function () {
Analytics.page();
});
</script>
<script>
// $(".disabled-cta").attr("cta_dest_link","");
// $(".disabled-cta").attr("href","");
// $(".disabled-cta").attr("target","");
// https://career.ruangguru.com/internship
//
var test = new Date($.now());
if (test > new Date('2021-09-11 00:00:00')) {
$('#closed-now').html('<button disabled class="disabled-cta">Closed Registration</button>');
$('#closed-now2').html('<button disabled class="disabled-cta">Closed Registration</button>');
$('#closed-now3').html('<button disabled class="disabled-cta">Closed Registration</button>');
// $("#closed-now4").html('');
}
</script>
<!-- Generated by the HubSpot Template Builder - template version 1.03 -->
</body>
</html>