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 19:25
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="noindex, nofollow" />
<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://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.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;
}
.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;
}
@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;
}
}
@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% */
}
@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%;
}
}
iframe[title='Button to launch messaging window'] {
opacity: 0 !important;
display: none !important;
}
iframe[title='Button to launch messaging window, conversation in progress'] {
height: 0 !important;
width: 0 !important;
}
.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;
}
}
</style>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/cocfinal-coba/assets/index-BRZFOxk1.js"></script>
</head>
<body style="margin: 0px">
<nav class="ruangguru-header">
<div class="page-center">
<div class="container-ruangguru-header">
<div class="navigation__left">
<div class="hamburger-icon">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/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="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>
<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">
Jl. Dr. Saharjo No.161, Manggarai Selatan, Tebet, Kota
Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12860
</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>
</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:02140008000"
>02140008000</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 class="bantuan normalize-css">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "clash-of-champions-final","cta_action": "redirection","cta_action_detail": "https://cta.ruangguru.com/lp-coc-final-floating-icon-merch","item_type": "floating","item_name": "PESAN MERCHANDISE","item_category": "payment","item_position": 0,"item_serial": null,"section_type": "floating_item","section_position": "body","section_name": "floating_item"}'
href="https://cta.ruangguru.com/lp-coc-final-floating-icon-merch"
>
<img
src="https://cdn-web.ruangguru.com/file-uploader/04f752d8-6b0f-4abc-97e1-25bb460dbc8e.png?h=300&convert=webp"
loading="lazy"
/>
</a>
</div>
</div>
</section>
</body>
</html>