RUANGGURU HQ
Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920
2026-03-08 19:11
Diff
<!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="Daftar Kompetisi Sains Ruangguru untuk tingkat SMP & menangkan total hadiah lomba hingga 300 juta rupiah. Harumkan nama sekolahmu!" />
<meta name="generator" content="HubSpot" />
<title>Daftar Kompetisi Sains Ruangguru untuk SMP/MTs! Menangkan Ratusan Juta!</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta property="og:description" content="Daftar Kompetisi Sains Ruangguru untuk tingkat SMP & menangkan total hadiah lomba hingga 300 juta rupiah. Harumkan nama sekolahmu!" />
<meta property="og:title" content="Daftar Kompetisi Sains Ruangguru untuk SMP/MTs! Menangkan Ratusan Juta!" />
<meta name="twitter:description" content="Daftar Kompetisi Sains Ruangguru untuk tingkat SMP & menangkan total hadiah lomba hingga 300 juta rupiah. Harumkan nama sekolahmu!" />
<meta name="twitter:title" content="Daftar Kompetisi Sains Ruangguru untuk SMP/MTs! Menangkan Ratusan Juta!" />
<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/template_assets/44980440489/1661483386153/A_Ruangguru_Projects/Project_Hofar/CSS_Javascript_Auto_Generate_Breadcrumb_-_V1.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/56533766503/1633325359442/module_56533766503_led_SMP_banner.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/56534236478/1635042061770/module_56534236478_led_Regional_SMP_KSR.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/52566634837/1634977440527/module_52566634837_SMP_module-olimpiade.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/52566634315/1628842049025/module_52566634315_SMP_module_bottom_olimpiade_rg.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/55286807960/1633325412878/module_55286807960_closed_Cara_Daftar_RG_-_KSR.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/kompetisi-sains/smp" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script>
(function (h, e, a, t, m, p) {
m = e.createElement(a);
m.async = !0;
m.src = t;
p = e.getElementsByTagName(a)[0];
p.parentNode.insertBefore(m, p);
})(window, document, 'script', 'https://u.heatmap.it/log.js');
</script>
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<script>
document.querySelector('meta[name="author"]').setAttribute('content', 'Ruangguru Tech Team');
</script>
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<!--
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49650255-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-49650255-1');
</script>
-->
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PVNLZFT');
</script>
<!-- End Google Tag Manager -->
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="350" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:url" content="https://www.ruangguru.com/event/kompetisi-sains/smp" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="content-language" content="id" />
<link rel="stylesheet" href="https://cdn-web-2.ruangguru.com/landing-page-web/public/assets/common/layout.min.css" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/32781682988/1666344401391/A_Ruangguru_Projects/1_SOP_Landing_Page/SOP_Style_Ruangguru.min.css"
/>
<link rel="preload" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=Baloo+Tammudu+2:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
<style>
html,
body {
/*overflow-x: hidden;*/
}
@media (max-width: 768px) {
.font-desc-countdown b {
font-size: 12px;
}
}
</style>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/event/kompetisi-sains-backup/smp/assets/index-Dqv5PPZA.js"></script>
</head>
<body class="hs-content-id-52719841128 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_1624959748567106"
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
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.kalananti.id/","item_type": "link","item_name": "kalananti","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank"
href="https://www.kalananti.id/"
>
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/Kalananti%20by%20Ruangguru.png" alt="Logo kalananti" loading="lazy" height="40" />
</div>
<p class="text-product">Kursus coding dan robotic anak usia 5-15 tahun untuk mengasah logika dan kreativitas</p>
</div>
</a>
<!-- mathchamps -->
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.mathchamps.id","item_type": "link","item_name": "mathchamps","item_category": "cta","item_position": 10,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
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
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.schoters.com","item_type": "link","item_name": "schoters","item_category": "cta","item_position": 10,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank"
href="https://www.schoters.com"
>
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ecc92be-4ee0-475f-bd4c-d1f5e733f012.png?convert=webp&h=120"
alt="Logo Schoters"
loading="lazy"
height="40"
/>
</div>
<p class="text-product">Bimbingan kuliah & kerja di luar negeri #1 di Indonesia, dengan kelas bahasa terlengkap!</p>
</div>
</a>
</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">
<!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]-->
<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_163309730051383"
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="smp-banner">
<div class="page-center">
<div class="container-smp-banner">
<div class="smp-banner__left">
<div class="smp-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/left-smp.png" alt="Illustration SMP" />
</div>
</div>
<div class="smp-banner__center">
<div class="logo-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/logo_rg_blue.svg" alt="Logo Ruangguru" />
</div>
<div class="logo-ksr">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/bigksr.svg" alt="Logo KSR" />
</div>
<div class="tag-tingkat">
<div class="tingkat-smp">
<p class="font-subtitle">TINGKAT SMP/MTS</p>
</div>
</div>
<div class="total-hadiah">
<p class="font-subtitle">NATIONAL ROUND</p>
<div class="hadiah-warp">
<p class="font-desc">16 OKTOBER 2021</p>
</div>
</div>
<div class="mobile-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/mobile-smp.png" alt="KSR SMP Illustration" />
</div>
</div>
<div class="smp-banner__right">
<div class="smp-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/right-smp.png" alt="Illustration SMP" />
</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_163309715749340"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css" />
<style></style>
<div class="leaderboard-tab">
<!--breadcrumb-->
<div class="page-center">
<nav aria-label="breadcrumb">
<ol id="breadcrumb" class="breadcrumb bg-transparent" style="margin-bottom: 40px"></ol>
</nav>
</div>
<!--breadcrumb-->
<div class="leaderboard__title">
<div class="page-center">
<h2 class="font-subtitle">Pemenang Medalist & The Best School in National Round</h2>
<!--
<h2 class="font-subtitle">
Pemenang School Leaderboard & Peserta Lolos Regional Round
</h2>
-->
<div class="mapel-wrap">
<div id="tab-mapel">
<span>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/sekolah_ico.svg" alt="Icon Sekolah" />
Sekolah
</span>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Cicilan%20Revamp%202021/arrowdown_icon.svg" />
</div>
<div class="navigation-leaderboard2 nonaktif">
<div class="leaderboard-nav-item2 sekolah aktif">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/sekolah_ico.svg" alt="Icon Sekolah" />
Sekolah
</div>
<div class="leaderboard-nav-item2">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/math.png" alt="Icon Matematika" />
Matematika
</div>
<div class="leaderboard-nav-item2">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/biologi.png" alt="Icon Fisika" />
IPA
</div>
<div class="leaderboard-nav-item2">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/geografi.png" alt="Icon Biologi" />
IPS
</div>
</div>
</div>
</div>
</div>
<div class="page-center">
<div class="leaderboard__content">
<div class="navigation-leaderboard">
<div class="leaderboard-nav-item sekolah aktif">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/sekolah_ico.svg" alt="Icon Sekolah" />
Sekolah
</div>
<div class="leaderboard-nav-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/math.png" alt="Icon Matematika" />
Matematika
</div>
<div class="leaderboard-nav-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/biologi.png" alt="Icon Fisika" />
IPA
</div>
<div class="leaderboard-nav-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/geografi.png" alt="Icon Biologi" />
IPS
</div>
</div>
<div class="content-leaderboard">
<div class="leaderboard-content aktif" konten="Sekolah">
<div class="inw-c">
<div class="inner-nav-wrap">
<div class="wrap-row">
<div class="inner-nav aktif" inner-konten="school_leaderboard_2">The Best School in Regional Round</div>
<div class="inner-nav" inner-konten="school_leaderboard_3">Sekolah Juara Ruangguru</div>
<div class="inner-nav" inner-konten="school_leaderboard_4">The Best School in National Round</div>
<div class="inner-nav" inner-konten="school_leaderboard_5">The Best Province in National Round</div>
</div>
</div>
</div>
<div class="inner-content-wrap">
<div class="inner-content aktif" inner-konten="school_leaderboard_2" id="school_leaderboard_2">
<!--
<div class="complete-wrap">
<div class="list-pemenang__title">
<div class="left-title">
<h3 class="font-judul-leaderboard">Sekolah Juara</h3>
</div>
<div class="right-title">
<div class="dropdown-wrapper">
<select id="provinsi">
<option>Jakarta</option>
</select>
</div>
</div>
</div>
<div class="table-wrap-pemenang">
<table id="konten-pemenang">
<thead>
<tr>
<th class="peringkat-th" style="text-align: center;">Peringkat</th>
<th style="text-align: left">Sekolah</th>
<th class="provinsi-th">Provinsi</th>
</tr>
</thead>
<tbody id="table-content">
</tbody>
</table>
</div>
</div>
-->
<div class="complete-wrap">
<div class="list-pemenang__title">
<div class="left-title">
<h3 class="font-judul-leaderboard">Best School in Regional Round</h3>
</div>
<!--
<div class="right-title">
<div class="dropdown-wrapper">
<select id="provinsi">
<option>Jakarta</option>
</select>
</div>
</div>
-->
</div>
<div class="table-wrap-pemenang">
<table class="nodata" id="konten-pemenang-inner">
<thead>
<tr>
<th class="peringkat-inner" style="text-align: center; max-width: 100px; width: 100px">Peringkat</th>
<th style="text-align: left">Sekolah</th>
<th class="provinsi-th">Provinsi</th>
</tr>
</thead>
<!--BEST SCHOOL REGIONAL ROUND ISI DISINI-->
<tbody class="inner-tbody">
<tr>
<td>1</td>
<td>SMP 1 DENPASAR</td>
<td>BALI</td>
</tr>
<tr>
<td>2</td>
<td>SMP 2 PANDAN NAULI</td>
<td>SUMATRA UTARA</td>
</tr>
<tr>
<td>3</td>
<td>SMP AL AZHAR MANDIRI PALU</td>
<td>SULAWESI TENGAH</td>
</tr>
<tr>
<td>4</td>
<td>SMP KESATUAN BANGSA</td>
<td>DI YOGYAKARTA</td>
</tr>
<tr>
<td>5</td>
<td>SMP KHARISMA BANGSA</td>
<td>BANTEN</td>
</tr>
<tr>
<td>6</td>
<td>SMP 4 PAKEM</td>
<td>DI YOGYAKARTA</td>
</tr>
<tr>
<td>7</td>
<td>MTS 1 KOTA MALANG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>8</td>
<td>SMP SW ALMUSLIMIN PANDAN</td>
<td>SUMATRA UTARA</td>
</tr>
<tr>
<td>9</td>
<td>SMP PRIBADI BANDUNG</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>10</td>
<td>SMP 10 DENPASAR</td>
<td>BALI</td>
</tr>
</tbody>
<!-- <tbody class="inner-tbody">
<tr>
<td class="inner-no">1</td>
<td>JAWA TIMUR</td>
<td>345</td>
</tr>
<tr>
<td class="inner-no">2</td>
<td>DKI JAKARTA</td>
<td>175</td>
</tr>
<tr>
<td class="inner-no">3</td>
<td>JAWA BARAT</td>
<td>160</td>
</tr>
<tr>
<td class="inner-no">4</td>
<td>BANTEN</td>
<td>140</td>
</tr>
<tr>
<td class="inner-no">5</td>
<td>JAWA TENGAH</td>
<td>140</td>
</tr>
</tbody> -->
</table>
</div>
</div>
<div class="wrapping-nodata" style="display: none">
<table class="nodata">
<thead>
<tr>
<th class="nama-th" style="text-align: left">Peringkat</th>
<th style="text-align: left">Sekolah</th>
<th class="provinsi-th">Provinsi</th>
</tr>
</thead>
</table>
<div class="nodata-content">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/nocontent.png" />
<p class="font-desc">
Wah, siapa ya pemenang selanjutnya?
<br />
Nantikan sekolahmu disini!
</p>
</div>
</div>
</div>
<div class="inner-content" inner-konten="school_leaderboard_3" id="school_leaderboard_3">
<!--
<div class="complete-wrap">
<div class="list-pemenang__title">
<div class="left-title">
<h3 class="font-judul-leaderboard">Sekolah Juara</h3>
</div>
<div class="right-title">
<div class="dropdown-wrapper">
<select id="provinsi">
<option>Jakarta</option>
</select>
</div>
</div>
</div>
<div class="table-wrap-pemenang">
<table id="konten-pemenang">
<thead>
<tr>
<th class="peringkat-th" style="text-align: center;">Peringkat</th>
<th style="text-align: left">Sekolah</th>
<th class="provinsi-th">Provinsi</th>
</tr>
</thead>
<tbody id="table-content">
</tbody>
</table>
</div>
</div>
-->
<div class="complete-wrap">
<div class="list-pemenang__title">
<div class="left-title">
<h3 class="font-judul-leaderboard">Sekolah Juara Ruangguru</h3>
</div>
<!-- <div class="right-title">
<div class="dropdown-wrapper">
<select id="provinsi">
<option>Jakarta</option>
</select>
</div>
</div> -->
</div>
<div class="table-wrap-pemenang">
<table class="nodata" id="konten-pemenang-inner">
<thead>
<tr>
<th class="nama-th" style="text-align: left">Provinsi</th>
<th class="provinsi-th">Sekolah</th>
</tr>
</thead>
<!--SEKOLAH JUARA ISI DISINI-->
<tbody class="inner-tbody">
<tr>
<td>SUMATERA UTARA</td>
<td>SMP 2 PANDAN NAULI</td>
</tr>
<tr>
<td>JAWA TIMUR</td>
<td>SMP 1 SAMPANG</td>
</tr>
<tr>
<td>BANTEN</td>
<td>SMP ISLAM NURUL FIKRI BOARDING SCHOOL</td>
</tr>
<tr>
<td>ACEH</td>
<td>MTS 3 ACEH BARAT</td>
</tr>
<tr>
<td>BALI</td>
<td>SMP 1 DENPASAR</td>
</tr>
<tr>
<td>BANGKA BELITUNG</td>
<td>SMP 2 PANGKALPINANG</td>
</tr>
<tr>
<td>BENGKULU</td>
<td>MTS 1 KOTA BENGKULU</td>
</tr>
<tr>
<td>DAERAH ISTIMEWA YOGYAKARTA</td>
<td>SMP 4 PAKEM</td>
</tr>
<tr>
<td>DKI JAKARTA</td>
<td>SMP 111 JAKARTA</td>
</tr>
<tr>
<td>GORONTALO</td>
<td>SMP 1 KOTA GORONTALO</td>
</tr>
<tr>
<td>JAMBI</td>
<td>SMP 1 JAMBI</td>
</tr>
<tr>
<td>JAWA BARAT</td>
<td>SMP 1 PAMANUKAN</td>
</tr>
<tr>
<td>JAWA TENGAH</td>
<td>SMP ISLAM AL HADI</td>
</tr>
<tr>
<td>KALIMANTAN BARAT</td>
<td>MTS 1 MEMPAWAH</td>
</tr>
<tr>
<td>KALIMANTAN SELATAN</td>
<td>SMP 4 BANJARBARU</td>
</tr>
<tr>
<td>KALIMANTAN TENGAH</td>
<td>SMP EKA TJIPTA PERDANA</td>
</tr>
<tr>
<td>KALIMANTAN TIMUR</td>
<td>SMP 2 SAMARINDA</td>
</tr>
<tr>
<td>KALIMANTAN UTARA</td>
<td>SMP 1 TARAKAN</td>
</tr>
<tr>
<td>KEPULAUAN RIAU</td>
<td>SMP BODHI DHARMA</td>
</tr>
<tr>
<td>LAMPUNG</td>
<td>MTS 1 LAMPUNG SELATAN</td>
</tr>
<tr>
<td>MALUKU</td>
<td>MADRASAH TSANAWIYAH AMBON</td>
</tr>
<tr>
<td>MALUKU UTARA</td>
<td>SMP ISLAM TERPADU NURUL HASAN</td>
</tr>
<tr>
<td>NUSA TENGGARA BARAT</td>
<td>MTSN 1 MATARAM</td>
</tr>
<tr>
<td>NUSA TENGGARA TIMUR</td>
<td>SMP 1 KUPANG</td>
</tr>
<tr>
<td>PAPUA</td>
<td>SMP HIKMAH YAPIS JAYAPURA</td>
</tr>
<tr>
<td>PAPUA BARAT</td>
<td>SMP YPPK ST. DON BOSCO</td>
</tr>
<tr>
<td>RIAU</td>
<td>SMP 2 MANDAU</td>
</tr>
<tr>
<td>SULAWESI SELATAN</td>
<td>SMP ISLAM ATHIRAH MAKASSAR</td>
</tr>
<tr>
<td>SULAWESI TENGAH</td>
<td>SMP AL AZHAR MANDIRI PALU</td>
</tr>
<tr>
<td>SULAWESI TENGGARA</td>
<td>MTS 1 KOLAKA</td>
</tr>
<tr>
<td>SULAWESI UTARA</td>
<td>SMP 1 BITUNG</td>
</tr>
<tr>
<td>SUMATERA BARAT</td>
<td>SMP 2 BUKITTINGGI</td>
</tr>
<tr>
<td>SUMATERA SELATAN</td>
<td>SMP KUSUMA BANGSA PALEMBANG</td>
</tr>
<!-- <tr>
<td>SULAWESI BARAT</td>
<td>*TIDAK ADA SEKOLAH YANG ELIGIBLE</td>
</tr> -->
</tbody>
<!-- <tbody class="inner-tbody">
<tr>
<td class="inner-no">1</td>
<td>JAWA TIMUR</td>
<td>345</td>
</tr>
<tr>
<td class="inner-no">2</td>
<td>DKI JAKARTA</td>
<td>175</td>
</tr>
<tr>
<td class="inner-no">3</td>
<td>JAWA BARAT</td>
<td>160</td>
</tr>
<tr>
<td class="inner-no">4</td>
<td>BANTEN</td>
<td>140</td>
</tr>
<tr>
<td class="inner-no">5</td>
<td>JAWA TENGAH</td>
<td>140</td>
</tr>
</tbody> -->
</table>
</div>
</div>
<div class="wrapping-nodata" style="display: none">
<table class="nodata">
<thead>
<tr>
<th class="nama-th" style="text-align: left">Peringkat</th>
<th style="text-align: left">Sekolah</th>
<th class="provinsi-th">Provinsi</th>
</tr>
</thead>
</table>
<div class="nodata-content">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/nocontent.png" />
<p class="font-desc">
Wah, siapa ya pemenang selanjutnya?
<br />
Nantikan sekolahmu disini!
</p>
</div>
</div>
</div>
<div class="inner-content" inner-konten="school_leaderboard_4" id="school_leaderboard_4">
<div class="complete-wrap">
<div class="list-pemenang__title">
<div class="left-title">
<h3 class="font-judul-leaderboard">The Best School in National Round</h3>
</div>
</div>
<div class="table-wrap-pemenang">
<table class="nodata" id="konten-pemenang-inner">
<thead>
<tr>
<th class="peringkat-inner" style="text-align: center; max-width: 100px; width: 100px">Peringkat</th>
<th style="text-align: left">Sekolah</th>
<th class="provinsi-th">Provinsi</th>
</tr>
</thead>
<!--BEST SCHOOL REGIONAL ROUND ISI DISINI-->
<tbody class="inner-tbody">
<tr>
<td>1</td>
<td>SMP KESATUAN BANGSA</td>
<td>DIY</td>
</tr>
<tr>
<td>2</td>
<td>SMP KRISTEN KALAM KUDUS</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>3</td>
<td>SMP KUSUMA BANGSA PALEMBANG</td>
<td>SUMATRA SELATAN</td>
</tr>
</tbody>
<!-- <tbody class="inner-tbody">
<tr>
<td class="inner-no">1</td>
<td>JAWA TIMUR</td>
<td>345</td>
</tr>
<tr>
<td class="inner-no">2</td>
<td>DKI JAKARTA</td>
<td>175</td>
</tr>
<tr>
<td class="inner-no">3</td>
<td>JAWA BARAT</td>
<td>160</td>
</tr>
<tr>
<td class="inner-no">4</td>
<td>BANTEN</td>
<td>140</td>
</tr>
<tr>
<td class="inner-no">5</td>
<td>JAWA TENGAH</td>
<td>140</td>
</tr>
</tbody> -->
</table>
</div>
<div class="countdown-sec">
<div class="countdown-div">
<div class="countdown-div_notes">
<div class="countdown-div_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/info.svg" alt="" />
</div>
<div class="countdown-div_text">
<p class="font-countdown">
Masing-masing Sekolah mendapatkan
<span class="badge badge-info badge-c">Penghargaan</span>
<span class="badge badge-dark badge-c">Uang Tunai Rp2.000.000</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="wrapping-nodata" style="display: none">
<table class="nodata">
<thead>
<tr>
<th class="nama-th" style="text-align: left">Peringkat</th>
<th style="text-align: left">Sekolah</th>
<th class="provinsi-th">Provinsi</th>
</tr>
</thead>
</table>
<div class="nodata-content">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/nocontent.png" />
<p class="font-desc">
Wah, siapa ya pemenang selanjutnya?
<br />
Nantikan sekolahmu disini!
</p>
</div>
</div>
</div>
<div class="inner-content" inner-konten="school_leaderboard_5" id="school_leaderboard_5">
<div class="complete-wrap">
<div class="list-pemenang__title">
<div class="left-title">
<h3 class="font-judul-leaderboard">The Best Province in National Round</h3>
</div>
</div>
<div class="table-wrap-pemenang">
<table class="nodata" id="konten-pemenang-inner">
<thead>
<tr>
<th class="peringkat-inner" style="text-align: center; max-width: 100px; width: 100px">Peringkat</th>
<th class="provinsi-th" style="text-align: left">Provinsi</th>
</tr>
</thead>
<!--SEKOLAH JUARA ISI DISINI-->
<tbody class="inner-tbody">
<tr>
<td>1</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>2</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>3</td>
<td>DIY</td>
</tr>
<tr>
<td>4</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>5</td>
<td>BALI</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="wrapping-nodata" style="display: none">
<table class="nodata">
<thead>
<tr>
<th class="nama-th" style="text-align: left">Peringkat</th>
<th style="text-align: left">Sekolah</th>
<th class="provinsi-th">Provinsi</th>
</tr>
</thead>
</table>
<div class="nodata-content">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/nocontent.png" />
<p class="font-desc">
Wah, siapa ya pemenang selanjutnya?
<br />
Nantikan sekolahmu disini!
</p>
</div>
</div>
</div>
</div>
<script>
$('.inner-nav').click(function () {
var valueny = $(this).attr('inner-konten');
$('.inner-nav').removeClass('aktif');
$(this).addClass('aktif');
console.log(valueny);
if (valueny === 'best_school') {
$('#school_leaderboard').removeClass('aktif');
$('#school_leaderboard_2').removeClass('aktif');
$('#school_leaderboard_3').removeClass('aktif');
$('#best_school').addClass('aktif');
} else if (valueny === 'school_leaderboard_2') {
$('#school_leaderboard').removeClass('aktif');
$('#best_school').removeClass('aktif');
$('#school_leaderboard_5').removeClass('aktif');
$('#school_leaderboard_4').removeClass('aktif');
$('#school_leaderboard_3').removeClass('aktif');
$('#school_leaderboard_2').addClass('aktif');
} else if (valueny === 'school_leaderboard_3') {
$('#school_leaderboard').removeClass('aktif');
$('#best_school').removeClass('aktif');
$('#school_leaderboard_5').removeClass('aktif');
$('#school_leaderboard_4').removeClass('aktif');
$('#school_leaderboard_2').removeClass('aktif');
$('#school_leaderboard_3').addClass('aktif');
} else if (valueny === 'school_leaderboard_4') {
$('#school_leaderboard').removeClass('aktif');
$('#best_school').removeClass('aktif');
$('#school_leaderboard_5').removeClass('aktif');
$('#school_leaderboard_3').removeClass('aktif');
$('#school_leaderboard_2').removeClass('aktif');
$('#school_leaderboard_4').addClass('aktif');
} else if (valueny === 'school_leaderboard_5') {
$('#school_leaderboard').removeClass('aktif');
$('#best_school').removeClass('aktif');
$('#school_leaderboard_4').removeClass('aktif');
$('#school_leaderboard_3').removeClass('aktif');
$('#school_leaderboard_2').removeClass('aktif');
$('#school_leaderboard_5').addClass('aktif');
} else {
$('#best_school').removeClass('aktif');
$('#school_leaderboard_5').removeClass('aktif');
$('#school_leaderboard_4').removeClass('aktif');
$('#school_leaderboard_3').removeClass('aktif');
$('#school_leaderboard_2').removeClass('aktif');
$('#school_leaderboard').addClass('aktif');
}
});
</script>
</div>
<div class="leaderboard-content" konten="Matematika">
<div class="complete-wrap">
<h3 class="font-judul-leaderboard">Juara Matematika</h3>
<table id="table_id_1" class="display" style="width: 100%" data-bidang="MATEMATIKA">
<thead class="custom-thead-c">
<tr class="custom-c">
<th>Rank</th>
<th>Nama</th>
<th>Sekolah</th>
<th>Provinsi</th>
</tr>
</thead>
<!--
<tr>
<td class="peringkat">
<img style="margin-left:-2.2rem" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/piala.png" alt="Piala"> 1
</td>
<td></td>
<td></td>
<td></td>
</tr>
-->
<!--MATEMATIKA ISI DISINI-->
<tbody></tbody>
</table>
<div class="countdown-sec">
<div class="countdown-div">
<div class="countdown-div_notes">
<div class="countdown-div_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/info.svg" alt="" />
</div>
<div class="countdown-div_text">
<p class="font-countdown">Urutan tidak mencerminkan peringkat</p>
</div>
</div>
<!-- <div class="countdown-div_timer">
<div class="timer">
<div class="flex-container-timer" id="clock-explorer">
<div class="font-secondary hours"></div><span>:</span>
<div class="font-secondary minutes"></div><span>:</span>
<div class="font-secondary seconds"></div>
</div>
</div>
</div> -->
</div>
</div>
<!-- <p class="font-desc"><br>*Urutan Finalis National Round tidak menggambarkan peringkat (acak)</p> -->
</div>
<div class="wrapping-nodata-wrap" style="display: none">
<div class="wrapping-nodata">
<table class="nodata">
<thead>
<tr>
<th class="nama-th" style="text-align: left">Nama</th>
<th style="text-align: left">Sekolah</th>
<th class="provinsi-th">Provinsi</th>
</tr>
</thead>
</table>
<div class="nodata-content">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/nocontent.png" />
<p class="font-desc">
Wah, siapa ya pemenang selanjutnya?
<br />
Nantikan nama mu disini!
</p>
</div>
</div>
<div class="countdown-sec">
<div class="countdown-div">
<div class="countdown-div_notes">
<div class="countdown-div_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/info.svg" alt="" />
</div>
<div class="countdown-div_text">
<p class="font-countdown">Urutan tidak mencerminkan peringkat</p>
</div>
</div>
<!-- <div class="countdown-div_timer">
<div class="timer">
<div class="flex-container-timer" id="clock-explorer">
<div class="font-secondary hours"></div><span>:</span>
<div class="font-secondary minutes"></div><span>:</span>
<div class="font-secondary seconds"></div>
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="leaderboard-content" konten="IPA">
<div class="complete-wrap">
<h3 class="font-judul-leaderboard">Juara IPA</h3>
<table id="table_id_2" class="display" style="width: 100%" data-bidang="IPA">
<thead class="custom-thead-c">
<tr class="custom-c">
<th>Rank</th>
<th>Nama</th>
<th>Sekolah</th>
<th>Provinsi</th>
</tr>
</thead>
<!--IPA ISI DISINI-->
<tbody></tbody>
</table>
<!--
<p class="font-desc"><br>*Urutan Finalis National Round tidak menggambarkan peringkat (acak)</p>
-->
<div class="countdown-sec">
<div class="countdown-div">
<div class="countdown-div_notes">
<div class="countdown-div_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/info.svg" alt="" />
</div>
<div class="countdown-div_text">
<p class="font-countdown">Urutan tidak mencerminkan peringkat</p>
</div>
</div>
<!-- <div class="countdown-div_timer">
<div class="timer">
<div class="flex-container-timer" id="clock-explorer">
<div class="font-secondary hours"></div><span>:</span>
<div class="font-secondary minutes"></div><span>:</span>
<div class="font-secondary seconds"></div>
</div>
</div>
</div> -->
</div>
</div>
</div>
<div class="wrapping-nodata-wrap" style="display: none">
<div class="wrapping-nodata">
<table class="nodata">
<thead>
<tr>
<th class="nama-th" style="text-align: left">Nama</th>
<th style="text-align: left">Sekolah</th>
<th class="provinsi-th">Provinsi</th>
</tr>
</thead>
</table>
<div class="nodata-content">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/nocontent.png" />
<p class="font-desc">
Wah, siapa ya pemenang selanjutnya?
<br />
Nantikan nama mu disini!
</p>
</div>
</div>
<div class="countdown-sec">
<div class="countdown-div">
<div class="countdown-div_notes">
<div class="countdown-div_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/info.svg" alt="" />
</div>
<div class="countdown-div_text">
<p class="font-countdown">Pantau terus untuk update pemenang terbaru, ya!</p>
</div>
</div>
<!-- <div class="countdown-div_timer">
<div class="timer">
<div class="flex-container-timer" id="clock-explorer">
<div class="font-secondary hours"></div><span>:</span>
<div class="font-secondary minutes"></div><span>:</span>
<div class="font-secondary seconds"></div>
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="leaderboard-content" konten="IPS">
<div class="complete-wrap">
<h3 class="font-judul-leaderboard">Juara IPS</h3>
<table id="table_id_3" class="display" style="width: 100%" data-bidang="IPS">
<thead class="custom-thead-c">
<tr class="custom-c">
<th>Rank</th>
<th>Nama</th>
<th>Sekolah</th>
<th>Provinsi</th>
</tr>
</thead>
<!--
<tr>
<td class="peringkat"><img style="margin-left:-2.2rem" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/piala.png" alt="Piala"> 1</td>
<td></td>
<td></td>
<td></td>
</tr>
-->
<!--IPS ISI DISINI-->
<tbody></tbody>
</table>
<!-- <p class="font-desc"><br>*Urutan Finalis National Round tidak menggambarkan peringkat (acak)</p> -->
<div class="countdown-sec">
<div class="countdown-div">
<div class="countdown-div_notes">
<div class="countdown-div_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/info.svg" alt="" />
</div>
<div class="countdown-div_text">
<p class="font-countdown">Urutan tidak mencerminkan peringkat</p>
</div>
</div>
<!-- <div class="countdown-div_timer">
<div class="timer">
<div class="flex-container-timer" id="clock-explorer">
<div class="font-secondary hours"></div><span>:</span>
<div class="font-secondary minutes"></div><span>:</span>
<div class="font-secondary seconds"></div>
</div>
</div>
</div> -->
</div>
</div>
</div>
<div class="wrapping-nodata-wrap" style="display: none">
<div class="wrapping-nodata">
<table class="nodata">
<thead>
<tr>
<th class="nama-th" style="text-align: left">Nama</th>
<th style="text-align: left">Sekolah</th>
<th class="provinsi-th">Provinsi</th>
</tr>
</thead>
</table>
<div class="nodata-content">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/nocontent.png" />
<p class="font-desc">
Wah, siapa ya pemenang selanjutnya?
<br />
Nantikan nama mu disini!
</p>
</div>
</div>
<div class="countdown-sec">
<div class="countdown-div">
<div class="countdown-div_notes">
<div class="countdown-div_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/info.svg" alt="" />
</div>
<div class="countdown-div_text">
<p class="font-countdown">Pantau terus untuk update pemenang terbaru, ya!</p>
</div>
</div>
<!-- <div class="countdown-div_timer">
<div class="timer">
<div class="flex-container-timer" id="clock-explorer">
<div class="font-secondary hours"></div><span>:</span>
<div class="font-secondary minutes"></div><span>:</span>
<div class="font-secondary seconds"></div>
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<script></script>
<script></script>
<script>
$(document).ready(function () {
$.noConflict();
$('#table_id_1').DataTable({
bPaginate: false,
bLengthChange: false,
bFilter: true,
bInfo: false,
bAutoWidth: true,
ordering: false,
searching: true,
order: [[1, 'asc']],
oLanguage: {
sSearch: '',
},
language: {
searchPlaceholder: 'Cari nama kamu',
},
scrollResize: true,
scrollY: 400,
scrollCollapse: true,
autoWidth: false,
initComplete: function (settings, json) {
$('table.dataTable').css('width', '100%');
$('div.dataTables_scrollHeadInner').css('width', '100%');
$('#table_id_1_wrapper').append(
'<div id="tanda1"></div><div class="d-flex justify-content-center"><a title="" id="scroll-orange1" class="btn btn-custom-c">Lihat Lebih Banyak <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/icon_arrow_bottom_circle.svg" alt=""></a></div>'
);
var test_count = 0;
$('.dataTables_scrollBody').each(function (index) {
test_count = test_count + 1;
if (test_count == 1) {
if ($(this).attr('id')) {
} else {
$(this).attr('id', 'konten_1');
}
}
});
$('#scroll-orange1').click(function () {
$('#konten_1').animate(
{
scrollTop: $('#tanda1').position().top + $('#konten_1').scrollTop(),
},
'slow'
);
});
$('#konten_1').on('scroll', function () {
var test = $(this).scrollTop() + $(this).innerHeight();
if (Math.ceil($(this).scrollTop() + $(this).innerHeight()) >= $(this)[0].scrollHeight) {
$('#scroll-orange1').hide();
} else {
$('#scroll-orange1').show();
}
});
},
dom: 'Pfrtip',
});
$('#table_id_2').DataTable({
bPaginate: false,
bLengthChange: false,
bFilter: true,
bInfo: false,
bAutoWidth: true,
ordering: false,
searching: true,
order: [[1, 'asc']],
oLanguage: {
sSearch: '',
},
language: {
searchPlaceholder: 'Cari nama kamu',
},
scrollResize: true,
scrollY: 400,
scrollCollapse: true,
autoWidth: false,
initComplete: function (settings, json) {
$('table.dataTable').css('width', '100%');
$('div.dataTables_scrollHeadInner').css('width', '100%');
$('#table_id_2_wrapper').append(
'<div id="tanda2"></div><div class="d-flex justify-content-center"><a title="" id="scroll-orange2" class="btn btn-custom-c">Lihat Lebih Banyak <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/icon_arrow_bottom_circle.svg" alt=""></a></div>'
);
var test_count = 0;
$('.dataTables_scrollBody').each(function (index) {
test_count = test_count + 1;
if (test_count == 2) {
if ($(this).attr('id')) {
} else {
$(this).attr('id', 'konten_2');
}
}
});
$('#scroll-orange2').click(function () {
$('#konten_2').animate(
{
scrollTop: $('#tanda2').position().top + $('#konten_2').scrollTop(),
},
'slow'
);
});
$('#konten_2').on('scroll', function () {
var test = $(this).scrollTop() + $(this).innerHeight();
if (Math.ceil($(this).scrollTop() + $(this).innerHeight()) >= $(this)[0].scrollHeight) {
$('#scroll-orange2').hide();
} else {
$('#scroll-orange2').show();
}
});
},
dom: 'Pfrtip',
});
$('#table_id_3').DataTable({
bPaginate: false,
bLengthChange: false,
bFilter: true,
bInfo: false,
bAutoWidth: true,
ordering: false,
searching: true,
order: [[1, 'asc']],
oLanguage: {
sSearch: '',
},
language: {
searchPlaceholder: 'Cari nama kamu',
},
scrollResize: true,
scrollY: 400,
scrollCollapse: true,
autoWidth: false,
initComplete: function (settings, json) {
$('table.dataTable').css('width', '100%');
$('div.dataTables_scrollHeadInner').css('width', '100%');
$('#table_id_3_wrapper').append(
'<div id="tanda3"></div><div class="d-flex justify-content-center"><a title="" id="scroll-orange3" class="btn btn-custom-c">Lihat Lebih Banyak <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/icon_arrow_bottom_circle.svg" alt=""></a></div>'
);
var test_count = 0;
$('.dataTables_scrollBody').each(function (index) {
test_count = test_count + 1;
if (test_count == 3) {
if ($(this).attr('id')) {
} else {
$(this).attr('id', 'konten_3');
}
}
});
$('#scroll-orange3').click(function () {
$('#konten_3').animate(
{
scrollTop: $('#tanda3').position().top + $('#konten_3').scrollTop(),
},
'slow'
);
});
$('#konten_3').on('scroll', function () {
var test = $(this).scrollTop() + $(this).innerHeight();
if (Math.ceil($(this).scrollTop() + $(this).innerHeight()) >= $(this)[0].scrollHeight) {
$('#scroll-orange3').hide();
} else {
$('#scroll-orange3').show();
}
});
},
dom: 'Pfrtip',
});
$('#table_id_4').DataTable({
bPaginate: false,
bLengthChange: false,
bFilter: true,
bInfo: false,
bAutoWidth: true,
ordering: false,
searching: true,
order: [[1, 'asc']],
oLanguage: {
sSearch: '',
},
language: {
searchPlaceholder: 'Cari nama kamu',
},
scrollResize: true,
scrollY: 400,
scrollCollapse: true,
autoWidth: false,
initComplete: function (settings, json) {
$('table.dataTable').css('width', '100%');
$('div.dataTables_scrollHeadInner').css('width', '100%');
$('#table_id_4_wrapper').append(
'<div id="tanda4"></div><div class="d-flex justify-content-center"><a title="" id="scroll-orange4" class="btn btn-custom-c">Lihat Lebih Banyak <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/icon_arrow_bottom_circle.svg" alt=""></a></div>'
);
var test_count = 0;
$('.dataTables_scrollBody').each(function (index) {
test_count = test_count + 1;
if (test_count == 4) {
if ($(this).attr('id')) {
} else {
$(this).attr('id', 'konten_4');
}
}
});
$('#scroll-orange4').click(function () {
$('#konten_4').animate(
{
scrollTop: $('#tanda4').position().top + $('#konten_4').scrollTop(),
},
'slow'
);
});
$('#konten_4').on('scroll', function () {
var test = $(this).scrollTop() + $(this).innerHeight();
if (Math.ceil($(this).scrollTop() + $(this).innerHeight()) >= $(this)[0].scrollHeight) {
$('#scroll-orange4').hide();
} else {
$('#scroll-orange4').show();
}
});
},
dom: 'Pfrtip',
});
$('#table_id_5').DataTable({
bPaginate: false,
bLengthChange: false,
bFilter: true,
bInfo: false,
bAutoWidth: true,
ordering: false,
searching: true,
order: [[1, 'asc']],
oLanguage: {
sSearch: '',
},
language: {
searchPlaceholder: 'Cari nama kamu',
},
scrollResize: true,
scrollY: 400,
scrollCollapse: true,
autoWidth: false,
initComplete: function (settings, json) {
$('table.dataTable').css('width', '100%');
$('div.dataTables_scrollHeadInner').css('width', '100%');
$('#table_id_5_wrapper').append(
'<div id="tanda5"></div><div class="d-flex justify-content-center"><a title="" id="scroll-orange5" class="btn btn-custom-c">Lihat Lebih Banyak <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/icon_arrow_bottom_circle.svg" alt=""></a></div>'
);
var test_count = 0;
$('.dataTables_scrollBody').each(function (index) {
test_count = test_count + 1;
if (test_count == 5) {
if ($(this).attr('id')) {
} else {
$(this).attr('id', 'konten_5');
}
}
});
$('#scroll-orange5').click(function () {
$('#konten_5').animate(
{
scrollTop: $('#tanda5').position().top + $('#konten_5').scrollTop(),
},
'slow'
);
});
$('#konten_5').on('scroll', function () {
var test = $(this).scrollTop() + $(this).innerHeight();
if (Math.ceil($(this).scrollTop() + $(this).innerHeight()) >= $(this)[0].scrollHeight) {
$('#scroll-orange5').hide();
} else {
$('#scroll-orange5').show();
}
});
},
dom: 'Pfrtip',
});
$('#table_id_6').DataTable({
bPaginate: false,
bLengthChange: false,
bFilter: true,
bInfo: false,
bAutoWidth: true,
ordering: false,
searching: true,
order: [[1, 'asc']],
oLanguage: {
sSearch: '',
},
language: {
searchPlaceholder: 'Cari nama kamu',
},
scrollResize: true,
scrollY: 400,
scrollCollapse: true,
autoWidth: false,
initComplete: function (settings, json) {
$('table.dataTable').css('width', '100%');
$('div.dataTables_scrollHeadInner').css('width', '100%');
$('#table_id_6_wrapper').append(
'<div id="tanda6"></div><div class="d-flex justify-content-center"><a title="" id="scroll-orange6" class="btn btn-custom-c">Lihat Lebih Banyak <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/icon_arrow_bottom_circle.svg" alt=""></a></div>'
);
var test_count = 0;
$('.dataTables_scrollBody').each(function (index) {
test_count = test_count + 1;
if (test_count == 6) {
if ($(this).attr('id')) {
} else {
$(this).attr('id', 'konten_6');
}
}
});
$('#scroll-orange6').click(function () {
$('#konten_6').animate(
{
scrollTop: $('#tanda6').position().top + $('#konten_6').scrollTop(),
},
'slow'
);
});
$('#konten_6').on('scroll', function () {
var test = $(this).scrollTop() + $(this).innerHeight();
if (Math.ceil($(this).scrollTop() + $(this).innerHeight()) >= $(this)[0].scrollHeight) {
$('#scroll-orange6').hide();
} else {
$('#scroll-orange6').show();
}
});
},
dom: 'Pfrtip',
});
});
</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_1633097876811121"
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="bidang-sains">
<div class="page-center">
<div class="bidang-sains__title">
<h2 class="font-subtitle">Bidang sains yang diperlombakan</h2>
</div>
<div class="bidang-sains__content">
<div class="bidang-item">
<div class="bidang-item-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/math.png" />
</div>
<p class="font-desc">Matematika</p>
</div>
<div class="bidang-item">
<div class="bidang-item-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/biologi.png" alt="Bidang IPA" />
</div>
<p class="font-desc">IPA</p>
</div>
<div class="bidang-item">
<div class="bidang-item-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/geografi.png" alt="Bidang IPS" />
</div>
<p class="font-desc">IPS</p>
</div>
</div>
</div>
</div>
<div class="competition-step">
<div class="page-center">
<div class="step__title">
<h2 class="font-subtitle">Tahapan Kompetisi Sains Ruangguru 2021</h2>
</div>
<div class="step__content">
<div class="step-img-desktop">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/step-desktop.png" alt="Step Illustration" />
</div>
<div class="step-cont">
<div class="step-img-mobile">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/icon_regis.png" alt="Step Registrai" />
</div>
<div class="step-text">
<p class="font-step-title">Registrasi</p>
<p class="font-step-date">12 Agustus - 15 September 2021</p>
<!-- <p class="font-desc">Daftarkan diri melalui form berikut</p> -->
<!-- <div class="daftar-olimpiade">
<div class="dropdown-wrap-daftar">
<button class="dropdown-daftar">Daftarkan Sekarang <img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/Vector%2028.svg"
alt="arrow"></button>
<div class="konten-dropdown">
<a target="_blank" href="https://reward-form.ruangguru.com/form?rewardFormSerial=KSRG001">
<div class="item-drop-daftar">Daftarkan Dirimu</div>
</a>
<a href="https://www.ruangguru.com/kompetisi-sains/smp/pendaftaran-sekolah">
<div class="item-drop-daftar">Daftarkan Sekolahmu</div>
</a>
</div>
</div>
</div> -->
</div>
<div class="step-img-mobile">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/icon_hpab.png" alt="Step Regional" />
</div>
<div class="step-text">
<p class="font-step-title">Regional Round</p>
<p class="font-step-date">25 September 2021</p>
<p class="font-desc">
Peserta akan melaksanakan
<b>Tes Seleksi Regional Round</b>
di aplikasi Ruangguru
</p>
<div class="info-blue-box">
<div class="olm-icon-info">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/info.svg" />
</div>
<div class="olm-text-info">
<p class="font-desc">
Pengumuman peserta yang lolos ke tahap National Round diumumkan pada tanggal
<b>3 Oktober 2021</b>
</p>
</div>
</div>
</div>
<div class="step-img-mobile">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/icon_test.png" alt="Step Nasional" />
</div>
<div class="step-text">
<p class="font-step-title">National Round</p>
<p class="font-step-date">16 Oktober 2021</p>
<p class="font-desc">Peserta National Round akan mengikuti tes di aplikasi Ruangguru</p>
<div class="info-blue-box">
<div class="olm-icon-info">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/info.svg" />
</div>
<div class="olm-text-info">
<p class="font-desc">
Pemenang akan diumumkan pada acara Closing & Awarding Night pada tanggal
<b>23 Oktober 2021</b>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pdf-video">
<div class="page-center">
<div class="sec-tutorial">
<div class="web">
<h2 class="font-subtitle">Baca Panduan KSR 2021</h2>
<p class="font-desc">E-book berisi panduan dalam mengikuti Kompetisi Sains Ruangguru 2021</p>
</div>
<div class="content-box">
<div class="box-white">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruangkelas%20homepage/asset/asset-v2/pdf.png" alt="" />
<p class="font-subtitle">Download Buku Panduan KSR 2021</p>
<a id="download_ebook" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/KSR%20SMP%20Buku%20Panduan.pdf" target="_blank" rel="nofollow">
<button class="cta-register">Download</button>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- <script>
//Script Countdown 1
function getTimeRemaining(endtime) {
const total = Date.parse(endtime) - Date.parse(new Date());
const seconds = Math.floor((total / 1000) % 60);
const minutes = Math.floor((total / 1000 / 60) % 60);
const hours = Math.floor((total / (1000 * 60 * 60)) % 24);
const days = Math.floor(total / (1000 * 60 * 60 * 24));
return {
total,
days,
hours,
minutes,
seconds
};
}
function initializeClock(id, endtime) {
const clock = document.getElementById(id);
const daysSpan = clock.querySelector('.days');
const hoursSpan = clock.querySelector('.hours');
const minutesSpan = clock.querySelector('.minutes');
const secondsSpan = clock.querySelector('.seconds');
function updateClock() {
const t = getTimeRemaining(endtime);
daysSpan.innerHTML = t.days;
hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
}
updateClock();
const timeinterval = setInterval(updateClock, 1000);
}
const deadline1 = 'September 15 2021 23:59:59 GMT+0700';
initializeClock('clockdiv1', deadline1);
</script> -->
<script>
$('.dropdown-daftar').click(function () {
if ($('.konten-dropdown').attr('class').includes('shown')) {
$('.konten-dropdown').removeClass('shown');
} else {
$('.konten-dropdown').addClass('shown');
}
});
$('.konten-dropdown,.item-drop-daftar,.dropdown-daftar').hover(function () {
$('.konten-dropdown').addClass('shown');
});
$('.konten-dropdown,.item-drop-daftar').mouseout(function () {
$('.konten-dropdown').removeClass('shown');
});
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-4">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_162859015585038"
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="hadiah">
<div class="page-center">
<h2 class="subtitle-top">Menangkan Total Hadiah</h2>
<h2 class="subtitle-bottom">300 JUTA RUPIAH</h2>
<div class="hadiah__item">
<div class="item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/label-gold.svg" />
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/medali1.png" />
<p class="piagam">
Medali Emas + Uang Tunai
<br />
Rp3.000.000
</p>
</div>
<div class="item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/label-silver.svg" />
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/medali2.png" />
<p class="piagam">
Medali Perak + Uang Tunai
<br />
Rp1.500.000
</p>
</div>
<div class="item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/label-bronze.svg" />
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/medali3.png" />
<p class="piagam">
Medali Perunggu + Uang Tunai
<br />
Rp1.000.000
</p>
</div>
</div>
<div class="hadiah-tambahan__item">
<div class="item-tambahan-wrap">
<div class="absolute-winner">
<div class="absolute-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Wivina_assets/Olimpiade/bidang-sains/Absolute%20winner%20asset_1@3x.png" alt="" />
</div>
<div class="item-tambahan">
<p class="font-desc">
Absolute Winner
<br />
Rp 5.000.000
</p>
</div>
</div>
<div class="other-winner">
<div class="title-hadiah-tambahan">
<p class="font-desc">Pemenang juga akan mendapatkan:</p>
</div>
<div class="item-tambahan" id="rubel">
<div id="rubel-text">
<p class="font-desc">Akses</p>
</div>
<div id="rubel-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/logotype_rubel_L.svg" />
</div>
<div id="rubel-text">
<p class="font-desc">1 Tahun</p>
</div>
</div>
<div class="item-tambahan">
<p class="font-desc">Sertifikat Medalist</p>
</div>
</div>
</div>
</div>
<div class="announcement">
<div class="title-hadiah-tambahan">
<p class="font-desc">*Seluruh peserta akan mendapatkan sertifikat sebagai peserta Kompetisi Sains Ruangguru 2021</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-5">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_162859010380123"
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="clinic">
<div class="page-center">
<div class="clinic-content">
<p class="font-step-title font-base">Coaching Clinic</p>
<p class="font-step-date font-base">Bersama medalist olimpiade bagi peserta yang lolos dari Regional Round</p>
</div>
</div>
</div>
<!-- <div class="sekolah-terbaik">
<div class="page-center">
<div class="best__title">
<h2 class="font-subtitle">Terbuka untuk seluruh siswa-siswa SMA kelas X-XI di Indonesia</h2>
<p class="font-desc">Daftarkan sebanyak-banyaknya siswa untuk ikut serta di OSR dan jadilah SMA terbaik di setiap provinsi.
</p>
</div>
<div class="best__content">
<div class="best-text">
<p class="font-desc-best">Hadiah untuk sekolah terbaik</p>
</div>
<div class="best-item-cont">
<div class="best-item">
<div class="icon-best">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kompetisi%20Sains%20Ruangguru/icon_star%20(1).svg" alt="Reward illustration">
</div>
<div class="best-item-text">
<p class="font-desc">Menjadi School Ambassador Ruangguru</p>
</div>
</div>
<div class="best-item">
<div class="icon-best">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kompetisi%20Sains%20Ruangguru/icon_merch%20(1).svg" alt="Reward illustration">
</div>
<div class="best-item-text">
<p class="font-desc">Merchandise Ruangguru untuk seluruh peserta perwakilan</p>
</div>
</div>
<div class="best-item">
<div class="icon-best">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kompetisi%20Sains%20Ruangguru/icon_trophy%20(1).svg" alt="Reward illustration">
</div>
<div class="best-item-text">
<p class="font-desc">Piala bergilir regional</p>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div class="sekolah-terbaik">
<div class="page-center">
<div class="best__title">
<h2 class="font-subtitle">Jadilah Sekolah Terbaik di KSR SMP 2021</h2>
<p class="font-desc">
Terbuka untuk seluruh sekolah tingkat SMP/MTS di seluruh Indonesia. Daftarkan sebanyak-banyaknya siswa dari sekolah Anda sebagai peserta KSR 2021 dan menangkan kesempatan
menjadi “Sekolah Juara Ruangguru 2021” dan dapatkan hadiah menarik lainnya.
</p>
</div>
<div class="best__content">
<!-- <div class="best-text">
<p class="font-desc-best">Hadiah untuk sekolah terbaik</p>
</div> -->
<div class="best-item-cont">
<div class="best-item">
<div class="icon-best">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/star.png" alt="Reward illustration" />
</div>
<div class="best-item-text">
<p class="font-desc">
<b>Sekolah Juara Ruangguru</b>
</p>
<p class="font-desc">Merupakan sekolah dengan akumulasi nilai peserta terbesar tiap provinsi pada KSR SMP tingkat regional</p>
</div>
</div>
<div class="best-item">
<div class="icon-best">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/reg.png" alt="Reward illustration" />
</div>
<div class="best-item-text">
<p class="font-desc">
<b>Best School in Regional Round</b>
</p>
<p class="font-desc">Merupakan Top 10 Sekolah dengan akumulasi poin terbesar dari peserta yang lolos national round pada semua bidang</p>
</div>
</div>
<div class="best-item">
<div class="icon-best">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/nat.png" alt="Reward illustration" />
</div>
<div class="best-item-text">
<p class="font-desc">
<b>Best School in National Round</b>
</p>
<p class="font-desc">Merupakan sekolah dengan akumulasi poin terbesar berdasarkan perolehan medali pada semua bidang</p>
</div>
</div>
</div>
</div>
<!-- <div class="btn-wrap-dftr">
</div> -->
</div>
<div id="panduan"></div>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-6">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_163168641673739"
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="panduan-daftar-rg">
<div class="page-center">
<div class="panduan-daftar__title">
<h2 class="font-subtitle">Cara Mendaftar Akun Ruangguru</h2>
<p class="font-desc-tahap">Untuk kamu yang belum punya akun ruangguru, yuk daftar sekarang supaya kamu bisa ikut keseruan KSR SMP 2021!</p>
</div>
<div class="panduan-daftar__content">
<div class="panduan-daftar-item">
<div class="text-langkah">
<p class="font-desc"><b>Step 1</b></p>
<p class="font-desc">Download Aplikasi Ruangguru</p>
</div>
<div class="img-langkah">
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/playstore.png" style="margin-bottom: 0.5rem; margin-top: 1rem" />
</a>
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/appstore_edited.png" />
</a>
</div>
</div>
<div class="panduan-daftar-item">
<div class="text-langkah">
<p class="font-desc"><b>Step 2</b></p>
<p class="font-desc">
Klik ‘Daftar/Masuk’ di
<i>homepage</i>
Ruangguru
</p>
</div>
<div class="img-langkah">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/step1_edited.png" />
</div>
</div>
<div class="panduan-daftar-item">
<div class="text-langkah">
<p class="font-desc"><b>Step 3</b></p>
<p class="font-desc">Masukkan email, lalu klik ‘Lanjut’</p>
</div>
<div class="img-langkah">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/step2_edited.png" />
</div>
</div>
<div class="panduan-daftar-item">
<div class="text-langkah">
<p class="font-desc"><b>Step 4</b></p>
<p class="font-desc">Isi form pendaftaran akun, lalu klik 'Daftar'</p>
</div>
<div class="img-langkah">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/step3_edited.png" />
</div>
</div>
</div>
<div class="button-wrap-daft">
<!-- <p class="font-desc-tahap">
Ikuti Technical Briefing hanya di <b>Aplikasi Ruangguru</b>
</p> -->
<div class="button-wrap-datar">
<!-- <div class="wrap-left">
<a href="https://ruangguru.onelink.me/blPk/da9f55d8?serial=0dd88836-857d-492c-9d50-e28307985058" target="_blank" rel="nofollow"><button class="technical-meeting-btn">Join Technical Briefing</button></a> -->
<!-- <span class="hs-cta-wrapper"
id="hs-cta-wrapper-22d591c5-d43b-4453-9c65-af938a05849a"><span
class="hs-cta-node hs-cta-22d591c5-d43b-4453-9c65-af938a05849a"
id="hs-cta-22d591c5-d43b-4453-9c65-af938a05849a"><a
href="https://cta.ruangguru.com/22d591c5-d43b-4453-9c65-af938a05849a"
target="_blank"><img class="hs-cta-img" id="hs-cta-img-22d591c5-d43b-4453-9c65-af938a05849a"
style="border-width:0px;"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cta/22d591c5-d43b-4453-9c65-af938a05849a.png"
alt="Daftarkan Dirimu " /></a></span>
<script charset="utf-8" src=""></script>
<script type="text/javascript">
hbspt.cta.load(2828691, '22d591c5-d43b-4453-9c65-af938a05849a', {
"region": "na1"
});
</script>
</span> -->
<!-- </div> -->
<!-- <div class="wrap-right">
<span class="hs-cta-wrapper"
id="hs-cta-wrapper-fa7256a5-aa3b-4c29-8ff9-edb74c73b1cf"><span
class="hs-cta-node hs-cta-fa7256a5-aa3b-4c29-8ff9-edb74c73b1cf"
id="hs-cta-fa7256a5-aa3b-4c29-8ff9-edb74c73b1cf"><a
href="https://cta.ruangguru.com/fa7256a5-aa3b-4c29-8ff9-edb74c73b1cf"
target="_blank"><img class="hs-cta-img" id="hs-cta-img-fa7256a5-aa3b-4c29-8ff9-edb74c73b1cf"
style="border-width:0px;"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cta/fa7256a5-aa3b-4c29-8ff9-edb74c73b1cf.png"
alt="Daftarkan Sekolahmu " /></a></span>
<script charset="utf-8" src=""></script>
<script type="text/javascript">
hbspt.cta.load(2828691, 'fa7256a5-aa3b-4c29-8ff9-edb74c73b1cf', {
"region": "na1"
});
</script>
</span>
</div> -->
</div>
<!-- <div class="mobiles">
<div class="dropdown-wrap-daftar">
<button class="dropdown-daftar">Daftar Sekarang <img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/Vector%2028.svg"
alt="arrow"></button>
<div class="konten-dropdown">
<a target="_blank" href="https://reward-form.ruangguru.com/form?rewardFormSerial=KSRG001">
<div class="item-drop-daftar">Daftarkan Dirimu</div>
</a>
<a href="https://www.ruangguru.com/kompetisi-sains/smp/pendaftaran-sekolah">
<div class="item-drop-daftar">Daftarkan Sekolahmu</div>
</a>
</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>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/47442333552/1667882001713/A_Ruangguru_Projects/Project_Hofar/Javascript_Auto_Generate_Breadcrumb_-_V1_3.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/56534236478/1635042061640/module_56534236478_led_Regional_SMP_KSR.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\/kompetisi-sains\/smp']);
_hsq.push(['setPageId', '52719841128']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 52719841128,
legacyPageId: '52719841128',
contentFolderId: null,
contentGroupId: null,
abTestId: null,
languageVariantId: 52719841128,
languageCode: 'id',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: 'd088e3a1-9467-49d2-8f4d-f6b9fe97cfd6',
ticks: 1684631229518,
page_id: 52719841128,
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: '52719841128',
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>
<style>
/* @media (min-width: 1025px){
.spacer-rg {
height: 55px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px){
.spacer-rg {
height: 15px !important;
}
}
@media (max-width: 767px){
.spacer-rg {
height: 15px !important;
}}
@media (max-width: 320px){
.spacer-rg {
height: 0 !important;
}} */
</style>
<!-- Generated by the HubSpot Template Builder - template version 1.03 -->
</body>
</html>