1
BebasLah
Jovan Natalius Marcos,
Zulfah Amala,
Mikha Hilliard
2
Berlake
Timothy Putera Anugerah,
Merlin Grace,
Sindhunata
3
Black Swan
Abdurrahman Adz Dzikri,
Shiela Zhafira,
Nurzihan Saskya
4
BTW Inc
Theo Gerald Parluhutan N.,
Insani Sekarwulan,
Brigita Sekar
5
Carpe Librum
M. Abiyyu Adikara Trisaksono,
Zahrah Zafira,
Aransandya Pangesthika Arrumy
6
Checkmate
Shelyne Jovinca,
Ruth Evelina Setijawan,
Michelle Elwindref Setiawan
7
Cilor
Zahra Fani Robyanti,
Delia Firka Ayyar,
Yumna Novi Alifah
8
FBN
Fadhil Ilham Rahmadi,
Bhaskoro Siddhi Pradhana,
Nur Fauziah Hasanah
9
Genesis
Farell Adiputra,
Ziyan Muhammad Aqsha,
Helena Oktaviani
10
Hooray
Gabrielle Angela Christie,
Tasya Salensia,
Prudence Koemolontang
11
Industrial Team
Daud Aditya,
Naomi Luh Cintya Prakasita,
Yonatan Jori Saputra
12
Kimchi
M. Irfan Akbar,
Kiyaranu Putra Pakartiwan,
Xaviera Putri Ardianingsih L.
13
Ruang BK
Kevin Ahmad Faisal,
Amalia Nan Renjana,
Eunike Kezia Anandartia P.
14
Sandbox
Lifia Vania,
Michelle Clarissa Hermawan,
Lucia Deananta
15
Sorago Edusquad
Stephanie Dame Augustine,
Rizal Galih Pradana,
Ratna Sari
16
Stealth
Ruthana Bitia,
Fransiskus Ryan Satya D.,
Catherine Kurniawan
17
TeamEd
Novan Yonatan Seilatu,
Enike Maria Vianey,
Sheila Firda Annisarahma
18
THREE.CH
Michael Benedict,
Maria Fransiska Michelle,
Richard Aldi Susanto
19
Tifaniz
Bizza Shafwah Utsula,
Stephanie Gabrielle,
Timothy Nathaniel Gunawan
20
Tim Bul
Angelo Mario Wijoyo,
Sonia Florence Serevin,
M. Aufa Ashiddiq
2026-03-08 18:55
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="Ruangguru Business Innovation Challenge (RUBIC) is designed for students who are passionate in creating impact that matters through innovation in the space of EdTech."
/>
<meta name="generator" content="HubSpot" />
<title>RUBIC Announcements</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta
property="og:description"
content="Ruangguru Business Innovation Challenge (RUBIC) is designed for students who are passionate in creating impact that matters through innovation in the space of EdTech."
/>
<meta property="og:title" content="RUBIC Announcements" />
<meta
name="twitter:description"
content="Ruangguru Business Innovation Challenge (RUBIC) is designed for students who are passionate in creating impact that matters through innovation in the space of EdTech."
/>
<meta name="twitter:title" content="RUBIC Announcements" />
<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/52205455761/1637829609489/module_52205455761_header_rubic_2021.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/58141069229/1635174710794/module_58141069229_rubic_leaderboard.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/rubic/announcements" />
<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 -->
<style>
iframe[title='Button to launch messaging window'] {
opacity: 0 !important;
display: none !important;
}
iframe[title='Messaging window'] {
height: 440px !important;
bottom: 13rem !important;
}
iframe[title='Button to launch messaging window, conversation in progress'],
#launcher,
iframe[title='Number of unread messages'] {
height: 0 !important;
width: 0 !important;
opacity: 0 !important;
display: none !important;
}
@media (max-width: 767px) {
iframe[title='Messaging window'] {
height: 100vh !important;
bottom: inherit !important;
}
}
.row-fluid [class*='span'] {
min-height: 0 !important;
}
.bantuan {
/*display:none;*/
position: fixed;
bottom: 12rem;
right: 1.5rem;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-promo {
position: fixed;
bottom: 1rem;
right: 1.75rem;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
@media (min-width: 768px) {
.bantuan img,
.bantuan-promo img {
width: auto;
transition: all 0.4s ease;
}
.bantuan img {
width: 140px;
}
.bantuan-promo img {
width: 120px;
}
.clicked {
bottom: 9rem;
right: 2.5rem;
}
.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan {
bottom: 8rem;
right: 1.5rem;
align-items: center;
}
.bantuan-promo {
bottom: 1.5rem;
right: 1.5rem;
align-items: center;
}
.bantuan img,
.bantuan-promo img {
width: auto;
}
.bantuan img {
width: 96px;
}
.bantuan-promo img {
width: 80px;
}
dotlottie-player.floating-lottie {
width: 80px !important;
height: 80px !important;
}
}
</style>
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="350" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:url" content="https://www.ruangguru.com/rubic/announcements" />
<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="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="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>
</head>
<body class="hs-content-id-58212339850 hs-landing-page hs-page" style="">
ruangguru.com/rubic/announcements
<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_163490535255782"
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"
/>
<div class="header-shadow" id="fixedHeader">
<div class="page-center">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="row header-shadow__display">
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<!-- Logo RG -->
<a class="navbar-brand" href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo Ruangguru Header" />
</a>
<!-- End Logo RG -->
<!-- Button Langganan Sekarang for mobile -->
<!--
<div class="cta-nav d-block d-sm-block d-md-none" id="closed-now1">
</div>
-->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="https://www.ruangguru.com/event/rubic">RUBIC</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.ruangguru.com/event/rubic/terms-conditions">Terms & Regulation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.ruangguru.com/event/rubic#faq">FAQ</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Our Programs</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a id="snk_bao" class="dropdown-item" href="https://www.ruangguru.com/learning-acceleration-program">Learning Acceleration Program (LEAP)</a>
<!-- <a class="dropdown-item" href="https://www.brainacademy.id/protokol-kesehatan">PROTOKOL NEW NORMAL</a> -->
<a class="dropdown-item" href="https://www.ruangguru.com/management-associate-program">Management Associate Program (MAP)</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" href="https://career.ruangguru.com/">Vacancies</a>
</li>
</ul>
</div>
</div>
<!-- Button Langganan Sekarang for desktop -->
<!--
<div class="cta-nav d-none d-sm-none d-md-block" id="closed-now2">
<button disabled class="disabled-cta">
Closed Registration
</button>
</div>
-->
</nav>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"
></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_163490531852461"
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>
.dataTables_empty {
padding-left: 0 !important;
}
thead.custom-thead-c {
/* position: absolute; */
/* width: 846px; */
/* height: 37px; */
/* left: 217px; */
/* top: 830px; */
background: #2eb5c0;
/* position: absolute; */
width: 40px;
/* height: 17px; */
/* left: 288px; */
/* top: 840px; */
font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 14px;
/* line-height: 17px; */
color: #ffffff;
}
table.dataTable.no-footer {
border-collapse: separate;
border-bottom: 1px solid #2eb5c0;
}
table.dataTable thead th:first-child {
border-top-left-radius: 1rem;
}
table.dataTable thead th:last-child {
border-top-right-radius: 1rem;
}
table.dataTable thead th,
table.dataTable thead td {
border-bottom: none;
}
table.dataTable tbody tr {
background-color: #ffffff;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
background-color: transparent;
}
table.dataTable.stripe tbody tr.even,
table.dataTable.display tbody tr.even {
/*background-color: #f9f9f9;*/
/* position: absolute; */
/* width: 846px; */
/* height: 37px; */
/* left: 217px; */
/* top: 904px; */
background: #e4f4f7;
}
table.dataTable tbody tr:first-child td:first-child {
border-bottom-left-radius: 0rem;
/*background-color: black;*/
}
table.dataTable tbody tr:first-child td:last-child {
border-bottom-right-radius: 0rem;
/*background-color: black;*/
}
table.dataTable thead tr th:first-child {
padding-left: 1rem;
width: 1%;
}
table.dataTable thead tr th:nth-child(2) {
padding-left: 1rem;
width: 25%;
}
table.dataTable thead tr th:last-child {
width: 25%;
}
table.dataTable tbody tr td:first-child {
padding-left: 1rem;
/*border-left: 1px solid #2EB5C0;*/
width: 1%;
}
table.dataTable tbody tr td:nth-child(2) {
padding-left: 1rem;
/*border-left: 1px solid #2EB5C0;*/
width: 25%;
}
table.dataTable tbody tr td:last-child {
/*border-right: 1px solid #2EB5C0;*/
width: 25%;
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
border-top: none;
}
table.dataTable.display tbody td {
/* SMA Negeri 1 Jakarta Selatan */
/*position: absolute;*/
/*width: 197px;*/
/*height: 17px;*/
/*left: 560px;*/
/*top: 877px;*/
font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #0a2540;
}
div.dataTables_scrollHeadInner {
width: 100%;
}
div.dataTables_wrapper.no-footer div.dataTables_scrollBody {
border: 1px solid #2eb5c0;
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem;
min-height: 10rem;
}
div.dataTables_scrollHead {
border: 1px solid #2eb5c0 !important;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
input[type='search']::placeholder {
/* Cari nama kamu */
/*position: absolute;*/
/*width: 107px;*/
/*height: 17px;*/
/*left: 888px;*/
/*top: 781px;*/
font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #0a2540;
opacity: 0.5;
}
a.btn-custom-c:hover {
text-decoration: underline;
color: #ffffff;
}
a.btn-custom-c {
/* position: absolute; */
width: 220px;
/* height: 42px; */
/* left: 530px; */
/* top: 1541px; */
background: #ff823c;
box-shadow: 0px 8px 16px -2px rgba(255, 130, 60, 0.2);
border-radius: 100px;
/*padding: .8rem;*/
/* position: absolute; */
/* width: 144px; */
/* height: 17px; */
/* left: 554px; */
/* top: 1553px; */
font-family: Inter;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #ffffff;
position: absolute;
bottom: 2rem;
/*left: 40%;*/
}
@media (min-width: 768px) {
table.dataTable thead tr th:first-child {
padding-left: 2rem;
}
table.dataTable tbody tr td:first-child {
padding-left: 2rem;
text-align: center;
}
}
</style>
<div class="spacer-rg"></div>
<div class="ban-leaderboard">
<div class="page-center">
<h1>RUANGGURU BUSINESS INNOVATION CHALLENGE TOP 20 SEMI FINALISTS</h1>
<p>
After undergoing a deeply thorough scoring process by our panel of judges, we have decided on the top 20 teams that will be moving forward to the RUBIC Semi Finals. Please await
a confirmation email from us for the next steps. Congratulations!
</p>
</div>
</div>
<div class="leaderboard-tab">
<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/Olimpiade%20Ruangguru/math_ico.svg"
alt="Icon Matematika">Matematika
</div>
<div class="leaderboard-nav-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/fis_ico.svg"
alt="Icon Fisika">Fisika
</div>
<div class="leaderboard-nav-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/bio_ico.svg"
alt="Icon Biologi">Biologi
</div>
<div class="leaderboard-nav-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/kim_ico.svg"
alt="Icon Kimia">Kimia
</div>
<div class="leaderboard-nav-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/geo_ico.svg"
alt="Icon Geografi">Geografi
</div>
<div class="leaderboard-nav-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Olimpiade%20Ruangguru/eko_ico.svg"
alt="Icon Ekonomi">Ekonomi
</div>
</div> -->
<div class="content-leaderboard">
<div class="leaderboard-content aktif" konten="Sekolah">
<!-- <div class="inner-nav-wrap">
<div class="wrap-row">
<div class="inner-nav aktif" style="margin-right: 1rem;" inner-konten="best_school">The Best
School in National Round</div>
<div class="inner-nav" inner-konten="school_leaderboard">Best Province</div>
</div>
<div class="wrap-row">
<div class="inner-nav" 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>
</div> -->
<div class="inner-content-wrap">
<nav aria-label="breadcrumb">
<ol id="breadcrumb" class="breadcrumb bg-transparent"></ol>
</nav>
<div class="inner-content aktif" inner-konten="best_school" id="best_school">
<div class="complete-wrap">
<div class="list-pemenang__title">
<div class="left-title">
<h3 class="font-judul-leaderboard">Top 20 Semi Finalists</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">No.</th>
<th style="text-align: left">Group Name</th>
<th class="provinsi-th">Group Members</th>
</tr>
</thead>
<tbody class="inner-tbody">
<tr>
<td>1</td>
<td>BebasLah</td>
<td>
Jovan Natalius Marcos,
<br />
Zulfah Amala,
<br />
Mikha Hilliard
</td>
</tr>
<tr>
<td>2</td>
<td>Berlake</td>
<td>
Timothy Putera Anugerah,
<br />
Merlin Grace,
<br />
Sindhunata
</td>
</tr>
<tr>
<td>3</td>
<td>Black Swan</td>
<td>
Abdurrahman Adz Dzikri,
<br />
Shiela Zhafira,
<br />
Nurzihan Saskya
</td>
</tr>
<tr>
<td>4</td>
<td>BTW Inc</td>
<td>
Theo Gerald Parluhutan N.,
<br />
Insani Sekarwulan,
<br />
Brigita Sekar
</td>
</tr>
<tr>
<td>5</td>
<td>Carpe Librum</td>
<td>
M. Abiyyu Adikara Trisaksono,
<br />
Zahrah Zafira,
<br />
Aransandya Pangesthika Arrumy
</td>
</tr>
<tr>
<td>6</td>
<td>Checkmate</td>
<td>
Shelyne Jovinca,
<br />
Ruth Evelina Setijawan,
<br />
Michelle Elwindref Setiawan
</td>
</tr>
<tr>
<td>7</td>
<td>Cilor</td>
<td>
Zahra Fani Robyanti,
<br />
Delia Firka Ayyar,
<br />
Yumna Novi Alifah
</td>
</tr>
<tr>
<td>8</td>
<td>FBN</td>
<td>
Fadhil Ilham Rahmadi,
<br />
Bhaskoro Siddhi Pradhana,
<br />
Nur Fauziah Hasanah
</td>
</tr>
<tr>
<td>9</td>
<td>Genesis</td>
<td>
Farell Adiputra,
<br />
Ziyan Muhammad Aqsha,
<br />
Helena Oktaviani
</td>
</tr>
<tr>
<td>10</td>
<td>Hooray</td>
<td>
Gabrielle Angela Christie,
<br />
Tasya Salensia,
<br />
Prudence Koemolontang
</td>
</tr>
<tr>
<td>11</td>
<td>Industrial Team</td>
<td>
Daud Aditya,
<br />
Naomi Luh Cintya Prakasita,
<br />
Yonatan Jori Saputra
</td>
</tr>
<tr>
<td>12</td>
<td>Kimchi</td>
<td>
M. Irfan Akbar,
<br />
Kiyaranu Putra Pakartiwan,
<br />
Xaviera Putri Ardianingsih L.
</td>
</tr>
<tr>
<td>13</td>
<td>Ruang BK</td>
<td>
Kevin Ahmad Faisal,
<br />
Amalia Nan Renjana,
<br />
Eunike Kezia Anandartia P.
</td>
</tr>
<tr>
<td>14</td>
<td>Sandbox</td>
<td>
Lifia Vania,
<br />
Michelle Clarissa Hermawan,
<br />
Lucia Deananta
</td>
</tr>
<tr>
<td>15</td>
<td>Sorago Edusquad</td>
<td>
Stephanie Dame Augustine,
<br />
Rizal Galih Pradana,
<br />
Ratna Sari
</td>
</tr>
<tr>
<td>16</td>
<td>Stealth</td>
<td>
Ruthana Bitia,
<br />
Fransiskus Ryan Satya D.,
<br />
Catherine Kurniawan
</td>
</tr>
<tr>
<td>17</td>
<td>TeamEd</td>
<td>
Novan Yonatan Seilatu,
<br />
Enike Maria Vianey,
<br />
Sheila Firda Annisarahma
</td>
</tr>
<tr>
<td>18</td>
<td>THREE.CH</td>
<td>
Michael Benedict,
<br />
Maria Fransiska Michelle,
<br />
Richard Aldi Susanto
</td>
</tr>
<tr>
<td>19</td>
<td>Tifaniz</td>
<td>
Bizza Shafwah Utsula,
<br />
Stephanie Gabrielle,
<br />
Timothy Nathaniel Gunawan
</td>
</tr>
<tr>
<td>20</td>
<td>Tim Bul</td>
<td>
Angelo Mario Wijoyo,
<br />
Sonia Florence Serevin,
<br />
M. Aufa Ashiddiq
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--<div class="countdown-sec" id="sekolah_1">
<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"><b>THE BEST SCHOOL IN REGIONAL ROUND</b></p>
</div>
</div>
<div class="text-desc-alert">
<p class="font-desc">Merupakan sekolah teratas yang memiliki perwakilan peserta TOP 100 di seluruh
bidang
yang lolos ke National Round dengan bobot point sebagai berikut:</p>
<p class="font-desc">1-5 = 5 points;<br>
6-20 = 4 points;<br>
21-50 = 3 points;<br>
51-75 = 2 points;<br>
75-100 = 1 point.
<br>
</div>
</div>
</div>-->
<!-- <div class="countdown-sec" id="sekolah_2">
<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">SELAMAT! Sekolah di atas berhak mendapatkan Sertifikat Penghargaan
<b>"The Best
School in National Round"</b></p>
</div>
</div>
</div>
</div> -->
</div>
<div class="inner-content" inner-konten="school_leaderboard" id="school_leaderboard">
<div class="complete-wrap">
<div class="list-pemenang__title">
<div class="left-title">
<h3 class="font-judul-leaderboard">Best Province</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">Provinsi</th>
<th class="provinsi-th">Poin</th>
</tr>
</thead>
<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_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>
<tbody class="inner-tbody">
<tr>
<td class="inner-no">1</td>
<td>MAN 2 KOTA MALANG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td class="inner-no">2</td>
<td>MAN 2 PEKANBARU</td>
<td>RIAU</td>
</tr>
<tr>
<td class="inner-no">3</td>
<td>MA INSAN CENDEKIA SERPONG</td>
<td>BANTEN</td>
</tr>
<tr>
<td class="inner-no">4</td>
<td>SMA KESATUAN BANGSA</td>
<td>DI YOGYAKARTA</td>
</tr>
<tr>
<td class="inner-no">5</td>
<td>SMA KHARISMA BANGSA</td>
<td>BANTEN</td>
</tr>
<tr>
<td class="inner-no">6</td>
<td>SMA TARUNA NUSANTARA</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td class="inner-no">7</td>
<td>SMA UNGGULAN MOHAMMAD HUSNI THAMRIN</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td class="inner-no">8</td>
<td>SMA SEMESTA BBS SEMARANG</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td class="inner-no">9</td>
<td>SMA AL AZHAR MANDIRI PALU</td>
<td>SULAWESI TENGAH</td>
</tr>
<tr>
<td class="inner-no">10</td>
<td>SMA KRISTEN PETRA 1</td>
<td>JAWA TIMUR</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>
<tbody class="inner-tbody">
<tr>
<td>Jawa Timur</td>
<td>MAN 2 KOTA MALANG</td>
</tr>
<tr>
<td>Jawa Tengah</td>
<td>SMA TARUNA NUSANTARA</td>
</tr>
<tr>
<td>Banten</td>
<td>MAN INSAN CENDEKIA SERPONG</td>
</tr>
<tr>
<td>DKI Jakarta</td>
<td>SMA UNGGULAN MOHAMMAD HUSNI THAMRIN</td>
</tr>
<tr>
<td>Riau</td>
<td>MAN 2 PEKANBARU</td>
</tr>
<tr>
<td>Sumatra Selatan</td>
<td>SMA IGNATIUS GLOBAL SCHOOL</td>
</tr>
<tr>
<td>Sulawesi Tenggara</td>
<td>SMA 1 BAUBAU</td>
</tr>
<tr>
<td>Jawa Barat</td>
<td>SMA PRIBADI BANDUNG</td>
</tr>
<tr>
<td>Kepulauan Riau</td>
<td>SMA MONDIAL BATAM</td>
</tr>
<tr>
<td>DI Yogyakarta</td>
<td>MAN 1 YOGYAKARTA</td>
</tr>
<tr>
<td>Nusa Tenggara Barat</td>
<td>MAN 2 MATARAM</td>
</tr>
<tr>
<td>Sumatra Barat</td>
<td>MAN INSAN CENDEKIA PADANG PARIAMAN</td>
</tr>
<tr>
<td>Sulawesi Tengah</td>
<td>SMA AL AZHAR MANDIRI PALU</td>
</tr>
<tr>
<td>Sumatra Utara</td>
<td>SMA UNGGUL DEL</td>
</tr>
<tr>
<td>Jambi</td>
<td>SMA XAVERIUS 1 JAMBI</td>
</tr>
<tr>
<td>Bali</td>
<td>SMA 1 UBUD</td>
</tr>
<tr>
<td>Kepulauan Bangka Belitung</td>
<td>SMA 1 PEMALI</td>
</tr>
<tr>
<td>Kalimantan Selatan</td>
<td>MAN INSAN CENDEKIA TANAH LAUT</td>
</tr>
<tr>
<td>Kalimantan Timur</td>
<td>SMA 1 SAMARINDA</td>
</tr>
<tr>
<td>Kalimantan Barat</td>
<td>SMA 1 PONTIANAK</td>
</tr>
<tr>
<td>Nanggroe Aceh Darussalam</td>
<td>SMA FATIH BILINGUAL SCHOOL</td>
</tr>
<tr>
<td>Lampung</td>
<td>SMA AL KAUTSAR BANDAR LAMPUNG</td>
</tr>
<tr>
<td>Sulawesi Selatan</td>
<td>SMA KATOLIK RAJAWALI</td>
</tr>
<tr>
<td>Sulawesi Utara</td>
<td>SMA KRISTEN EBEN HAEZAR MANADO</td>
</tr>
<tr>
<td>Bengkulu</td>
<td>SMA 10 KAUR PENTAGON</td>
</tr>
<tr>
<td>Kalimantan Utara</td>
<td>SMA 1 TARAKAN</td>
</tr>
<tr>
<td>Papua</td>
<td>SMA 4 JAYAPURA</td>
</tr>
<tr>
<td>Nusa Tenggara Timur</td>
<td>SMAK FRATERAN NDAO ENDE</td>
</tr>
<tr>
<td>Sulawesi Barat</td>
<td>SMA 1 POLEWALI</td>
</tr>
<tr>
<td>Gorontalo</td>
<td>SMA 1 LIMBOTO</td>
</tr>
<tr>
<td>Kalimantan Tengah</td>
<td>SMA 1 PARENGGEAN</td>
</tr>
<tr>
<td>Maluku</td>
<td>SMA LENTERA HARAPAN AMBON</td>
</tr>
<tr>
<td>Papua Barat</td>
<td>SMAS AVEROS KOTA SORONG</td>
</tr>
<tr>
<td>Maluku Utara</td>
<td>SMA 1 KOTA TERNATE</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>
<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_3').removeClass('aktif');
$('#school_leaderboard_2').addClass('aktif');
} else if (valueny === 'school_leaderboard_3') {
$('#school_leaderboard').removeClass('aktif');
$('#best_school').removeClass('aktif');
$('#school_leaderboard_2').removeClass('aktif');
$('#school_leaderboard_3').addClass('aktif');
} else {
$('#best_school').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%">
<thead class="custom-thead-c">
<tr class="custom-c">
<th>Peringkat</th>
<th>Nama</th>
<th>Sekolah</th>
<th>Provinsi</th>
</tr>
</thead>
<!--MATH ISI DISINI-->
<tbody>
<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>EVELYN L</td>
<td>SMA MAWAR SHARON CHRISTIAN SCHOOL</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>2</td>
<td>SANDY K</td>
<td>SMAK PENABUR CIREBON</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>3</td>
<td>KENJI G</td>
<td>SMAK 1 PENABUR JAKARTA</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>4</td>
<td>AXEL G</td>
<td>SMA KHARISMA BANGSA</td>
<td>BANTEN</td>
</tr>
<tr>
<td>5</td>
<td>ANDREAS R</td>
<td>SMA KRISTEN PETRA 1</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>6</td>
<td>HAIDAR P</td>
<td>SMA UNGGULAN MOHAMMAD HUSNI THAMRIN</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>7</td>
<td>FAUZAN I</td>
<td>SMA NEGERI 1 KOTA DEPOK</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>8</td>
<td>DZUBYAN I</td>
<td>SMA SEMESTA BBS SEMARANG</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>9</td>
<td>BENEDIKTUS G</td>
<td>SMA KATOLIK RAJAWALI</td>
<td>SULAWESI SELATAN</td>
</tr>
<tr>
<td>10</td>
<td>M JILAN</td>
<td>MAN 2 KOTA MALANG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>11</td>
<td>M ALAN</td>
<td>SMA KESATUAN BANGSA YOGYAKARTA</td>
<td>DI YOGYAKARTA</td>
</tr>
<tr>
<td>12</td>
<td>MAULANA S</td>
<td>SMA TARUNA NUSANTARA</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>13</td>
<td>PUTU K</td>
<td>SMA 1 DENPASAR</td>
<td>BALI</td>
</tr>
<tr>
<td>14</td>
<td>HARIS H</td>
<td>SMA NEGERI CMBBS</td>
<td>BANTEN</td>
</tr>
<tr>
<td>15</td>
<td>RESWARA A</td>
<td>MAN 2 KOTA MALANG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>16</td>
<td>FREDERICK K</td>
<td>SMA 1 TAPAK TUAN</td>
<td>ACEH</td>
</tr>
<tr>
<td>17</td>
<td>JOSEPH B</td>
<td>SMA KRISTEN EBEN HAEZAR</td>
<td>SULAWESI UTARA</td>
</tr>
<tr>
<td>18</td>
<td>KEZIA S</td>
<td>SMAK 7 PENABUR JAKARTA</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>19</td>
<td>ALGAR K</td>
<td>SMA 7 MALANG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>20</td>
<td>RIZKY R</td>
<td>SMA NEGERI 5 SURABAYA</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>21</td>
<td>WYNNE E</td>
<td>SMA AL AZHAR MANDIRI PALU</td>
<td>SULAWESI TENGAH</td>
</tr>
<tr>
<td>22</td>
<td>JUSTIN</td>
<td>SMA MONDIAL BATAM</td>
<td>KEPULAUAN RIAU</td>
</tr>
<tr>
<td>23</td>
<td>DENZEL E</td>
<td>SMA FRANSISKUS BANDAR LAMPUNG</td>
<td>LAMPUNG</td>
</tr>
<tr>
<td>24</td>
<td>M ENRIZKY</td>
<td>MAN INSAN CENDEKIA SERPONG</td>
<td>BANTEN</td>
</tr>
<tr>
<td>25</td>
<td>RANDY V</td>
<td>SMAN 81 JAKARTA</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>26</td>
<td>MIKHAIL I</td>
<td>SMA NEGERI 1 SUMATERA BARAT</td>
<td>SUMATERA BARAT</td>
</tr>
<tr>
<td>27</td>
<td>I PUTU</td>
<td>SMA NEGERI 1 SINGARAJA</td>
<td>BALI</td>
</tr>
<tr>
<td>28</td>
<td>CHARISMA P</td>
<td>SMA KESATUAN BANGSA YOGYAKARTA</td>
<td>DI YOGYAKARTA</td>
</tr>
<tr>
<td>29</td>
<td>PETRUS D</td>
<td>SMA NEGERI 3 KOTA JAMBI</td>
<td>JAMBI</td>
</tr>
<tr>
<td>30</td>
<td>M RAFSYA</td>
<td>MAN 1 BANDAR LAMPUNG</td>
<td>LAMPUNG</td>
</tr>
</tbody>
</table>
<div class="countdown-sec"></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">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="Fisika">
<div class="complete-wrap">
<h3 class="font-judul-leaderboard">Juara Fisika</h3>
<table id="table_id_2" class="display" style="width: 100%">
<thead class="custom-thead-c">
<tr class="custom-c">
<th>Peringkat</th>
<th>Nama</th>
<th>Sekolah</th>
<th>Provinsi</th>
</tr>
</thead>
<!--FIS ISI DISINI-->
<tbody>
<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>M NABIEL</td>
<td>SMA UNGGULAN MOHAMMAD HUSNI THAMRIN</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>2</td>
<td>AISHA I</td>
<td>SMA UNGGULAN MOHAMMAD HUSNI THAMRIN</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>3</td>
<td>ALTHAAF S</td>
<td>SMA KESATUAN BANGSA YOGYAKARTA</td>
<td>DI YOGYAKARTA</td>
</tr>
<tr>
<td>4</td>
<td>DAVID M</td>
<td>SMAK PENABUR GADING SERPONG</td>
<td>BANTEN</td>
</tr>
<tr>
<td>5</td>
<td>GEDE INDRA</td>
<td>SMA 1 GIANYAR</td>
<td>BALI</td>
</tr>
<tr>
<td>6</td>
<td>ALPHERO T</td>
<td>SMA NEGERI 10 SAMARINDA</td>
<td>KALIMANTAN TIMUR</td>
</tr>
<tr>
<td>7</td>
<td>NI PUTU</td>
<td>SMA 1 SINGAJARA</td>
<td>BALI</td>
</tr>
<tr>
<td>8</td>
<td>ANTHONY C</td>
<td>SMA XAVERIUS 1 JAMBI</td>
<td>JAMBI</td>
</tr>
<tr>
<td>9</td>
<td>IMANUEL A</td>
<td>SMAS AVEROS KOTA SORONG</td>
<td>PAPUA BARAT</td>
</tr>
<tr>
<td>10</td>
<td>DIES H</td>
<td>SMA 7 MALANG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>11</td>
<td>DHAFI P</td>
<td>MAN 2 PEKANBARU</td>
<td>RIAU</td>
</tr>
<tr>
<td>12</td>
<td>JERRY E</td>
<td>SMA NEGERI 4 DENPASAR</td>
<td>BALI</td>
</tr>
<tr>
<td>13</td>
<td>PRAJNA M</td>
<td>SMAS PAHOA TANGERANG BANTEN</td>
<td>BANTEN</td>
</tr>
<tr>
<td>14</td>
<td>FAHMI F</td>
<td>SMA NEGERI 2 PURWOKERTO</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>15</td>
<td>ASKANA M</td>
<td>MAN 2 KOTA MALANG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>16</td>
<td>AHMAD Y</td>
<td>SMA SEMESTA BBS SEMARANG</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>17</td>
<td>KAINDRA R</td>
<td>SMA NEGERI 3 SAMARINDA</td>
<td>KALIMANTAN TIMUR</td>
</tr>
<tr>
<td>18</td>
<td>JASMINE L</td>
<td>SMA TARUNA NUSANTARA</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>19</td>
<td>ARIEL S</td>
<td>SMA KHARISMA BANGSA</td>
<td>BANTEN</td>
</tr>
<tr>
<td>20</td>
<td>AHMAD F</td>
<td>SMA TARUNA NUSANTARA</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>21</td>
<td>EVAN W</td>
<td>SMAK ST. LOUIS 1 SURABAYA</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>22</td>
<td>ZULFA N</td>
<td>MAN 2 KOTA MALANG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>23</td>
<td>DAFFA A</td>
<td>MAN 2 PEKANBARU</td>
<td>RIAU</td>
</tr>
<tr>
<td>24</td>
<td>ZAKI F</td>
<td>SMA IGNATIUS GLOBAL SCHOOL</td>
<td>SUMATERA SELATAN</td>
</tr>
<tr>
<td>25</td>
<td>DZAKY R</td>
<td>SMA SEMESTA BBS SEMARANG</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>26</td>
<td>RICHARD F</td>
<td>SMA MONDIAL BATAM</td>
<td>KEPULAUAN RIAU</td>
</tr>
<tr>
<td>27</td>
<td>ARYAPUTRA L</td>
<td>SMA 1 TRENGGALEK</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>28</td>
<td>M FAJAR</td>
<td>SMA AL AZHAR MANDIRI PALU</td>
<td>SULAWESI TENGAH</td>
</tr>
<tr>
<td>29</td>
<td>FLORENT S</td>
<td>SMA NEGERI 1 KABANJAHE</td>
<td>SUMATERA UTARA</td>
</tr>
<tr>
<td>30</td>
<td>ANDIAS A</td>
<td>SMA KHARISMA BANGSA</td>
<td>BANTEN</td>
</tr>
</tbody>
</table>
<!-- <p class="font-desc"><br>*Urutan Finalis National Round tidak menggambarkan peringkat (acak)</p> -->
<div class="countdown-sec"></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="Biologi">
<div class="complete-wrap">
<h3 class="font-judul-leaderboard">Juara Biologi</h3>
<table id="table_id_3" class="display" style="width: 100%">
<thead class="custom-thead-c">
<tr class="custom-c">
<th>Peringkat</th>
<th>Nama</th>
<th>Sekolah</th>
<th>Provinsi</th>
</tr>
</thead>
<!--BIO ISI DISINI-->
<tbody>
<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>MICHAEL P</td>
<td>SMAK ST. LOUIS 1 SURABAYA</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>2</td>
<td>GABRIELLA B</td>
<td>SMA KUSUMA BANGSA PALEMBANG</td>
<td>SUMATERA SELATAN</td>
</tr>
<tr>
<td>3</td>
<td>NICHOLAS S</td>
<td>SMA METHODIST 2 MEDAN</td>
<td>SUMATERA UTARA</td>
</tr>
<tr>
<td>4</td>
<td>SHERLY A</td>
<td>SMA KRISTEN PETRA 1</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>5</td>
<td>CHARLOS F</td>
<td>SMA SEMESTA BBS SEMARANG</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>6</td>
<td>GANANG F</td>
<td>SMA KESATUAN BANGSA YOGYAKARTA</td>
<td>DI YOGYAKARTA</td>
</tr>
<tr>
<td>7</td>
<td>GALEN C</td>
<td>SMA XAVERIUS 1 JAMBI</td>
<td>JAMBI</td>
</tr>
<tr>
<td>8</td>
<td>JONATHAN S</td>
<td>SMA 1 BOGOR</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>9</td>
<td>KEANU D</td>
<td>MAN INSAN CENDEKIA JAMBI</td>
<td>JAMBI</td>
</tr>
<tr>
<td>10</td>
<td>RAFLY M</td>
<td>SMA 3 BANDUNG</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>11</td>
<td>M ANGGER</td>
<td>SMA TARUNA NUSANTARA</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>12</td>
<td>RAFA R</td>
<td>SMA UNGGULAN MOHAMMAD HUSNI THAMRIN</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>13</td>
<td>MAYANDRA A</td>
<td>SMA 1 PONOROGO</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>14</td>
<td>IMAM A</td>
<td>SMA CAHAYA RANCAMAYA</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>15</td>
<td>TAJI I</td>
<td>SMA YAYASAN PUPUK KALTIM BONTANG</td>
<td>KALIMANTAN TIMUR</td>
</tr>
<tr>
<td>16</td>
<td>PIETER C</td>
<td>SMA 3 BANDA ACEH</td>
<td>ACEH</td>
</tr>
<tr>
<td>17</td>
<td>JEFFERSON F</td>
<td>SMA KRISTEN PETRA 2</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>18</td>
<td>DANIEL S</td>
<td>SMA KATOLIK RAJAWALI</td>
<td>SULAWESI SELATAN</td>
</tr>
<tr>
<td>19</td>
<td>M AFFAN</td>
<td>SMA PLUS NEGERI 17 PALEMBANG</td>
<td>SUMATERA SELATAN</td>
</tr>
<tr>
<td>20</td>
<td>MUHAMAD N</td>
<td>SMA KHARISMA BANGSA</td>
<td>BANTEN</td>
</tr>
<tr>
<td>21</td>
<td>ARMAN D</td>
<td>SMA PLUS NEGERI 17 PALEMBANG</td>
<td>SUMATERA SELATAN</td>
</tr>
<tr>
<td>22</td>
<td>LABBAIKA Z</td>
<td>MAN 2 KOTA MALANG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>23</td>
<td>MUHAMMAD N</td>
<td>SMAN 1 GENTENG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>24</td>
<td>SITI A</td>
<td>SMA NEGERI 1 MANYAR</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>25</td>
<td>DANISH R</td>
<td>SMA 8 PEKANBARU</td>
<td>RIAU</td>
</tr>
<tr>
<td>26</td>
<td>KENLEY N</td>
<td>SMAK ST. LOUIS 1 SURABAYA</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>27</td>
<td>MOHAMMAD I</td>
<td>MAN 2 KOTA MALANG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>28</td>
<td>ARTHA M</td>
<td>SMA SUTOMO 1 MEDAN</td>
<td>SUMATERA UTARA</td>
</tr>
<tr>
<td>29</td>
<td>EZRA H</td>
<td>SMA NEGERI 1 TANJUNGPINANG</td>
<td>KEPULAUAN RIAU</td>
</tr>
<tr>
<td>30</td>
<td>HISYAM Q</td>
<td>SMA NEGERI 1 SUKARESMI</td>
<td>JAWA BARAT</td>
</tr>
</tbody>
</table>
<!-- <p class="font-desc"><br>*Urutan Finalis National Round tidak menggambarkan peringkat (acak)</p> -->
<div class="countdown-sec"></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="Kimia">
<div class="complete-wrap">
<h3 class="font-judul-leaderboard">Juara Kimia</h3>
<table id="table_id_4" class="display" style="width: 100%">
<thead class="custom-thead-c">
<tr class="custom-c">
<th>Peringkat</th>
<th>Nama</th>
<th>Sekolah</th>
<th>Provinsi</th>
</tr>
</thead>
<!--KIM ISI DISINI-->
<tbody>
<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>KRISNADITYA D</td>
<td>SMA 4 DENPASAR</td>
<td>BALI</td>
</tr>
<tr>
<td>2</td>
<td>EMILDA P</td>
<td>MAN 2 KOTA MALANG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>3</td>
<td>KEVIN L</td>
<td>SMA KRISTEN PETRA 1</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>4</td>
<td>RACHEL E</td>
<td>SMA DARMA YUDHA</td>
<td>RIAU</td>
</tr>
<tr>
<td>5</td>
<td>ARIEF K</td>
<td>SMA NEGERI 1 SUMATERA BARAT</td>
<td>SUMATERA BARAT</td>
</tr>
<tr>
<td>6</td>
<td>AUDREY X</td>
<td>SMAK SANTU PETRUS</td>
<td>KALIMANTAN BARAT</td>
</tr>
<tr>
<td>7</td>
<td>NUEL D</td>
<td>SMA UNGGUL DEL</td>
<td>SUMATERA UTARA</td>
</tr>
<tr>
<td>8</td>
<td>SELLY E</td>
<td>MAN 2 PEKANBARU</td>
<td>RIAU</td>
</tr>
<tr>
<td>9</td>
<td>ANDREW J</td>
<td>SMA JEMBATAN BUDAYA</td>
<td>BALI</td>
</tr>
<tr>
<td>10</td>
<td>KHAIRANI P</td>
<td>SMA 2 KOTA TANGERANG SELATAN</td>
<td>BANTEN</td>
</tr>
<tr>
<td>11</td>
<td>RIZKI A</td>
<td>SMA UNGGULAN MOHAMMAD HUSNI THAMRIN</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>12</td>
<td>VANIA S</td>
<td>MAN 2 PEKANBARU</td>
<td>RIAU</td>
</tr>
<tr>
<td>13</td>
<td>MARITZA G</td>
<td>MAN INSAN CENDEKIA SERPONG</td>
<td>BANTEN</td>
</tr>
<tr>
<td>14</td>
<td>M DIHYA</td>
<td>SMA QURANIC SCIENCE BS</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>15</td>
<td>RAYMOND T</td>
<td>SMA KATOLIK RAJAWALI</td>
<td>SULAWESI SELATAN</td>
</tr>
<tr>
<td>16</td>
<td>M ADYAN</td>
<td>SMA CAHAYA RANCAMAYA</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>17</td>
<td>ARYA N</td>
<td>SMA 1 JAKARTA</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>18</td>
<td>NADHIF F</td>
<td>MAN 2 KOTA MALANG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>19</td>
<td>PETER G</td>
<td>AUSTRALIAN INDEPENDENT SCHOOL JAKARTA</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>20</td>
<td>AYESHA R</td>
<td>SMA KESATUAN BANGSA YOGYAKARTA</td>
<td>DI YOGYAKARTA</td>
</tr>
<tr>
<td>21</td>
<td>GWYNETH S</td>
<td>SMA KRISTEN PETRA 2</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>22</td>
<td>SHARON I</td>
<td>SMA STELLA DUCE 1 YOGYAKARTA</td>
<td>DI YOGYAKARTA</td>
</tr>
<tr>
<td>23</td>
<td>KRIESTIAN V</td>
<td>SMA KESATUAN BANGSA YOGYAKARTA</td>
<td>DI YOGYAKARTA</td>
</tr>
<tr>
<td>24</td>
<td>PEDRIK M</td>
<td>SMA NEGERI 7 DENPASAR</td>
<td>BALI</td>
</tr>
<tr>
<td>25</td>
<td>ANNABELLE Q</td>
<td>SMA KHARISMA BANGSA</td>
<td>BANTEN</td>
</tr>
<tr>
<td>26</td>
<td>M EZRA</td>
<td>MAN INSAN CENDEKIA SERPONG</td>
<td>BANTEN</td>
</tr>
<tr>
<td>27</td>
<td>AGATHA N</td>
<td>SMA NEGERI 1 SALATIGA</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>28</td>
<td>FREDERIK I</td>
<td>SMA KRISTEN 8 PENABUR</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>29</td>
<td>CHESTA A</td>
<td>SMA 1 BOGOR</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>30</td>
<td>RAFA A</td>
<td>SMA 8 JAKARTA</td>
<td>DKI JAKARTA</td>
</tr>
</tbody>
</table>
<!-- <p class="font-desc"><br>*Urutan Finalis National Round tidak menggambarkan peringkat (acak)</p> -->
<div class="countdown-sec"></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="Geografi">
<div class="complete-wrap">
<h3 class="font-judul-leaderboard">Juara Geografi</h3>
<table id="table_id_5" class="display" style="width: 100%">
<thead class="custom-thead-c">
<tr class="custom-c">
<th>Peringkat</th>
<th>Nama</th>
<th>Sekolah</th>
<th>Provinsi</th>
</tr>
</thead>
<!--GEO ISI DISINI-->
<tbody>
<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>FIONA Z</td>
<td>SMA KRISTEN PETRA 1</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>2</td>
<td>FITRA H</td>
<td>MAN 2 KOTA MALANG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>3</td>
<td>HANIF H</td>
<td>SMA NEGERI 10 SAMARINDA</td>
<td>KALIMANTAN TIMUR</td>
</tr>
<tr>
<td>4</td>
<td>VINCA A</td>
<td>SMA 61 JAKARTA</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>5</td>
<td>RAFLI A</td>
<td>MAN 2 PEKANBARU</td>
<td>RIAU</td>
</tr>
<tr>
<td>6</td>
<td>ALDI S</td>
<td>SMA 1 PROBOLINGGO</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>7</td>
<td>NASHITA S</td>
<td>SMA 2 KOTA TANGERANG SELATAN</td>
<td>BANTEN</td>
</tr>
<tr>
<td>8</td>
<td>MERU S</td>
<td>SMA NEGERI 1 WATES</td>
<td>DI YOGYAKARTA</td>
</tr>
<tr>
<td>9</td>
<td>FARA A</td>
<td>SMA 6 YOGYAKARTA</td>
<td>DI YOGYAKARTA</td>
</tr>
<tr>
<td>10</td>
<td>JULIANDRI I</td>
<td>SMA 16 JAKARTA</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>11</td>
<td>NADIA N</td>
<td>SMA 1 PURWOKERTO</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>12</td>
<td>DIKLA F</td>
<td>MAN INSAN CENDEKIA SERPONG</td>
<td>BANTEN</td>
</tr>
<tr>
<td>13</td>
<td>M SYAKHSAN</td>
<td>SMA MT BOJONEGORO</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>14</td>
<td>M FARID</td>
<td>SMA PLUS PROVINSI RIAU</td>
<td>RIAU</td>
</tr>
<tr>
<td>15</td>
<td>ARYA M</td>
<td>SMA NEGERI 1 BOYOLALI</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>16</td>
<td>FADHIL M</td>
<td>MAN 1 YOGYAKARTA</td>
<td>DI YOGYAKARTA</td>
</tr>
<tr>
<td>17</td>
<td>FARHAN R</td>
<td>SMA NEGERI 7 BANDA ACEH</td>
<td>ACEH</td>
</tr>
<tr>
<td>18</td>
<td>MUHIZZADIN A</td>
<td>SMA NEGERI 10 SAMARINDA</td>
<td>KALIMANTAN TIMUR</td>
</tr>
<tr>
<td>19</td>
<td>M HAFIDZ</td>
<td>MAN INSAN CENDEKIA BANGKA TENGAH</td>
<td>KEPULAUAN BANGKA BELITUNG</td>
</tr>
<tr>
<td>20</td>
<td>M JUNAIDI</td>
<td>MAN INSAN CENDEKIA JAMBI</td>
<td>JAMBI</td>
</tr>
<tr>
<td>21</td>
<td>SARAH R</td>
<td>SMA UNGGULAN MOHAMMAD HUSNI THAMRIN</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>22</td>
<td>M NDARU</td>
<td>SMA NEGERI 1 KEPANJEN</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>23</td>
<td>NYOMAN A</td>
<td>SMA 3 DENPASAR</td>
<td>BALI</td>
</tr>
<tr>
<td>24</td>
<td>NATHAN T</td>
<td>SMA KRISTEN EBEN HAEZAR</td>
<td>SULAWESI UTARA</td>
</tr>
<tr>
<td>25</td>
<td>CHELSEA T</td>
<td>SMA MONDIAL BATAM</td>
<td>KEPULAUAN RIAU</td>
</tr>
<tr>
<td>26</td>
<td>DIMAS D</td>
<td>SMA AL KAUTSAR BANDAR LAMPUNG</td>
<td>LAMPUNG</td>
</tr>
<tr>
<td>27</td>
<td>REYHAN F</td>
<td>SMA NEGERI 1 CIBADAK</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>28</td>
<td>DHANI E</td>
<td>MAN INSAN CENDEKIA SERPONG</td>
<td>BANTEN</td>
</tr>
<tr>
<td>29</td>
<td>FAUZAN F</td>
<td>MAS DARUL MURSYID</td>
<td>SUMATERA UTARA</td>
</tr>
<tr>
<td>30</td>
<td>SANI A</td>
<td>SMA SEMESTA BBS SEMARANG</td>
<td>JAWA TENGAH</td>
</tr>
</tbody>
</table>
<!-- <p class="font-desc"><br>*Urutan Finalis National Round tidak menggambarkan peringkat (acak)</p> -->
<div class="countdown-sec"></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="Ekonomi">
<div class="complete-wrap">
<h3 class="font-judul-leaderboard">Juara Ekonomi</h3>
<table id="table_id_6" class="display" style="width: 100%">
<thead class="custom-thead-c">
<tr class="custom-c">
<th>Peringkat</th>
<th>Nama</th>
<th>Sekolah</th>
<th>Provinsi</th>
</tr>
</thead>
<!--EKO ISI DISINI-->
<tbody>
<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>DIANTIKA A</td>
<td>SMA 1 GIANYAR</td>
<td>BALI</td>
</tr>
<tr>
<td>2</td>
<td>ALDO T</td>
<td>SMA PRIBADI BANDUNG</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>3</td>
<td>MICHELLE H</td>
<td>SMA KRISTEN IMMANUEL PONTIANAK</td>
<td>KALIMANTAN BARAT</td>
</tr>
<tr>
<td>4</td>
<td>HARYORIE A</td>
<td>SMAK BPK PENABUR SUKABUMI</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>5</td>
<td>SITI K</td>
<td>SMA 1 CIMAHI</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>6</td>
<td>ATHILLAH A</td>
<td>SMAS CENDANA MANDAU</td>
<td>RIAU</td>
</tr>
<tr>
<td>7</td>
<td>BERNARD R</td>
<td>SMA 2 KEDIRI</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>8</td>
<td>AYDINAHASNA H</td>
<td>SMA KESATUAN BANGSA YOGYAKARTA</td>
<td>DI YOGYAKARTA</td>
</tr>
<tr>
<td>9</td>
<td>FAIZ A</td>
<td>MAN INSAN CENDEKIA PEKALONGAN</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>10</td>
<td>SILVIA R</td>
<td>SMA 1 BUMIAYU</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>11</td>
<td>ALDO S</td>
<td>SMA 1 PROBOLINGGO</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>12</td>
<td>MUHAMMAD K</td>
<td>MAN 2 KOTA MALANG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>13</td>
<td>KEVIN T</td>
<td>SMAK SANTU PETRUS</td>
<td>KALIMANTAN BARAT</td>
</tr>
<tr>
<td>14</td>
<td>INTAN D</td>
<td>MAN 2 KOTA MALANG</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>15</td>
<td>M TAUFIQ</td>
<td>MAN INSAN CENDEKIA OKI</td>
<td>SUMATERA SELATAN</td>
</tr>
<tr>
<td>16</td>
<td>JONATHAN A</td>
<td>SMAK 8 PENABUR JAKARTA</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>17</td>
<td>ADIBAH S</td>
<td>MAN 2 KUDUS</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>18</td>
<td>KEANE M</td>
<td>SMA NEGERI 47 JAKARTA</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>19</td>
<td>TSANI I</td>
<td>SMA SEMESTA BBS SEMARANG</td>
<td>JAWA TENGAH</td>
</tr>
<tr>
<td>20</td>
<td>SHULHA</td>
<td>SMA UNGGULAN MOHAMMAD HUSNI THAMRIN</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>21</td>
<td>AKHMAD N</td>
<td>SMA PRIBADI BANDUNG</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>22</td>
<td>AZZAHRA S</td>
<td>SMA 1 DEPOK</td>
<td>JAWA BARAT</td>
</tr>
<tr>
<td>23</td>
<td>AGTA A</td>
<td>SMA DARUL ULUM 2 UNGGULAN BPPT</td>
<td>JAWA TIMUR</td>
</tr>
<tr>
<td>24</td>
<td>MUHAMMAD F</td>
<td>MAN 2 PEKANBARU</td>
<td>RIAU</td>
</tr>
<tr>
<td>25</td>
<td>PRADIPO H</td>
<td>SMA NEGERI 81 JAKARTA</td>
<td>DKI JAKARTA</td>
</tr>
<tr>
<td>26</td>
<td>FITRAH I</td>
<td>SMA 10 YOGYAKARTA</td>
<td>DI YOGYAKARTA</td>
</tr>
<tr>
<td>27</td>
<td>SYIFA Z</td>
<td>SMA NEGERI 1 METRO</td>
<td>LAMPUNG</td>
</tr>
<tr>
<td>28</td>
<td>MARTINUS E</td>
<td>SMAS KATOLIK MATER DEI TANGERANG SELATAN</td>
<td>BANTEN</td>
</tr>
<tr>
<td>29</td>
<td>ZEPRI R</td>
<td>SMA NEGERI 1 PADANG PANJANG</td>
<td>SUMATERA BARAT</td>
</tr>
<tr>
<td>30</td>
<td>ROY M</td>
<td>SMA 1 UBUD</td>
<td>BALI</td>
</tr>
</tbody>
</table>
<!-- <p class="font-desc"><br>*Urutan Finalis National Round tidak menggambarkan peringkat (acak)</p> -->
<div class="countdown-sec"></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>
$('.leaderboard-nav-item').click(function () {
var text = $(this).html();
var the_val = text.substring(text.lastIndexOf('>') + 1, text.lastIndexOf(' '));
$('.leaderboard-nav-item').removeClass('aktif');
$('.leaderboard-content').removeClass('aktif');
$(this).addClass('aktif');
$('.leaderboard-content[konten=' + the_val + ']').addClass('aktif');
});
$('#tab-mapel').click(function () {
var classli = $('.navigation-leaderboard2').attr('class');
// console.log(classli);
if (String(classli).indexOf('nonaktif') >= 0) {
$('.navigation-leaderboard2').removeClass('nonaktif');
$('.navigation-leaderboard2').addClass('aktif');
} else {
$('.navigation-leaderboard2').removeClass('aktif');
$('.navigation-leaderboard2').addClass('nonaktif');
}
});
</script>
<script>
function myFunction(x) {
if (x.matches) {
$('.leaderboard-nav-item2').click(function () {
var text = $(this).html();
var the_val = text.substring(text.lastIndexOf('>') + 1, text.lastIndexOf(' '));
$('.leaderboard-nav-item2').removeClass('aktif');
$(this).addClass('aktif');
$('.leaderboard-content').removeClass('aktif');
$('.leaderboard-content[konten=' + the_val + ']').addClass('aktif');
$('.navigation-leaderboard2').removeClass('aktif');
$('.navigation-leaderboard2').addClass('nonaktif');
$('#tab-mapel span').html(text);
});
} else {
}
}
var x = window.matchMedia('(max-width: 768px)');
myFunction(x);
x.addListener(myFunction);
</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 () {
// console.log("test");
$('#konten_1').animate(
{
scrollTop: $('#tanda1').position().top + $('#konten_1').scrollTop(),
},
'slow'
);
// if ($('.dataTables_scrollBody').scrollTop() + $('.dataTables_scrollBody').innerHeight() >= $(
// '.dataTables_scrollBody')[0].scrollHeight) {
// $("#scroll-orange").hide();
// } else {
// $("#scroll-orange").show();
// }
});
$('#konten_1').on('scroll', function () {
// console.log("masuk scroll");
// console.log("$(this).scrollTop() " + $(this).scrollTop());
// console.log("$(this).innerHeight() " + $(this).innerHeight());
// console.log("$(this)[0].scrollHeight " + $(this)[0].scrollHeight);
var test = $(this).scrollTop() + $(this).innerHeight();
// console.log("$(this).scrollTop() + $(this).innerHeight() " + test)
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 () {
// console.log("test");
$('#konten_2').animate(
{
scrollTop: $('#tanda2').position().top + $('#konten_2').scrollTop(),
},
'slow'
);
// if ($('.dataTables_scrollBody').scrollTop() + $('.dataTables_scrollBody').innerHeight() >= $(
// '.dataTables_scrollBody')[0].scrollHeight) {
// $("#scroll-orange").hide();
// } else {
// $("#scroll-orange").show();
// }
});
$('#konten_2').on('scroll', function () {
// console.log("masuk scroll");
// console.log("$(this).scrollTop() " + $(this).scrollTop());
// console.log("$(this).innerHeight() " + $(this).innerHeight());
// console.log("$(this)[0].scrollHeight " + $(this)[0].scrollHeight);
var test = $(this).scrollTop() + $(this).innerHeight();
// console.log("$(this).scrollTop() + $(this).innerHeight() " + test)
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 () {
// console.log("test");
$('#konten_3').animate(
{
scrollTop: $('#tanda3').position().top + $('#konten_3').scrollTop(),
},
'slow'
);
// if ($('#konten_3').scrollTop() + $('#konten_3').innerHeight() >= $(
// '#konten_3')[0].scrollHeight) {
// $("#scroll-orange").hide();
// } else {
// $("#scroll-orange").show();
// }
});
$('#konten_3').on('scroll', function () {
// console.log("masuk scroll");
// console.log("$(this).scrollTop() " + $(this).scrollTop());
// console.log("$(this).innerHeight() " + $(this).innerHeight());
// console.log("$(this)[0].scrollHeight " + $(this)[0].scrollHeight);
var test = $(this).scrollTop() + $(this).innerHeight();
// console.log("$(this).scrollTop() + $(this).innerHeight() " + test)
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 () {
// console.log("test");
$('#konten_4').animate(
{
scrollTop: $('#tanda4').position().top + $('#konten_4').scrollTop(),
},
'slow'
);
// if ($('#konten_4').scrollTop() + $('#konten_4').innerHeight() >= $(
// '#konten_4')[0].scrollHeight) {
// $("#scroll-orange").hide();
// } else {
// $("#scroll-orange").show();
// }
});
$('#konten_4').on('scroll', function () {
// console.log("masuk scroll");
// console.log("$(this).scrollTop() " + $(this).scrollTop());
// console.log("$(this).innerHeight() " + $(this).innerHeight());
// console.log("$(this)[0].scrollHeight " + $(this)[0].scrollHeight);
var test = $(this).scrollTop() + $(this).innerHeight();
//console.log("$(this).scrollTop() + $(this).innerHeight() " + test)
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 () {
// console.log("test");
$('#konten_5').animate(
{
scrollTop: $('#tanda5').position().top + $('#konten_5').scrollTop(),
},
'slow'
);
// if ($('#konten_5').scrollTop() + $('#konten_5').innerHeight() >= $(
// '#konten_5')[0].scrollHeight) {
// $("#scroll-orange").hide();
// } else {
// $("#scroll-orange").show();
// }
});
$('#konten_5').on('scroll', function () {
// console.log("masuk scroll");
// console.log("$(this).scrollTop() " + $(this).scrollTop());
// console.log("$(this).innerHeight() " + $(this).innerHeight());
// console.log("$(this)[0].scrollHeight " + $(this)[0].scrollHeight);
var test = $(this).scrollTop() + $(this).innerHeight();
// console.log("$(this).scrollTop() + $(this).innerHeight() " + test)
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 () {
// console.log("test");
$('#konten_6').animate(
{
scrollTop: $('#tanda6').position().top + $('#konten_6').scrollTop(),
},
'slow'
);
// if ($('#konten_6').scrollTop() + $('#konten_6').innerHeight() >= $(
// '#konten_6')[0].scrollHeight) {
// $("#scroll-orange").hide();
// } else {
// $("#scroll-orange").show();
// }
});
$('#konten_6').on('scroll', function () {
// console.log("masuk scroll");
// console.log("$(this).scrollTop() " + $(this).scrollTop());
// console.log("$(this).innerHeight() " + $(this).innerHeight());
// console.log("$(this)[0].scrollHeight " + $(this)[0].scrollHeight);
var test = $(this).scrollTop() + $(this).innerHeight();
// console.log("$(this).scrollTop() + $(this).innerHeight() " + test)
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>
<!--end body -->
</div>
<!--end body wrapper -->
<div class="footer-container-wrapper">
<div class="footer-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_162727947441253"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<style>
/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap'); */
.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;
}
.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 {
margin: 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 {
margin-bottom: 1.25rem;
}
}
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: inherit; */
display: inline-block;
}
</style>
<div 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
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
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 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>
</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-wa.svg" alt="Logo Whatsapp Footer" /></div>
<div class="contact__container--text"><a class="font-base-footer font-white" href="https://wa.me/+6281574410000">081574410000</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-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">
©
<script>
document.write(new Date().getFullYear());
</script>
Ruangguru. All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
</div>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end footer -->
</div>
<!--end footer wrapper -->
<script src="/hs/hsstatic/jquery-libs/static-1.4/jquery/jquery-1.11.2.js"></script>
<script src="/hs/hsstatic/jquery-libs/static-1.4/jquery-migrate/jquery-migrate-1.2.1.js"></script>
<script>
hsjQuery = window['jQuery'];
</script>
<!-- HubSpot performance collection script -->
<script defer src="https://static.hsappstatic.net/content-cwv-embed/static-1.240/embed.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/47442333552/1667882001713/A_Ruangguru_Projects/Project_Hofar/Javascript_Auto_Generate_Breadcrumb_-_V1_3.min.js"></script>
<script>
var hsVars = hsVars || {};
hsVars['language'] = 'id';
</script>
<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.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/58141069229/1635174710666/module_58141069229_rubic_leaderboard.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\/rubic\/announcements']);
_hsq.push(['setPageId', '58212339850']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 58212339850,
legacyPageId: '58212339850',
contentFolderId: null,
contentGroupId: null,
abTestId: null,
languageVariantId: 58212339850,
languageCode: 'id',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: '9e91b89e-d296-46ba-b882-36001f3fbaf0',
ticks: 1684631382658,
page_id: 58212339850,
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: '58212339850',
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>
<!-- <div class="bantuan-promo normalize-css">
<a href="https://cta.ruangguru.com/643dba4b-5b72-11ee-80fe-4201ac180089" target="_blank">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a3a5eb50-974e-4e8f-9e35-145f986a5862.png?convert=webp" loading="lazy">
</a>
</div> -->
<div class="bantuan-promo normalize-css">
<a href="https://cta.ruangguru.com/floating-icon-infinix-study-challenge" target="_blank">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0283ad69-b029-4daa-839b-c4edeb765338.png?h=200&convert=webp" />
</a>
</div>
<div class="bantuan normalize-css">
<a href="https://cta.ruangguru.com/ab-web-floating-button-landing-page-rg" target="_blank">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e3abf59c-1903-43b6-87ad-b43f3a6bfe79.png?h=200&convert=webp" loading="lazy" />
</a>
</div>
<!-- <div class="bantuan normalize-css">
<img id="btn-bantuan" class="btn-bantuan zendesk-button" target-value="close" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/bfa2f9e5-f4b8-4391-9752-95bece8d4e16.png?convert=webp">
</div> -->
<script>
if (window.location.href.indexOf('blog') <= -1 && window.location.href.indexOf('webview') <= -1) {
// select the button
console.log('yoads');
const zendeskButton = document.querySelector('.zendesk-button');
const zendeskContainer = document.querySelector('.bantuan');
// add the script to the page
const loadZendeskScript = () => {
const idSnippet = document.getElementById('ze-snippet');
if (idSnippet !== null) {
} else {
const zenDeskScript = document.createElement('script');
zenDeskScript.id = 'ze-snippet';
zenDeskScript.src = 'https://static.zdassets.com/ekr/snippet.js?key=a2ac30ed-dd6d-47f6-99ba-0d5aeae351a0';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] || document.getElementsByTagName('script')[0].parentNode).insertBefore(zenDeskScript, null);
}
};
// a poller that waits for a condition and executes a callback
const poller = (comparison, callback, timerStep = 250, maxTime = 5000) => {
let currTime = 0;
const checkCondition = () => {
// `comparison` is a function so the condition is always up-to-date
if (comparison() === true) {
callback();
} else if (currTime <= maxTime) {
currTime += timerStep;
setTimeout(checkCondition, timerStep);
}
};
checkCondition(); // calling the function
};
// load the script and execute a callback if provided
const loadZendeskChat = callback => {
loadZendeskScript();
if (callback) {
callback();
}
};
// this function opens the chat
const openZendeskChat = () => {
poller(
() => {
// check that zendesk-related functions are available
return typeof zE !== 'undefined';
},
() => {
// open the widget
zE('messenger', 'open');
poller(
() => {
// check that the elements exist and that the opacity is already set to "1"
const launcher = document.querySelector('#launcher');
const webWidget = document.querySelector('#webWidget');
return launcher !== null && webWidget !== null && webWidget.style.opacity === '1';
},
() => {
// hide the fake button
zendeskButton.style.opacity = '0';
// save in localStorage
localStorage.setItem('zd_hasOpened', 'true');
}
);
}
);
};
// zendesk management
if (localStorage.getItem('zd_hasOpened')) {
// load the zendesk widget if we find that it was opened
loadZendeskChat();
} else {
// show the fake button if it's the first time it shows
zendeskButton.style.opacity = '1';
}
// This will run when the .zendesk-button element is clicked
zendeskButton.addEventListener('click', () => {
// load the zendesk widget
// open the widget and hide the fake button
const btnValue = zendeskButton.getAttribute('target-value');
let currUrl = window.location.href;
let productName = currUrl.split('/')[3] == '' ? 'ruangguru' : currUrl.split('/')[3].split('?')[0];
setTimeout(function () {
Analytics.track('landing_page__core__item_click', {
product_name: productName,
cta_action: 'widget',
cta_action_detail: 'widget_chat_to_customer_service',
item_type: 'floating',
item_name: 'Klaim Diskon',
item_category: 'leads_gathering',
item_position: 0,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
});
}, 0);
if (window.matchMedia('(max-width: 767px)').matches) {
loadZendeskChat(openZendeskChat);
} else {
if (btnValue == 'close') {
loadZendeskChat(openZendeskChat);
zendeskButton.setAttribute('target-value', 'open');
} else {
zE('messenger', 'close');
zendeskButton.setAttribute('target-value', 'close');
}
zendeskContainer.classList.toggle('clicked');
}
});
} else {
const zendeskContainer = document.querySelector('.bantuan');
zendeskContainer.style.display = 'none';
}
</script>
<script>
$('meta[name=author]').remove();
$('head').append('<meta name="author" content="Ruangguru Tech Team">');
</script>
<!-- Tracker -->
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8DPXH6" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = _analytics.init({
app: 'brainAcademyLandingPage',
debug: false,
plugins: [analyticsTrackable()],
});
Analytics.page();
</script>
<!-- Generated by the HubSpot Template Builder - template version 1.03 -->
</body>
</html>