#WaktunyaKamuJuara
Menangkan total hadiah Rp1,5 miliar++
serta jalan-jalan ke kampus ternama di USA
bareng Founder dan Brand Ambassador Ruangguru!
Kuis push rank harian seru. Hadiah harian, mingguan, bulanan.
Cerdas cermat siswa terbaik se-Indonesia dan rebut piala bergilir serta puluhan juta rupiah.
Unjuk kemahiran berbahasa Inggris melalui berbagai jenis pertandingan.
Kompetisi kreasi opini kreatif di sosial media (Instagram atau Tiktok).
Ajang unjuk kemampuan terbaik dalam desain ilustrasi dan fotografi
Uji persiapan menghadapi UTBK 2022 skala nasional dengan menggunakan sistem IRT.
Pertandingan esports Mobile Legend antar tim.
Rangkaian acara pelajar untuk mempersiapkan siswa memasuki semester baru, memotivasi, sekaligus memperkenalkan ragam profesi masa kini dari berbagai industri.
Robocup adalah kompetisi menjawab soal di forum Roboguru via aplikasi Ruangguru. Kumpulkan poin dan bawa pulang hadiah jutaan rupiah.
Menangkan total hadiah Rp1,5 miliar++
serta jalan-jalan ke kampus ternama di Amerika Serikat bareng Founder dan Brand Ambassador Ruangguru
Hadiah School of the Year
Bantuan Kegiatan Kesiswaan
50Jt
Bantuan Kegiatan Kesiswaan
30Jt
Bantuan Kegiatan Kesiswaan
20Jt
*Pemenang School of the Year adalah sekolah dengan poin tertinggi (akumulasi dari semua siswa/i peserta kompetisi Liga Ruangguru yang mendapatkan poin untuk sekolah) selama
periode November 2021 - Februari 2022.
Petunjuk Pendaftaran
Untuk mengikuti kompetisi di Liga Ruangguru, setiap peserta wajib mengikuti tahapan ini :
Mendaftar di aplikasi Ruangguru
Daftar kompetisi yang kamu ingin ikuti di aplikasi Ruangguru
Klik kompetisi yang kamu ingin ikuti
Ikuti tahap-tahap yang ada di masing-masing kompetisi
Upload Twibbon di media sosial
Buka link di masing-masing kompetisi dan download Twibbon sesuai kompetisi yang kamu ikuti
Upload Twibbon di media sosialmu dengan hashtag #LigaRuangguru #WaktunyaKamuJuara
Mention dan follow semua akun resmi Ruangguru
Dapatkan konfirmasi berhasil daftar
Peserta yang berhasil mendaftar akan mendapat konfirmasi melalui email
Pastikan email yang kamu masukkan aktif
Ikuti Grup Telegram masing-masing kompetisi untuk info pertandingan
Ikuti Lombanya!
Setiap kompetisi memiliki sistem poin masing-masing yang akan membantu sekolahmu menjadi juara
Selain sekolah, kamu juga bisa memenangkan banyak hadiah di masing-masing kompetisi
Menangkan hadiah utama berkunjung ke kampus ternama di USA bersama Founder & Brand Ambassador Ruangguru!
Frequently Asked Question
Siapa saja yang bisa mengikuti kompetisi Liga Ruangguru?
Semua pelajar sekolah SD/SMP/SMA di Indonesia yang sudah mendapat persetujuan sekolah atau orang tua.
Apakah Liga Ruangguru mempertandingkan individu atau tim?
Masing-masing kompetisi berbeda, ada yang membutuhkan tim, ada yang individu.
Apakah untuk jadi peserta ada batasan maksimal kelas berapa?
Semua kelas bisa, asal sesuai dengan kompetisi masing-masing. Contoh: Ruangguru TO UTBK Akbar hanya bisa diikuti kelas 12.
Apakah saya harus mendaftarkan diri lewat sekolah?
Tidak, setiap peserta dapat mendaftar secara mandiri. Namun, semua poin yang dikumpulkan akan diakumulasikan menjadi poin sekolah.
Apa syarat utama saya dapat mengikuti kompetisi Liga Ruangguru?
Semua peserta harus memiliki kartu pelajar aktif dan di-upload ke dalam Google Drive masing-masing untuk kemudian link-nya dimasukkan ke dalam form pendaftaran.
Apakah saya bisa mengikuti kompetisi yang berbeda-beda?
Bisa. Selama Kamu yakin dengan kemampuanmu, Kamu bisa mendaftar di beberapa kompetisi yang ada.
Apakah kegiatan kompetisi full online melalui aplikasi Ruangguru?
Setiap kompetisi menggunakan platform yang berbeda-beda sesuai kebutuhannya.
Apakah pelajar yang pernah menjadi peserta Ruangguru Champion 2020 boleh mengikuti Ruangguru Champion 2021?
Peserta yang pernah ikut Ruangguru Champion 2020 boleh kembali mengikuti Ruangguru Champion 2021.
Di mana saya bisa bertanya tentang informasi lengkap Liga Ruangguru?
Di mana saya bisa mengunduh Twibbon?
Kamu dapat mengunduh Twibbon di kolom Syarat dan Ketentuan masing-masing kompetisi.
<!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="Ruangguru Tech Team" />
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<meta
name="description"
content="Daftar & menangkan kompetisi pelajar terbesar Indonesia di Liga Ruangguru. Raih hadiah miliaran rupiah & trip ke universitas terbaik USA. Baca syarat & ketentuan"
/>
<meta name="generator" content="HubSpot" />
<title>Daftar Kompetisi Pelajar Terbesar di Indonesia | Liga Ruangguru</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon-rg-15.ico" />
<meta
property="og:description"
content="Daftar & menangkan kompetisi pelajar terbesar Indonesia di Liga Ruangguru. Raih hadiah miliaran rupiah & trip ke universitas terbaik USA. Baca syarat & ketentuan"
/>
<meta property="og:title" content="Daftar Kompetisi Pelajar Terbesar di Indonesia | Liga Ruangguru" />
<meta
name="twitter:description"
content="Daftar & menangkan kompetisi pelajar terbesar Indonesia di Liga Ruangguru. Raih hadiah miliaran rupiah & trip ke universitas terbaik USA. Baca syarat & ketentuan"
/>
<meta name="twitter:title" content="Daftar Kompetisi Pelajar Terbesar di Indonesia | Liga 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-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/liga.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/liga.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/58216209253/1643861660163/module_58216209253_Module_Homepage_Liga_Ruangguru.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/liga.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39981680119/1676448475961/module_39981680119_Footer-ruangguru-2021-v2.min.css"
/>
<link rel="canonical" href="https://liga.ruangguru.com" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- 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-PSPLP84');
</script>
<!-- End Google Tag Manager -->
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<style>
.row-fluid [class*='span'] {
min-height: 0 !important;
}
.bantuan {
position: fixed;
bottom: 2rem;
right: 2rem;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
@media (min-width: 768px) {
.bantuan img {
width: auto;
height: 69px;
transition: all 0.6s ease;
}
.clicked {
bottom: 0.25rem;
}
.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan {
bottom: 2rem;
align-items: center;
}
.bantuan img {
width: auto;
height: 64px;
}
}
</style>
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="350" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:url" content="https://liga.ruangguru.com" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="content-language" content="en" />
<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/liga.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/32781682988/1666344401391/A_Ruangguru_Projects/1_SOP_Landing_Page/SOP_Style_Ruangguru.min.css"
/>
</head>
<body class="hs-content-id-57503888279 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_163501474798726"
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 Asing & Kurikulum Cambridge</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">Siapkan masa depan sang buah hati dari sekarang!</p>
</div>
</a>
<!-- kursus for kids -->
<a href="https://www.ruangguru.com/for-kids/kursus">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=100&name=logo_rgfk_color%20(1).png"
alt="Logo For Kids"
width="100"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=50&name=logo_rgfk_color%20(1).png 50w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=100&name=logo_rgfk_color%20(1).png 100w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=150&name=logo_rgfk_color%20(1).png 150w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=200&name=logo_rgfk_color%20(1).png 200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=250&name=logo_rgfk_color%20(1).png 250w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=300&name=logo_rgfk_color%20(1).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>
</div>
<div class="navig-link" id="program">
<a href="https://www.ruangguru.com/program">Program</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/promo">Promo</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/event">Event</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/beasiswa">Beasiswa</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/testimoni">Testimoni</a>
</div>
<div class="navig-link navig-link-dropdown" id="services">
<a>Layanan</a>
</div>
<div class="navig-dropdown-area closed" id="services_item" aria-expanded="false">
<div class="item-services">
<a href="https://www.ruangguru.com/ruangbelajar/perpanjang-paket">Cara Perpanjang Paket</a>
</div>
<div class="item-services">
<a href="https://www.ruangguru.com/cara-bayar">Cara Bayar</a>
</div>
<div class="item-services">
<a href="https://www.ruangguru.com/cicilan">Cicilan</a>
</div>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</div>
</div>
<div class="navigation__right">
<div class="button-langganan-cta">
<!--HubSpot Call-to-Action Code -->
<span class="hs-cta-wrapper" id="hs-cta-wrapper-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8">
<span class="hs-cta-node hs-cta-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" id="hs-cta-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8">
<a href="https://cta.ruangguru.com/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" target="_blank" rel="noopener">
<img
class="hs-cta-img"
id="hs-cta-img-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8"
style="border-width: 0px"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cta/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8.png"
alt="Langganan Sekarang"
/>
</a>
</span>
<script charset="utf-8" src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/liga.ruangguru.com/hs/cta/cta/currents.js"></script>
<script type="text/javascript">
hbspt.cta._relativeUrls = true;
hbspt.cta.load(2828691, '98f09c6e-5ed3-4c65-b943-9a7ff510d8e8', { useNewLoader: 'true', region: 'na1' });
</script>
</span>
<!-- end HubSpot Call-to-Action Code -->
</div>
</div>
</div>
</div>
</nav>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"
></script>
<script></script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end header -->
</div>
<!--end header wrapper -->
<div class="body-container-wrapper">
<div class="body-container container-fluid">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_163513580852570"
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-liga"></div>
<div class="hero normalize-css">
<div class="hero-char mobile">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/aset-char-liga-1.png" alt="" />
</div>
<div class="page-center-hero">
<div class="hero-content">
<div class="hero-content_text">
<h1 class="font-title font-white">#WaktunyaKamuJuara</h1>
<p class="font-desc font-white">
Menangkan total hadiah Rp1,5 miliar++
<br />
serta jalan-jalan ke kampus ternama di USA
<br />
bareng Founder dan Brand Ambassador Ruangguru!
</p>
<div class="hero-cta cta-daftar">
<a href="https://ruangguru.onelink.me/blPk/dbb76874" target="_blank">
<button>
<span>Daftar di Aplikasi Ruangguru</span>
</button>
</a>
</div>
</div>
<img class="hero-img web" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/aset-char-liga-1.png" alt="" />
</div>
</div>
<div class="hero-brush">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/brush.png" alt="" />
</div>
</div>
<div class="kompetisi normalize-css">
<div class="page-center-kompetisi">
<div class="kompetisi-content">
<div class="kompetisi-content_title">
<h2 class="font-title font-dark font-center">Kompetisi Pelajar Terbesar di Indonesia!</h2>
</div>
<div class="kompetisi-content_cards">
<div class="kompetisi-cards">
<div class="kompetisi-card">
<div class="kompetisi-card_img" id="arena">
<!-- <p class="font-kompetisi-title">Ruangguru Arena</p> -->
</div>
<div class="kompetisi-card_text">
<p class="font-kompetisi-desc">Kuis push rank harian seru. Hadiah harian, mingguan, bulanan.</p>
</div>
<div class="kompetisi-card_cta">
<div class="kompetisi-cta cta-detail">
<a href="https://www.ruangguru.com/event/liga/arena">
<button>
<span>Lihat detail</span>
</button>
</a>
</div>
<div class="kompetisi-cta cta-daftar">
<a href="https://ruangguru.onelink.me/blPk/rgarena" target="_blank" id="btn-arena">
<button>
<span>Daftar</span>
</button>
</a>
</div>
</div>
</div>
<div class="kompetisi-card">
<div class="kompetisi-card_img" id="rgchampion">
<!-- <p class="font-kompetisi-title">Ruangguru Champion</p> -->
</div>
<div class="kompetisi-card_text">
<p class="font-kompetisi-desc">Cerdas cermat siswa terbaik se-Indonesia dan rebut piala bergilir serta puluhan juta rupiah.</p>
</div>
<div class="kompetisi-card_cta">
<div class="kompetisi-cta cta-detail">
<a href="https://www.ruangguru.com/event/liga/champion">
<button>
<span>Lihat detail</span>
</button>
</a>
</div>
<div class="kompetisi-cta cta-daftar daftar-soon">
<!-- <a href="https://ruangguru.onelink.me/blPk/rgchampion" target="_blank" id="btn-rg-champion"> -->
<button disabled>
<span>Daftar</span>
</button>
<!-- </a> -->
</div>
</div>
</div>
<div class="kompetisi-card">
<div class="kompetisi-card_img" id="eachampion">
<!-- <p class="font-kompetisi-title">English Academy Champion</p> -->
</div>
<div class="kompetisi-card_text">
<p class="font-kompetisi-desc">Unjuk kemahiran berbahasa Inggris melalui berbagai jenis pertandingan.</p>
</div>
<div class="kompetisi-card_cta">
<div class="kompetisi-cta cta-detail">
<a href="https://www.ruangguru.com/event/liga/english-academy-champion">
<button>
<span>Lihat detail</span>
</button>
</a>
</div>
<div class="kompetisi-cta cta-daftar">
<a href="https://ruangguru.onelink.me/blPk/eachampion" target="_blank" id="btn-ea-champion">
<button>
<span>Daftar</span>
</button>
</a>
</div>
</div>
</div>
<div class="kompetisi-card">
<div class="kompetisi-card_img" id="social">
<!-- <p class="font-kompetisi-title">Ruangguru Social Challenge</p> -->
</div>
<div class="kompetisi-card_text">
<p class="font-kompetisi-desc">Kompetisi kreasi opini kreatif di sosial media (Instagram atau Tiktok).</p>
</div>
<div class="kompetisi-card_cta">
<div class="kompetisi-cta cta-detail">
<a href="https://www.ruangguru.com/event/liga/social-challenge">
<button>
<span>Lihat detail</span>
</button>
</a>
</div>
<div class="kompetisi-cta cta-daftar">
<a href="https://ruangguru.onelink.me/blPk/rgsocialchallenge" target="_blank" id="btn-rg-social">
<button>
<span>Daftar</span>
</button>
</a>
</div>
</div>
</div>
<div class="kompetisi-card">
<div class="kompetisi-card_img" id="seni">
<!-- <p class="font-kompetisi-title">Ruangguru Seni</p> -->
</div>
<div class="kompetisi-card_text">
<p class="font-kompetisi-desc">Ajang unjuk kemampuan terbaik dalam desain ilustrasi dan fotografi</p>
</div>
<div class="kompetisi-card_cta">
<div class="kompetisi-cta cta-detail">
<a href="https://www.ruangguru.com/event/liga/ruang-seni">
<button>
<span>Lihat detail</span>
</button>
</a>
</div>
<div class="kompetisi-cta cta-daftar daftar-soon">
<!-- <a href="https://ruangguru.onelink.me/blPk/ruangseni" target="_blank" id="btn-ruang-seni"> -->
<button disabled>
<span>Daftar</span>
</button>
<!-- </a> -->
</div>
</div>
</div>
<div class="kompetisi-card">
<div class="kompetisi-card_img" id="tryout">
<!-- <p class="font-kompetisi-title">Ruangguru Tryout Akbar UTBK</p> -->
</div>
<div class="kompetisi-card_text">
<p class="font-kompetisi-desc">Uji persiapan menghadapi UTBK 2022 skala nasional dengan menggunakan sistem IRT.</p>
</div>
<div class="kompetisi-card_cta">
<div class="kompetisi-cta cta-detail">
<a href="https://www.ruangguru.com/event/liga/tryout-utbk">
<button>
<span>Lihat detail</span>
</button>
</a>
</div>
<div class="kompetisi-cta cta-daftar">
<!-- <a href="http://wa.me/6281578200000?text=TOAKBARUTBK" target="_blank" id="btn-rg-to-akbar"> -->
<a href="https://form.ruangguru.com/form?rewardFormSerial=LGRG36048" target="_blank" id="btn-rg-to-akbar">
<button>
<span>Daftar</span>
</button>
</a>
</div>
</div>
</div>
<div class="kompetisi-card">
<div class="kompetisi-card_img" id="gaming">
<!-- <p class="font-kompetisi-title">Ruangguru Gaming</p> -->
</div>
<div class="kompetisi-card_text">
<p class="font-kompetisi-desc">Pertandingan esports Mobile Legend antar tim.</p>
</div>
<div class="kompetisi-card_cta">
<div class="kompetisi-cta cta-detail">
<a href="https://www.ruangguru.com/event/liga/mobile-gaming">
<button>
<span>Lihat detail</span>
</button>
</a>
</div>
<div class="kompetisi-cta cta-daftar daftar-soon">
<!-- <a href="https://ruangguru.onelink.me/blPk/rgmobilegaming" target="_blank" id="btn-rg-mobile-gaming"> -->
<button disabled>
<span>Daftar</span>
</button>
<!-- </a> -->
</div>
</div>
</div>
<div class="kompetisi-card">
<div class="kompetisi-card_img" id="conference">
<!-- <p class="font-kompetisi-title">Ruangguru Conference</p> -->
</div>
<div class="kompetisi-card_text">
<p class="font-kompetisi-desc">
Rangkaian acara pelajar untuk mempersiapkan siswa memasuki semester baru, memotivasi, sekaligus memperkenalkan ragam profesi masa kini dari berbagai industri.
</p>
</div>
<div class="kompetisi-card_cta" id="konferensicta">
<!-- <div class="kompetisi-cta cta-detail">
<a href="https://www.ruangguru.com/summit" target="_blank">
<button>
<span>Lihat detail</span>
</button>
</a>
</div> -->
<div class="kompetisi-cta cta-daftar">
<a href="https://www.ruangguru.com/summit">
<button>
<span>Daftar</span>
</button>
</a>
</div>
</div>
</div>
<div class="kompetisi-card">
<div class="kompetisi-card_img" id="robocup">
<!-- <p class="font-kompetisi-title">Ruangguru Gaming</p> -->
</div>
<div class="kompetisi-card_text">
<p class="font-kompetisi-desc">Robocup adalah kompetisi menjawab soal di forum Roboguru via aplikasi Ruangguru. Kumpulkan poin dan bawa pulang hadiah jutaan rupiah.</p>
</div>
<div class="kompetisi-card_cta">
<div class="kompetisi-cta cta-detail">
<a href="https://www.ruangguru.com/event/liga/robocup">
<button>
<span>Lihat detail</span>
</button>
</a>
</div>
<div class="kompetisi-cta cta-daftar">
<a href="https://ruangguru.onelink.me/blPk/9c59a66d" target="_blank" id="btn-rg-mobile-gaming">
<button>
<span>Ikuti</span>
</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hadiah normalize-css">
<div class="hadiah-tag_img font-center">
<div class="page-center">
<div class="hadiah-content_tag">
<img class="web" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/Homepage/Kampus/kampus-hashtag.png" alt="" />
<img class="mobile" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/Homepage/Kampus/kampus-hashtag-mobile.png" alt="" />
</div>
</div>
</div>
<div class="page-center">
<div class="hadiah-content">
<div class="hadiah-content_title font-center">
<p class="font-hadiah-title">Menangkan total hadiah Rp1,5 miliar++</p>
<p class="font-hadiah-subtitle font-bold">serta jalan-jalan ke kampus ternama di Amerika Serikat bareng Founder dan Brand Ambassador Ruangguru</p>
</div>
<div class="hadiah-content_box">
<div class="hadiah-box_title font-center">
<p class="font-hadiah-title">Hadiah School of the Year</p>
</div>
<div class="hadiah-box_container">
<div class="hadiah-each">
<div class="hadiah-box_img font-center">
<img id="hadiah1" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/Homepage/Kampus/juara-1.png" alt="" />
</div>
<div class="hadiah-box_text font-center">
<p class="font-hadiah-juara">Juara 1</p>
<p class="font-hadiah-subtitle">SD, SMP, SMA</p>
</div>
<div class="hadiah-box_amount">
<div class="amount">
<div class="amount-text">
<p class="font-hadiah-desc font-bold">Bantuan Kegiatan Kesiswaan</p>
</div>
<div class="amount-prize">
<div class="amount-prize_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/Homepage/Kampus/ic-at.svg" alt="" />
</div>
<div class="amount-prize_text">
<p class="font-hadiah-uang">50Jt</p>
</div>
</div>
</div>
</div>
</div>
<div class="hadiah-each">
<div class="hadiah-box_img font-center">
<img id="hadiah2" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/Homepage/Kampus/juara-2.png" alt="" />
</div>
<div class="hadiah-box_text font-center">
<p class="font-hadiah-juara">Juara 2</p>
<p class="font-hadiah-subtitle">SD, SMP, SMA</p>
</div>
<div class="hadiah-box_amount">
<div class="amount">
<div class="amount-text">
<p class="font-hadiah-desc font-bold">Bantuan Kegiatan Kesiswaan</p>
</div>
<div class="amount-prize">
<div class="amount-prize_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/Homepage/Kampus/ic-at.svg" alt="" />
</div>
<div class="amount-prize_text">
<p class="font-hadiah-uang">30Jt</p>
</div>
</div>
</div>
</div>
</div>
<div class="hadiah-each">
<div class="hadiah-box_img font-center">
<img id="hadiah3" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/Homepage/Kampus/juara-3.png" alt="" />
</div>
<div class="hadiah-box_text font-center">
<p class="font-hadiah-juara">Juara 3</p>
<p class="font-hadiah-subtitle">SD, SMP, SMA</p>
</div>
<div class="hadiah-box_amount">
<div class="amount">
<div class="amount-text">
<p class="font-hadiah-desc font-bold">Bantuan Kegiatan Kesiswaan</p>
</div>
<div class="amount-prize">
<div class="amount-prize_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/Homepage/Kampus/ic-at.svg" alt="" />
</div>
<div class="amount-prize_text">
<p class="font-hadiah-uang">20Jt</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hadiah-content_notes font-center">
<p class="font-hadiah-desc">
<i>
*Pemenang School of the Year adalah sekolah dengan poin tertinggi (akumulasi dari semua siswa/i peserta kompetisi Liga Ruangguru yang mendapatkan poin untuk sekolah) selama
periode November 2021 - Februari 2022.
</i>
</p>
</div>
</div>
</div>
</div>
<div class="registrasi normalize-css">
<div class="page-center">
<div class="registrasi-content">
<div class="registrasi-content_title">
<h2 class="font-title font-dark font-center">Petunjuk Pendaftaran</h2>
</div>
<div class="registrasi-content_middle">
<div class="registrasi-middle_accordion">
<p class="font-desc font-dark font-center">Untuk mengikuti kompetisi di Liga Ruangguru, setiap peserta wajib mengikuti tahapan ini :</p>
<div class="accordion-registrasi">
<!-- 1 -->
<div class="container-acc">
<div class="container-acc_step">
<div class="step-number">
<p>1</p>
</div>
</div>
<div class="container-acc_box">
<div class="accordion">
<div class="accordion-subject">
<div class="accordion-subject_text">
<div class="subject-thumbnail">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-regis1.svg" alt="" />
</div>
<div class="subject-text">
<p>Mendaftar di aplikasi Ruangguru</p>
</div>
</div>
<div class="accordion-subject_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20ruangles/arrow-down.svg" alt="" />
</div>
</div>
</div>
<div class="panel">
<div class="panel-content">
<div class="registrasi-steps">
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg" alt="" />
</div>
<div class="step-regis_text">
<p>Daftar kompetisi yang kamu ingin ikuti di aplikasi Ruangguru</p>
</div>
</div>
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg" alt="" />
</div>
<div class="step-regis_text">
<p>Klik kompetisi yang kamu ingin ikuti</p>
</div>
</div>
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg" alt="" />
</div>
<div class="step-regis_text">
<p>Ikuti tahap-tahap yang ada di masing-masing kompetisi</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 2 -->
<div class="container-acc">
<div class="container-acc_step">
<div class="step-number">
<p>2</p>
</div>
</div>
<div class="container-acc_box">
<div class="accordion">
<div class="accordion-subject">
<div class="accordion-subject_text">
<div class="subject-thumbnail">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-regis2.svg" alt="" />
</div>
<div class="subject-text">
<p>Upload Twibbon di media sosial</p>
</div>
</div>
<div class="accordion-subject_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20ruangles/arrow-down.svg" alt="" />
</div>
</div>
</div>
<div class="panel">
<div class="panel-content">
<div class="registrasi-steps">
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg" alt="" />
</div>
<div class="step-regis_text">
<p>Buka link di masing-masing kompetisi dan download Twibbon sesuai kompetisi yang kamu ikuti</p>
</div>
</div>
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg" alt="" />
</div>
<div class="step-regis_text">
<p>Upload Twibbon di media sosialmu dengan hashtag #LigaRuangguru #WaktunyaKamuJuara</p>
</div>
</div>
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg" alt="" />
</div>
<div class="step-regis_text">
<p>Mention dan follow semua akun resmi Ruangguru</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 3 -->
<div class="container-acc">
<div class="container-acc_step">
<div class="step-number">
<p>3</p>
</div>
</div>
<div class="container-acc_box">
<div class="accordion">
<div class="accordion-subject">
<div class="accordion-subject_text">
<div class="subject-thumbnail">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-regis3.svg" alt="" />
</div>
<div class="subject-text">
<p>Dapatkan konfirmasi berhasil daftar</p>
</div>
</div>
<div class="accordion-subject_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20ruangles/arrow-down.svg" alt="" />
</div>
</div>
</div>
<div class="panel">
<div class="panel-content">
<div class="registrasi-steps">
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg" alt="" />
</div>
<div class="step-regis_text">
<p>Peserta yang berhasil mendaftar akan mendapat konfirmasi melalui email</p>
</div>
</div>
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg" alt="" />
</div>
<div class="step-regis_text">
<p>Pastikan email yang kamu masukkan aktif</p>
</div>
</div>
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg" alt="" />
</div>
<div class="step-regis_text">
<p>Ikuti Grup Telegram masing-masing kompetisi untuk info pertandingan</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 4 -->
<div class="container-acc">
<div class="container-acc_step">
<div class="step-number">
<p>4</p>
</div>
</div>
<div class="container-acc_box">
<div class="accordion">
<div class="accordion-subject">
<div class="accordion-subject_text">
<div class="subject-thumbnail">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-regis4.svg" alt="" />
</div>
<div class="subject-text">
<p>Ikuti Lombanya!</p>
</div>
</div>
<div class="accordion-subject_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20ruangles/arrow-down.svg" alt="" />
</div>
</div>
</div>
<div class="panel">
<div class="panel-content">
<div class="registrasi-steps">
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg" alt="" />
</div>
<div class="step-regis_text">
<p>Setiap kompetisi memiliki sistem poin masing-masing yang akan membantu sekolahmu menjadi juara</p>
</div>
</div>
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg" alt="" />
</div>
<div class="step-regis_text">
<p>Selain sekolah, kamu juga bisa memenangkan banyak hadiah di masing-masing kompetisi</p>
</div>
</div>
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg" alt="" />
</div>
<div class="step-regis_text">
<p>Menangkan hadiah utama berkunjung ke kampus ternama di USA bersama Founder & Brand Ambassador Ruangguru!</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="faq normalize-css">
<div class="page-center">
<div class="faq-content">
<div class="faq-content_box">
<h2 class="font-title font-white">Frequently Asked Question</h2>
</div>
<div class="faq-content_accordion">
<div class="accordion-faq">
<!-- 1 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Siapa saja yang bisa mengikuti kompetisi Liga Ruangguru?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-arrow-down.svg" alt="" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>Semua pelajar sekolah SD/SMP/SMA di Indonesia yang sudah mendapat persetujuan sekolah atau orang tua.</p>
</div>
</div>
</div>
<!-- 2 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Apakah Liga Ruangguru mempertandingkan individu atau tim?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-arrow-down.svg" alt="" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>Masing-masing kompetisi berbeda, ada yang membutuhkan tim, ada yang individu.</p>
</div>
</div>
</div>
<!-- 3 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Apakah untuk jadi peserta ada batasan maksimal kelas berapa?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-arrow-down.svg" alt="" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>Semua kelas bisa, asal sesuai dengan kompetisi masing-masing. Contoh: Ruangguru TO UTBK Akbar hanya bisa diikuti kelas 12.</p>
</div>
</div>
</div>
<!-- 4 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Apakah saya harus mendaftarkan diri lewat sekolah?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-arrow-down.svg" alt="" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>Tidak, setiap peserta dapat mendaftar secara mandiri. Namun, semua poin yang dikumpulkan akan diakumulasikan menjadi poin sekolah.</p>
</div>
</div>
</div>
<!-- 5 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Apa syarat utama saya dapat mengikuti kompetisi Liga Ruangguru?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-arrow-down.svg" alt="" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>Semua peserta harus memiliki kartu pelajar aktif dan di-upload ke dalam Google Drive masing-masing untuk kemudian link-nya dimasukkan ke dalam form pendaftaran.</p>
</div>
</div>
</div>
<!-- 6 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Apakah saya bisa mengikuti kompetisi yang berbeda-beda?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-arrow-down.svg" alt="" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>Bisa. Selama Kamu yakin dengan kemampuanmu, Kamu bisa mendaftar di beberapa kompetisi yang ada.</p>
</div>
</div>
</div>
<!-- 7 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Apakah kegiatan kompetisi full online melalui aplikasi Ruangguru?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-arrow-down.svg" alt="" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>Setiap kompetisi menggunakan platform yang berbeda-beda sesuai kebutuhannya.</p>
</div>
</div>
</div>
<!-- 8 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Apakah pelajar yang pernah menjadi peserta Ruangguru Champion 2020 boleh mengikuti Ruangguru Champion 2021?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-arrow-down.svg" alt="" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>Peserta yang pernah ikut Ruangguru Champion 2020 boleh kembali mengikuti Ruangguru Champion 2021.</p>
</div>
</div>
</div>
<!-- 9 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Di mana saya bisa bertanya tentang informasi lengkap Liga Ruangguru?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-arrow-down.svg" alt="" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>
Kamu bertanya info lengkap Liga Ruangguru melalui WhatsApp, di link:
<a target="_blank" rel="nofollow" href="https://linktr.ee/ligaruangguru">https://linktr.ee/ligaruangguru</a>
</p>
</div>
</div>
</div>
<!-- 10 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Di mana saya bisa mengunduh Twibbon?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-arrow-down.svg" alt="" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>Kamu dapat mengunduh Twibbon di kolom Syarat dan Ketentuan masing-masing kompetisi.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
// Start Accordion
var acc = document.getElementsByClassName('accordion');
var i;
var j;
var k;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener('click', function () {
this.classList.toggle('active');
this.classList.toggle('minus');
var thisChilds = this.childNodes.length;
for (j = 0; j < thisChilds; j++) {
if (this.childNodes[j].className == 'accordion-subject') {
for (k = 0; k < this.childNodes[j].childNodes.length; k++) {
var test1 = this.childNodes[j].childNodes[k].className;
if (this.childNodes[j].childNodes[k].className == 'accordion-subject_img') {
this.childNodes[j].childNodes[k].classList.add('rotate-arrow');
} else if (this.childNodes[j].childNodes[k].className == 'accordion-subject_img rotate-arrow') {
this.childNodes[j].childNodes[k].classList.remove('rotate-arrow');
}
}
}
}
var panel = this.nextElementSibling;
panel.classList.toggle('for-panel');
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + 100 + 'px';
}
});
}
</script>
<script>
// Start Accordion 2
var acc2 = document.getElementsByClassName('accordion2');
var a;
var b;
var c;
for (a = 0; a < acc2.length; a++) {
acc2[a].addEventListener('click', function () {
this.classList.toggle('aktif');
var thisChilds2 = this.childNodes.length;
for (b = 0; b < thisChilds2; b++) {
if (this.childNodes[b].className == 'accordion-subject') {
for (c = 0; c < this.childNodes[b].childNodes.length; c++) {
var test1a = this.childNodes[b].childNodes[c].className;
if (this.childNodes[b].childNodes[c].className == 'accordion-img') {
this.childNodes[b].childNodes[c].classList.add('rotate-arrow');
} else if (this.childNodes[b].childNodes[c].className == 'accordion-img rotate-arrow') {
this.childNodes[b].childNodes[c].classList.remove('rotate-arrow');
}
}
}
}
var panel2 = this.nextElementSibling;
panel2.classList.toggle('for-panel');
if (panel2.style.maxHeight) {
panel2.style.maxHeight = null;
} else {
panel2.style.maxHeight = panel2.scrollHeight + 100 + 'px';
}
});
}
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end body -->
</div>
<!--end body wrapper -->
<style>.footer__year {
padding-top: 5rem;
}
.ic-new__img {
margin: auto 0;
display: flex;
}
.ic-new__img img {
width: fit-content;
}
.font-base-footer {
font-family: Inter, 'sans-serif';
font-weight: 400;
font-size: 14px !important;
font-style: normal;
letter-spacing: 0;
color: #0a2540;
margin-bottom: 0;
}
.font-bold {
font-weight: 700;
}
.font-white {
color: #fff !important;
}
.font-semi-bold {
font-weight: 600;
}
.center {
text-align: center;
}
.footer {
background: #0a2540 !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.mathchamps.id/" 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/liga.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:\/\/liga.ruangguru.com']);
_hsq.push(['setPageId', '57503888279']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 57503888279,
legacyPageId: '57503888279',
contentFolderId: null,
contentGroupId: null,
abTestId: null,
languageVariantId: 57503888279,
languageCode: 'en',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: 'acb1dc23-1af1-4366-8260-1527ac08f39e',
ticks: 1684030120180,
page_id: 57503888279,
content_group_id: 0,
portal_id: 2828691,
app_hs_base_url: 'https://app.hubspot.com',
cp_hs_base_url: 'https://cp.hubspot.com',
language: 'en',
analytics_page_type: 'landing-page',
analytics_page_id: '57503888279',
category_id: 1,
folder_id: 0,
is_hubspot_user: false,
};
</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>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PSPLP84" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>
</html>