MEET & GREET - INSPIRATIONAL TALKS - FUN GAMES - WORKSHOP - SPECIAL PERFORMANCE - FINAL MATCH WATCH PARTY
STREAM DIMULAI DALAM
hari : jam : menit : detik
LIVE STREAM BERAKHIR
Sampai Jumpa Lagi Lain Waktu
2026-03-08 15:59
Diff
<!doctype html>
<html lang="id">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="author" content="Ruangguru Tech Team" />
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<meta name="description" content="Clash of Champions Final Chapter" />
<title>Clash of Champions Final Chapter</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta property="og:description" content="Clash of Champions Final Chapter" />
<meta property="og:title" content="Clash of Champions Final Chapter" />
<meta name="twitter:description" content="Clash of Champions Final Chapter" />
<meta name="twitter:title" content="Clash of Champions Final Chapter" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" />
<link rel="canonical" href="https://www.ruangguru.com/event/cocfinal" />
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="350" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:url" content="https://www.ruangguru.com/event/clash-of-champions-final/" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="Content-Language" content="id" />
<script src="https://cdn.jsdelivr.net/npm/moment@2.29.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></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>
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = _analytics.init({
app: 'ruangguruLanding',
debug: false,
plugins: [analyticsTrackable()],
});
Analytics.ready(function () {
Analytics.page();
});
</script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845607410/module_39227318886_header-homepage-ruangguru-2021.min.css"
/>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&family=Nunito:wght@100;200;300;400;500;600;700&family=Source+Sans+Pro:wght@100;200;300;400;500;600;700&display=swap');
nav.ruangguru-header {
background: #022527;
}
.navig-link a {
color: #fff !important;
}
.navig-link-dropdown[aria-expanded='false']:after {
border-top: 0.3em solid #fff;
}
.profile-picture {
border-radius: 100%;
}
.container-user_profile {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: var(--size-radius-rad-full, 9999px);
border: 0px 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-name {
color: var(--color-text-text-ink, #2c313a);
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
margin: 0;
width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#logout-btn {
width: 100%;
position: absolute;
top: 120%;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
padding: 0 12px;
background: #fff;
border-radius: 12px;
border: none;
color: var(--color-text-text-critical, #cd1924);
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
}
.hero-timer-cta {
position: relative;
}
.tooltip-login {
position: absolute;
left: -13rem;
top: 3.25rem;
}
.tooltip-login-content {
position: relative;
width: 22rem;
}
.tooltip-img {
width: 100%;
}
.tooltip-close {
position: absolute;
right: 2rem;
top: 1.25rem;
cursor: pointer;
}
@media (max-width: 767px) {
.profile-name {
width: 60px;
}
.logo-header {
margin-left: 0;
}
.container-ruangguru-header {
padding: 10px 0;
}
}
body {
margin: 0;
background: #0a2222 !important;
color: #fff;
-ms-overflow-style: none;
}
.page-center {
float: none !important;
margin: 0 auto !important;
max-width: 1200px !important;
width: 90% !important;
}
html {
scrollbar-width: none;
}
.web {
display: inherit !important;
}
a,
a:hover,
a:visited {
text-decoration: none !important;
color: inherit;
}
p,
h1,
h2,
h3,
span {
margin: 0;
}
.display-none {
display: none !important;
}
.cta {
border-radius: var(--size-radius-rad-full, 9999px);
background: var(--prop-action-primary-primary-default, #f26d0f);
color: var(--color-text-text-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
border: 1px solid #f26d0f;
padding: 0.75rem 2.5rem;
}
.secondary-cta {
display: flex;
height: 44px;
padding: 0.3rem 2.5rem;
justify-content: center;
align-items: center;
border-radius: 9999px;
border: 1px solid var(--prop-action-secondary-secondary-default-border, #cfd3db);
background: var(--prop-action-secondary-secondary-default, #fff);
color: var(--color-text-text-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
cursor: pointer;
color: var(--color-text-text-ink, #2c313a);
}
.hero {
background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/446303ee-96dc-4a5a-9d80-133ef789875c.png?convert=webp);
background-repeat: no-repeat;
background-size: cover;
margin-top: 4.5rem;
padding: 6rem 0 0;
text-align: center;
position: relative;
background-position-x: center;
}
.hero-content {
min-height: 27rem;
}
.text-desc {
color: #fff;
text-align: center;
font-family: Inter;
font-size: 12px;
font-weight: 700;
line-height: 18px;
float: none;
margin: 0 auto;
max-width: 17.5rem;
padding: 11.5rem 0 2.5rem;
}
.text-title {
color: #fff;
text-align: center;
font-family: Inter;
font-size: 16px;
font-weight: 700;
line-height: 20px;
}
.values {
position: relative;
z-index: 1;
margin-top: 0;
padding-bottom: 0.5rem;
}
.value-title {
color: #fff;
font-family: 'Source Sans Pro';
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.value-desc {
color: rgba(255, 255, 255, 0.8);
font-family: 'Source Sans Pro';
font-size: 12px;
font-weight: 400;
line-height: 18px;
max-width: 14.5rem;
}
.value-date {
border-radius: 9999px;
background: var(--saturated-seagreen-110, #00282b);
color: var(--prop-pallete-subtle-subtle-cloudy, #f2f5fa);
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 18px;
width: fit-content;
padding: 2px 8px;
}
.hero-live {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 0;
}
.text-live {
color: #6cfdfd;
font-family: Inter;
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-align: center;
}
.text-date {
color: rgba(255, 255, 255, 0.8);
text-align: right;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-left: 4px;
}
.value {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
border-radius: 12px;
gap: 20px;
padding: 8px 8px 8px 16px;
margin-bottom: 12px;
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/9da2c27f-3df3-4a5b-9e2b-f1e5ee8b33a0.svg),
url(https://cdn-web-2.ruangguru.com/landing-pages/assets/db47dd4a-6c90-43af-bf18-c765d851e8b0.svg), linear-gradient(180deg, #02383b 0%, rgba(6, 153, 161, 0.1) 100%);
background-repeat: no-repeat;
background-size:
auto,
100% 100%,
cover;
background-position-x:
-8%,
-2.75rem,
center;
background-position-y: center, top, center;
min-height: 5rem;
}
.slick-disabled {
opacity: 0.2 !important;
}
.slick-arrow:before {
content: none !important;
}
.slick-arrow {
background-size: 100% 100% !important;
border-radius: 50% !important;
box-shadow: 0 12px 16px rgba(26, 29, 34, 0.12);
cursor: pointer !important;
height: 2rem !important;
top: 109% !important;
width: 2rem !important;
z-index: 1 !important;
}
.slick-prev {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/c99d671c-12a9-44ea-ae09-e8a4b233ac2d.svg) !important;
}
.slick-next {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/c2f137c4-6388-43d0-b6c1-920585b36f3b.svg) !important;
right: 0 !important;
}
.slick-dots {
bottom: -12% !important;
left: 0 !important;
width: fit-content !important;
}
.slick-dots li button:before {
color: #cfd3db !important;
font-size: 12px !important;
opacity: 1 !important;
}
.slick-dots li.slick-active button:before {
color: #20a4b0 !important;
font-size: 16px !important;
}
.event {
padding: 10px 0 2.5rem;
position: relative;
}
.event::before {
content: '';
display: block;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/e2e53b7f-efd6-4e94-b162-5e51bd8124d0.svg);
background-size: 100%;
}
.text-subtitle {
color: #fff;
font-family: Inter;
font-size: 16px;
font-weight: 700;
line-height: 24px;
padding-bottom: 10px;
}
.chat {
padding-bottom: 3rem;
}
.chat-img {
width: 100%;
}
.chat-link {
display: block;
width: 100%;
}
.chat-button {
background: #6a5c14;
padding: 12px 0;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
border: none;
border-radius: 0 0 16px 16px;
cursor: default !important;
}
.text-chat {
color: #ffd34f;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 16px;
}
.ticket-content {
border-radius: var(--size-radius-rad-lg, 12px) var(--size-radius-rad-lg, 12px) var(--size-radius-rad-none, 0px) var(--size-radius-rad-none, 0px);
background: linear-gradient(270deg, #0e2f2f 0%, #034b4f 100%);
width: 100%;
}
.countdown-flashsale {
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 8px 8px 0px 0px;
background: linear-gradient(90deg, #e52a34 -31.11%, #6309f4 100%);
padding: 8px 12px;
}
.countdown-detail {
display: flex;
align-items: center;
gap: 0.25rem;
}
.text-countdown {
color: #fff;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 18px;
}
.countdown-box {
display: flex;
align-items: center;
justify-content: center;
gap: 0.25rem;
}
.countdown-clock {
border-radius: var(--size-radius-rad-default, 4px);
background: var(--K12-Base-Theme-Background-Solid-Invert, #fff);
color: var(--K12-Base-Theme-Text-Solid-Highlight, #cd1924);
text-align: center;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 18px;
display: flex;
align-items: center;
justify-content: center;
height: 1.5rem;
width: 1.5rem;
}
.ticket-box {
padding: 12px;
display: flex;
align-items: center;
justify-content: space-between;
}
.ticket-special .ticket-box {
padding: 0;
}
.ticket-special {
position: relative;
padding-top: 1rem;
}
.ticket-special::before {
content: '';
display: block;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/e2e53b7f-efd6-4e94-b162-5e51bd8124d0.svg);
background-size: 100%;
}
.price-detail {
display: flex;
align-items: center;
}
.final-price {
color: #ffcd1e;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
padding-right: 0.25rem;
}
.base-price {
color: var(--color-text-text-subtle, #e8ecf4);
font-family: Inter;
font-size: 10px;
font-style: normal;
font-weight: 600;
line-height: 16px;
text-decoration-line: line-through;
}
.label-detail {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 5px;
padding: 8px 0;
}
.earlybird-label {
border-radius: var(--size-radius-rad-default, 4px);
background: #2229c5;
color: var(--color-text-text-invert, #fff);
font-family: Inter;
font-size: 10px;
font-weight: 700;
line-height: 16px;
padding: 0 4px;
}
.discount-label {
border-radius: var(--size-radius-rad-default, 4px);
background: var(--color-background-bgsolid-bgsolid-highlight, #e52a34);
color: var(--color-text-text-invert, #fff);
font-family: Inter;
font-size: 10px;
font-weight: 700;
line-height: 16px;
padding: 0 4px 1px;
}
.date-detail {
display: flex;
align-items: center;
gap: 4px;
padding: 2px 12px 12px;
}
.date-desc {
color: rgba(255, 255, 255, 0.8);
font-family: 'Source Sans Pro';
font-size: 12px;
font-weight: 400;
line-height: 16px;
}
.cta-ticket {
background: none;
border: none;
width: 100%;
}
.cta-ticket img {
width: 100%;
}
.info-list ol {
padding: 0 1rem;
margin: 0;
}
.info-list li {
color: #fff;
font-family: Inter;
font-size: 12px;
line-height: 18px;
max-width: 80%;
}
#readtext:after,
.accordion:after {
border: solid !important;
border-width: 0 2.2px 2.2px 0 !important;
content: '';
float: right;
font-weight: 700;
padding: 3.5px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
vertical-align: 0.2em !important;
}
#readtext:after {
color: #66f1ed;
margin-left: 0.5rem;
margin-top: 0.35rem;
}
.active:after {
transform: rotate(225deg) !important;
}
#readtext.active:after {
margin-top: 0.5rem !important;
}
#readmore {
align-items: center;
background: transparent;
border: none;
display: flex;
float: none;
font-family: Inter;
font-size: 14px;
font-weight: 700;
line-height: 22px;
color: #66f1ed;
margin: 0;
padding: 0.5rem;
}
.rotate10 {
-moz-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
-o-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
.extra-wrapper {
display: none;
}
.terbuka {
display: block !important;
}
.slick-slide img {
width: 100%;
}
.body-wrapper button:focus,
.body-wrapper a:visited {
outline: 0;
}
.countdown-event > p {
border-radius: var(--size-radius-rad-md, 8px) var(--size-radius-rad-md, 8px) var(--size-radius-rad-none, 0px) var(--size-radius-rad-none, 0px);
background: #fff;
color: #333;
font-family: Inter;
font-size: 14px;
font-style: italic;
font-weight: 600;
line-height: 18px;
width: fit-content;
float: none;
margin: 0 auto !important;
padding: 2px 8px;
}
.countdown-event-timer-wrapper {
border-radius: 40px;
background: linear-gradient(90deg, #0a78b6 0%, #262dd0 100%);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
float: none;
margin: auto;
padding: 12px;
}
.countdown-event-timer {
border-radius: 9999px;
background: rgba(255, 255, 255, 0.1);
padding: 6px 10px;
}
.countdown-event-timer .countdown-box {
color: var(--color-text-text-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
.countdown-event-timer .countdown-clock {
background: transparent;
color: var(--color-text-text-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
width: 1.5rem;
height: 1.5rem;
}
.countdown-event {
position: absolute;
left: 6rem;
bottom: 5rem;
}
.active-ticket {
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 12px;
background: linear-gradient(90deg, rgba(56, 226, 63, 0.3) 0%, rgba(31, 124, 35, 0.3) 100%);
padding: 6px 8px;
gap: 12px;
}
.text-active {
color: #fff;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 22px;
}
.instruction-box-detail {
display: grid;
align-items: flex-start;
justify-content: center;
grid-template-columns: auto 1fr;
gap: 12px;
padding-top: 12px;
}
.instruction-number {
border-radius: 50%;
background: linear-gradient(180deg, #219dff 0%, #145e99 100%);
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-text-text-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.instruction-desc {
color: #fff;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
/*SALES NUDGE*/
.left-content {
display: flex;
flex-direction: column;
gap: 0;
text-align: left;
}
.expired-in,
.sales-nudge-desc {
color: #fff;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
margin: 0;
}
.countdown-label {
color: #fff;
text-align: center;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 16px;
margin: 0;
}
.sales-nudge-container .cta {
padding: 0.2rem 1.5rem;
color: var(--color-text-text-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 10px;
font-style: normal;
font-weight: 700;
line-height: 16px;
width: 100%;
}
.countdown-chip {
display: flex;
width: 5rem;
padding: 2px 4px;
justify-content: center;
align-items: center;
gap: 2px;
border-radius: 9999px;
background: var(--color-background-bgsolid-bgsolid-highlight, #e52a34);
}
.left-bottom-content {
display: flex;
align-items: center;
gap: 4px;
margin-top: 4px;
}
.sales-nudge-content {
display: flex;
align-items: flex-end;
gap: 4px;
padding: 4px 8px 6px 12px;
border-radius: 0 12px 12px 0;
background: none;
justify-content: space-between;
width: 78%;
}
.sales-nudge-container {
display: flex;
align-items: center;
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/b6db3638-394c-4b64-b766-b28769e6a66d.png);
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
background-size: 100% 100%;
justify-content: flex-start;
padding: 8px;
border-radius: 12px;
box-shadow: 0px 0px 25px 2px rgba(255, 190, 0, 0.67);
margin-top: 1.5rem;
}
.package-title {
color: var(--color-text-text-invert, #fff);
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 18px;
padding-bottom: 4px;
}
.sponsor {
padding: 1rem 0 2rem;
margin-bottom: 1rem;
position: relative;
}
.sponsor::after {
content: '';
display: block;
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/e2e53b7f-efd6-4e94-b162-5e51bd8124d0.svg);
background-size: 100%;
}
.sponsor-content-image {
display: flex;
align-items: center;
justify-content: center;
float: none;
margin: auto;
text-align: center;
max-width: 30rem;
}
.img-sponsor {
max-width: 100%;
}
@media (max-width: 768px) {
.page-center-mobile {
float: none !important;
margin: 0 auto !important;
max-width: 1200px !important;
width: 90% !important;
}
.ticket {
position: fixed;
left: 0;
bottom: -1px;
width: 100%;
display: flex;
justify-content: center;
z-index: 99;
}
.slick-prev {
left: 78% !important;
}
.desktop {
display: none !important;
}
.info-list li {
max-width: 95%;
}
.info-content {
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 10px 0;
margin-bottom: 12px;
}
.countdown-event {
position: relative;
left: unset;
bottom: unset;
padding: 8rem 0 1.5rem;
}
.hero-detail {
border-radius: var(--size-radius-rad-xl, 16px);
border: 1px solid #4ecfc0;
background: linear-gradient(180deg, #020c0c 0%, #034b4f 100%);
box-shadow: 0px 4px 23px 0px rgba(102, 241, 237, 0.4);
padding: 1rem;
margin-bottom: 1.25rem;
}
.text-title {
color: #fff;
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: -0.1px;
float: none;
margin: 0 auto;
}
.hero-live {
padding: 0.5rem 0 10px;
}
.purchased .hero-live {
padding: 1rem 0;
}
.text-active {
font-size: 14px;
line-height: 18px;
}
.instruction {
padding: 0 0 44px;
}
.instruction-desc {
max-width: 85%;
}
/*SALES NUDGE*/
.sales-nudge-container {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/01c5908c-ee0c-4662-a83c-63c67a059bef.png?convert=webp);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 6px;
margin: 1rem 0;
}
.left-icon {
width: 3.5rem;
}
.package-title {
font-size: 12px;
line-height: 18px;
}
.expired-in {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.sales-nudge-content {
gap: 0;
padding: 4px 8px 6px 8px;
align-items: center;
width: 82%;
}
.sn-discount-image {
width: 52px;
height: 52px;
}
.sales-nudge-container .cta {
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 18px;
}
.sponsor {
padding: 0.5rem 0 1rem;
}
.sponsor::after {
content: none;
}
}
@media (min-width: 769px) {
.page-center-desktop {
float: none !important;
margin: 0 auto !important;
max-width: 1200px !important;
width: 90% !important;
}
.content-wrapper {
display: grid;
grid-template-columns: 100%;
gap: 24px;
float: none;
margin: -8rem auto 0;
max-width: 75%;
}
.hero {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/a818ec91-a579-4291-b281-20aef81be65f.png?convert=webp);
background-repeat: repeat;
background-size: auto;
padding: 0 0 6rem;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.hero-content-desktop {
display: grid;
grid-template-columns: 1.1fr 1.1fr;
align-items: center;
float: none;
margin: 0 auto;
max-width: 60rem;
gap: 2.5rem;
position: relative;
}
.hero-content-desktop > img {
float: none;
margin: -2rem auto 0;
width: 100%;
}
.hero-detail {
border-radius: var(--size-radius-rad-xl, 16px);
border: 1px solid #4ecfc0;
background: linear-gradient(180deg, #020c0c 0%, #034b4f 100%);
box-shadow: 0px 4px 23px 0px rgba(102, 241, 237, 0.4);
padding: 1rem;
}
.text-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
letter-spacing: -0.12px;
text-align: left;
max-width: 17rem;
}
.hero-live {
justify-content: flex-start;
}
.values-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.value {
padding: 20px;
background-position-x: -5%, right, center;
}
.value-title {
font-size: 16px;
line-height: 24px;
padding-bottom: 4px;
}
.value-desc {
font-size: 14px;
line-height: 22px;
max-width: 15rem;
padding-top: 4px;
}
.value > img {
width: 32px;
height: 32px;
}
.text-subtitle {
font-size: 20px;
line-height: 30px;
letter-spacing: -0.1px;
padding: 8px 0 20px;
}
.event-slick .slick-slide {
margin: 0 5px;
}
.event-slick .slick-list {
margin: 0 -5px;
}
.slick-prev {
left: 90% !important;
}
.instruction {
padding: 0 0 20px;
}
.instruction-slick .slick-slide {
margin: 0 5px;
}
.instruction-slick .slick-list {
margin: 0 -5px;
}
.ticket-content {
background: transparent;
}
.ticket-box {
padding: 0;
}
.date-detail {
padding: 2px 0 0;
}
.info {
padding: 1rem 0 3rem;
}
.mobile {
display: none !important;
}
.countdown-flashsale {
margin: 4px 0 16px;
border-radius: 12px;
}
.final-price {
font-size: 18px;
line-height: 22px;
letter-spacing: -0.1px;
}
.base-price {
font-size: 12px;
}
.earlybird-label {
font-size: 12px;
line-height: 18px;
}
.discount-label {
font-size: 12px;
line-height: 18px;
}
.body-wrapper {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/b4481196-44dc-47e5-95b5-2d5370d19d0a.png);
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
background-size: cover;
background-position-y: bottom;
}
}
/* online streaming now */
.cta.online-streaming {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.end-streaming-label {
display: flex;
width: 309px;
padding: 12px;
flex-direction: column;
align-items: center;
gap: 10px;
margin: auto;
border-radius: 40px;
background: linear-gradient(90deg, #890ab6 0%, #d02663 100%);
color: var(--color-text-text-invert, #fff);
text-align: center;
/* mobile/titleNarrow/md */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 125% */
}
#online-streaming-now {
bottom: 3rem;
}
@media (max-width: 767px) {
.end-streaming-label {
width: 100%;
}
#end-streaming-coc {
padding: 8rem 0 3rem;
}
}
.font-bold {
font-weight: 700;
}
.font-white {
color: #fff !important;
}
.font-semi-bold {
font-weight: 600;
}
.center {
text-align: center;
}
.footer {
background: #050f31 !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: inline-block;
}
.sec-app__content--appstore,
.sec-app__content--gplay,
.sec-app__content--huawei {
background: #000;
border: 1px solid #fff;
border-radius: 8px;
}
@media (min-width: 768px) and (max-width: 1024px) {
.footer-address {
line-height: 22px;
padding: 0 20%;
}
.sec-app__content {
display: flex !important;
gap: 12px !important;
justify-content: center;
width: 100% !important;
}
}
@media (min-width: 1024px) {
.sec-app__content--appstore,
.sec-app__content--gplay,
.sec-app__content--huawei {
width: 160px;
}
}
@media (max-width: 1024px) {
img.footer-socmed {
width: 100%;
}
}
.row-fluid [class*='span'] {
min-height: 0 !important;
}
.bantuan {
position: fixed;
bottom: 2rem;
right: 1rem;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
flex-direction: column;
gap: 1rem;
}
@media (min-width: 768px) {
.bantuan img {
width: auto;
height: 130px;
transition: all 0.4s ease;
}
.clicked {
bottom: 0.25rem;
}
.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan {
bottom: 7.5rem;
right: 0;
align-items: center;
}
.bantuan img {
width: auto;
height: 110px;
}
dotlottie-player.floating-lottie {
width: 80px !important;
height: 80px !important;
}
}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 20%; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0, 0, 0); /* Fallback color */
background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
margin: auto;
width: 80%;
display: flex;
justify-content: space-between;
flex-direction: row-reverse !important;
max-width: 500px;
border-radius: var(--size-radius-rad-xl, 16px);
border: 1px solid #4ecfc0;
background: linear-gradient(180deg, #020c0c 0%, #034b4f 100%);
box-shadow: 0px 4px 23px 0px rgba(102, 241, 237, 0.4);
padding: 1rem;
margin-bottom: 1.25rem;
}
.modal-content-text {
text-align: left;
margin-right: 8px;
}
/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
</style>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/event/cocfinal/assets/index-D37bdp2n.js"></script>
</head>
<body style="margin: 0px">
<nav class="ruangguru-header">
<div class="page-center">
<!-- MODAL -->
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">×</span>
<p id="modal-content-text" class="modal-content-text"></p>
</div>
</div>
<!-- END MODAL -->
<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/"
>
<div class="logo-header">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3a49e762-3e03-410f-96bf-25d133e49eb1.svg" alt="Logo ruangguru" loading="lazy" />
</div>
</a>
</div>
<div class="navigation__content">
<div class="navig-link navig-link-dropdown" id="produk" aria-expanded="false">
<a href="#">Produk</a>
</div>
<div class="navig-dropdown-area closed" id="produk_item">
<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/ruangbelajar","item_type": "link","item_name": "ruangbelajar","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/ruangbelajar"
>
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/rb.svg" alt="Logo ruangbelajar" loading="lazy" />
</div>
<p class="text-product">Belajar seru dengan video dan latihan soal, anti remed!</p>
</div>
</a>
<!-- BA -->
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.brainacademy.id","item_type": "link","item_name": "brainacademy","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank"
href="https://www.brainacademy.id"
>
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/logo_BA.svg"
alt="Logo Brain Academy"
loading="lazy"
/>
</div>
<p class="text-product">Bimbel Live Interaktif bersama STAR Master Teacher + Klinik PR</p>
</div>
</a>
<!-- roboguru -->
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://roboguru.ruangguru.com/","item_type": "link","item_name": "roboguru","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://roboguru.ruangguru.com/"
>
<div class="item-product">
<div class="logo-product">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/20b7b17a-62ba-43ee-bea8-b71c10f5fb0c.png?convert=webp" alt="Logo roboguru" width="125" loading="lazy" />
</div>
<p class="text-product">Foto dan upload soal susahmu dan dapatkan semua jawabannya di sini!</p>
</div>
</a>
<!-- roboguru plus -->
<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/roboguruplus","item_type": "link","item_name": "roboguruplus","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/roboguruplus"
>
<div class="item-product">
<div class="logo-product">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/ea267d76-9d20-45b0-9c2c-88e78c199f5d.png?convert=webp" width="155" alt="Logo roboguru plus" loading="lazy" />
</div>
<p class="text-product">Konsultasikan soal tersulit kamu sebanyak-banyaknya dengan tutor online terbaik</p>
</div>
</a>
<!-- ruangles -->
<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/privat","item_type": "link","item_name": "ruangles","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/privat"
>
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png"
alt="Logo ruangles"
width="112"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=56&name=logo-ruangguru-privat.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=168&name=logo-ruangguru-privat.png 168w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=224&name=logo-ruangguru-privat.png 224w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=280&name=logo-ruangguru-privat.png 280w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=336&name=logo-ruangguru-privat.png 336w"
sizes="(max-width: 112px) 100vw, 112px"
/>
</div>
<p class="text-product">Belajar privat dengan guru terbaik pilihan Ruangguru</p>
</div>
</a>
<!-- EA -->
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.english-academy.id/","item_type": "link","item_name": "english-academy","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank"
href="https://www.english-academy.id/"
>
<div class="item-product">
<div class="logo-product" id="lp_ea">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/English%20Academy/logo-ea-riddle.svg?convert=webp" alt="Logo English Academy" loading="lazy" />
</div>
<p class="text-product">Kursus Bahasa Inggris dengan Pengajar internasional dan kurikulum berstandar internasional</p>
</div>
</a>
<!-- dafalulu -->
<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/dafa-lulu","item_type": "link","item_name": "dafalulu","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/dafa-lulu"
>
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/logo-dafa-lulu.png?convert=webp&height=44&name=logo-dafa-lulu.png"
height="44"
alt="Logo dafa lulu"
loading="lazy"
/>
</div>
<p class="text-product">Belajar bersama Dafa, Lulu, dan teman petualang untuk siswa SD kelas 1 - 6</p>
</div>
</a>
<!-- rg for kids -->
<a
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/for-kids","item_type": "link","item_name": "ruangguru for kids","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/for-kids"
>
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo_rgfk.svg?convert=webp"
alt="Logo For Kids"
width="100"
loading="lazy"
/>
</div>
<p class="text-product">Kursus online untuk anak 4-7 tahun dengan program calistung, bahasa Inggris, dan sains</p>
</div>
</a>
<!-- ruanguji -->
<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/ruanguji","item_type": "link","item_name": "ruanguji","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/ruanguji"
>
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruanguji.svg" alt="Logo ruanguji" loading="lazy" />
</div>
<p class="text-product">Ikut tryout online dan lihat hasilnya di sini!</p>
</div>
</a>
<!-- ruangkelas -->
<a
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/ruangkelas","item_type": "link","item_name": "ruangkelas","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/ruangkelas"
>
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkelas.svg" alt="Logo ruangkelas" loading="lazy" />
</div>
<p class="text-product">Sistem Kelola Pembelajaran Jarak Jauh GRATIS!</p>
</div>
</a>
<!-- SA -->
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://skillacademy.com/","item_type": "link","item_name": "skillacademy","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank"
href="https://skillacademy.com/"
>
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/skillacademy.svg" alt="Logo Skill Academy" loading="lazy" />
</div>
<p class="text-product">Kursus online untuk meningkatkan technical & soft skill kamu</p>
</div>
</a>
<!-- ruangkerja -->
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangkerja.id/","item_type": "link","item_name": "ruangkerja","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank"
href="https://www.ruangkerja.id/"
>
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkerja.svg" alt="Logo ruangkerja" loading="lazy" />
</div>
<p class="text-product">Aplikasi Pelatihan Online #1 untuk Perusahaan & Lembaga</p>
</div>
</a>
<!-- kalananti -->
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.kalananti.id/","item_type": "link","item_name": "kalananti","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank"
href="https://www.kalananti.id/"
>
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/Kalananti%20by%20Ruangguru.png" alt="Logo kalananti" loading="lazy" height="40" />
</div>
<p class="text-product">Kursus coding dan robotic anak usia 5-15 tahun untuk mengasah logika dan kreativitas</p>
</div>
</a>
</div>
<div class="navig-link" id="program">
<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/program","item_type": "link","item_name": "Program","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/program"
>
Program
</a>
</div>
<div class="navig-link">
<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/promo","item_type": "link","item_name": "Promo","item_category": "promotion","item_position": 3,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/promo"
>
Promo
</a>
</div>
<div class="navig-link">
<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/event","item_type": "link","item_name": "Event","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/event"
>
Event
</a>
</div>
<div class="navig-link">
<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/beasiswa","item_type": "link","item_name": "Beasiswa","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/beasiswa"
>
Beasiswa
</a>
</div>
<div class="navig-link">
<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/testimoni"
>
Testimoni
</a>
</div>
<div class="navig-link navig-link-dropdown" id="services" aria-expanded="false">
<a href="#">Layanan</a>
</div>
<div class="navig-dropdown-area closed" id="services_item" aria-expanded="false">
<div class="item-services">
<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/ruangbelajar/perpanjang-paket","item_type": "link","item_name": "Cara Perpanjang Paket","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/ruangbelajar/perpanjang-paket"
>
Cara Perpanjang Paket
</a>
</div>
<div class="item-services">
<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/cara-bayar","item_type": "link","item_name": "Cara Bayar","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/cara-bayar"
>
Cara Bayar
</a>
</div>
<div class="item-services">
<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/cicilan","item_type": "link","item_name": "Cicilan","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/cicilan"
>
Cicilan
</a>
</div>
</div>
<div class="navig-link">
<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/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.ruangguru.com/blog/"
>
Ruangbaca
</a>
</div>
</div>
<div class="navigation__right">
<div class="button-langganan-cta" id="btn-header">
<div class="hero-timer-cta">
<button class="secondary-cta" id="login-btn">Login</button>
<div id="login-details" class="container-login_details display-none">
<div class="container-user_profile" id="user-profile"></div>
<button class="secondary-cta display-none" id="logout-btn">
<img width="18px" height="auto" class="logout-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/be30e3a3-7e6f-4a38-b235-eb1296d7e41c.svg" />
Logout
</button>
</div>
<div class="tooltip-login">
<div class="tooltip-login-content">
<img class="tooltip-img" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9e7d8438-ba9e-46e8-a425-21e24413c8c4.png?convert=webp" loading="lazy" />
<img class="tooltip-close" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/148afe77-9f4b-4ed8-9a24-bc9bb1b55597.svg?convert=webp" width="20" height="20" loading="lazy" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="body-wrapper">
<section class="hero">
<div class="page-center-mobile">
<div class="hero-content">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0adf198f-fe1d-4fdf-b7d5-bcf59cbdf905.png?convert=webp" width="206" height="121" class="mobile" />
<p class="text-desc mobile">MEET & GREET - INSPIRATIONAL TALKS - FUN GAMES - WORKSHOP - SPECIAL PERFORMANCE - FINAL MATCH WATCH PARTY</p>
<div class="hero-content-desktop">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ba613b57-f937-4aa0-8e84-05100dd9a5d3.png?convert=webp" class="desktop" />
<div class="countdown-event display-none">
<p>STREAM DIMULAI DALAM</p>
<div class="countdown-event-timer-wrapper">
<div class="countdown-event-timer">
<div class="countdown-box">
<span class="countdown-clock hero-day"></span>
hari :
<span class="countdown-clock hero-hour"></span>
jam :
<span class="countdown-clock hero-minute"></span>
menit :
<span class="countdown-clock hero-second"></span>
detik
</div>
</div>
</div>
</div>
<div id="online-streaming-now" class="countdown-event display-none">
<p>ONLINE STREAMING NOW</p>
<div class="countdown-event-timer-wrapper">
<a href="https://cta.ruangguru.com/coc-final-live-streaming">
<button class="cta online-streaming">
<img width="24" height="24" class="play-button-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f899d34a-c9f1-4ae6-8e7c-76929ab884a8.svg" />
<p class="online-streaming-label">Tonton Sekarang</p>
</button>
</a>
</div>
</div>
<div id="end-streaming-coc" class="countdown-event display-none">
<p>LIVE STREAM BERAKHIR</p>
<div class="end-streaming-wrapper">
<p class="end-streaming-label">Sampai Jumpa Lagi Lain Waktu</p>
</div>
</div>
<div class="hero-detail-wrapper">
<div class="hero-detail">
<h1 class="text-title">Clash of Champions: Final Chapter</h1>
<div class="hero-live">
<p class="text-live">Tayang LIVE</p>
<p class="text-date">· 17 Agustus 2024</p>
</div>
<div class="active-ticket display-none">
<p class="text-active">Tiketmu sudah aktif</p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/958b924b-2747-413b-9eac-7d85faf8ef1d.svg?convert=webp" width="28" height="28" loading="lazy" />
</div>
<div class="ticket-special mobile" id="ticket-special"></div>
<div class="ticket">
<div class="ticket-content" id="ticket-content"></div>
</div>
</div>
<!-- sales nudge -->
<a href="https://cta.ruangguru.com/sn-lp-finale-online-event-ticket-holder-bacem" class="sales-nudge-link display-none">
<div class="sales-nudge-container">
<div class="left-icon">
<img width="82" height="auto" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/50d416b6-92d4-4e8d-b77c-d85951794b51.png?convert=webp&h=180" class="sn-discount-image" />
</div>
<div class="sales-nudge-content">
<div class="left-content">
<p class="package-title">Belajar bareng Champions</p>
<p class="sales-nudge-desc">Hanya di Brain Academy</p>
<div class="left-bottom-content">
<p class="expired-in">Habis dalam</p>
<div class="countdown-chip">
<img class="countdown-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9c1fb47a-ad8e-4394-88dc-e41c4e84cd84.svg" alt="icon-clock-red" />
<p class="countdown-label">
<span id="sn-hour">08</span>
:
<span id="sn-minute">08</span>
:
<span id="sn-second">08</span>
</p>
</div>
</div>
</div>
<div class="right-content">
<button class="cta">
Klaim
<span class="desktop">Sekarang</span>
</button>
</div>
</div>
</div>
</a>
<!-- end of sales nudge -->
</div>
</div>
</div>
</div>
</section>
<div class="page-center-desktop">
<div class="content-wrapper">
<div class="content-left">
<section class="values">
<div class="page-center-mobile">
<div class="values-content_detail">
<div class="values-list"></div>
</div>
</div>
</section>
<section class="event">
<div class="page-center-mobile">
<div class="event-content">
<h2 class="text-subtitle">Detail Acara</h2>
<div class="event-slick"></div>
</div>
</div>
</section>
<section class="instruction">
<div class="page-center-mobile">
<div class="instruction-content">
<h2 class="text-subtitle">Cara membeli tiket</h2>
<div class="instruction-slick"></div>
</div>
</div>
</section>
<section class="sponsor">
<div class="page-center-mobile">
<div class="sponsor-content">
<h2 class="text-subtitle">Didukung oleh</h2>
<div class="sponsor-content-image"></div>
</div>
</div>
</section>
<section class="info">
<div class="page-center-mobile">
<div class="info-content">
<h2 class="text-subtitle">Informasi Penting</h2>
<div class="info-list" id="informasipenting"></div>
<button id="readmore">
<span id="readtext">Selengkapnya</span>
</button>
</div>
</div>
</section>
</div>
</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 !important;
overflow: hidden;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Helvetica Neue,
Arial,
Noto Sans,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji;
}
.contact__container {
display: grid;
grid-template-columns: 2fr 11fr;
gap: 0.625rem;
word-break: break-all;
}
.contact__container--text {
margin: auto 0;
}
.group-contact {
display: grid;
row-gap: 0.5rem;
}
.sec-follow__content--socmed {
display: inline-flex;
}
.sec-follow__content--socmed a {
padding-right: 0.25rem;
}
.ic-new {
display: inline-flex;
width: max-content;
gap: 0.25rem;
}
@media (min-width: 1025px) {
.sec-address__detail {
margin: 1rem 0 2rem;
padding-right: 2rem;
}
.sec-follow {
margin-top: -10rem;
}
.title {
font-size: 48px;
line-height: 64px;
}
.subtitle {
font-size: 32px;
line-height: 48px;
text-align: center;
}
.desc-hero {
font-size: 24px;
line-height: 36px;
margin-top: 20px;
}
.desc {
font-size: 16px;
line-height: 24px;
}
.footer {
padding: 5rem 0 1.5rem;
}
.footer__title {
font-size: 1rem;
margin-bottom: 1rem;
min-height: 1.25rem;
}
.footer__title--hq {
font-size: 1rem;
}
.footer__content--top {
display: grid;
grid-template-columns: 3fr 9fr;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sec-app__content {
display: grid;
gap: 0.75rem;
}
.footer__content--bottom {
display: grid;
grid-template-columns: 9.75fr 2.25fr;
}
}
@media (max-width: 1024px) {
.sec-address__detail {
margin: 1rem 0 2rem;
}
.sec-app {
margin-bottom: 2.625rem;
text-align: center;
}
.title {
font-size: 24px;
line-height: 36px;
}
.subtitle {
font-size: 20px;
line-height: 30px;
text-align: center;
}
.desc-hero {
font-size: 16px;
line-height: 24px;
margin-top: 1rem;
}
.desc {
font-size: 14px;
line-height: 27px;
}
.footer {
padding: 2rem 0;
}
.sec-app__content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.5rem;
margin-top: 1rem;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.sec-follow {
text-align: center;
}
.footer__title {
padding-bottom: 0.75rem;
}
}
ul.no-space {
padding: 0;
}
ul.no-space li {
margin-bottom: 0.25rem;
}
.contact__container--text a,
ul.no-space a {
text-decoration: none;
}
.contact__container--text a:hover,
ul.no-space a:hover {
color: #2eb5c0 !important;
}
div.sec-address__logo img,
div.ic-new__img img {
display: inline-block;
}
.sec-app__content img {
max-width: 100%;
}
</style>
<section class="footer " id="footer">
<div class="page-center">
<div class="footer__content">
<div class="footer__content--top">
<div class="sec-app">
<div class="sec-address">
<div class="sec-address__logo">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo Ruangguru" loading="lazy" />
</a>
</div>
<div class="sec-address__detail">
<p class="font-base-footer font-white font-bold footer__title--hq">RUANGGURU HQ</p>
<p class="font-base-footer font-white footer-address">Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920</p>
</div>
</div>
<p class="font-base-footer font-white font-bold footer__title">Coba GRATIS Aplikasi Ruangguru</p>
<div class="sec-app__content">
<div class="sec-app__content--gplay">
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_googleplay%20(1).svg"
loading="lazy"
alt="Button Google Play Footer "
/>
</a>
</div>
<div class="sec-app__content--appstore">
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_appstore%20(1).svg"
loading="lazy"
alt="Button App Store Footer "
/>
</a>
</div>
<div class="sec-app__content--huawei">
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<picture>
<source type="image/webp" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png?convert=webp " />
<source type="image/png" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png " />
<img class="footer-socmed" src="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png" alt="Button AppGallery Footer" loading="lazy" width="156" />
</picture>
</a>
</div>
</div>
</div>
<div class="sec-menu">
<div class="sec-menu__rg">
<p class="font-base-footer font-white font-bold footer__title">Produk Ruangguru</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruanguji">Ruanguji</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://pengajar.ruangguru.com/">Ruangpengajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privat">Ruangguru Privat</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/airis">Airis</a>
</li>
</ul>
</div>
<div class="sec-menu__lainnya">
<p class="font-base-footer font-white font-bold footer__title">Produk Lainnya</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.brainacademy.id/" target="_blank">Brain Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.english-academy.id/" target="_blank">English Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://skillacademy.com/" target="_blank">Skill Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.schoters.com/id/" target="_blank">Schoters</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.kalananti.id/" target="_blank">Kalananti</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/mathchamps/" target="_blank">Math Champs</a>
</li>
</ul>
</div>
<div class="sec-menu__bantuan">
<p class="font-base-footer font-white font-bold footer__title">Bantuan & Panduan</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/company-credentials">Company Credentials</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/promo">Promo Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/about-us">Tentang Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/contact-us">Kontak Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/press">Press Kit</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan">Bantuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://career.ruangguru.com/">Karier</a>
</li>
</ul>
</div>
<div class="sec-menu__contact">
<p class="font-base-footer font-white font-bold footer__title">Hubungi Kami</p>
<div class="group-contact">
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-mail.svg" loading="lazy" alt="Logo Email Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="mailto:info@ruangguru.com">info@ruangguru.com</a>
</div>
</div>
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-phone.svg" loading="lazy" alt="Logo Phone Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="tel:02130930000">02130930000</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer__content--bottom">
<div></div>
<div class="sec-follow">
<p class="font-base-footer font-white font-bold footer__title">Ikuti Kami</p>
<div class="sec-follow__content">
<div class="sec-follow__content--socmed">
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-ig.svg?convert=webp" loading="lazy" alt="Logo Instagram Footer" />
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-fb.svg?convert=webp" loading="lazy" alt="Logo Facebook Footer" />
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-twitter.svg?convert=webp" loading="lazy" alt="Logo Twitter Footer" />
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-youtube.svg?convert=webp" loading="lazy" alt="Logo Youtube Footer" />
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-linkedin.svg?convert=webp" loading="lazy" alt="Logo LinkedIn Footer" />
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/tiktok-ic-white-40.svg?convert=webp" loading="lazy" alt="Logo TikTok Footer" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer__year">
<p class="font-base-footer font-white font-bold center">
©
<span id="full-year"></span>
Ruangguru. All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
</div>
</section>
</body>
</html>