Les matematika kurikulum Singapura dari Ruangguru kini hadir di
Tangerang Selatan - BSD Boulevard
Tersedia les matematika kurikulum Singapura, sempoa, dan memori untuk anak usia
4-18 tahun
. Daftar trial class GRATIS di cabang terdekat sekarang!
Booking Trial Class, GRATIS!
Kurikulum Nasional vs Singapore Math
Perbedaan
Kurikulum Nasional
Singapore Math
Cara Belajar Matematika
Lebih banyak hafalan rumus
Menekankan
pemahaman konsep
Langkah Belajar
Sering langsung masuk ke bilangan dan simbol (abstrak)
Menggunakan pendekatan C-P-A (Concrete-Pictorial-Abstract):
-
Concrete
→ benda nyata/manipulatif
-
Pictorial
→ bar model/gambar
-
Abstract
→ simbol & rumus
Banyaknya Materi
Materi yang padat dalam waktu yang singkat
Materi dikenalkan secara bertahap
melalui konsep scaffolding
Jenis Soal
Abstrak dan hanya bilangan, sedikit aplikasi ke kehidupan sehari-hari
Banyak soal cerita yang melatih
logika, strategi berpikir, pemecahan masalah
Melatih Cara Berpikir
Fokus pada rumus dan jawaban benar-salah
Dari awal sudah melatih
heuristics
(strategi pemecahan masalah)
Pilihan Kursus Anak yang Tersedia di Tangerang Selatan - BSD Boulevard
Formula Belajar yang Konsisten
Cetak Prestasi Global
Kurikulum dengan Ranking PISA Nomor 1 di dunia.
Singapore math mengajarkan anak untuk lebih mengerti, bukan hanya menghafal. Sehingga anak dapat menghadapi
ujian, lomba, bahkan masalah sehari-hari.
Kunjungi dan Coba Langsung Trial Class Gratis!
Contoh Soal & Pembahasan
Kurikulum Nasional vs Singapore Math
Sebuah kotak berisi
bola merah
dan
bola biru
dengan jumlah yang sama banyak. Setelah
120 bola merah
diambil dan
180 bola biru ditambahkan
, jumlah bola biru menjadi
5 kali
jumlah bola merah.
Berapa banyak bola di dalam kotak pada awalnya?
Temukan Lokasi Math Champs di Tangerang Selatan - BSD Boulevard
Alamat
Blok F, BSD City, Ruko Tol Boulevard, Jl. Kapten Soebijanto Djojohadikusumo No.6, RT.: 005/RW.: 010, Rw. Buntu, Kec. Serpong, Kota Tangerang Selatan, Banten 15318
Jam Operasional
Senin-Jumat
: 09.00 - 21.00 WIB
Sabtu
: 10.00 - 18.00 WIB
<!doctype html>
<html lang="id" class="no-js">
<head>
<meta charset="UTF-8" />
<meta name="author" content="Ruangguru Tech Team" />
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<meta name="description"
content="Daftar les matematika & logika offline dengan kurikulum Singapore Math di Mathcamps Ruangguru untuk 5-14 tahun. Dapatkan harga diskon 35%." />
<title>Les/Kursus Matematika & Logika di BSD Boulevard, Tangerang Selatan</title>
<link rel="shortcut icon"
href="https://cdn-web-2.ruangguru.com/landing-pages/assets/132af314-ec93-46da-9d00-d843ff33ca25.png" />
<meta property="og:description"
content="Daftar les matematika & logika offline dengan kurikulum Singapore Math di Mathcamps Ruangguru untuk 5-14 tahun. Dapatkan harga diskon 35%." />
<meta property="og:title" content="Les/Kursus Matematika & Logika di BSD Boulevard, Tangerang Selatan" />
<meta name="twitter:description"
content="Daftar les matematika & logika offline dengan kurikulum Singapore Math di Mathcamps Ruangguru untuk 5-14 tahun. Dapatkan harga diskon 35%." />
<meta name="twitter:title" content="Les/Kursus Matematika & Logika di BSD Boulevard, Tangerang Selatan" />
<link rel="canonical" href="https://www.ruangguru.com/mathchamps/branch/bsd-boulevard-tangerang-selatan" />
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<meta property="og:image"
content="https://cdn-web-2.ruangguru.com/landing-pages/assets/723d8e19-b594-49cf-a098-07f5379d5d5f.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/723d8e19-b594-49cf-a098-07f5379d5d5f.png#keepProtocol" />
<meta property="og:url" content="https://www.ruangguru.com/mathchamps/branch/bsd-boulevard-tangerang-selatan" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="Content-Language" content="id" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Google Tag Manager -->
<script defer>
(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>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap');
/*!
* Bootstrap v4.5.0 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
padding: 0 !important;
}
*,
:after,
:before {
box-sizing: border-box;
}
header,
nav {
display: block;
}
p {
margin-top: 0;
}
a {
background-color: transparent;
color: #007bff;
text-decoration: none;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]),
a:not([href]):hover {
color: inherit;
text-decoration: none;
}
img {
border-style: none;
}
img,
svg {
vertical-align: middle;
}
svg {
overflow: hidden;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
button {
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
}
button {
overflow: visible;
}
button {
text-transform: none;
}
[type='button'],
button {
-webkit-appearance: button;
}
[type='button']:not(:disabled),
button:not(:disabled) {
cursor: pointer;
}
[type='button']::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.navbar {
padding: 0.5rem 1rem;
position: relative;
}
.navbar {
-ms-flex-align: center;
-ms-flex-pack: justify;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
@-webkit-keyframes progress-bar-stripes {
0% {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
0% {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@media print {
*,
:after,
:before {
box-shadow: none !important;
text-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
img {
page-break-inside: avoid;
}
p {
orphans: 3;
widows: 3;
}
@page {
size: a3;
}
.navbar {
display: none;
}
}
.cta {
border-radius: 9999px;
background: var(--k-12-base-light-theme-action-primary-default, #f26d0f);
width: 100%;
border: none;
color: var(--k-12-base-light-theme-text-solid-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
display: flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1.5rem;
}
.cta.dark,
.cta.dark-green,
.cta.blue-indigo,
.cta.violet {
color: #000;
background-color: #fff;
}
@media (max-width: 1024px) {
.navbar {
padding: 0 !important;
}
}
.navig-link a {
background-color: transparent;
color: #474747 !important;
text-decoration: none !important;
}
.navig-link.dark a,
.navig-link.dark-green a,
.navig-link.blue-indigo a,
.navig-link.violet a,
.navig-link.home a {
color: #fff !important;
}
.navig-dropdown-area a:hover,
.navig-link a:hover {
background: 0 !important;
color: #3cc4e5 !important;
cursor: pointer;
text-decoration: none !important;
}
.ruangguru-header {
background: #fff;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.13);
position: fixed;
top: 0;
width: 100%;
z-index: 100;
padding: 0 !important;
}
.ruangguru-header.dark {
background: #000;
}
.ruangguru-header.dark-green {
background: #022527;
}
.ruangguru-header.blue-indigo {
background: #444fb7;
}
.ruangguru-header.home {
background: linear-gradient(257.67deg, #21a5b1 46.16%, #0e9bdf 95.13%);
}
.ruangguru-header .navig-link {
color: #474747 !important;
font-family: Inter;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.ruangguru-header.dark .navig-link,
.ruangguru-header.dark-green .navig-link,
.ruangguru-header.blue-indigo .navig-link {
color: #fff !important;
}
.navigation__left {
display: flex;
}
.logo-header {
padding: 5px 0;
}
.logo-header img {
height: 44px;
}
.navig-link:hover {
background: 0 !important;
color: #3cc4e5 !important;
cursor: pointer;
}
.navig-link-dropdown {
white-space: nowrap;
}
.navig-link-dropdown:after {
border-bottom: 0;
border-left: 0.3em solid transparent;
border-right: 0.3em solid transparent;
border-top: 0.3em solid;
content: '';
display: inline-block;
margin-left: 0.255em;
transition: 0.7s;
vertical-align: 0.255em;
}
.navig-link-dropdown[aria-expanded='true']:after {
transform: scaleY(-1);
}
.navig-link-dropdown[aria-expanded='false']:after {
transform: scaleY(1);
}
.logo-product {
margin: 0 0 5px !important;
}
.logo-product img {
min-height: 3rem;
object-fit: scale-down;
object-position: left;
width: 100%;
}
#lp_ea {
display: flex;
}
.item-services a,
.text-product-description {
font-family: Inter;
color: #5e677b;
font-size: 14px;
}
@keyframes animate {
0% {
opacity: 0;
transform: rotateX(-90deg);
}
50% {
transform: rotateX(20deg);
}
to {
opacity: 1;
transform: rotateX(0deg);
}
}
@media (min-width: 1025px) {
.spacer-rg {
height: 4.5rem;
}
.container-ruangguru-header {
align-items: center;
padding: 18px 10px;
position: relative;
}
.ruangguru-header.home .page-center {
width: 90% !important;
}
.logo-header {
margin-right: 16px;
}
.navigation__right {
position: absolute;
right: 0;
}
#produk_item {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: grid;
float: left;
font-size: 1rem;
grid-template-columns: 1fr;
list-style: none;
padding: 16px;
position: absolute;
text-align: left;
top: 80%;
width: 400px;
z-index: 1000;
left: 7%;
gap: 12px;
}
/* .item-product,
.item-services {
padding: 12px;
} */
.item-services a,
.text-product-description {
color: #5e677b !important;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
margin: 0;
}
.item-product:hover,
.item-services:hover {
background-color: #eaf8f9 !important;
cursor: pointer;
}
#services_item {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
flex-flow: column;
float: left;
font-size: 1rem;
list-style: none;
margin: 0;
min-width: 10rem;
padding: 0.5rem 0;
position: absolute;
text-align: left;
top: 80%;
z-index: 1000;
}
#services_item {
left: 44rem;
}
.container-ruangguru-header {
display: flex;
flex-direction: row;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
padding-bottom: 20px;
text-align: center;
}
}
@media (min-width: 1078px) {
.hamburger-icon {
display: none;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: auto;
flex-grow: 0;
max-height: unset;
overflow-y: auto;
padding-bottom: 0;
text-align: center;
}
.navigation__content .navig-link {
margin: 0 14px;
padding: 8px 8px 8px 0;
}
.navigation__content {
display: grid;
grid-auto-flow: column;
}
}
@media (min-width: 321px) and (max-width: 767px) {
.spacer-rg {
height: 4rem;
}
.container-ruangguru-header {
align-items: center;
padding: 10px;
position: relative;
}
.navigation__content {
padding-bottom: 20px;
}
.item-services a,
.text-product-description {
color: #0a2540 !important;
font-size: 14px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk,
#program,
#services {
padding: 20px 0 0;
}
#produk_item,
#services_item {
padding: 1rem 20px;
}
.text-product-description {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 12px;
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 12px;
padding: 0.25rem 0.5rem 0.5rem;
}
.item-services {
margin-bottom: 0.35rem;
padding: 0.5rem 0;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.container-ruangguru-header {
align-items: center;
padding: 10px;
position: relative;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.logo-header {
margin-left: 20px;
}
.item-services a,
.text-product-description {
color: #0a2540 !important;
font-size: 16px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 0 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk_item,
#services_item {
padding: 1rem 20px;
}
.text-product-description {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 12px;
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 18px;
padding: 0.25rem 1.5rem;
}
.item-services {
margin-bottom: 18px;
padding: 2px 0;
}
.navigation__content {
display: none;
}
}
@media (max-width: 320px) {
.spacer-rg {
height: 3rem;
}
.container-ruangguru-header {
align-items: center;
position: relative;
}
.navigation__content {
padding-bottom: 20px;
}
.item-services a,
.text-product-description {
color: #0a2540 !important;
font-size: 14px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.logo-header {
margin-left: 10px;
transform: scale(0.8);
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk,
#program,
#services {
padding: 20px 0 0;
}
#produk_item {
padding: 1rem 20px;
}
#services_item {
padding: 10px 20px;
}
.text-product-description {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 5px;
transform: scale(0.8);
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 18px;
padding: 0.25rem 1.5rem;
}
.item-services {
margin-bottom: 18px;
padding: 2px 0;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
text-align: center;
}
}
.wrapper-profile-login {
position: relative;
}
.container-login_details {
position: relative;
}
.container-user_profile {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: var(--size-radius-rad-full, 9999px);
border: 1px solid var(--K12-Base-Theme-Border-Default, #cfd3db);
background: var(--K12-Base-Theme-Action-Secondary-Default, #fff);
padding: 4px 8px;
cursor: pointer;
position: relative;
}
.profile-picture {
border-radius: 100%;
}
.display-none {
display: none !important;
}
.display-1 {
font-size: 6rem;
}
.display-1,
.display-2 {
font-weight: 300;
line-height: 1.2;
}
.display-2 {
font-size: 5.5rem;
}
.display-3 {
font-size: 4.5rem;
}
.display-3,
.display-4 {
font-weight: 300;
line-height: 1.2;
}
.display-4 {
font-size: 3.5rem;
}
/* Text utility classes */
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-wrap {
white-space: normal !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
.text-secondary {
color: #6c757d !important;
}
/*FLOATING BANNER*/
.floating,
.floating > img {
width: 100%;
}
.hero-cta-wrapper {
align-items: center;
display: flex;
justify-content: center;
padding: 0.1rem 0 0.35rem;
position: relative;
}
.hero-timer-cta p {
color: #fff;
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
padding-right: 0.5rem;
margin: 0 !important;
}
.text-countdown-hero div,
.text-countdown-hero span {
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.text-countdown-hero {
align-items: center;
display: flex;
flex-direction: row;
gap: 0.25rem;
justify-content: center;
}
.text-countdown-hero div,
.text-countdown-hero span {
color: #fff;
letter-spacing: 0.01em;
margin: 0;
}
.text-countdown-hero div {
grid-gap: 0.25rem;
align-items: center;
display: grid;
grid-template-columns: auto auto;
}
.text-countdown-hero span {
color: #fff;
border-radius: 8px;
background: linear-gradient(0deg, #cd1924 0%, #cd1924 100%), linear-gradient(133deg, #ea4952 1.52%, #cd1924 50%, #9a0912 98.48%), rgb(0 0 0 / 0.25);
border-radius: 8px;
width: 1.75rem;
height: 1.75rem;
display: flex;
align-items: center;
justify-content: center;
}
/* Floating banner positioning for countdown */
.container-floating-banner,
.floating {
position: relative;
}
/* Override existing hero-timer-cta to position at bottom center of floating banner */
.hero-timer-cta {
position: absolute !important;
bottom: 6% !important;
left: 50% !important;
transform: translateX(-50%) !important;
background: transparent !important;
color: white !important;
padding: 8px 16px !important;
border-radius: 8px !important;
text-align: center !important;
font-size: 14px !important;
z-index: 10 !important;
display: flex;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: auto !important;
}
.hero-timer-cta .countdown-hero {
margin-top: 0 !important;
}
.hero-timer-cta .text-countdown-hero {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 4px !important;
}
.hero-timer-cta .text-countdown-hero div {
display: flex !important;
align-items: center !important;
color: white !important;
}
.hero-cta {
background: #fff;
border: 8px solid #7ac9d0;
border-radius: 96px;
color: #2c313a;
display: inline-block;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
margin: 0;
padding: 0.5rem 1.75rem;
text-align: center;
text-decoration: none;
}
@media (max-width: 767px) {
.hero-cta {
border: 8px solid #7ac9d0;
font-size: 12px;
line-height: 18px;
padding: 0.5rem 1.75rem;
}
.hero-timer-cta p {
font-size: 12px;
line-height: 18px;
}
.text-countdown-hero div,
.text-countdown-hero span {
font-size: 10px;
line-height: 12px;
}
.text-countdown-hero span {
width: 1.25rem;
height: 1.25rem;
border-radius: 4px;
}
.hero-timer-cta {
width: 100% !important;
bottom: 4% !important;
justify-content: flex-start !important;
}
}
.text-product-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 8px;
color: #000;
}
.item-product-link {
display: flex;
align-items: center;
gap: 16px;
}
.item-product-divider {
border-bottom: 1px solid gray;
}
.nav-badge {
font-size: 10px;
font-weight: 600;
color: #fff;
background-color: #e52a34;
padding: 2px 8px;
border-radius: 999px;
}
/* =====================================================
MC Branch Landing Page - Clean CSS
Optimized version with only used classes (~85% reduction)
===================================================== */
/* =====================================================
1. FONTS & CSS VARIABLES
===================================================== */
/* =====================================================
2. CSS RESET & BASE STYLES
===================================================== */
*,
:after,
:before {
box-sizing: border-box;
border: 0 solid #e5e7eb;
}
:after,
:before {
--tw-content: '';
}
html {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
font-family:
ui-sans-serif,
system-ui,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Noto Color Emoji;
scroll-behavior: smooth;
scrollbar-width: none;
}
body {
line-height: inherit;
margin: 0;
background: #fff !important;
color: #1e1e1e;
-ms-overflow-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 1px grey;
border-radius: 5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
margin: 0;
font-family: Inter, sans-serif;
}
a {
color: inherit;
text-decoration: inherit;
}
a:hover,
a:visited {
text-decoration: none !important;
}
b,
strong {
font-weight: bolder;
}
p {
margin: 0;
font-family: Inter, sans-serif;
}
blockquotes,
span,
table,
ul {
font-family: Inter, sans-serif;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
button {
cursor: pointer;
border: none;
outline: none !important;
}
iframe,
img,
svg {
display: block;
vertical-align: middle;
}
img {
max-width: 100%;
height: auto;
}
* {
font-family: Inter, sans-serif;
}
/* =====================================================
3. UTILITY CLASSES
===================================================== */
.mb-0 {
margin-bottom: 0;
}
.flex {
display: flex;
}
.justify-center {
justify-content: center;
}
.display-none {
display: none !important;
}
/* =====================================================
4. LAYOUT
===================================================== */
.page-center {
float: none !important;
margin: 0 auto !important;
max-width: 1200px !important;
width: 90% !important;
}
.h-8 {
height: 2rem;
}
/* =====================================================
5. TYPOGRAPHY
===================================================== */
.text-title {
color: #044;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 30px;
letter-spacing: -0.18px;
margin-bottom: 0;
}
.text-subtitle {
color: var(--color-text-text-ink, #2c313a);
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 38px;
letter-spacing: -0.14px;
text-align: center;
padding-top: 1rem;
}
.text-desc {
color: var(--K12-Base-Theme-Text-Solid-Ink, #2c313a);
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin-bottom: 0;
}
.text-detail {
color: var(--color-text-text-ink, #2c313a);
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 30px;
letter-spacing: 0.2px;
}
.text-orange {
color: #e95f00;
}
/* Generic title and desc (used in various sections) */
.title {
font-size: 18px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.2px;
}
.desc {
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.2px;
}
/* =====================================================
6. BUTTONS / CTA
===================================================== */
.cta-primary {
display: flex;
height: 44px;
padding: 0 12px;
justify-content: center;
align-items: center;
gap: 0;
border-radius: 9999px;
background: #f26d0f;
color: #fff;
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
width: 100%;
}
.cta-primary:hover {
color: white !important;
}
.cta-primary.white-cta {
color: rgb(39, 39, 39);
background: #fff;
}
.cta-primary.white-cta:hover {
color: rgb(39, 39, 39) !important;
}
/* =====================================================
7. HERO SECTION
===================================================== */
.hero {
background: url('https://cdn-web-2.ruangguru.com/landing-pages/assets/d92f7ae6-40a2-49d2-a81d-b384743d5902.png?convert=webp'),
linear-gradient(178deg, #96e4fc 0.77%, #b4f1e6 55.86%, rgba(180, 241, 230, 0) 63.85%),
url('https://cdn-web-2.ruangguru.com/landing-pages/assets/9219cc92-56ea-4f42-ad17-279dd6625ad2.png?convert=webp'), #b4f1e6;
background-size:
100% auto,
cover,
100% auto,
cover;
background-position: top, center, bottom, center;
background-repeat: no-repeat;
margin-top: 1rem;
padding: 40px 0px;
}
.hero-content {
display: flex;
flex-direction: column;
gap: 24px;
}
.hero-content_detail {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
padding-bottom: 15rem;
}
.hero-image {
margin: auto;
}
.logo-image {
height: 72px;
width: 187px;
}
/* =====================================================
8. KURIKULUM SECTION (TABLE)
===================================================== */
.kurikulum {
padding: 2rem 0;
}
.kurikulum-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
padding: 2rem 0;
}
.table-kurikulum {
width: 90%;
font-weight: 500;
text-align: center;
margin: auto auto 1rem;
border-collapse: separate;
border-spacing: 0;
border-radius: 15px;
overflow: hidden;
box-shadow: 1px 4px 10px rgb(212, 212, 212);
color: #1e1e1e;
}
.table-kurikulum thead th:first-child {
width: 20%;
}
.table-kurikulum thead th:nth-child(2),
.table-kurikulum thead th:nth-child(3) {
width: 40%;
}
.table-kurikulum td,
.table-kurikulum th {
padding: 0.75rem;
}
.table-kurikulum thead th {
color: #fff;
}
.table-kurikulum th:first-child {
border-radius: 12px 0 0 0;
border-top: 1px solid #dadfea;
border-bottom: 1px solid #dadfea;
border-left: 1px solid #dadfea;
background: #f2f5fa;
}
.table-kurikulum th:nth-child(2) {
border-top: 1px solid #dadfea;
border-bottom: 1px solid #dadfea;
border-left: 1px solid #dadfea;
background: #f2f5fa;
}
.table-kurikulum th:nth-child(3) {
background-color: #f09a09;
color: #fff;
}
.table-kurikulum tr td:first-child {
background-color: #fff;
border-top: 1px solid #dadfea;
border-left: 1px solid #dadfea;
border-right: 1px solid #dadfea;
border-bottom: 1px solid #dadfea;
}
.table-kurikulum tr td:nth-child(2) {
background-color: #fff;
border-top: 1px solid #dadfea;
border-left: 1px solid #dadfea;
border-right: 1px solid #dadfea;
border-bottom: 1px solid #dadfea;
}
.table-kurikulum tr td:nth-child(3) {
text-align: left;
background-color: #ffeed0;
border-top: 1px solid #f09a09;
}
.table-kurikulum th:first-of-type {
border-top-left-radius: 15px;
}
.table-kurikulum th:last-of-type {
border-top-right-radius: 15px;
}
.table-kurikulum tr:last-of-type td:first-of-type {
border-bottom-left-radius: 15px;
}
.table-kurikulum tr:last-of-type td:last-of-type {
border-bottom-right-radius: 15px;
}
/* =====================================================
9. PROGRAM SECTION
===================================================== */
.program {
padding: 2rem 0;
}
.program_container {
display: flex;
flex-direction: column;
gap: 24px;
}
#programList {
display: grid;
gap: 0.5rem;
grid-template-columns: 1fr 1fr;
}
/* When only 1 item, use single column grid */
#programList:has(.program-item:only-child) {
grid-template-columns: 1fr;
}
.program-item {
padding: 12px;
color: #fff;
border-radius: 24px;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.program-item.mc-singapore {
background: url('https://cdn-web-2.ruangguru.com/landing-pages/assets/c7b29dee-0d4b-43a8-abd4-5eebe36359af.png?convert=webp'), #21494a;
background-repeat: no-repeat;
background-size:
100% auto,
auto;
background-position: top, center;
}
.program-item.mc-sempoa {
background: url('https://cdn-web-2.ruangguru.com/landing-pages/assets/a8bfc1df-ddda-4a1c-bf97-b8d49f30c88b.png?convert=webp'), #b85e29;
background-repeat: no-repeat;
background-size:
100% auto,
auto;
background-position: top, center;
}
.program-item.kalananti {
background: url('https://cdn-web-2.ruangguru.com/landing-pages/assets/bd12e7be-b89a-4595-8525-398306f84b4b.png?convert=webp'), #265e9b;
background-repeat: no-repeat;
background-size:
100% auto,
auto;
background-position: top, center;
}
.program-item.memory {
background: url('https://cdn-web-2.ruangguru.com/landing-pages/assets/e4e7b4a6-b656-48dc-b334-bc456fd5b9fb.png?convert=webp'), #404dca;
background-repeat: no-repeat;
background-size:
100% auto,
auto;
background-position: top, center;
}
.program-icon {
display: flex;
justify-content: center;
align-items: center;
height: 3.5rem;
background-color: white;
border-radius: 16px;
padding: 5px;
width: 140px;
}
.program-icon img {
height: 100%;
width: auto;
}
.program-desc {
flex: 1;
font-size: 14px;
}
/* =====================================================
10. FORMULA SECTION
===================================================== */
.formula {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/f0ffe09a-d5de-426c-920c-1382aefa9ce6.svg), linear-gradient(180deg, #fff 3.44%, #b4f1e6 70.62%, #fff 100%);
background-repeat: no-repeat;
background-size: auto, cover;
background-position-x: 85%, center;
background-position-y: 15%, center;
padding: 2rem 0;
}
.formula-content {
display: flex;
flex-direction: column;
gap: 24px;
}
.formula-image {
border-radius: 24px;
width: 100%;
order: 1;
}
.formula .text-subtitle {
order: 0;
text-align: center;
}
.formula .text-detail {
order: 2;
text-align: left;
}
/* =====================================================
11. GALLERY / TRIAL SECTION
===================================================== */
.gallery {
padding: 2rem 0;
}
.trial-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
padding: 2rem 0;
}
.trial-content_image {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.trial-content_image_left {
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem;
}
.trial-content_image_left img {
width: calc(50% - 0.5rem);
height: auto;
}
/* =====================================================
12. EXAMPLE SECTION
===================================================== */
.example-section {
padding: 2rem 0;
background: #e0f8f3;
color: #1e1e1e;
}
.example-content {
display: flex;
flex-direction: column;
gap: 1rem;
}
.example-container_card {
display: flex;
flex-direction: column;
gap: 1rem;
border-radius: 18px;
padding: 32px 12px;
border: 2px solid #fff;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), linear-gradient(356deg, #69d1bd 14.37%, rgba(255, 255, 255, 0) 83.43%);
}
.example-container_card_img {
display: flex;
flex-direction: column;
gap: 1rem;
}
.example-container_card_img img {
width: 100%;
}
.example-container_card p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
/* =====================================================
13. MAPS SECTION
===================================================== */
.maps-section {
padding: 36px 0;
background: url('https://cdn-web-2.ruangguru.com/landing-pages/assets/3d66f764-bab3-4243-b787-b329d1fca383.png?convert=webp'),
url('https://cdn-web-2.ruangguru.com/landing-pages/assets/4678c3c9-2286-4246-b216-f2192381a029.png?convert=webp');
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
background-position:
top left,
bottom right;
color: #1e1e1e;
}
.maps-section .text-subtitle {
text-align: center;
}
.container-maps {
display: flex;
flex-direction: column;
gap: 24px;
}
.container-maps_list {
display: flex;
flex-direction: column;
gap: 24px;
border-radius: 32px;
background: #fff;
padding: 12px;
align-items: center;
}
.container-maps_list > div {
width: 100%;
}
.address,
.operational,
.contact {
display: flex;
flex-direction: row;
align-items: start;
gap: 12px;
}
.maps {
height: max-content;
border-radius: 32px;
overflow: hidden;
}
.maps-desc-content {
display: flex;
flex-direction: column;
gap: 8px;
}
.maps-desc {
display: flex;
flex-direction: column;
gap: 12px;
}
.maps-desc .title {
font-size: 18px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.2px;
}
.maps-desc .desc {
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.2px;
}
/* =====================================================
14. MODAL
===================================================== */
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
}
.modal-content {
background: white;
border-radius: 16px;
padding: 24px;
max-width: 90%;
max-height: 90%;
overflow: auto;
}
.container-modal_content {
width: 240px;
background: #065154;
padding: 16px;
border-radius: 24px;
}
.modal-header {
padding: 0;
border-bottom: 0;
display: flex;
justify-content: flex-end;
}
.close-icon {
cursor: pointer;
}
.copy-url-info {
color: #fff;
text-align: center;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin: 0;
}
/* =====================================================
15. RESPONSIVE - DESKTOP
===================================================== */
@media (min-width: 820px) {
.h-8 {
height: 5rem;
}
.md\:h-20 {
height: 5rem;
}
.text-title {
font-size: 36px;
line-height: 54px;
}
.text-desc {
font-size: 16px;
}
.text-subtitle {
font-size: 28px;
}
.text-detail {
font-size: 16px;
}
.cta-primary {
height: 52px;
width: fit-content;
font-size: 16px;
}
/* Hero Desktop */
.hero {
background: url('https://cdn-web-2.ruangguru.com/landing-pages/assets/a703955f-5309-46d6-a463-c0f3161f28b5.png?convert=webp'),
linear-gradient(92deg, #96e4fc 1.42%, #b4f1e6 29.15%, rgba(180, 241, 230, 0) 47.34%), linear-gradient(92deg, #a3f9e9 32.61%, rgba(211, 255, 246, 0) 53.6%),
url('https://cdn-web-2.ruangguru.com/landing-pages/assets/24840bf4-0b38-4b9e-901f-d7440f98379a.png?convert=webp'), #b4f1e6;
background-size:
auto 90%,
cover,
cover,
60% cover,
cover;
background-position:
left bottom,
left,
left,
right,
center;
background-repeat: no-repeat;
}
.hero-content_detail {
width: 40%;
padding-bottom: 0;
}
.hero-image {
margin-left: 0;
}
/* Table Desktop */
.table-kurikulum td,
.table-kurikulum th {
padding: 1.25rem;
}
/* Program Desktop */
#programList {
display: flex;
gap: 1.25rem;
justify-content: flex-start;
overflow-x: auto;
flex-wrap: nowrap;
padding: 0 1rem;
}
/* Ensure items don't get cropped on resize */
#programList .program-item {
flex-shrink: 0;
}
/* Center items when there are 1-2 items (safe to center) */
#programList:has(.program-item:nth-child(1):last-child),
#programList:has(.program-item:nth-child(2):last-child) {
justify-content: center;
}
/* For 3 items, center by default */
#programList:has(.program-item:nth-child(3):last-child) {
justify-content: center;
}
/* When container is too narrow for 3 items, fallback to flex-start */
@media (max-width: 1200px) {
#programList:has(.program-item:nth-child(3):last-child) {
justify-content: flex-start;
}
}
.program-item {
width: 280px;
min-width: 280px;
gap: 16px;
padding: 16px;
}
.program-icon {
height: 5rem;
}
.program-icon img {
height: 90%;
}
.program-desc {
font-size: 16px;
}
/* Formula Desktop */
.formula-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
column-gap: 24px;
row-gap: 0;
}
.formula-image {
order: 0;
grid-row: 1 / 3;
grid-column: 1;
}
.formula .text-subtitle {
order: 1;
text-align: left;
grid-row: 1;
grid-column: 2;
padding-bottom: 24px;
}
.formula .text-detail {
order: 2;
text-align: left;
grid-row: 2;
grid-column: 2;
margin-top: -7rem;
}
/* Trial Desktop */
.trial-content_image {
flex-direction: row;
}
.trial-content_image_left {
flex-direction: column;
}
.trial-content_image_left img {
width: 100%;
}
/* Example Desktop */
.example-section {
text-align: center;
}
.example-container_card {
padding: 32px;
}
.example-container_card_img {
flex-direction: row;
}
.example-container_card_img img {
width: 50%;
}
/* Maps Desktop */
.container-maps_list {
flex-direction: row;
padding: 32px;
background: url('https://cdn-web-2.ruangguru.com/landing-pages/assets/762f9fb7-84f7-4d3d-9697-b37c737979ac.png?convert=webp'),
url('https://cdn-web-2.ruangguru.com/landing-pages/assets/0f5335f1-f605-4b19-aae9-37803a9d93a1.png?convert=webp'), #fff;
background-repeat: no-repeat, no-repeat, repeat;
background-size: auto, auto, cover;
background-position:
top left,
bottom right,
center;
}
.container-maps_list > div {
width: 50%;
}
}
/* =====================================================
16. RESPONSIVE - MOBILE
===================================================== */
@media (max-width: 767px) {
.gallery .text-subtitle {
max-width: 300px;
}
.table-kurikulum {
font-size: 12px;
width: 100%;
}
/* Mobile: limit card width and center it */
#programList .program-item {
max-width: 300px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
/* Hilangkan angka & jadikan flex */
.breadcrumb {
list-style: none; /* hilangkan nomor */
display: flex; /* flex layout */
align-items: center;
flex-wrap: wrap;
margin: 0;
padding: 0;
font-family: Inter, Arial;
background: transparent;
margin-bottom: 1.5rem;
}
/* Item yang bisa diklik */
.breadcrumb-item a {
color: #0d0d0d !important;
text-decoration: none;
}
.breadcrumb-item a:hover {
text-decoration: underline !important;
color: #20a4b0;
}
/* Item tidak bisa diklik */
.breadcrumb-item.active {
color: #848484 !important;
}
/* Separator ► */
.breadcrumb-item + .breadcrumb-item:before {
color: #6c757d;
content: '\25BA' !important; /* ► */
font-family: Inter, Arial;
font-size: 12px;
padding: 0 0.4rem;
}
/* =====================================================
END OF STYLESHEET
===================================================== */
</style>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/generated-files/src/www.ruangguru.com/mathchamps/branch/assets/analytics-CUaFJd_J.js"></script>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/generated-files/src/www.ruangguru.com/mathchamps/branch/assets/init-BCM90y3Z.js"></script>
</head>
<body>
<!--START --- HEADER -->
<nav class="ruangguru-header dark-green ">
<div class="page-center">
<div class="container-ruangguru-header">
<div class="navigation__left">
<div class="hamburger-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/eed92e13-500e-4cc5-b049-77c60bb3e857.svg"
alt="Dropdown Navigation Icon" loading="lazy" />
</div>
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/","item_type": "image","item_name": "Logo ruangguru","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/mathchamps">
<div class="logo-header">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/723d8e19-b594-49cf-a098-07f5379d5d5f.png?convert=webp&h=100"
alt="Logo mathchamps" loading="lazy" />
</div>
</a>
</div>
<div class="navigation__content">
<div class="navig-link navig-link-dropdown dark-green" id="produk" aria-expanded="false">
<a href="#">Program</a>
</div>
<div class="navig-dropdown-area closed" id="produk_item" style="display: none">
<!-- mathchamps singapore math -->
<a class="item-product-link" data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps/singapore-math","item_type": "link","item_name": "mathchamps","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/mathchamps/singapore-math">
<div class="item-product">
<p class="text-product-title">Singapore Math</p>
<p class="text-product-description">Kursus matematika dan logika dengan Kurikulum Singapura untuk anak
5-18 tahun.</p>
</div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7519bb2c-bc04-433c-be28-0b39ef40aa41.svg"
alt="" />
</a>
<div class="item-product-divider"></div>
<!-- mathchamps sempoa -->
<a class="item-product-link" data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps/singapore-math","item_type": "link","item_name": "mathchamps","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/mathchamps/sempoa">
<div class="item-product">
<p class="text-product-title">Sempoa</p>
<p class="text-product-description">Belajar menghitung cepat dan tepat dengan sempoa maupun sempoa
bayangan. Cocok untuk anak 4-12 tahun.</p>
</div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7519bb2c-bc04-433c-be28-0b39ef40aa41.svg"
alt="" />
</a>
<div class="item-product-divider"></div>
<!-- memory academy -->
<a class="item-product-link" data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.memoryacademy.com/","item_type": "link","item_name": "memoryacademy","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.memoryacademy.id/">
<div class="item-product">
<p class="text-product-title">Memory Academy</p>
<p class="text-product-description">Dukung prestasi akademik dengan latihan daya ingat, fokus, dan
konsentrasi. Cocok untuk usia 6-18 tahun.</p>
</div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7519bb2c-bc04-433c-be28-0b39ef40aa41.svg"
alt="" />
</a>
<div class="item-product-divider"></div>
<!-- Kalananti -->
<a class="item-product-link" data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.kalanati.id/","item_type": "link","item_name": "kalananti","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.kalananti.id/">
<div class="item-product">
<p class="text-product-title">Kalananti</p>
<p class="text-product-description">Kursus coding dan robotic untuk anak 5-18 tahun. Yuk buat berbagai
karya digital seperti Animasi, Game, Aplikasi dan perangkat teknologi lainnya!.</p>
</div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7519bb2c-bc04-433c-be28-0b39ef40aa41.svg"
alt="" />
</a>
</div>
<div class="navig-link dark-green">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/testimoni","item_type": "link","item_name": "Testimoni","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/mathchamps/branch">
Branch
<span class="nav-badge">New</span>
</a>
</div>
<div class="navig-link dark-green">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.mathchamps.id/blog","item_type": "link","item_name": "Ruangbaca","item_category": "cta","item_position": 8,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.mathchamps.id/blog/">
Ruangbaca
</a>
</div>
</div>
<div class="navigation__right">
<div class="button-langganan-cta" id="btn-header">
<a href="https://cta.ruangguru.com/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" target="_blank">
<button class="cta dark-green">Langganan Sekarang</button>
</a>
</div>
</div>
</div>
</div>
</nav>
<!-- END --- HEADER -->
<div class="h-8 md:h-20"></div>
<section class="hero">
<div class="page-center">
<nav aria-label="breadcrumb">
<ol id="breadcrumb" class="breadcrumb bg-transparent p-0"></ol>
</nav>
<div class="hero-content">
<div class="hero-content_detail">
<img class="hero-image"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4aed5bb0-62cb-4982-b101-73d644462da4.png?convert=webp"
height="72" width="187" class="logo-image" alt="logo mathchamps" loading="lazy" />
<h1 class="text-title">
Les matematika kurikulum Singapura dari Ruangguru kini hadir di
<span class="text-orange">Tangerang Selatan - BSD Boulevard</span>
</h1>
<p class="text-desc">
Tersedia les matematika kurikulum Singapura, sempoa, dan memori untuk anak usia
<b>4-18 tahun</b>
. Daftar trial class GRATIS di cabang terdekat sekarang!
</p>
<a href="https://api.whatsapp.com/send/?phone=6281212229300&text=Halo, saya ingin daftar Trial Class program Math Champs di Tangerang Selatan - BSD Boulevard"
target="_blank" class="cta-primary">
Booking Trial Class, GRATIS!
</a>
</div>
</div>
</div>
</section>
<section class="kurikulum">
<div class="page-center kurikulum-content">
<h2 class="text-subtitle">Kurikulum Nasional vs Singapore Math</h2>
<table class="table-kurikulum">
<head>
<th>Perbedaan</th>
<th>Kurikulum Nasional</th>
<th>Singapore Math</th>
</head>
<tbody>
<tr>
<td>Cara Belajar Matematika</td>
<td>Lebih banyak hafalan rumus</td>
<td>
Menekankan
<b>pemahaman konsep</b>
</td>
</tr>
<tr>
<td>Langkah Belajar</td>
<td>Sering langsung masuk ke bilangan dan simbol (abstrak)</td>
<td>
Menggunakan pendekatan C-P-A (Concrete-Pictorial-Abstract):
<ul>
<li>
<b>Concrete</b>
→ benda nyata/manipulatif
</li>
<li>
<b>Pictorial</b>
→ bar model/gambar
</li>
<li>
<b>Abstract</b>
→ simbol & rumus
</li>
</ul>
</td>
</tr>
<tr>
<td>Banyaknya Materi</td>
<td>Materi yang padat dalam waktu yang singkat</td>
<td>
Materi dikenalkan secara bertahap
<b>melalui konsep scaffolding</b>
</td>
</tr>
<tr>
<td>Jenis Soal</td>
<td>Abstrak dan hanya bilangan, sedikit aplikasi ke kehidupan sehari-hari</td>
<td>
Banyak soal cerita yang melatih
<b>logika, strategi berpikir, pemecahan masalah</b>
</td>
</tr>
<tr>
<td>Melatih Cara Berpikir</td>
<td>Fokus pada rumus dan jawaban benar-salah</td>
<td>
Dari awal sudah melatih
<b>heuristics</b>
(strategi pemecahan masalah)
</td>
</tr>
</tbody>
</table>
<div class="flex justify-center">
<a href="https://api.whatsapp.com/send/?phone=6281212229300&text=Halo, saya ingin daftar Trial Class program Math Champs di Tangerang Selatan - BSD Boulevard"
target="_blank" class="cta-primary">
Coba Trial Class Singapore Math
</a>
</div>
</div>
</section>
<section class="program">
<div class="page-center program_container">
<h2 class="text-subtitle">Pilihan Kursus Anak yang Tersedia di Tangerang Selatan - BSD Boulevard</h2>
<div class="outer">
<div class="inner" id="programList">
<!-- diisi oleh js -->
</div>
</div>
</div>
</section>
<section class="formula">
<div class="page-center">
<div class="formula-content">
<h2 class="text-subtitle">
Formula Belajar yang Konsisten
<br />
Cetak Prestasi Global
</h2>
<img class="formula-image"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4cce663c-99d6-4551-81dc-b79f35576144.png?convert=webp"
loading="lazy" />
<p class="text-detail">
<b>Kurikulum dengan Ranking PISA Nomor 1 di dunia.</b>
Singapore math mengajarkan anak untuk lebih mengerti, bukan hanya menghafal. Sehingga anak dapat menghadapi
ujian, lomba, bahkan masalah sehari-hari.
</p>
</div>
</div>
</section>
<section class="gallery">
<div class="page-center">
<div class="trial-content">
<h2 class="text-subtitle">Kunjungi dan Coba Langsung Trial Class Gratis!</h2>
<div class="trial-content_image">
<div class="trial-content_image_left">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/bd49cc9e-895f-4717-b351-a1bf248750da.png"
alt="" />
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/77336c65-b81f-4ea7-a7d8-434013325b67.png"
alt="" />
</div>
<img class="trial-content_image_right"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a4ac2b64-bf84-477d-8701-998d55d6677c.png?convert=webp"
class="formula-image" loading="lazy" />
</div>
<div class="flex">
<a href="https://api.whatsapp.com/send/?phone=6281212229300&text=Halo+Kak,+aku+mau+tanya+mengenai+Mathchamps+cabang+Tangerang Selatan - BSD Boulevard+dong!"
target="_blank" class="cta-primary"> Konsultasi Sekarang </a>
</div>
</div>
</div>
</section>
<section class="example-section">
<div class="page-center">
<div class="example-content">
<h2 class="text-subtitle">
Contoh Soal & Pembahasan
<br />
Kurikulum Nasional vs Singapore Math
</h2>
<div class="example-container_card">
<p>
Sebuah kotak berisi
<b>bola merah</b>
dan
<b>bola biru</b>
dengan jumlah yang sama banyak. Setelah
<b>120 bola merah</b>
diambil dan
<b>180 bola biru ditambahkan</b>
, jumlah bola biru menjadi
<b>5 kali</b>
jumlah bola merah.
<b>Berapa banyak bola di dalam kotak pada awalnya?</b>
</p>
<div class="example-container_card_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/895aa5d8-8b6f-462e-85c6-e6a66c6bfabb.png"
alt="" />
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7cc4241f-e272-4779-9a5f-799ba8093301.png"
alt="" />
</div>
</div>
</div>
</div>
</section>
<section class="maps-section">
<div class="page-center">
<div class="container-maps">
<h2 class="text-subtitle">Temukan Lokasi Math Champs di Tangerang Selatan - BSD Boulevard</h2>
<div class="container-maps_list">
<div class="maps">
<iframe
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15867.094554425812!2d106.667424!3d-6.1610635!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x981dc82aca041e14!2sBimbel%20Brain%20Academy%20City%20Mall!5e0!3m2!1sid!2sid!4v1666943928507!5m2!1sid!2sid"
width="100%" height="320" style="border: 0" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="maps-desc">
<div class="address">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/10b15dfa-ace7-4e93-8d1e-421f507cd185.svg"
alt="" />
<div class="maps-desc-content">
<p class="title mb-0">Alamat</p>
<p class="desc">Blok F, BSD City, Ruko Tol Boulevard, Jl. Kapten Soebijanto Djojohadikusumo No.6, RT.: 005/RW.: 010, Rw. Buntu, Kec. Serpong, Kota Tangerang Selatan, Banten 15318</p>
</div>
</div>
<div class="operational">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/59a5f28c-3f17-416f-a373-85490494df01.svg"
alt="" />
<div class="maps-desc-content">
<p class="title mb-0">Jam Operasional</p>
<table>
<tr>
<td>Senin-Jumat</td>
<td>: 09.00 - 21.00 WIB</td>
</tr>
<tr>
<td>Sabtu</td>
<td>: 10.00 - 18.00 WIB</td>
</tr>
</table>
</div>
</div>
<div class="contact">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ef626fca-2cb4-48d9-95d0-63774d0ff0b8.svg"
alt="" />
<div class="maps-desc-content">
<p class="title mb-0">Whatsapp</p>
<p class="desc">6281212229300</p>
</div>
</div>
<div class="flex">
<a href="https://goo.gl/maps/CSc8nBpKt1KrscYj9" target="_blank" class="cta-primary">Lihat di Google Maps</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- MODAL -->
<div class="modal-overlay modal-copy-url display-none">
<div class="modal-content">
<div class="container-modal_content">
<div class="modal-header">
<img width="24" height="24" class="close-icon"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ce34412-1967-4b26-a193-cc38212bc9eb.svg"
alt="Logo Close" />
</div>
<p class="copy-url-info">Link berhasil disalin!</p>
</div>
</div>
</div>
<style>
.footer__year {
padding-top: 5rem;
}
.ic-new__img {
margin: auto 0;
display: flex;
}
.ic-new__img img {
width: fit-content;
}
.font-base-footer {
font-family: Inter, 'sans-serif';
font-weight: 400;
font-size: 14px !important;
font-style: normal;
letter-spacing: 0;
color: #0a2540;
margin-bottom: 0;
}
.font-bold {
font-weight: 700;
}
.font-white {
color: #fff !important;
}
.font-semi-bold {
font-weight: 600;
}
.center {
text-align: center;
}
.footer {
background: #0a2540;
overflow: hidden;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Helvetica Neue,
Arial,
Noto Sans,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji;
}
.footer.roc {
background-color: #1d1110;
color: white;
}
.contact__container {
display: grid;
grid-template-columns: 2fr 11fr;
gap: 0.625rem;
word-break: break-all;
}
.contact__container--text {
margin: auto 0;
}
.group-contact {
display: grid;
row-gap: 0.5rem;
}
.sec-follow__content--socmed {
display: inline-flex;
}
.sec-follow__content--socmed a {
padding-right: 0.25rem;
}
.ic-new {
display: inline-flex;
width: max-content;
gap: 0.25rem;
}
@media (min-width: 1025px) {
.sec-address__detail {
margin: 1rem 0 2rem;
padding-right: 2rem;
}
.sec-follow {
margin-top: -10rem;
}
.title {
font-size: 48px;
line-height: 64px;
}
.subtitle {
font-size: 32px;
line-height: 48px;
text-align: center;
}
.desc-hero {
font-size: 24px;
line-height: 36px;
margin-top: 20px;
}
.desc {
font-size: 16px;
line-height: 24px;
}
.footer {
padding: 5rem 0 1.5rem;
}
.footer__title {
font-size: 1rem;
margin-bottom: 1rem;
min-height: 1.25rem;
}
.footer__title--hq {
font-size: 1rem;
}
.footer__content--top {
display: grid;
grid-template-columns: 3fr 9fr;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sec-app__content {
display: grid;
gap: 0.75rem;
}
.footer__content--bottom {
display: grid;
grid-template-columns: 9.75fr 2.25fr;
}
}
@media (max-width: 1024px) {
.sec-address__detail {
margin: 1rem 0 2rem;
}
.sec-app {
margin-bottom: 2.625rem;
text-align: center;
}
.title {
font-size: 24px;
line-height: 36px;
}
.subtitle {
font-size: 20px;
line-height: 30px;
text-align: center;
}
.desc-hero {
font-size: 16px;
line-height: 24px;
margin-top: 1rem;
}
.desc {
font-size: 14px;
line-height: 27px;
}
.footer {
padding: 2rem 0;
}
.sec-app__content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.5rem;
margin-top: 1rem;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.sec-follow {
text-align: center;
}
.footer__title {
padding-bottom: 0.75rem;
}
}
ul.no-space {
padding: 0;
}
ul.no-space li {
margin-bottom: 0.25rem;
}
.contact__container--text a,
ul.no-space a {
text-decoration: none;
}
.contact__container--text a:hover,
ul.no-space a:hover {
color: #2eb5c0 !important;
}
div.sec-address__logo img,
div.ic-new__img img {
display: inline-block;
}
.sec-app__content img {
max-width: 100%;
}
</style>
<section class="footer " id="footer">
<div class="page-center">
<div class="footer__content">
<div class="footer__content--top">
<div class="sec-app">
<div class="sec-address">
<div class="sec-address__logo">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo Ruangguru" loading="lazy" />
</a>
</div>
<div class="sec-address__detail">
<p class="font-base-footer font-white font-bold footer__title--hq">RUANGGURU HQ</p>
<p class="font-base-footer font-white footer-address">Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920</p>
</div>
</div>
<p class="font-base-footer font-white font-bold footer__title">Coba GRATIS Aplikasi Ruangguru</p>
<div class="sec-app__content">
<div class="sec-app__content--gplay">
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_googleplay%20(1).svg"
loading="lazy"
alt="Button Google Play Footer "
/>
</a>
</div>
<div class="sec-app__content--appstore">
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_appstore%20(1).svg"
loading="lazy"
alt="Button App Store Footer "
/>
</a>
</div>
<div class="sec-app__content--huawei">
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<picture>
<source type="image/webp" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png?convert=webp " />
<source type="image/png" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png " />
<img class="footer-socmed" src="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png" alt="Button AppGallery Footer" loading="lazy" width="156" />
</picture>
</a>
</div>
</div>
</div>
<div class="sec-menu">
<div class="sec-menu__rg">
<p class="font-base-footer font-white font-bold footer__title">Produk Ruangguru</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruanguji">Ruanguji</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://pengajar.ruangguru.com/">Ruangpengajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privat">Ruangguru Privat</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/airis">Airis</a>
</li>
</ul>
</div>
<div class="sec-menu__lainnya">
<p class="font-base-footer font-white font-bold footer__title">Produk Lainnya</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.brainacademy.id/" target="_blank">Brain Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.english-academy.id/" target="_blank">English Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://skillacademy.com/" target="_blank">Skill Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.schoters.com/id/" target="_blank">Schoters</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.kalananti.id/" target="_blank">Kalananti</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/mathchamps" target="_blank">Math Champs</a>
</li>
</ul>
</div>
<div class="sec-menu__bantuan">
<p class="font-base-footer font-white font-bold footer__title">Bantuan & Panduan</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/company-credentials">Company Credentials</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/promo">Promo Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/about-us">Tentang Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/contact-us">Kontak Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/press">Press Kit</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan">Bantuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://career.ruangguru.com/">Karier</a>
</li>
</ul>
</div>
<div class="sec-menu__contact">
<p class="font-base-footer font-white font-bold footer__title">Hubungi Kami</p>
<div class="group-contact">
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-mail.svg" loading="lazy" alt="Logo Email Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="mailto:info@ruangguru.com">info@ruangguru.com</a>
</div>
</div>
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-phone.svg" loading="lazy" alt="Logo Phone Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="tel:02130930000">02130930000</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer__content--bottom">
<div></div>
<div class="sec-follow">
<p class="font-base-footer font-white font-bold footer__title">Ikuti Kami</p>
<div class="sec-follow__content">
<div class="sec-follow__content--socmed">
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-ig.svg?convert=webp" loading="lazy" alt="Logo Instagram Footer" />
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-fb.svg?convert=webp" loading="lazy" alt="Logo Facebook Footer" />
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-twitter.svg?convert=webp" loading="lazy" alt="Logo Twitter Footer" />
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-youtube.svg?convert=webp" loading="lazy" alt="Logo Youtube Footer" />
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-linkedin.svg?convert=webp" loading="lazy" alt="Logo LinkedIn Footer" />
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/tiktok-ic-white-40.svg?convert=webp" loading="lazy" alt="Logo TikTok Footer" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer__year">
<p class="font-base-footer font-white font-bold center">
©
<span id="full-year"></span>
Ruangguru. All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
</div>
</section>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVNLZFT" height="0" width="0"
style="display: none; visibility: hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<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>
<script>
var Analytics = _analytics.init({
app: 'ruangguru',
debug: false,
plugins: [analyticsTrackable()],
});
Analytics.ready(function () {
console.log('Analytics ready');
Analytics.page();
});
$(document).on('click', '[data-tracking-event-type]', function (event) {
const eventType = $(this).data('tracking-event-type');
const context = $(this).data('tracking-context');
Analytics.track(eventType, context);
});
</script>
<script>
$('#produk').click(function (e) {
e.preventDefault();
// $('#produk').attr('aria-expanded', 'true');
$('#produk_item').slideToggle();
});
var icon = $('.hamburger-icon'),
menu = $('.navigation__content');
$(icon).on('click', function (e) {
e.preventDefault();
menu.slideToggle();
});
</script>
<script>
if (document.getElementsByClassName('accordion')) {
var i,
acc = document.getElementsByClassName('accordion');
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener('click', function () {
document.getElementsByClassName('accordion');
this.classList.toggle('active');
var t = this.nextElementSibling;
t.classList.toggle('expand'), t.style.maxHeight ? (t.style.maxHeight = null) : (t.style.maxHeight = t.scrollHeight + 'px');
});
}
}
function getProgram() {
let mathchamps_sg = '1';
let mathchamps_sempoa = '0';
let kalananti = '0';
let memory_academy = '0';
const programExist = [];
if (mathchamps_sg == '1') {
programExist.push('mc-singapore');
}
if (mathchamps_sempoa == '1') {
programExist.push('mc-sempoa');
}
if (kalananti == '1') {
programExist.push('kalananti');
}
if (memory_academy == '1') {
programExist.push('memory');
}
const dataProgram = [
{
programName: 'mc-singapore',
icon: 'https://cdn-web-2.ruangguru.com/landing-pages/assets/d567fbab-7f74-47c7-afb1-ebdafc9df9a6.png',
desc: '<b>Kursus matematika dan logika</b> dengan Kurikulum Singapura untuk anak 5-18 tahun.',
cta: 'https://api.whatsapp.com/send/?phone=6281212229300&text=Halo, saya ingin daftar Trial Class program Math Champs - Singapore Math di Tangerang Selatan - BSD Boulevard',
},
{
programName: 'mc-sempoa',
icon: 'https://cdn-web-2.ruangguru.com/landing-pages/assets/fadcf993-c30b-4135-859a-0cb8c3feec1e.png',
desc: 'Belajar menghitung cepat dan tepat dengan <b>sempoa</b> maupun sempoa bayangan. Cocok untuk anak 4-12 tahun.',
cta: 'https://api.whatsapp.com/send/?phone=6281212229300&text=Halo, saya ingin daftar Trial Class program Math Champs - Sempoa di Tangerang Selatan - BSD Boulevard',
},
{
programName: 'kalananti',
icon: 'https://cdn-web-2.ruangguru.com/landing-pages/assets/491fb20b-9fc8-4403-8ef9-dd44c1412058.png',
desc: '<b>Kursus coding dan robotic</b> untuk anak 5-18 tahun. Yuk buat berbagai karya digital seperti Animasi, Game, Aplikasi dan perangkat teknologi lainnya!',
cta: 'https://api.whatsapp.com/send/?phone=6281212229300&text=Halo, saya ingin daftar Trial Class program Kalananti di Tangerang Selatan - BSD Boulevard',
},
{
programName: 'memory',
icon: 'https://cdn-web-2.ruangguru.com/landing-pages/assets/8bffe49a-1c60-47cb-8c0a-a0dcf730c981.png',
desc: 'Dukung prestasi akademik dengan <b>latihan daya ingat, fokus, dan konsentrasi</b>. Cocok untuk usia 6-18 tahun.',
cta: 'https://api.whatsapp.com/send/?phone=6281212229300&text=Halo, saya ingin daftar Trial Class program Memory Academy di Tangerang Selatan - BSD Boulevard',
},
];
let html = '';
dataProgram.map(item => {
if (programExist.includes(item.programName)) {
html += `
<div class="program-item ${item.programName}">
<div class="program-icon">
<img src="${item.icon}?orig=1&convert=webp" alt="${item.programName}" />
</div>
<div class="program-desc">
${item.desc}
</div>
<a href="${item.cta}" class="cta-primary white-cta">Daftar Trial Class</a>
</div>
`;
}
});
$('#programList').html(html);
}
$(document).ready(function () {
getProgram();
});
function generateBreadcrumb() {
const breadcrumb = document.getElementById('breadcrumb');
const url = window.location.origin; // https://www.ruangguru.com
const pathParts = window.location.pathname.split('/').filter(part => part !== ''); // ["mathchamps","branch"]
// Tambah HOME
const homeLi = document.createElement('li');
homeLi.className = 'breadcrumb-item';
homeLi.innerHTML = `<a href="${url}">Home</a>`;
breadcrumb.appendChild(homeLi);
// Build path bertahap
let cumulativePath = url;
pathParts.forEach((part, index) => {
const li = document.createElement('li');
li.className = 'breadcrumb-item';
part = part.replace('-', ' ');
cumulativePath += `/${part}`;
// Jika last item → plain text
if (index === pathParts.length - 1) {
li.classList.add('active');
li.setAttribute('aria-current', 'page');
li.textContent = part;
} else {
// Jika middle → link
li.innerHTML = `<a href="${cumulativePath}">${part}</a>`;
}
breadcrumb.appendChild(li);
});
}
// Jalankan
generateBreadcrumb();
</script>
</body>
</html>