Aplikasi bimbingan belajar terlengkap. Langganan Ruangguru sekarang!
Paket ruangbelajar UTBK 6 Bulan
Periode belajar sampai Juni 2022
Video belajar persiapan UTBK + Ujian Mandiri
Video konsep & pembahasan roboguru
Jadwal belajar
Laporan belajar
Rencana belajar mingguan berisi daftar video & soal yang harus dikerjakan
Ruangguru adventure & teman belajar
Rangkuman infografis
DISKON 60%
Kode Diskon:
KEJARKAMPUSRB
Paket ruangbelajar SMA + UTBK 6 Bulan
Periode belajar: sampai Sept 2022
Video belajar persiapan UTBK + Ujian Mandiri
Video konsep & pembahasan roboguru
Jadwal belajar
Laporan belajar
Rencana belajar mingguan berisi daftar video & soal yang harus dikerjakan
Ruangguru adventure & teman belajar
Rangkuman infografis
Puluhan ribu video belajar beranimasi dan interaktif SMA/SMK kelas 10-11-12 IPA IPS
Adapto
Free akses 8 tryout premium
DISKON 70%
Kode Diskon:
KEJARKAMPUSRB
Terfavorit
Paket Brain Academy Online Regular - Kelas 12 + UTBK
Periode belajar: sampai Juni 2022
Bebas tanya PR di forum sharing soal
Admin pengingat belajar dan konselor untuk konsultasi jurusan, tipe belajar, minat, dan bakat
Akses klub hobi kekinian
Laporan perkembangan belajar setiap semester
Modul belajar digital
6 sesi live teaching interaktif per minggu
10 tryout Basic + 6 tryout Premium untuk hadapi UTBK & Ujian Mandiri serta 4 tryout untuk persiapan PTS & PAS setiap tahun
Akses paket ruangbelajar SMA + UTBK
DISKON 60%
Kode Diskon:
KEJARKAMPUSBAO
Paket Brain Academy Online Premium - Gap Year
Periode belajar: sampai Juni 2022
Bebas tanya PR di forum sharing soal
Admin pengingat belajar dan konselor untuk konsultasi jurusan, tipe belajar, minat, dan bakat
Akses klub hobi kekinian
Laporan perkembangan belajar setiap semester
Modul belajar UTBK cetak & digital
4 sesi live teaching interaktif + 2 sesi kelas pendalaman materi + 4 sesi kelas akselerasi per minggu
29 Tryout UTBK Basic dan Premium
Klinik PR eksklusif dengan Master Teacher hingga 5 siswa per grup
Akses kelas pengembangan diri
Akses paket ruangbelajar SMA + UTBK
DISKON 60%
Kode Diskon:
KEJARKAMPUSBAO
<!doctype html>
<html class="no-js" lang="id">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="author" content="PT Ruang Raya Indonesia" />
<meta name="description" content="Ikutan kupas tuntas dan sharing session langsung sama guru dan mentor terbaik di bidangnya lewat rangkaian acara KejarKampusImpian. GRATIS!" />
<meta name="generator" content="HubSpot" />
<title>Pilih Kampus yang Kamu Suka, Ruangguru yang Buka Jalannya!</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta property="og:description" content="Ikutan kupas tuntas dan sharing session langsung sama guru dan mentor terbaik di bidangnya lewat rangkaian acara KejarKampusImpian. GRATIS!" />
<meta property="og:title" content="Pilih Kampus yang Kamu Suka, Ruangguru yang Buka Jalannya!" />
<meta name="twitter:description" content="Ikutan kupas tuntas dan sharing session langsung sama guru dan mentor terbaik di bidangnya lewat rangkaian acara KejarKampusImpian. GRATIS!" />
<meta name="twitter:title" content="Pilih Kampus yang Kamu Suka, Ruangguru yang Buka Jalannya!" />
<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/63090582162/1641349979280/module_63090582162_4_Jan_-_top_content_Kejar_Kampus_Impian.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/63092444084/1643941959439/module_63092444084_4_Jan_-_content_Kejar_Kampus_Impian.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/63090583636/1645101741175/module_63090583636_4_Jan_-_Popup_Boxes_Module_KejarKampusImpian.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/event/kejarkampusimpian" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script>
(function (h, e, a, t, m, p) {
m = e.createElement(a);
m.async = !0;
m.src = t;
p = e.getElementsByTagName(a)[0];
p.parentNode.insertBefore(m, p);
})(window, document, 'script', 'https://u.heatmap.it/log.js');
</script>
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<script>
document.querySelector('meta[name="author"]').setAttribute('content', 'Ruangguru Tech Team');
</script>
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<!--
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49650255-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-49650255-1');
</script>
-->
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PVNLZFT');
</script>
<!-- End Google Tag Manager -->
<meta property="og:url" content="https://www.ruangguru.com/event/kejarkampusimpian" />
<meta name="twitter:card" content="summary" />
<meta http-equiv="content-language" content="id" />
<link rel="stylesheet" href="https://cdn-web-2.ruangguru.com/landing-page-web/public/assets/common/layout.min.css" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/32781682988/1666344401391/A_Ruangguru_Projects/1_SOP_Landing_Page/SOP_Style_Ruangguru.min.css"
/>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/event/kejarkampusimpian/assets/index-Dqv5PPZA.js"></script>
</head>
<body class="hs-content-id-58866416932 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_163548090654530"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> -->
<style></style>
<nav class="ruangguru-header">
<div class="page-center">
<div class="container-ruangguru-header">
<div class="navigation__left">
<div class="hamburger-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ic_hamburger_black.svg" alt="Dropdown Navigation Icon" />
</div>
<a href="https://www.ruangguru.com/">
<div class="logo-header">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo ruangguru" />
</div>
</a>
</div>
<div class="navigation__content">
<div class="navig-link navig-link-dropdown" id="produk" aria-expanded="false">
<a>Produk</a>
</div>
<div class="navig-dropdown-area closed" id="produk_item">
<!-- ruangbelajar -->
<a href="https://www.ruangguru.com/ruangbelajar">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/rb.svg" alt="Logo ruangbelajar" loading="lazy" />
</div>
<p class="text-product">Belajar seru dengan video dan latihan soal, anti remed!</p>
</div>
</a>
<!-- BA -->
<a target="_blank" href="https://www.brainacademy.id">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/logo_BA.svg"
alt="Logo Brain Academy"
loading="lazy"
/>
</div>
<p class="text-product">Bimbel Live Interaktif bersama STAR Master Teacher + Klinik PR</p>
</div>
</a>
<!-- roboguru -->
<a href="https://roboguru.ruangguru.com/">
<div class="item-product">
<div class="logo-product">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/20b7b17a-62ba-43ee-bea8-b71c10f5fb0c.png?convert=webp" width="125" alt="Logo roboguru" loading="lazy" />
</div>
<p class="text-product">Foto dan upload soal susahmu dan dapatkan semua jawabannya di sini!</p>
</div>
</a>
<!-- roboguru plus -->
<a href="https://www.ruangguru.com/roboguruplus">
<div class="item-product">
<div class="logo-product">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/ea267d76-9d20-45b0-9c2c-88e78c199f5d.png?convert=webp" width="155" alt="Logo ruanglesonline" loading="lazy" />
</div>
<p class="text-product">Konsultasikan soal tersulit kamu sebanyak-banyaknya dengan tutor online terbaik</p>
</div>
</a>
<!-- ruangles -->
<a href="https://www.ruangguru.com/privat">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png"
alt="Logo ruangles"
width="112"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=56&name=logo-ruangguru-privat.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=168&name=logo-ruangguru-privat.png 168w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=224&name=logo-ruangguru-privat.png 224w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=280&name=logo-ruangguru-privat.png 280w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=336&name=logo-ruangguru-privat.png 336w"
sizes="(max-width: 112px) 100vw, 112px"
/>
</div>
<p class="text-product">Belajar privat dengan guru terbaik pilihan Ruangguru</p>
</div>
</a>
<!-- EA -->
<a target="_blank" href="https://www.english-academy.id/">
<div class="item-product">
<div class="logo-product" id="lp_ea">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ENGLISH%20ACADEMY-LOGO2%201.png?convert=webp"
alt="Logo English Academy"
loading="lazy"
/>
<div class="ribbon-wrapper-new">
<div class="glow-new"> </div>
</div>
</div>
<p class="text-product">Kursus Bahasa Inggris dengan Pengajar internasional dan kurikulum berstandar internasional</p>
</div>
</a>
<!-- dafalulu -->
<a href="https://www.ruangguru.com/dafa-lulu">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-dafa-lulu-new.png?convert=webp&height=44&name=logo-dafa-lulu-new.png"
height="44"
alt="Logo dafa lulu"
loading="lazy"
/>
</div>
<p class="text-product">Belajar bersama Dafa, Lulu, dan teman petualang untuk siswa SD kelas 1 - 6</p>
</div>
</a>
<!-- rg for kids -->
<a href="https://www.ruangguru.com/for-kids">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=100&name=logo-ruangguru-forkids.png"
alt="Logo For Kids"
width="100"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=50&name=logo-ruangguru-forkids.png 50w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=100&name=logo-ruangguru-forkids.png 100w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=150&name=logo-ruangguru-forkids.png 150w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=200&name=logo-ruangguru-forkids.png 200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=250&name=logo-ruangguru-forkids.png 250w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=300&name=logo-ruangguru-forkids.png 300w"
sizes="(max-width: 100px) 100vw, 100px"
/>
</div>
<p class="text-product">Kursus online untuk anak 4-7 tahun dengan program calistung, bahasa Inggris, dan sains</p>
</div>
</a>
<!-- ruanguji -->
<a href="https://www.ruangguru.com/ruanguji">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruanguji.svg" alt="Logo ruanguji" loading="lazy" />
</div>
<p class="text-product">Ikut tryout online dan lihat hasilnya di sini!</p>
</div>
</a>
<!-- ruangkelas -->
<a href="https://www.ruangguru.com/ruangkelas">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkelas.svg" alt="Logo ruangkelas" loading="lazy" />
</div>
<p class="text-product">Sistem Kelola Pembelajaran Jarak Jauh GRATIS!</p>
</div>
</a>
<!-- SA -->
<a target="_blank" href="https://skillacademy.com/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/skillacademy.svg" alt="Logo Skill Academy" loading="lazy" />
</div>
<p class="text-product">Kursus online untuk meningkatkan technical & soft skill kamu</p>
</div>
</a>
<!-- ruangkerja -->
<a target="_blank" href="https://ruangkerja.id/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkerja.svg" alt="Logo ruangkerja" loading="lazy" />
</div>
<p class="text-product">Aplikasi Pelatihan Online #1 untuk Perusahaan & Lembaga</p>
</div>
</a>
<!-- kalananti -->
<a target="_blank" href="https://www.kalananti.id/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/Kalananti%20by%20Ruangguru.png" alt="Logo kalananti" loading="lazy" height="40" />
</div>
<p class="text-product">Kursus coding dan robotic anak usia 5-15 tahun untuk mengasah logika dan kreativitas</p>
</div>
</a>
<!-- mathchamps -->
<a target="_blank" href="https://www.mathchamps.id">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/723d8e19-b594-49cf-a098-07f5379d5d5f.png?convert=webp&h=70"
alt="Logo math champs"
loading="lazy"
width="104"
height="40"
/>
</div>
<p class="text-product">Kursus matematika dan logika untuk anak 5-14 tahun dengan kurikulum Singapura</p>
</div>
</a>
<!-- schoters logo -->
<a target="_blank" href="https://www.schoters.com">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ecc92be-4ee0-475f-bd4c-d1f5e733f012.png?convert=webp&h=120"
alt="Logo Schoters"
loading="lazy"
height="40"
/>
</div>
<p class="text-product">Bimbingan kuliah & kerja di luar negeri #1 di Indonesia, dengan kelas bahasa terlengkap!</p>
</div>
</a>
</div>
<div class="navig-link" id="program">
<a href="https://www.ruangguru.com/program">Program</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/promo">Promo</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/event">Event</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/beasiswa">Beasiswa</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/testimoni">Testimoni</a>
</div>
<div class="navig-link navig-link-dropdown" id="services">
<a>Layanan</a>
</div>
<div class="navig-dropdown-area closed" id="services_item" aria-expanded="false">
<div class="item-services">
<a href="https://www.ruangguru.com/ruangbelajar/perpanjang-paket">Cara Perpanjang Paket</a>
</div>
<div class="item-services">
<a href="https://www.ruangguru.com/cara-bayar">Cara Bayar</a>
</div>
<div class="item-services">
<a href="https://www.ruangguru.com/cicilan">Cicilan</a>
</div>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</div>
</div>
<div class="navigation__right">
<div class="button-langganan-cta">
<!--HubSpot Call-to-Action Code -->
<span class="hs-cta-wrapper" id="hs-cta-wrapper-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8">
<span class="hs-cta-node hs-cta-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" id="hs-cta-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8">
<a href="https://cta.ruangguru.com/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" target="_blank" rel="noopener">
<img
class="hs-cta-img"
id="hs-cta-img-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8"
style="border-width: 0px"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cta/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8.png"
alt="Langganan Sekarang"
/>
</a>
</span>
</span>
<!-- end HubSpot Call-to-Action Code -->
</div>
</div>
</div>
</div>
</nav>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"
></script>
<script></script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end header -->
</div>
<!--end header wrapper -->
<div class="body-container-wrapper">
<div class="body-container container-fluid">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_164126154134039"
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"
>
<!-- Header Jumbotron -->
<div class="header-jumbotron">
<div class="header-content page-center">
<div class="header-desc">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/Logo%20KejarKampusImpian%202%20(1).png"
alt="Kejar Kampus Impian"
class="web-banner"
/>
<h1>Pilih kampus yang kamu suka, Ruangguru yang buka jalannya!</h1>
<p>
Ikutan kupas tuntas dan
<i>sharing session</i>
langsung sama guru dan mentor terbaik di bidangnya lewat rangkaian acara #KejarKampusImpian. GRATIS!
</p>
<a href="https://ruangguru.onelink.me/blPk/kejarkampusimpian" target="_blank">
<button>Daftar Sekarang</button>
</a>
</div>
<div class="header-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/Img%20(1).png" alt="Kejar Kampus Impian Ilustrasi" class="web-banner" />
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/header-jumbotron-responsive.png"
alt="Kejar Kampus Impian Ilustrasi"
class="responsive-banner"
/>
</div>
</div>
</div>
<!-- Section -->
<div class="events">
<div class="event-content page-center">
<h2>Rangkaian Kegiatan #KejarKampusImpian</h2>
<div class="event-card">
<div class="event-item">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/Kitab%20UTBK%202022%20banner.png"
alt="Banner Kitab UTBK 2022"
class="event-img"
/>
<p class="event-title">Kitab UTBK 2022</p>
<p class="event-desc">E-Book mantap dan lengkap yang berisi tips, trik, hingga panduan agar kamu siap hadapi UTBK 2022</p>
<div class="event-btn-1">
<div class="only-register">
<a href="https://ruangguru.onelink.me/blPk/kejarkampusimpian" target="_blank">
<button>Daftar untuk e-book</button>
</a>
</div>
</div>
</div>
<div class="event-item">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/UTBK%20EXPERTS%20-%20KV%20OK%20-%20LP%20784x360_number%201%20(1).png"
alt="Banner UTBK Experts Season 1 - TPS"
class="event-img"
/>
<p class="event-title">UTBK Experts Season 2 - TKA</p>
<div class="event-date">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/date-icn.svg" alt="Icon Calendar" />
<p>Setiap Sabtu (8, 15, 22 Januari & 5 Februari 2022) & Minggu, 6 Februari 2022</p>
</div>
<p class="event-desc">Belajar intensif sampai bahas soal paling sering salah di UTBK bareng guru terbaik dari Ruangguru</p>
<div class="event-btn">
<div class="show-detail">
<a>
<button data-toggle="modal" data-target="#modalUTBK">Lihat Jadwal</button>
</a>
</div>
<div class="register">
<a href="https://ruangguru.onelink.me/blPk/kejarkampusimpian" target="_blank">
<button>Daftar UTBK Experts</button>
</a>
</div>
</div>
</div>
<div class="event-item">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/Banner%20784x360%20Revisi%203-1%20040122.jpg"
alt="Banner Kejar Kampus Talks"
class="event-img"
/>
<p class="event-title">Webinar Rasionalisasi SNMPTN</p>
<div class="event-date">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/date-icn.svg" alt="" />
<p>Jumat, 21 Januari 2022</p>
</div>
<p class="event-desc">Ukur potensi lolos masuk PTN impian lewat SNMPTN 2022</p>
<div class="event-btn">
<div class="show-detail">
<a>
<button data-toggle="modal" data-target="#modalKKT">Lihat Jadwal</button>
</a>
</div>
<div class="register">
<a href="https://ruangguru.onelink.me/blPk/kejarkampusimpian" target="_blank">
<button>Daftar Webinar Rasionalisasi</button>
</a>
</div>
</div>
</div>
<div class="event-item">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/LOGO%20FESTIVAL%20CITA-CITA_30122021_1.5.png"
alt="Banner Festival Cita-Cita"
class="event-img"
/>
<p class="event-title">Festival Cita-Cita</p>
<div class="event-date">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/date-icn.svg" alt="" />
<p>18 - 20 Februari 2022</p>
</div>
<p class="event-desc">Auto paham ragam profesi di dunia kerja dengan dengerin langsung dari pembicara terbaik di bidangnya</p>
<div class="event-btn">
<div class="show-detail">
<a>
<button data-toggle="modal" data-target="#modalFestCita">Lihat Jadwal</button>
</a>
</div>
<div class="register">
<a href="https://ruangguru.onelink.me/blPk/kejarkampusimpian" target="_blank">
<button>Daftar Festival Cita - Cita</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-2">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_164126155631543"
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="spacer-rg">
</div> -->
<div class="timeline">
<div class="page-center">
<div class="timeline__title">
<h2 class="font-subtitle">Timeline Rangkaian Kegiatan</h2>
</div>
<div class="timeline__content">
<div class="vertical mobile"> </div>
<div class="horizontal-top web"> </div>
<div class="timeline-item-wrap">
<div class="timeline-item biasa1 first">
<div class="no-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/no1.png" />
</div>
<div class="bubble">
<h3 class="tag">Mulai Pendaftaran</h3>
<p class="font-desc">18 Desember 2021</p>
</div>
</div>
<div class="timeline-item biasa2">
<div class="no-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/no2.png" />
</div>
<div class="bubble">
<h3 class="tag">Ikut Grup</h3>
<p class="font-desc"></p>
</div>
</div>
<div class="timeline-item biasa3">
<div class="no-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/no3.png" />
</div>
<div class="bubble">
<h3 class="tag">UTBK Experts Season 2</h3>
<div class="point-wrap">
<div class="point-item">
<div class="icon-poin">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/point.png" />
</div>
<div class="text-poin">
<p class="black-text">Live 8 Januari 2022</p>
</div>
</div>
<div class="point-item">
<div class="icon-poin">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/point.png" />
</div>
<div class="text-poin">
<p class="black-text">Live 15 Januari 2022</p>
</div>
</div>
<div class="point-item">
<div class="icon-poin">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/point.png" />
</div>
<div class="text-poin">
<p class="black-text">Live 5 Februari 2022</p>
</div>
</div>
<div class="point-item">
<div class="icon-poin">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/point.png" />
</div>
<div class="text-poin">
<p class="black-text">Live 6 Februari 2022</p>
</div>
</div>
</div>
</div>
</div>
<div class="timeline-item biasa4">
<div class="no-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/no4.png" />
</div>
<div class="bubble">
<h3 class="tag">Webinar Rasionalisasi SNMPTN</h3>
<p class="font-desc">21 Januari 2022</p>
</div>
</div>
<div class="horizontal-bottom web"> </div>
<div class="timeline-item ada-ast opt1">
<div class="no-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/no5.png" />
</div>
<div class="bubble">
<h3 class="tag">UTBK Club/Pelatnas UTBK Intensif</h3>
<p class="font-desc">8 Februari 2022</p>
</div>
</div>
<div class="timeline-item opt2">
<div class="no-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/no6.png" />
</div>
<div class="bubble">
<h3 class="tag">Festival Cita - Cita</h3>
<p class="font-desc">18 - 20 Februari 2022</p>
</div>
</div>
<div class="timeline-item opt3">
<div class="no-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/no7.png" />
</div>
<div class="bubble">
<h3 class="tag">Pengumuman Grand Prizes</h3>
<p class="font-desc">25 Februarri 2022</p>
</div>
</div>
<!-- <div class="timeline-item opt4">
<div class="no-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/noo8.png">
</div>
<div class="bubble">
<h3 class="tag">Festival Cita-Cita</h3>
<p class="red-text">Akan Datang!</p>
<p class="font-desc">Februari 2022</p>
</div>
</div> -->
</div>
</div>
<!-- <div>
<p class="asteriks">*syarat dan ketentuan berlaku<br>**Ruangguru akan memberikan akses online event UTBK Experts
dan Kejar Kampus Talks di grup Telegram</p>
</div> -->
</div>
</div>
<div class="utbk-club">
<div class="page-center">
<div class="utbk__content">
<div class="utbk-text">
<div class="utbk__title">
<h2 class="font-subtitle">UTBK Club/Pelatnas UTBK Intensif</h2>
<p class="font-desc">Komunitas pejuang Kampus Impian dari produk-produk Ruangguru UTBK berbayar</p>
</div>
<p class="tag-utbk">Apa yang kamu dapatkan?</p>
<div class="utbk-poin-wrap">
<div class="utbk-poin">
<div class="utbk-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/points.png" />
</div>
<div class="utbk-texts">
<p class="font-desc">Ikut sesi eksklusif Q&A bareng Founder Ruangguru</p>
</div>
</div>
<div class="utbk-poin">
<div class="utbk-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/points.png" />
</div>
<div class="utbk-texts">
<p class="font-desc">GRATIS ikut kelas kenal profesi anti mainstream dan banyak diminati di kelas berbayar Festival Cita-Cita</p>
</div>
</div>
<div class="utbk-poin">
<div class="utbk-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/points.png" />
</div>
<div class="utbk-texts">
<p class="font-desc">Info beragam pilihan jurusan dan kampus</p>
</div>
</div>
</div>
<div class="yellow-box">
Ikuti rangkaian
<strong>#KejarKampusImpian</strong>
dan langganan sekarang untuk jadi bagian dari UTBK Club/Pelatnas UTBK Intensif!
</div>
</div>
<div class="utbk-imgs">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/utbkclub%20new.png" />
</div>
</div>
</div>
</div>
<div class="paket-sect">
<div class="page-center">
<div class="paket__title">
<h2 class="font-subtitle">Aplikasi bimbingan belajar terlengkap. Langganan Ruangguru sekarang!</h2>
</div>
<div class="paket__content">
<div class="paket-item-wrap">
<div class="paket-item gen">
<div class="title-paket red">
<p>Paket ruangbelajar UTBK 6 Bulan</p>
</div>
<div class="body-paket">
<!-- <div class="grey-box">
<div class="pill">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/ic%20bolt.png">
Diskon 60%
</div>
<p class="mulai">Mulai dari <span class="coret">Rp1.247.500</span></p>
<p class="harga-merah">Rp499.000</p>
</div> -->
<div class="wrap-inline">
<p class="mulai"><span class="coret">Rp965.000</span></p>
<p class="harga-merah">Rp375.000</p>
</div>
<div class="wrap">
<div class="periode-belajar">
<div class="periode-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/Group%2013.png" />
</div>
<div class="periode-text">
<p>Periode belajar sampai Juni 2022</p>
</div>
</div>
<div class="garis-hr"></div>
<!-- <div class="gratis-holiday">
<div class="holiday-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/kado.png">
</div>
<div class="holiday-text">
<p>Gratis 8 kuota tryout UTBK premium</p>
</div>
</div> -->
<div class="wrapping-scroll">
<div class="fitur-check-wrap">
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Video belajar persiapan UTBK + Ujian Mandiri</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Video konsep & pembahasan roboguru</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Jadwal belajar</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Laporan belajar</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Rencana belajar mingguan berisi daftar video & soal yang harus dikerjakan</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Ruangguru adventure & teman belajar</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Rangkuman infografis</p>
</div>
</div>
</div>
</div>
</div>
<div class="garis-hr"></div>
<div class="kode-btn-box">
<div class="kode-box">
<p class="diskon-tambahan">DISKON 60%</p>
Kode Diskon:
<b>KEJARKAMPUSRB</b>
</div>
<div class="btn-wrap-langg">
<a href="https://bayar.ruangguru.com/draft-invoice?package_serial=PKG-XQ75MJ4L&voucher_serial=KEJARKAMPUSRB" target="_blank">
<button class="btn-langganan">Langganan</button>
</a>
</div>
</div>
</div>
</div>
<div class="paket-item gen">
<div class="title-paket orange">
<p>Paket ruangbelajar SMA + UTBK 6 Bulan</p>
</div>
<div class="body-paket">
<!-- <div class="grey-box">
<div class="pill">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/ic%20bolt.png">
Diskon 60%
</div>
<p class="mulai">Mulai dari <span class="coret">Rp2.072.500</span></p>
<p class="harga-merah">Rp829.000</p>
</div> -->
<div class="wrap-inline">
<p class="mulai"><span class="coret">Rp1.925.000</span></p>
<p class="harga-merah">Rp580.000</p>
</div>
<div class="wrap">
<div class="periode-belajar">
<div class="periode-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/Group%2013.png" />
</div>
<div class="periode-text">
<p>Periode belajar: sampai Sept 2022</p>
</div>
</div>
<div class="garis-hr"></div>
<div class="wrapping-scroll">
<div class="fitur-check-wrap">
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Video belajar persiapan UTBK + Ujian Mandiri</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Video konsep & pembahasan roboguru</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Jadwal belajar</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Laporan belajar</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Rencana belajar mingguan berisi daftar video & soal yang harus dikerjakan</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Ruangguru adventure & teman belajar</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Rangkuman infografis</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check_gold.png" />
</div>
<div class="text-ch">
<p>Puluhan ribu video belajar beranimasi dan interaktif SMA/SMK kelas 10-11-12 IPA IPS</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check_gold.png" />
</div>
<div class="text-ch">
<p>Adapto</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check_gold.png" />
</div>
<div class="text-ch">
<p>Free akses 8 tryout premium</p>
</div>
</div>
</div>
</div>
<!-- <div class="gratis-holiday">
<div class="holiday-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/kado.png">
</div>
<div class="holiday-text">
<p>Gratis 8 kuota tryout UTBK premium</p>
</div>
</div> -->
</div>
<div class="garis-hr"></div>
<div class="kode-btn-box">
<div class="kode-box">
<p class="diskon-tambahan">DISKON 70%</p>
Kode Diskon:
<b>KEJARKAMPUSRB</b>
</div>
<div class="btn-wrap-langg">
<a href="https://bayar.ruangguru.com/draft-invoice?package_serial=PKG-91TNKFUE&voucher_serial=KEJARKAMPUSRB" target="_blank">
<button class="btn-langganan">Langganan</button>
</a>
</div>
</div>
</div>
</div>
<div class="paket-item fav">
<div class="title-paket light-blue">
<div class="ribbon-wrapper-ea">
<div class="glow"> </div>
<div class="ribbon-front-ea">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Dafa%20Lulu%202021/ic_thumb_s.svg" alt="thumb" style="margin-right: 8px" />
Terfavorit
</div>
</div>
<p>Paket Brain Academy Online Regular - Kelas 12 + UTBK</p>
</div>
<div class="body-paket">
<!-- <div class="grey-box">
<div class="pill">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/ic%20bolt.png">
Diskon 60%
</div>
<p class="mulai"><span class="coret">Rp3.175.000</span></p>
<p class="harga-merah">Rp1.486.000</p>
<p class="mulai bottom">setara Rp5.159/sesi total 288 sesi</p>
</div> -->
<div class="wrap-inline">
<p class="mulai"><span class="coret">Rp2.987.000</span></p>
<p class="harga-merah">Rp1.194.800</p>
</div>
<div class="wrap">
<div class="periode-belajar">
<div class="periode-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/Group%2013.png" />
</div>
<div class="periode-text">
<p>Periode belajar: sampai Juni 2022</p>
</div>
</div>
<div class="garis-hr"></div>
<div class="wrapping-scroll">
<div class="fitur-check-wrap">
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Bebas tanya PR di forum sharing soal</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Admin pengingat belajar dan konselor untuk konsultasi jurusan, tipe belajar, minat, dan bakat</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Akses klub hobi kekinian</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Laporan perkembangan belajar setiap semester</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Modul belajar digital</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check_gold.png" />
</div>
<div class="text-ch">
<p>6 sesi live teaching interaktif per minggu</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check_gold.png" />
</div>
<div class="text-ch">
<p>10 tryout Basic + 6 tryout Premium untuk hadapi UTBK & Ujian Mandiri serta 4 tryout untuk persiapan PTS & PAS setiap tahun</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check_gold.png" />
</div>
<div class="text-ch">
<p>Akses paket ruangbelajar SMA + UTBK</p>
</div>
</div>
</div>
</div>
<!-- <div class="gratis-holiday">
<div class="holiday-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/kado.png">
</div>
<div class="holiday-text">
<p>Gratis 8 kuota tryout UTBK premium</p>
</div>
</div> -->
</div>
<!-- <div class="wrap">
<div class="periode-belajar">
<div class="periode-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/Group%2013.png">
</div>
<div class="periode-text">
<p>Periode belajar: sampai Juni 2022</p>
</div>
</div>
<div class="gratis-holiday">
<div class="holiday-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/kado.png">
</div>
<div class="holiday-text">
<p>Gratis 8 kuota tryout UTBK premium</p>
</div>
</div>
</div> -->
<div class="garis-hr"></div>
<div class="kode-btn-box">
<div class="kode-box">
<p class="diskon-tambahan">DISKON 60%</p>
Kode Diskon:
<b>KEJARKAMPUSBAO</b>
</div>
<div class="btn-wrap-langg">
<a href="https://bayar.ruangguru.com/draft-invoice?package_serial=PKG-A67L4V90&voucher_serial=KEJARKAMPUSBAO" target="_blank">
<button class="btn-langganan">Langganan</button>
</a>
</div>
</div>
</div>
</div>
<div class="paket-item gen fav2">
<div class="title-paket blue">
<p>Paket Brain Academy Online Premium - Gap Year</p>
</div>
<div class="body-paket">
<!-- <div class="grey-box">
<div class="pill">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/ic%20bolt.png">
Diskon 60%
</div>
<p class="mulai"><span class="coret">Rp7.984.000</span></p>
<p class="harga-merah">Rp3.194.000</p>
<p class="mulai bottom">setara Rp4.063/sesi total 786 sesi</p>
</div> -->
<div class="wrap-inline">
<p class="mulai"><span class="coret">Rp6.419.000</span></p>
<p class="harga-merah">Rp2.567.600</p>
</div>
<div class="wrap">
<div class="periode-belajar">
<div class="periode-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/Group%2013.png" />
</div>
<div class="periode-text">
<p>Periode belajar: sampai Juni 2022</p>
</div>
</div>
<div class="garis-hr"></div>
<div class="wrapping-scroll">
<div class="fitur-check-wrap">
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Bebas tanya PR di forum sharing soal</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Admin pengingat belajar dan konselor untuk konsultasi jurusan, tipe belajar, minat, dan bakat</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Akses klub hobi kekinian</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Laporan perkembangan belajar setiap semester</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check.png" />
</div>
<div class="text-ch">
<p>Modul belajar UTBK cetak & digital</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check_gold.png" />
</div>
<div class="text-ch">
<p>4 sesi live teaching interaktif + 2 sesi kelas pendalaman materi + 4 sesi kelas akselerasi per minggu</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check_gold.png" />
</div>
<div class="text-ch">
<p>29 Tryout UTBK Basic dan Premium</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check_gold.png" />
</div>
<div class="text-ch">
<p>Klinik PR eksklusif dengan Master Teacher hingga 5 siswa per grup</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check_gold.png" />
</div>
<div class="text-ch">
<p>Akses kelas pengembangan diri</p>
</div>
</div>
<div class="fitur-check">
<div class="icon-ch">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/check_gold.png" />
</div>
<div class="text-ch">
<p>Akses paket ruangbelajar SMA + UTBK</p>
</div>
</div>
</div>
</div>
<!-- <div class="gratis-holiday">
<div class="holiday-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/kado.png">
</div>
<div class="holiday-text">
<p>Gratis 8 kuota tryout UTBK premium</p>
</div>
</div> -->
</div>
<div class="garis-hr"></div>
<div class="kode-btn-box">
<div class="kode-box">
<p class="diskon-tambahan">DISKON 60%</p>
Kode Diskon:
<b>KEJARKAMPUSBAO</b>
</div>
<div class="btn-wrap-langg">
<a href="https://bayar.ruangguru.com/draft-invoice?package_serial=PKG-3YDL0VLR&voucher_serial=KEJARKAMPUSBAO" target="_blank">
<button class="btn-langganan">Langganan</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="kisah-sukses">
<div class="page-center">
<div class="kisah__title">
<h2 class="font-subtitle">Kisah sukses #KejarKampusImpian bareng Ruangguru</h2>
</div>
<div class="kisah__content">
<div class="video-item-wrap">
<div class="video-wrap">
<iframe
id="videos"
width="560"
height="315"
src="https://www.youtube.com/embed/zn-Y9id9pW8"
title="YouTube video player"
frameborder="0"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
</div>
<div class="video-wrap">
<iframe
id="videos2"
width="560"
height="315"
src="https://www.youtube.com/embed/4OoLduRQ-Y0"
title="YouTube video player"
frameborder="0"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
</div>
</div>
<div class="btn-wrap">
<a rel="nofollow" target="_blank" href="https://www.youtube.com/playlist?list=PLTCBny-LOCyzQ8C3i4rBzGbQBLdcCzekb"><button class="btn-langganan">Lihat lebih banyak</button></a>
</div>
</div>
</div>
</div>
<script>
function myFunction(x) {
if (x.matches) {
$('#videos, #videos2').attr('width', '100%');
}
}
var x = window.matchMedia('(max-width: 768px)');
myFunction(x);
x.addListener(myFunction);
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-3">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_164126157647354"
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"
>
<!-- Modal UTBK -->
<div id="modalUTBK" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h2>Jadwal UTBK Experts Season 2 - TKA</h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="calendar-box">
<div class="calendar-date">
<p>
8
<br />
<span>Jan 2022</span>
</p>
</div>
<div class="calendar-content">
<p class="judul-pops">Sejuta Taktik Meraih Kampus Impian</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>16.30 - 17.45</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon clock" />
<p>Ayu Amara</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">TKA IPA : Matematika</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>18.30 - 19.30</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon clock" />
<p>Star Master Teacher Aris</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">TKA IPS 1 : Ekonomi</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>20.00 - 21.00</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon user" />
<p>Star Master Teacher Desi Ayu</p>
</div>
</div>
</div>
<div class="calendar-box">
<div class="calendar-date">
<p>
15
<br />
<span>Jan 2022</span>
</p>
</div>
<div class="calendar-content">
<p class="judul-pops">Membangun Kapasitas Mental untuk Meraih Mimpi</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>16.30 - 17.45</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon clock" />
<p>Iestri Kusumah S.Psi (Founder Psytalk Indonesia)</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">TKA IPA : Fisika</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>18.30 - 19.30</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon clock" />
<p>Star Master Teacher Dimas</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">TKA IPS : Geografi</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>20.00 - 21.00</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon user" />
<p>Star Master Teacher Nindya</p>
</div>
</div>
</div>
<div class="calendar-box">
<div class="calendar-date">
<p>
22
<br />
<span>Jan 2022</span>
</p>
</div>
<div class="calendar-content">
<p class="judul-pops">Meraih Angan dalam Keterbatasan</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>16.30 - 17.45</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon clock" />
<p>Faisal Sabani (Alumni Ruangguru)</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">TKA IPA : Kimia</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>18.30 - 19.30</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon clock" />
<p>Star Master Teacher Stanley</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">TKA IPS : Sejarah</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>20.00 - 21.00</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon user" />
<p>Star Master Teacher Arin</p>
</div>
</div>
</div>
<div class="calendar-box">
<div class="calendar-date">
<p>
5
<br />
<span>Feb 2022</span>
</p>
</div>
<div class="calendar-content">
<p class="judul-pops">Bangun Motivasi & Kebiasaan untuk Lolos UTBK</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>16.30 - 17.45</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon clock" />
<p>Didi Andova (Motivator Millenial)</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">TKA IPA : Kimia</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>18.30 - 19.30</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon clock" />
<p>Star Master Teacher Stanley</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">TKA IPS : Sosiologi</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>19.30 - 20.30</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon user" />
<p>Star Master Teacher Tri Ayu</p>
</div>
</div>
</div>
<div class="calendar-box">
<div class="calendar-date">
<p>
6
<br />
<span>Feb 2022</span>
</p>
</div>
<div class="calendar-content">
<p class="judul-pops">Kejar Kampus Impian ke Luar Negeri</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>16.30 - 18.00</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon clock" />
<p>Belva Devara & Sabrina Anggraini</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal KKT -->
<div id="modalKKT" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h2>Jadwal Webinar Rasionalisasi SNMPTN</h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="calendar-box">
<div class="calendar-date">
<p>
21
<br />
<span>Jan 2022</span>
</p>
</div>
<div class="calendar-content">
<p class="judul-pops">101 SNMPTN</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>15.30</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon clock" />
<p>Ali Fikrie</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">Tips & Trik Lolos SNMPTN</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>16.00</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/user.svg" alt="icon user" />
<p>Galang Prayata</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">Bedah Rasionalisasi SNMPTN</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>16.30</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/user.svg" alt="icon user" />
<p>Ainul Ibnu</p>
</div>
</div>
</div>
<!-- <div class="calendar-box">
<div class="calendar-date">
<p>21 <br><span>Nov 2021</span></p>
</div>
<div class="calendar-content">
<p class="judul-pops">Belajar Serasa Gak Belajar!</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg"
alt="icon clock">
<p>18.30 - 19.30</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png"
alt="icon user">
<p>Raeni</p>
</div>
</div>
</div>
<div class="calendar-box">
<div class="calendar-date">
<p>28 <br><span>Nov 2021</span></p>
</div>
<div class="calendar-content">
<p class="judul-pops">Kuliah itu Indah</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg"
alt="icon clock">
<p>16.30 - 17.45</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png"
alt="icon clock">
<p>Iman Usman</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">Gap Year</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg"
alt="icon clock">
<p>18.30 - 19.30</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png"
alt="icon clock">
<p>Jihan Nadira</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png"
alt="icon clock">
<p>Zahid Azmi Ibrahim</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">Kenali Dirimu untuk Pilih Jurusan Yang Tepat</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg"
alt="icon clock">
<p>20.00 - 21.00</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png"
alt="icon user">
<p>Indah Sundari, M.Psi., Psikolog.</p>
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
<!-- Modal FestCita -->
<div id="modalFestCita" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h2>Jadwal Festival Cita-Cita</h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="calendar-box">
<div class="calendar-date">
<p>
18
<br />
<span>Feb 2022</span>
</p>
</div>
<div class="calendar-content">
<p class="judul-pops">UNBOXING KARIER DI DUNIA MARKETING (EXCLUSIVE CLASS)</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>14.15 - 15.15</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon clock" />
<p>Clements Emerson Dewanto (Group Digital Performance Marketing Manager Ruangguru)</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">DEVELOP KARIER DI BIDANG SOFTWARE DAN APLIKASI</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>15.30 - 16.30</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon clock" />
<p>Jason Elian (IT Consultant Deloitte)</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">LEMBAGA BANTUAN KARIER HUKUM</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>16.45 - 17.45</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon user" />
<p>Hana Monica Hutabarat (Head of Legal Ruangguru)</p>
</div>
</div>
</div>
<!-- <div class="calendar-box">
<div class="calendar-date">
<p>18 <br><span>Feb 2022</span></p>
</div>
</div> -->
<div class="calendar-box">
<div class="calendar-date">
<p>
19
<br />
<span>Feb 2022</span>
</p>
</div>
<div class="calendar-content">
<p class="judul-pops">BEDAH FAKTA KARIER DI BIDANG DATA (EXCLUSIVE CLASS)</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>14.00 - 15.00</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon clock" />
<p>Hardi Saputra (Group Vice President, Data & AI FAZZ Financial Group)</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">DESAIN JALUR KARIER DI BIDANG KREATIF TANPA REVISI</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>15.15 - 16.15</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon clock" />
<p>Defri Dwipaputra (Group Creative Director Dentsu Isobar)</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">NO CLICKBAIT JADI KREATIF DI JALUR CONTENT CREATOR</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>16.30 - 17.30</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon user" />
<p>Gita Savitri Devi (Content Creator)</p>
</div>
</div>
</div>
<div class="calendar-box">
<div class="calendar-date">
<p>
20
<br />
<span>Feb 2022</span>
</p>
</div>
<!-- <div class="calendar-content">
<p class="judul-pops">BIKIN PROTOTIPE PERJALANAN KARIER BIDANG PRODUCT DESIGN</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg"
alt="icon clock">
<p>14.00 - 15.00</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png"
alt="icon clock">
<p>Bayu Yunantias Amus (Head of Product Design Ruangguru)</p>
</div>
</div> -->
<div class="calendar-content right">
<p class="judul-pops">4 DARI 5 ORANG BELUM TAU RAHASIA KARIER DIGITAL MARKETING INI!</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>15.15 - 16.15</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon clock" />
<p>Alvin Aulia Anugerah (Performance Marketing Lead Ruangguru)</p>
</div>
</div>
<div class="calendar-content right">
<p class="judul-pops">KIAT PAHAMI SUPPLY DAN DEMAND KARIER DI BIDANG FINANCE (EXCLUSIVE CLASS)</p>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/modal/clock.svg" alt="icon clock" />
<p>16.30 - 17.30</p>
</div>
<div class="time-user">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/KejarKampusImpian/top%20section/user.png" alt="icon user" />
<p>Risa Kusumaningrum (GM Operations and Operational Excellence Expertise, Coach, CEO’s Advisor)</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end body -->
</div>
<!--end body wrapper -->
<style>.footer__year {
padding-top: 5rem;
}
.ic-new__img {
margin: auto 0;
display: flex;
}
.ic-new__img img {
width: fit-content;
}
.font-base-footer {
font-family: Inter, 'sans-serif';
font-weight: 400;
font-size: 14px !important;
font-style: normal;
letter-spacing: 0;
color: #0a2540;
margin-bottom: 0;
}
.font-bold {
font-weight: 700;
}
.font-white {
color: #fff !important;
}
.font-semi-bold {
font-weight: 600;
}
.center {
text-align: center;
}
.footer {
background: #0a2540 !important;
overflow: hidden;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Helvetica Neue,
Arial,
Noto Sans,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji;
}
.contact__container {
display: grid;
grid-template-columns: 2fr 11fr;
gap: 0.625rem;
word-break: break-all;
}
.contact__container--text {
margin: auto 0;
}
.group-contact {
display: grid;
row-gap: 0.5rem;
}
.sec-follow__content--socmed {
display: inline-flex;
}
.sec-follow__content--socmed a {
padding-right: 0.25rem;
}
.ic-new {
display: inline-flex;
width: max-content;
gap: 0.25rem;
}
@media (min-width: 1025px) {
.sec-address__detail {
margin: 1rem 0 2rem;
padding-right: 2rem;
}
.sec-follow {
margin-top: -10rem;
}
.title {
font-size: 48px;
line-height: 64px;
}
.subtitle {
font-size: 32px;
line-height: 48px;
text-align: center;
}
.desc-hero {
font-size: 24px;
line-height: 36px;
margin-top: 20px;
}
.desc {
font-size: 16px;
line-height: 24px;
}
.footer {
padding: 5rem 0 1.5rem;
}
.footer__title {
font-size: 1rem;
margin-bottom: 1rem;
min-height: 1.25rem;
}
.footer__title--hq {
font-size: 1rem;
}
.footer__content--top {
display: grid;
grid-template-columns: 3fr 9fr;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sec-app__content {
display: grid;
gap: 0.75rem;
}
.footer__content--bottom {
display: grid;
grid-template-columns: 9.75fr 2.25fr;
}
}
@media (max-width: 1024px) {
.sec-address__detail {
margin: 1rem 0 2rem;
}
.sec-app {
margin-bottom: 2.625rem;
text-align: center;
}
.title {
font-size: 24px;
line-height: 36px;
}
.subtitle {
font-size: 20px;
line-height: 30px;
text-align: center;
}
.desc-hero {
font-size: 16px;
line-height: 24px;
margin-top: 1rem;
}
.desc {
font-size: 14px;
line-height: 27px;
}
.footer {
padding: 2rem 0;
}
.sec-app__content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.5rem;
margin-top: 1rem;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.sec-follow {
text-align: center;
}
.footer__title {
padding-bottom: 0.75rem;
}
}
ul.no-space {
padding: 0;
}
ul.no-space li {
margin-bottom: 0.25rem;
}
.contact__container--text a,
ul.no-space a {
text-decoration: none;
}
.contact__container--text a:hover,
ul.no-space a:hover {
color: #2eb5c0 !important;
}
div.sec-address__logo img,
div.ic-new__img img {
display: inline-block;
}
.sec-app__content img {
max-width: 100%;
}
</style>
<section class="footer " id="footer">
<div class="page-center">
<div class="footer__content">
<div class="footer__content--top">
<div class="sec-app">
<div class="sec-address">
<div class="sec-address__logo">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo Ruangguru" loading="lazy" />
</a>
</div>
<div class="sec-address__detail">
<p class="font-base-footer font-white font-bold footer__title--hq">RUANGGURU HQ</p>
<p class="font-base-footer font-white footer-address">Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920</p>
</div>
</div>
<p class="font-base-footer font-white font-bold footer__title">Coba GRATIS Aplikasi Ruangguru</p>
<div class="sec-app__content">
<div class="sec-app__content--gplay">
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_googleplay%20(1).svg"
loading="lazy"
alt="Button Google Play Footer "
/>
</a>
</div>
<div class="sec-app__content--appstore">
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_appstore%20(1).svg"
loading="lazy"
alt="Button App Store Footer "
/>
</a>
</div>
<div class="sec-app__content--huawei">
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<picture>
<source type="image/webp" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png?convert=webp " />
<source type="image/png" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png " />
<img class="footer-socmed" src="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png" alt="Button AppGallery Footer" loading="lazy" width="156" />
</picture>
</a>
</div>
</div>
</div>
<div class="sec-menu">
<div class="sec-menu__rg">
<p class="font-base-footer font-white font-bold footer__title">Produk Ruangguru</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruanguji">Ruanguji</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://pengajar.ruangguru.com/">Ruangpengajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privat">Ruangguru Privat</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/airis">Airis</a>
</li>
</ul>
</div>
<div class="sec-menu__lainnya">
<p class="font-base-footer font-white font-bold footer__title">Produk Lainnya</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.brainacademy.id/" target="_blank">Brain Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.english-academy.id/" target="_blank">English Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://skillacademy.com/" target="_blank">Skill Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.schoters.com/id/" target="_blank">Schoters</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.kalananti.id/" target="_blank">Kalananti</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/mathchamps/" target="_blank">Math Champs</a>
</li>
</ul>
</div>
<div class="sec-menu__bantuan">
<p class="font-base-footer font-white font-bold footer__title">Bantuan & Panduan</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/company-credentials">Company Credentials</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/promo">Promo Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/about-us">Tentang Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/contact-us">Kontak Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/press">Press Kit</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan">Bantuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://career.ruangguru.com/">Karier</a>
</li>
</ul>
</div>
<div class="sec-menu__contact">
<p class="font-base-footer font-white font-bold footer__title">Hubungi Kami</p>
<div class="group-contact">
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-mail.svg" loading="lazy" alt="Logo Email Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="mailto:info@ruangguru.com">info@ruangguru.com</a>
</div>
</div>
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-phone.svg" loading="lazy" alt="Logo Phone Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="tel:02130930000">02130930000</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer__content--bottom">
<div></div>
<div class="sec-follow">
<p class="font-base-footer font-white font-bold footer__title">Ikuti Kami</p>
<div class="sec-follow__content">
<div class="sec-follow__content--socmed">
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-ig.svg?convert=webp" loading="lazy" alt="Logo Instagram Footer" />
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-fb.svg?convert=webp" loading="lazy" alt="Logo Facebook Footer" />
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-twitter.svg?convert=webp" loading="lazy" alt="Logo Twitter Footer" />
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-youtube.svg?convert=webp" loading="lazy" alt="Logo Youtube Footer" />
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-linkedin.svg?convert=webp" loading="lazy" alt="Logo LinkedIn Footer" />
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/tiktok-ic-white-40.svg?convert=webp" loading="lazy" alt="Logo TikTok Footer" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer__year">
<p class="font-base-footer font-white font-bold center">
©
<span id="full-year"></span>
Ruangguru. All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
</div>
</section>
<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>
<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(['setContentType', 'landing-page']);
_hsq.push(['setCanonicalUrl', 'https:\/\/www.ruangguru.com\/event\/kejarkampusimpian']);
_hsq.push(['setPageId', '58866416932']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 58866416932,
legacyPageId: '58866416932',
contentFolderId: null,
contentGroupId: null,
abTestId: null,
languageVariantId: 58866416932,
languageCode: 'id',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: '039eca79-befd-449f-8b46-3b47594b12ea',
ticks: 1684631404520,
page_id: 58866416932,
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: '58866416932',
category_id: 1,
folder_id: 0,
is_hubspot_user: false,
};
</script>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<!-- Load CSS for all versions -->
<script>
// CSS loading function available for all versions
function loadFloatingCSS() {
// Check if CSS is already loaded
if (document.getElementById('fb-component-css')) {
return;
}
// Create and append CSS style block to head
const style = document.createElement('style');
style.id = 'fb-component-css';
style.textContent = `
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
`;
document.head.appendChild(style);
}
// Load CSS immediately
loadFloatingCSS();
</script>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table=""></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_promo_banner') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_promo_banner';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,landingPage)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: 'payment',
item_position: index,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
})
);
const img = document.createElement('img');
img.src = element.imageUrl + '?h=200&convert=webp';
img.alt = element.name || 'Floating element';
img.loading = 'lazy';
// Add click tracking
link.addEventListener('click', () => {
this.trackClick(element, cta);
});
link.appendChild(img);
div.appendChild(link);
return div;
}
getPositionClass(rankPosition, index) {
// Define positioning classes based on rankPosition
if (rankPosition === 1) {
return 'bantuan-top'; // Top position
} else if (rankPosition === 2) {
return 'bantuan-bottom'; // Bottom position
} else {
// For additional elements, distribute them evenly
return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
}
}
trackClick(element, cta) {
// Implement click tracking logic here
console.log('Floating element clicked:', {
elementId: element.Id,
elementName: cta.name,
ctaId: cta.ctaId,
targetUrl: cta.targetUrl,
});
}
// Public method to manually refresh
async refresh() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to refresh floating elements:', error);
throw error;
}
}
// Public method to get current floating elements
getFloatingElements() {
return [...this.floatingElements];
}
}
// Initialize the component when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Get product and table parameters from data attributes
const container = document.getElementById('bantuan-divs-container');
const product = container.getAttribute('data-product') || 'ruangguru';
const table = container.getAttribute('data-table') || 'rg_promo_banner';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script>
<!-- Tracker -->
<script src="https://unpkg.com/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>
<!-- Generated by the HubSpot Template Builder - template version 1.03 -->
</body>
</html>