<!doctype html>
<html class="no-js" lang="id">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="author" content="Ruangguru Tech Team" />
<meta name="description" content="Belajar C++ Programming dengan fasilitator berpengalaman dan metode pembelajaran yang super mudah. Bebas atur jadwal sendiri dengan biaya lebih murah." />
<meta name="generator" content="HubSpot" />
<title>Kursus Pemrograman C++ dengan Biaya 40% Lebih Hemat!</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta property="og:description" content="Belajar C++ Programming dengan fasilitator berpengalaman dan metode pembelajaran yang super mudah. Bebas atur jadwal sendiri dengan biaya lebih murah." />
<meta property="og:title" content="Kursus Pemrograman C++ dengan Biaya 40% Lebih Hemat!" />
<meta name="twitter:description" content="Belajar C++ Programming dengan fasilitator berpengalaman dan metode pembelajaran yang super mudah. Bebas atur jadwal sendiri dengan biaya lebih murah." />
<meta name="twitter:title" content="Kursus Pemrograman C++ dengan Biaya 40% Lebih Hemat!" />
<style>
a.cta_button {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
vertical-align: middle;
}
.hs-breadcrumb-menu {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.hs-breadcrumb-menu-item {
float: left;
padding: 10px 0px 10px 10px;
}
.hs-breadcrumb-menu-divider:before {
content: '›';
padding-left: 10px;
}
.hs-featured-image-link {
border: 0;
}
.hs-featured-image {
float: right;
margin: 0 0 20px 20px;
max-width: 50%;
}
@media (max-width: 568px) {
.hs-featured-image {
float: none;
margin: 0;
width: 100%;
max-width: 100%;
}
}
.hs-screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
</style>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845607410/module_39227318886_header-homepage-ruangguru-2021.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/44980440489/1661483386153/A_Ruangguru_Projects/Project_Hofar/CSS_Javascript_Auto_Generate_Breadcrumb_-_V1.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/69238173229/1684146934037/module_69238173229_Module_LP_Ruangguru_Private_Home_Page_-_All_Section_and_Detail_Page.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39981680119/1676448475961/module_39981680119_Footer-ruangguru-2021-v2.min.css"
/>
<!-- Added by GoogleAnalytics integration -->
<script>
var _hsp = (window._hsp = window._hsp || []);
_hsp.push([
'addPrivacyConsentListener',
function (consent) {
if (consent.allowed || (consent.categories && consent.categories.analytics)) {
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
(i[r] =
i[r] ||
function () {
(i[r].q = i[r].q || []).push(arguments);
}),
(i[r].l = 1 * new Date());
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-49650255-1', 'auto');
ga('send', 'pageview');
}
},
]);
</script>
<!-- /Added by GoogleAnalytics integration -->
<link rel="canonical" href="https://www.ruangguru.com/privat/c-programming" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script>
(function (h, e, a, t, m, p) {
m = e.createElement(a);
m.async = !0;
m.src = t;
p = e.getElementsByTagName(a)[0];
p.parentNode.insertBefore(m, p);
})(window, document, 'script', 'https://u.heatmap.it/log.js');
</script>
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<script>
document.querySelector('meta[name="author"]').setAttribute('content', 'Ruangguru Tech Team');
</script>
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<!--
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49650255-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-49650255-1');
</script>
-->
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PVNLZFT');
</script>
<!-- End Google Tag Manager -->
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "CreativeWorkSeries",
"name": "Les C++ Programming",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"bestRating": "5",
"ratingCount": "276"
}
}
</script>
<meta property="og:url" content="https://www.ruangguru.com/privat/c-programming" />
<meta name="twitter:card" content="summary" />
<meta http-equiv="content-language" content="id" />
<link rel="stylesheet" href="https://cdn-web-2.ruangguru.com/landing-page-web/public/assets/common/layout.min.css" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/32781682988/1666344401391/A_Ruangguru_Projects/1_SOP_Landing_Page/SOP_Style_Ruangguru.min.css"
/>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/privat/c-programming/assets/index-DiBHOHTt.js"></script>
</head>
<body class="hs-content-id-69453014895 hs-landing-page hs-page" style="">
<style>/*!
* Bootstrap v4.5.0 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
padding: 0 !important;
}
*,
:after,
:before {
box-sizing: border-box;
}
header,
nav {
display: block;
}
p {
margin-top: 0;
}
a {
background-color: transparent;
color: #007bff;
text-decoration: none;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]),
a:not([href]):hover {
color: inherit;
text-decoration: none;
}
img {
border-style: none;
}
img,
svg {
vertical-align: middle;
}
svg {
overflow: hidden;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
button {
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
overflow: visible;
text-transform: none;
}
[type='button'],
button {
-webkit-appearance: button;
}
[type='button']:not(:disabled),
button:not(:disabled) {
cursor: pointer;
}
[type='button']::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.navbar {
padding: 0.5rem 1rem;
position: relative;
-ms-flex-align: center;
-ms-flex-pack: justify;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
@-webkit-keyframes progress-bar-stripes {
0% {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
0% {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@media print {
*,
:after,
:before {
box-shadow: none !important;
text-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
img {
page-break-inside: avoid;
}
p {
orphans: 3;
widows: 3;
}
@page {
size: a3;
}
.navbar {
display: none;
}
}
.cta {
border-radius: 9999px;
background: var(--k-12-base-light-theme-action-primary-default, #f26d0f);
width: 100%;
border: none;
color: var(--k-12-base-light-theme-text-solid-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
display: flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1.5rem;
}
.cta.dark,
.cta.dark-green,
.cta.blue-indigo,
.cta.violet,
.cta.roc {
color: #000;
background-color: #fff;
}
@media (max-width: 1024px) {
.navbar {
padding: 0 !important;
}
}
.navig-link a {
background-color: transparent;
color: #474747;
text-decoration: none !important;
}
.navig-link.dark a,
.navig-link.dark-green a,
.navig-link.roc a,
.navig-link.blue-indigo a,
.navig-link.violet a,
.navig-link.home a {
color: #fff !important;
}
.navig-dropdown-area a:hover,
.navig-link a:hover {
background: 0 !important;
color: #3cc4e5 !important;
cursor: pointer;
text-decoration: none !important;
}
.ruangguru-header {
background: #fff;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.13);
position: fixed;
top: 0;
width: 100%;
z-index: 100;
padding: 0 !important;
}
.ruangguru-header.dark {
background: #000;
}
.ruangguru-header.dark-green {
background: #022527;
}
.ruangguru-header.roc {
background-color: #1d1110;
}
.ruangguru-header.blue-indigo {
background: #444fb7;
}
.ruangguru-header.home {
background: linear-gradient(257.67deg, #21a5b1 46.16%, #0e9bdf 95.13%);
}
.ruangguru-header .navig-link {
color: #474747 !important;
font-family: Inter;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.ruangguru-header.dark .navig-link,
.ruangguru-header.dark-green .navig-link,
.ruangguru-header.blue-indigo .navig-link,
.ruangguru-header.roc .navig-link {
color: #fff !important;
}
.navigation__left {
display: flex;
}
.logo-header {
padding: 5px 0;
}
.navig-link:hover {
background: 0 !important;
color: #3cc4e5 !important;
cursor: pointer;
}
.navig-link-dropdown {
white-space: nowrap;
}
.navig-link-dropdown:after {
border-bottom: 0;
border-left: 0.3em solid transparent;
border-right: 0.3em solid transparent;
border-top: 0.3em solid;
content: '';
display: inline-block;
margin-left: 0.255em;
transition: 0.7s;
vertical-align: 0.255em;
}
.navig-link-dropdown[aria-expanded='true']:after {
transform: scaleY(-1);
}
.navig-link-dropdown[aria-expanded='false']:after {
transform: scaleY(1);
}
.logo-product {
margin: 0 0 5px !important;
}
.logo-product img {
min-height: 3rem;
object-fit: scale-down;
object-position: left;
width: 100%;
}
#lp_ea {
display: flex;
}
.item-services a,
.item-center a,
.text-product {
font-family: Inter;
}
@keyframes animate {
0% {
opacity: 0;
transform: rotateX(-90deg);
}
50% {
transform: rotateX(20deg);
}
to {
opacity: 1;
transform: rotateX(0deg);
}
}
@media (min-width: 1025px) {
.spacer-rg {
height: 4.5rem;
}
.container-ruangguru-header {
align-items: center;
padding: 18px 10px;
position: relative;
}
.ruangguru-header.home .page-center {
width: 90% !important;
}
.logo-header {
margin-right: 16px;
}
.navigation__right {
position: absolute;
right: 0;
}
#produk_item {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
float: left;
font-size: 1rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
list-style: none;
padding: 0.5rem 10px;
position: absolute;
text-align: left;
top: 70%;
width: 1050px;
z-index: 1000;
left: 7%;
}
.item-product,
.item-services,
.item-center {
padding: 12px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.item-product:hover,
.item-services:hover,
.item-center:hover {
background-color: #eaf8f9 !important;
cursor: pointer;
}
#services_item,
#center_item {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
flex-flow: column;
float: left;
font-size: 1rem;
list-style: none;
margin: 0;
min-width: 10rem;
padding: 0.5rem 0;
position: absolute;
text-align: left;
top: 70%;
z-index: 1000;
}
#services_item {
left: 44rem;
}
#center_item {
left: 14rem;
}
.container-ruangguru-header {
display: flex;
flex-direction: row;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
padding-bottom: 20px;
text-align: center;
}
}
@media (min-width: 1078px) {
.hamburger-icon {
display: none;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: auto;
flex-grow: 0;
max-height: unset;
overflow-y: auto;
padding-bottom: 0;
text-align: center;
}
.navigation__content .navig-link {
margin: 0 14px;
padding: 8px 8px 8px 0;
}
.navigation__content {
display: grid;
grid-auto-flow: column;
}
}
@media (min-width: 321px) and (max-width: 767px) {
.spacer-rg {
height: 4rem;
}
.container-ruangguru-header {
align-items: center;
padding: 10px;
position: relative;
}
.navigation__content {
padding-bottom: 20px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-size: 14px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk,
#program,
#services {
padding: 20px 0 0;
}
#produk_item,
#services_item,
#center_item {
padding: 1rem 20px;
}
.text-product {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 12px;
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 12px;
padding: 0.25rem 0.5rem 0.5rem;
}
.item-services,
.item-center {
margin-bottom: 0.35rem;
padding: 0.5rem 0;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.container-ruangguru-header {
align-items: center;
padding: 10px;
position: relative;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.logo-header {
margin-left: 20px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-size: 16px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 0 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk_item,
#services_item,
#center_item {
padding: 1rem 20px;
}
.text-product {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 12px;
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 18px;
padding: 0.25rem 1.5rem;
}
.item-services,
.item-center {
margin-bottom: 18px;
padding: 2px 0;
}
.navigation__content {
display: none;
}
}
@media (max-width: 320px) {
.spacer-rg {
height: 3rem;
}
.container-ruangguru-header {
align-items: center;
position: relative;
}
.navigation__content {
padding-bottom: 20px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-size: 14px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.logo-header {
margin-left: 10px;
transform: scale(0.8);
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk,
#program,
#services {
padding: 20px 0 0;
}
#produk_item {
padding: 1rem 20px;
}
#services_item,
#center_item {
padding: 10px 20px;
}
.text-product {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 5px;
transform: scale(0.8);
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 18px;
padding: 0.25rem 1.5rem;
}
.item-services,
.item-center {
margin-bottom: 18px;
padding: 2px 0;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
text-align: center;
}
}
.wrapper-profile-login {
position: relative;
}
.container-login_details {
position: relative;
}
.container-user_profile {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: var(--size-radius-rad-full, 9999px);
border: 1px solid var(--K12-Base-Theme-Border-Default, #cfd3db);
background: var(--K12-Base-Theme-Action-Secondary-Default, #fff);
padding: 4px 8px;
cursor: pointer;
position: relative;
}
.profile-picture {
border-radius: 100%;
}
.display-none {
display: none !important;
}
.display-1 {
font-size: 6rem;
}
.display-1,
.display-2 {
font-weight: 300;
line-height: 1.2;
}
.display-2 {
font-size: 5.5rem;
}
.display-3 {
font-size: 4.5rem;
}
.display-3,
.display-4 {
font-weight: 300;
line-height: 1.2;
}
.display-4 {
font-size: 3.5rem;
}
/* Text utility classes */
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-wrap {
white-space: normal !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
.text-secondary {
color: #6c757d !important;
}
/*FLOATING BANNER*/
.floating,
.floating > img {
width: 100%;
}
.hero-cta-wrapper {
align-items: center;
display: flex;
justify-content: center;
padding: 0.1rem 0 0.35rem;
position: relative;
}
.hero-timer-cta p {
color: #fff;
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
padding-right: 0.5rem;
margin: 0 !important;
}
.text-countdown-hero div,
.text-countdown-hero span {
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.text-countdown-hero {
align-items: center;
display: flex;
flex-direction: row;
gap: 0.25rem;
justify-content: center;
}
.text-countdown-hero div,
.text-countdown-hero span {
color: #fff;
letter-spacing: 0.01em;
margin: 0;
}
.text-countdown-hero div {
grid-gap: 0.25rem;
align-items: center;
display: grid;
grid-template-columns: auto auto;
}
.text-countdown-hero span {
color: #fff;
background: linear-gradient(0deg, #cd1924 0%, #cd1924 100%), linear-gradient(133deg, #ea4952 1.52%, #cd1924 50%, #9a0912 98.48%), rgb(0 0 0 / 0.25);
border-radius: 8px;
width: 1.75rem;
height: 1.75rem;
display: flex;
align-items: center;
justify-content: center;
}
/* Floating banner positioning for countdown */
.container-floating-banner,
.floating {
position: relative;
}
/* Override existing hero-timer-cta to position at bottom center of floating banner */
.hero-timer-cta {
position: absolute !important;
bottom: 6% !important;
left: 50% !important;
transform: translateX(-50%) !important;
background: transparent !important;
color: white !important;
padding: 8px 16px !important;
border-radius: 8px !important;
text-align: center !important;
font-size: 14px !important;
z-index: 10 !important;
display: flex;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: auto !important;
}
.hero-timer-cta .countdown-hero {
margin-top: 0 !important;
}
.hero-timer-cta .text-countdown-hero {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 4px !important;
}
.hero-timer-cta .text-countdown-hero div {
display: flex !important;
align-items: center !important;
color: white !important;
}
.hero-cta {
background: #fff;
border: 8px solid #7ac9d0;
border-radius: 96px;
color: #2c313a;
display: inline-block;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
margin: 0;
padding: 0.5rem 1.75rem;
text-align: center;
text-decoration: none;
}
@media (max-width: 767px) {
.hero-cta {
border: 8px solid #7ac9d0;
font-size: 12px;
line-height: 18px;
padding: 0.5rem 1.75rem;
}
.hero-timer-cta p {
font-size: 12px;
line-height: 18px;
}
.text-countdown-hero div,
.text-countdown-hero span {
font-size: 10px;
line-height: 12px;
}
.text-countdown-hero span {
width: 1.25rem;
height: 1.25rem;
border-radius: 4px;
}
.hero-timer-cta {
width: 100% !important;
bottom: 4% !important;
justify-content: flex-start !important;
}
}
</style>
<style>
.header-guest-mark-layout {
position: absolute;
width: 100%;
display: none;
justify-content: flex-end;
}
.header-guest-mark-triangle {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 30px solid #f1bb53;
margin-right: 2.25rem;
margin-bottom: -0.5rem;
}
.header-guest-mark-container {
display: flex;
background-color: #f1bb53;
width: fit-content;
border-radius: 12px;
padding: 0.5rem 0.75rem;
gap: 1rem;
justify-items: center;
}
.header-guest-mark-container p {
font-family: Space Grotesk;
font-size: 12px;
font-weight: 700;
line-height: 18px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
padding: 0;
}
@media (min-width: 1300px) {
.header-guest-mark-layout {
margin-top: 7rem;
}
}
@media (max-width: 1299px) {
.header-guest-mark-layout {
margin-top: 0;
}
}
@media (max-width: 767px) {
.header-guest-mark-triangle {
margin-right: 2.5rem;
}
}
</style>
<nav class="ruangguru-header ">
<div class="page-center">
<div class="container-ruangguru-header">
<div class="navigation__left">
<div class="hamburger-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/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/hs/OPTIMIZE/logo%20rg.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">
<!-- ruangbelajar -->
<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 Tatap Muka & Live Interaktif bersama STAR Master Teacher</p>
</div>
</a>
<!-- mathchamps -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps","item_type": "link","item_name": "mathchamps","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.ruangguru.com/mathchamps">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/723d8e19-b594-49cf-a098-07f5379d5d5f.png?convert=webp&h=70"
alt="Logo math champs" loading="lazy" width="104" height="40" />
</div>
<p class="text-product">Kursus matematika dan logika untuk anak 5-14 tahun dengan kurikulum Singapura</p>
</div>
</a>
<!-- mathchamps sempoa -->
<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/mathchamps/sempoa","item_type": "link","item_name": "mathchamps_sempoa","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.ruangguru.com/mathchamps/sempoa">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9aa7023e-2d40-4e19-9236-4907f5042a3e.png?convert=webp&h=70"
alt="Logo math champs" loading="lazy" width="104" height="40" />
</div>
<p class="text-product">Kursus hitung cepat aritmatika dengan sempoa untuk anak 4-12 tahun</p>
</div>
</a>
<!-- memory champs -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.memoryacademy.id/","item_type": "link","item_name": "memorychamps","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.memoryacademy.id/">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ac89298a-3fc9-4f35-862c-b027006929e0.png?convert=webp&h=70"
alt="Logo math champs" loading="lazy" width="104" height="40" />
</div>
<p class="text-product">Kursus latihan daya ingat, fokus, dan konsentrasi untuk mendukung prestasi
akademik</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": 5,"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>
<!-- 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": 6,"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>
<!-- schoters -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.schoters.com","item_type": "link","item_name": "schoters","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.schoters.com">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ecc92be-4ee0-475f-bd4c-d1f5e733f012.png?convert=webp&h=120"
alt="Logo Schoters" loading="lazy" height="40" />
</div>
<p class="text-product">Bimbingan kuliah & kerja di luar negeri #1 di Indonesia, dengan kelas bahasa
terlengkap!</p>
</div>
</a>
<!-- rgprivat -->
<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": 8,"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>
<!-- 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": 9,"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>
<!-- ags -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.altaglobalschool.com/","item_type": "link","item_name": "kalananti","item_category": "cta","item_position": 10,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.altaglobalschool.com/">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d56be6bf-3717-4da1-9763-438f02340246.png?convert=webp&h=120"
alt="Logo Schoters" loading="lazy" height="30" />
</div>
<p class="text-product">Sekolah blended learning untuk PAUD-SMA, siapkan siswa kuliah di universitas
terbaik, dalam & luar negeri</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": 11,"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>
<!-- 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": 12,"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>
<!-- 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": 13,"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>
<!-- 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": 14,"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": 16,"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>
<!-- 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": 17,"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>
<!-- 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": 18,"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>
</div>
<div class="navig-link navig-link-dropdown " id="center" aria-expanded="false">
<a href="#">Offline Centers</a>
</div>
<div class="navig-dropdown-area closed" id="center_item" aria-expanded="false">
<div class="item-center">
<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/mathchamps/branch","item_type": "link","item_name": "mathchamps branch","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/mathchamps/branch">
Mathchamps
</a>
</div>
<div class="item-center">
<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/branch","item_type": "link","item_name": "brain academy branch","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.brainacademy.id/branch/">
Brain Academy
</a>
</div>
<div class="item-center">
<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/center","item_type": "link","item_name": "EA center","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.english-academy.id/center/">
English Academy
</a>
</div>
</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">
<a href="https://cta.ruangguru.com/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" target="_blank">
<button class="cta ">Langganan Sekarang</button>
</a>
</div>
</div>
</div>
</div>
</nav>
<div class="body-container-wrapper">
<div class="body-container container-fluid">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_164801815595431"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<!-- ******************************************** BEGIN OF PAGE DETAIL ******************************************** -->
<style>
:root {
--dynamic-bg-image: url('https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Subject%20Page/Section%20Heading/Semua%20Mata%20Pelajaran.png');
--dump-bg-image: 'https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Subject%20Page/Section%20Heading/Semua%20Mata%20Pelajaran.png';
--dump-bg-image-h: '';
--dump-bg-image-u: '';
}
div.row-heading-subject-detail {
position: relative;
background: linear-gradient(223.16deg, rgba(5, 151, 187, 0) 11.9%, #009da7 37.62%, #1c54da 83.59%, #46009f 93.54%), var(--dynamic-bg-image);
background-repeat: no-repeat !important;
background-size: cover !important;
}
@media (min-width: 768px) {
div.row-heading-subject-detail {
background: linear-gradient(262.19deg, rgba(5, 151, 187, 0) 24.18%, #009da7 49.64%, #1c54da 95.13%, #46009f 104.97%), var(--dynamic-bg-image);
}
}
</style>
<section id="section-heading-subject-detail">
<div class="spacer-rg"></div>
<!--page 2-->
<!--/*Section Detail Page*/-->
<div class="row row-heading-subject-detail px-0 mx-0" id="daftar">
<div class="col-12">
<div class="page-center">
<div class="row px-0 mx-0">
<div class="col-12 col-md-8">
<div class="card card-heading-subject-detail bg-transparent border-0">
<div class="card-body px-0">
<nav aria-label="breadcrumb">
<ol id="breadcrumb" class="breadcrumb bg-transparent p-0"></ol>
</nav>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Section%20Hero/2022-03-18%20LOGO_rungguru%20privat-03_new.png"
alt="logo"
class="img-logo-rg-private-2"
/>
<h1 class="card-title">Kursus C++ Programming sampai bisa bersama guru privat</h1>
<p class="card-text">Tersedia untuk jenjang kelas (Umum)</p>
<div class="card card-c-benefit-list">
<div class="card-body">
<ul class="list-unstyled benefit-list-c">
<li class="media align-items-center">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Subject%20Page/Section%20Heading/Benefit%20List/img-c-1.svg"
class="mr-3"
alt="..."
/>
<div class="media-body">
<p class="m-0">Privat dengan guru terbaik</p>
</div>
</li>
<li class="media align-items-center my-1">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Subject%20Page/Section%20Heading/Benefit%20List/img-c-2.svg"
class="mr-3"
alt="..."
/>
<div class="media-body">
<p class="m-0">Bebas atur kebutuhan belajar</p>
</div>
</li>
<li class="media align-items-center">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Subject%20Page/Section%20Heading/Benefit%20List/img-c-3.svg"
class="mr-3"
alt="..."
/>
<div class="media-body">
<p class="m-0">Jaminan puas</p>
</div>
</li>
</ul>
</div>
</div>
<div class="select-kelas-wrapper">
<div class="select-kelas">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Subject%20Page/Section%20Heading/ic-search.svg"
width="28"
height="28"
class="img-fluid"
alt="search"
/>
<select id="selectKelas">
<option value="" selected>Pilih Kelas</option>
</select>
<button class="btn-daftar" id="btnDaftar">Daftar</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-auto"></div>
</div>
</div>
</div>
</div>
<!--/*===========*/-->
</section>
<!--/*Module LP Ruangguru Private Home Page - Section Teachers*/-->
<div class="row bg-row-master-teacher-target px-0 mx-0">
<div class="col-12 bg-col-master-teacher-target p-0">
<div class="row p-lg-4 px-0 mx-0">
<div class="col-12">
<div class="page-center">
<h2 class="font-weight-bold mb-4 mt-4 text-center title-custom-2">Les privat dengan pengajar terbaik</h2>
<div class="row row-cols-1 section-slick-2 p-0 mx-0 px-lg-4 mb-4">
<div class="mb-4 bao-card-teacher-2 col p-0 p-md-3">
<div class="bg-transparent border-0 card h-custom-card-2">
<div class="card-header bg-transparent border-0 card-header-2">
<img
alt="person1"
class="card-img-top h-custom-auto img-person-2"
loading="lazy"
src="https://cdn-web-2.ruangguru.com/file-uploader/lp/b3a70650-e6f0-4c1a-bffb-5e8a9fe55ab8.png"
width="281"
height="281"
/>
</div>
<div class="bg-white-mastech card-body">
<p class="font-weight-bold card-title text-name-teacher-2 mb-0">Kak Rio</p>
<p class="card-text card-text-2 mb-0">Guru Privat C++ Programming</p>
<hr class="border-dashed-c border-white-c" />
<p class="card-c-text ct-desc">Pengalaman dan prestasi</p>
<!-- <hr class="border-dashed" /> -->
<!-- <ul class="list-unstyled list-custom-2 text-left">
<li class="media">
<img alt="marker" class="mr-3" height="24" loading="lazy" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Project%20Hofar/Brain%20Academy%20Online%20V4/ic_achievement.png" width="24">
<div class="media-body">
<p>
Pengalaman mengajar privat > 5 tahun
</p>
</div>
</li>
<li class="media">
<img alt="marker" class="mr-3" height="24" loading="lazy" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Project%20Hofar/Brain%20Academy%20Online%20V4/ic_achievement.png" width="24">
<div class="media-body">
<p>
Mengajar Matematika & Fisika
</p>
</div>
</li>
</ul> -->
<ul class="list-unstyled list-custom-2 text-left">
<li class="media">
<!-- old image: "https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Project%20Hofar/Brain%20Academy%20Online%20V4/ic_achievement.png" -->
<img
alt="marker"
class="mr-3"
height="24"
loading="lazy"
src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png"
width="24"
/>
<div class="media-body">
<p>Kompeten mengajar Pemrograman untuk semua jenjang mulai dari SD hingga umum</p>
</div>
</li>
<li class="media">
<!-- old image: "https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Project%20Hofar/Brain%20Academy%20Online%20V4/ic_achievement.png" -->
<img
alt="marker"
class="mr-3"
height="24"
loading="lazy"
src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png"
width="24"
/>
<div class="media-body">
<p>Alumni FASILKOM Ilmu Komputer di Universitas Indonesia (UI)</p>
</div>
</li>
<li class="media">
<!-- old image: "https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Project%20Hofar/Brain%20Academy%20Online%20V4/ic_achievement.png" -->
<img
alt="marker"
class="mr-3"
height="24"
loading="lazy"
src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png"
width="24"
/>
<div class="media-body">
<p>Asisten Dosen di Universitas Indonesia sejak 2017-2020</p>
</div>
</li>
<li class="media">
<!-- old image: "https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Project%20Hofar/Brain%20Academy%20Online%20V4/ic_achievement.png" -->
<img
alt="marker"
class="mr-3"
height="24"
loading="lazy"
src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png"
width="24"
/>
<div class="media-body">
<p>Memiliki basic programing, kalkulus, & statistik</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="mb-4 bao-card-teacher-2 col p-0 p-md-3">
<div class="bg-transparent border-0 card h-custom-card-2">
<div class="card-header bg-transparent border-0 card-header-2">
<img
alt="person1"
class="card-img-top h-custom-auto img-person-2"
loading="lazy"
src="https://cdn-web-2.ruangguru.com/file-uploader/lp/a4dc108b-4ca1-41e1-8114-10e243720326.png"
width="281"
height="281"
/>
</div>
<div class="bg-white-mastech card-body">
<p class="font-weight-bold card-title text-name-teacher-2 mb-0">Kak Ivan</p>
<p class="card-text card-text-2 mb-0">Guru Privat C++ Programming</p>
<hr class="border-dashed-c border-white-c" />
<p class="card-c-text ct-desc">Pengalaman dan prestasi</p>
<!-- <hr class="border-dashed" /> -->
<!-- <ul class="list-unstyled list-custom-2 text-left">
<li class="media">
<img alt="marker" class="mr-3" height="24" loading="lazy" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Project%20Hofar/Brain%20Academy%20Online%20V4/ic_achievement.png" width="24">
<div class="media-body">
<p>
Pengalaman mengajar privat > 5 tahun
</p>
</div>
</li>
<li class="media">
<img alt="marker" class="mr-3" height="24" loading="lazy" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Project%20Hofar/Brain%20Academy%20Online%20V4/ic_achievement.png" width="24">
<div class="media-body">
<p>
Mengajar Matematika & Fisika
</p>
</div>
</li>
</ul> -->
<ul class="list-unstyled list-custom-2 text-left">
<li class="media">
<!-- old image: "https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Project%20Hofar/Brain%20Academy%20Online%20V4/ic_achievement.png" -->
<img
alt="marker"
class="mr-3"
height="24"
loading="lazy"
src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png"
width="24"
/>
<div class="media-body">
<p>Kompeten mengajar Programming Web Mobile, Java, C#, Algoritma & Database SQL untuk semua jenjang</p>
</div>
</li>
<li class="media">
<!-- old image: "https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Project%20Hofar/Brain%20Academy%20Online%20V4/ic_achievement.png" -->
<img
alt="marker"
class="mr-3"
height="24"
loading="lazy"
src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png"
width="24"
/>
<div class="media-body">
<p>Lulusan Politeknik Manufaktur Astra</p>
</div>
</li>
<li class="media">
<!-- old image: "https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Project%20Hofar/Brain%20Academy%20Online%20V4/ic_achievement.png" -->
<img
alt="marker"
class="mr-3"
height="24"
loading="lazy"
src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png"
width="24"
/>
<div class="media-body">
<p>Pernah mengajar murid lulusan terkemuka seperti ITB, UI, Hamburg German, China University, & Melbourne University</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="mb-4 bao-card-teacher-2 col p-0 p-md-3">
<div class="bg-transparent border-0 card h-custom-card-2">
<div class="card-header bg-transparent border-0 card-header-2">
<img
alt="person1"
class="card-img-top h-custom-auto img-person-2"
height="281"
loading="lazy"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Fikri.png?width=241&height=281&name=Kak%20Fikri.png"
width="241"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Fikri.png?width=121&height=141&name=Kak%20Fikri.png 121w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Fikri.png?width=241&height=281&name=Kak%20Fikri.png 241w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Fikri.png?width=362&height=422&name=Kak%20Fikri.png 362w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Fikri.png?width=482&height=562&name=Kak%20Fikri.png 482w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Fikri.png?width=603&height=703&name=Kak%20Fikri.png 603w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Fikri.png?width=723&height=843&name=Kak%20Fikri.png 723w"
sizes="(max-width: 241px) 100vw, 241px"
/>
</div>
<div class="bg-white-mastech card-body">
<p class="font-weight-bold card-title text-name-teacher-2 mb-0">Kak Fikri</p>
<p class="card-text card-text-2 mb-0">Guru Privat Matematika</p>
<hr class="border-dashed-c border-white-c" />
<p class="card-c-text ct-desc">Pengalaman dan prestasi</p>
<!-- <hr class="border-dashed" /> -->
<!-- <ul class="list-unstyled list-custom-2 text-left">
<li class="media">
<img alt="marker" class="mr-3" height="24" loading="lazy" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Project%20Hofar/Brain%20Academy%20Online%20V4/ic_achievement.png" width="24">
<div class="media-body">
<p>
Pengalaman mengajar privat > 5 tahun
</p>
</div>
</li>
<li class="media">
<img alt="marker" class="mr-3" height="24" loading="lazy" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Project%20Hofar/Brain%20Academy%20Online%20V4/ic_achievement.png" width="24">
<div class="media-body">
<p>
Mengajar Matematika & Fisika
</p>
</div>
</li>
</ul> -->
<ul class="list-unstyled list-custom-2 text-left">
<li class="media">
<!-- old image: "https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Project%20Hofar/Brain%20Academy%20Online%20V4/ic_achievement.png" -->
<img
alt="marker"
class="mr-3"
height="24"
loading="lazy"
src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png"
width="24"
/>
<div class="media-body">
<p>Kompeten mengajar IPA & Matematika untuk siswa SMP hingga SMA</p>
</div>
</li>
<li class="media">
<!-- old image: "https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Project%20Hofar/Brain%20Academy%20Online%20V4/ic_achievement.png" -->
<img
alt="marker"
class="mr-3"
height="24"
loading="lazy"
src="https://roboguru-forum-cdn.ruangguru.com/image/c72a21bc-b202-445b-847e-17b0f8c780b3.png"
width="24"
/>
<div class="media-body">
<p>Alumni Mahasiswa FMIPA Institut Teknologi Bandung (ITB)</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="box-anchor-c">
<a href="" target="_self" rel="" class="anchor-c mt-4">Belajar Sekarang</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--/*===========*/-->
<!--/*Module LP Ruangguru Private Home Page - Section Kenapa Les Private*/-->
<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" />
<style>.card-package.see-more {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.see-more .btn-pesan {
position: relative !important;
width: 100%;
}
.see-more h3 {
text-align: center;
}
.select-kelas-wrapper {
border-radius: 999px;
background: rgba(255, 255, 255, 0.12);
box-shadow: 0 8px 16px 0 rgba(129, 134, 142, 0.08);
padding: 10px;
margin: 1rem 0;
max-width: 32rem;
}
.select-kelas {
border-radius: 999px;
background: var(--color-background-bgsolid-bgsolid-invert, #fff);
display: flex;
align-items: center;
padding: 12px;
gap: 12px;
}
#selectKelas {
border: none;
border-radius: 9999px;
margin: 0;
font-family: 'Inter';
font-size: 16px;
line-height: 24px;
font-weight: 600;
}
.btn-daftar {
border-radius: 100px;
background: #ff823c;
box-shadow: 0 8px 16px -2px rgba(255, 130, 60, 0.2);
color: #fff;
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
border: none;
display: flex;
align-items: center;
justify-content: center;
height: 44px;
width: 100%;
max-width: 10rem;
}
</style>
<div class="container-package-benefit">
<!-- Paket Terlaris -->
<!-- Kenapa harus RG Privat mapel nels-->
<div class="why-privat">
<div class="page-center">
<h2>Mengapa memilih les di Ruangguru Privat?</h2>
<div class="why-privat-wrapper">
<div class="card-why-privat">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Section%20Kenapa%20RG%20Privat/icon-1.svg" alt="" />
<h3>Pengajar berkualitas</h3>
<p>Dibimbing pengajar lulus seleksi ketat dari universitas terbaik dari dalam maupun luar negeri.</p>
</div>
<div class="card-why-privat">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Section%20Kenapa%20RG%20Privat/icon-2.svg" alt="" />
<h3>Bebas atur kebutuhan belajar</h3>
<p>Fleksibel atur jadwal, materi, hingga kriteria pengajarmu. Bebas belajar online dan/atau offline sesuai kebutuhan.</p>
</div>
<div class="card-why-privat">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Section%20Kenapa%20RG%20Privat/icon-3.svg" alt="" />
<h3>Semua jenjang dan kurikulum</h3>
<p>Tenang cari les privat C++ Programming karena tersedia untuk Umum.</p>
</div>
<div class="card-why-privat">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Section%20Kenapa%20RG%20Privat/icon-4.svg" alt="" />
<h3>Harga lebih murah</h3>
<p>Paket les privat C++ Programming lebih hemat hingga 40% dengan fasilitas lengkap, seperti tryout, video dan laporan belajar.</p>
</div>
<div class="card-why-privat">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Section%20Kenapa%20RG%20Privat/icon-5.svg" alt="" />
<h3>Jaminan puas</h3>
<p>Sebesar 90% murid ingin les privat kembali, dengan adanya jaminan ganti pengajar.</p>
</div>
</div>
<div class="btn-pesan">
<a href="#daftar">
<button>Pesan Sekarang</button>
</a>
</div>
</div>
</div>
</div>
<!--/*Module LP Ruangguru Private Home Page - Section Testimoni*/-->
<section id="section-kejar-cita2">
<div class="row px-0 pb-0 pt-c-r">
<div class="col-12 pt-4 pb-4">
<div class="page-center">
<div class="row px-0 pt-4 pb-0">
<div class="col-12">
<div class="card bg-transparent border-0">
<div class="card-header bg-transparent border-0 text-center px-0">
<h2 class="title-testimoni font-weight-bold mb-4 mt-4 text-center">Pengalaman mereka belajar di Ruangguru Privat</h2>
</div>
<div class="card-body px-0">
<div class="row row-cols-1 row-cols-md-4-0 px-0 pb-0 slick-testimoni-vkc2 d-none">
<div class="col mt-c-3 h-100 testi-wrapper">
<div class="testimoni-content_cards">
<div class="testimoni-slick slick-white">
<div class="testimoni-card">
<div class="testimoni-card_people">
<img
loading="lazy"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/5-Jan-27-2023-03-12-42-9464-AM.png?width=256&height=256&name=5-Jan-27-2023-03-12-42-9464-AM.png"
width="256"
height="256"
class="img-fluid testi-photo"
alt="Daffa Athalah"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/5-Jan-27-2023-03-12-42-9464-AM.png?width=128&height=128&name=5-Jan-27-2023-03-12-42-9464-AM.png 128w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/5-Jan-27-2023-03-12-42-9464-AM.png?width=256&height=256&name=5-Jan-27-2023-03-12-42-9464-AM.png 256w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/5-Jan-27-2023-03-12-42-9464-AM.png?width=384&height=384&name=5-Jan-27-2023-03-12-42-9464-AM.png 384w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/5-Jan-27-2023-03-12-42-9464-AM.png?width=512&height=512&name=5-Jan-27-2023-03-12-42-9464-AM.png 512w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/5-Jan-27-2023-03-12-42-9464-AM.png?width=640&height=640&name=5-Jan-27-2023-03-12-42-9464-AM.png 640w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/5-Jan-27-2023-03-12-42-9464-AM.png?width=768&height=768&name=5-Jan-27-2023-03-12-42-9464-AM.png 768w"
sizes="(max-width: 256px) 100vw, 256px"
/>
</div>
<div class="testimoni-card_univ">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/415012b9-daf1-4b07-a3b1-ef447e4dd8e0.svg" width="40" height="40" loading="lazy" />
<div class="testimoni-card_univ--desc">
<p class="font-inter font-light-gray font-subcard">Universitas</p>
<p class="font-inter font-dark font-headcard">Institut Teknologi Sepuluh Nopember</p>
</div>
</div>
<div class="testimoni-card_desc">
<p class="font-inter font-green font-subcard">
Cara mengajar Kak Rio bagus. Penjelasannya rinci, jelas, dan tidak bertele-tele, sehingga saya mudah paham dengan materinya dan juga nyaman saat belajar.
</p>
<p class="font-inter font-dark font-headcard">Daffa Athalah</p>
<p class="font-inter font-light-gray font-desc-testimoni">Pengguna Ruangguru Privat</p>
</div>
</div>
</div>
</div>
</div>
<div class="col mt-c-3 h-100 testi-wrapper">
<div class="testimoni-content_cards">
<div class="testimoni-slick slick-white">
<div class="testimoni-card">
<div class="testimoni-card_people">
<img
loading="lazy"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/3-Jan-27-2023-03-10-34-6616-AM.png?width=256&height=256&name=3-Jan-27-2023-03-10-34-6616-AM.png"
width="256"
height="256"
class="img-fluid testi-photo"
alt="Elok Bulan"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/3-Jan-27-2023-03-10-34-6616-AM.png?width=128&height=128&name=3-Jan-27-2023-03-10-34-6616-AM.png 128w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/3-Jan-27-2023-03-10-34-6616-AM.png?width=256&height=256&name=3-Jan-27-2023-03-10-34-6616-AM.png 256w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/3-Jan-27-2023-03-10-34-6616-AM.png?width=384&height=384&name=3-Jan-27-2023-03-10-34-6616-AM.png 384w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/3-Jan-27-2023-03-10-34-6616-AM.png?width=512&height=512&name=3-Jan-27-2023-03-10-34-6616-AM.png 512w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/3-Jan-27-2023-03-10-34-6616-AM.png?width=640&height=640&name=3-Jan-27-2023-03-10-34-6616-AM.png 640w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/3-Jan-27-2023-03-10-34-6616-AM.png?width=768&height=768&name=3-Jan-27-2023-03-10-34-6616-AM.png 768w"
sizes="(max-width: 256px) 100vw, 256px"
/>
</div>
<div class="testimoni-card_univ">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/415012b9-daf1-4b07-a3b1-ef447e4dd8e0.svg" width="40" height="40" loading="lazy" />
<div class="testimoni-card_univ--desc">
<p class="font-inter font-light-gray font-subcard">Universitas</p>
<p class="font-inter font-dark font-headcard">Politeknik Negeri Malang</p>
</div>
</div>
<div class="testimoni-card_desc">
<p class="font-inter font-green font-subcard">
Pengajar di Ruangguru Privat memiliki kualitas yang baik, cara mengajarnya sesuai denganku. Sangat menyenangkan belajar di Ruangguru Privat.
</p>
<p class="font-inter font-dark font-headcard">Elok Bulan</p>
<p class="font-inter font-light-gray font-desc-testimoni">Pengguna Ruangguru Privat</p>
</div>
</div>
</div>
</div>
</div>
<div class="col mt-c-3 h-100 testi-wrapper">
<div class="testimoni-content_cards">
<div class="testimoni-slick slick-white">
<div class="testimoni-card">
<div class="testimoni-card_people">
<img
loading="lazy"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/3-Jan-27-2023-03-10-34-6616-AM.png?width=256&height=256&name=3-Jan-27-2023-03-10-34-6616-AM.png"
width="256"
height="256"
class="img-fluid testi-photo"
alt="Kanira"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/3-Jan-27-2023-03-10-34-6616-AM.png?width=128&height=128&name=3-Jan-27-2023-03-10-34-6616-AM.png 128w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/3-Jan-27-2023-03-10-34-6616-AM.png?width=256&height=256&name=3-Jan-27-2023-03-10-34-6616-AM.png 256w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/3-Jan-27-2023-03-10-34-6616-AM.png?width=384&height=384&name=3-Jan-27-2023-03-10-34-6616-AM.png 384w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/3-Jan-27-2023-03-10-34-6616-AM.png?width=512&height=512&name=3-Jan-27-2023-03-10-34-6616-AM.png 512w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/3-Jan-27-2023-03-10-34-6616-AM.png?width=640&height=640&name=3-Jan-27-2023-03-10-34-6616-AM.png 640w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/3-Jan-27-2023-03-10-34-6616-AM.png?width=768&height=768&name=3-Jan-27-2023-03-10-34-6616-AM.png 768w"
sizes="(max-width: 256px) 100vw, 256px"
/>
</div>
<div class="testimoni-card_univ">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/415012b9-daf1-4b07-a3b1-ef447e4dd8e0.svg" width="40" height="40" loading="lazy" />
<div class="testimoni-card_univ--desc">
<p class="font-inter font-light-gray font-subcard">Universitas</p>
<p class="font-inter font-dark font-headcard">Universitas Negeri Malang</p>
</div>
</div>
<div class="testimoni-card_desc">
<p class="font-inter font-green font-subcard">
Pengajar di Ruangguru Privat bisa mengajarkan C++ Programming dengan menarik dan juga bisa bikin aku yang awam sama programming jadi paham secara konsep
dan prakteknya! Terima kasih Ruangguru Privat!
</p>
<p class="font-inter font-dark font-headcard">Kanira</p>
<p class="font-inter font-light-gray font-desc-testimoni">Pengguna Ruangguru Privat</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="btn-pesan">
<a href="#daftar">
<button>Pesan Sekarang</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--popUp div-->
<div class="popUpC fade" id="examplePopUpLive" tabindex="-1" aria-labelledby="examplePopUpLiveLabel" data-popupc="true" role="dialog">
<div class="popUpC-dialog popUpC-dialog-centered popUpC-lg">
<div class="popUpC-content">
<div class="popUpC-header">
<p class="popUpC-title" id="examplePopUpLiveLabel">PopUp title</p>
<button type="button" class="btn-close" data-bs-dismiss="popUpC" aria-label="Close"></button>
</div>
<div class="popUpC-body p-0">
<div id="divPayment" class="d-none">
<div id="divIframePayment" class="d-none"></div>
</div>
</div>
</div>
</div>
</div>
<!--popUp div-->
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/10729457848/1615619794843/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/Source_Modal_Video/modal-video.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/10729457994/1615619961343/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/Source_Modal_Video/jquery-modal-video-min.js"></script>
<!--/*===========*/-->
<!--/*Module LP Ruangguru Private Home Page - Section Proses Mendapatkan Pengajar*/-->
<div class="langkah-mudah">
<h2>Langkah mudah belajar di Ruangguru Privat</h2>
<div class="page-center">
<div class="container-langkah-mudah">
<div class="step-item">
<div class="lottie-section">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/lottie/bgLottie1%20(1).png" alt="" />
<lottie-player
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/lottie/1_lottie.json"
background="transparent"
speed="1"
style="width: 200px; height: auto"
loop
autoplay
></lottie-player>
</div>
<h3>Lengkapi formulir pemesanan</h3>
<p>Lengkapi formulir untuk melakukan pemesanan</p>
</div>
<div class="step-item">
<div class="lottie-section">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/lottie/bgLottie2%20(1).png" alt="" />
<lottie-player
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/lottie/2_lottie.json"
background="transparent"
speed="1"
style="width: 200px; height: auto"
loop
autoplay
></lottie-player>
</div>
<h3>Pemesanan diproses</h3>
<p>Tim kami akan segera memproses pemesananmu</p>
</div>
<div class="step-item">
<div class="lottie-section">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/lottie/bgLottie3%20(1).png" alt="" />
<lottie-player
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/lottie/3_lottie.json"
background="transparent"
speed="1"
style="width: 200px; height: auto"
loop
autoplay
></lottie-player>
</div>
<h3>Tim kami mencari pengajar</h3>
<p>Setelah konfirmasi pemesanan, tim kami akan mencari pengajar terbaik</p>
</div>
<div class="step-item">
<div class="lottie-section">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/lottie/bgLottie4%20(1).png" alt="" />
<lottie-player
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/lottie/4_lottie.json"
background="transparent"
speed="1"
style="width: 200px; height: auto"
loop
autoplay
></lottie-player>
</div>
<h3>Konfirmasi pengajar</h3>
<p>Jika cocok, lakukan konfirmasi pengajar yang sudah dipilih tim kami melalui Whatsapp</p>
</div>
<div class="step-item">
<div class="lottie-section">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/lottie/bgLottie5%20(1).png" alt="" />
<lottie-player
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/lottie/5_lottie.json"
background="transparent"
speed="1"
style="width: 200px; height: auto"
loop
autoplay
></lottie-player>
</div>
<h3>Pembayaran</h3>
<p>Silakan lakukan pembayaran sesuai tagihan dari tim Ruangguru Privat</p>
</div>
<div class="step-item">
<div class="lottie-section">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/lottie/bgLottie6%20(1).png" alt="" />
<lottie-player
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/lottie/6_lottie.json"
background="transparent"
speed="1"
style="width: 200px; height: auto"
loop
autoplay
></lottie-player>
</div>
<h3>Sesi belajar dimulai</h3>
<p>Tim kami akan memberikanmu kontak pengajar terpilih, selamat belajar!</p>
</div>
</div>
<div class="container-btn-langkah">
<a href="#daftar">
<button>Pesan Sekarang</button>
</a>
</div>
</div>
</div>
<!--/*===========*/-->
<!--/*Module LP Ruangguru Private Home Page - Section FAQ*/-->
<section id="faq">
<div class="faq-rl">
<div class="page-center">
<div class="container-faq">
<div class="faq__title">
<h2 class="font-subtitle">Paling sering ditanyakan</h2>
</div>
<div class="faq__content">
<!-- begin faq area -->
<p style="text-align: justify; font-size: 14px">C++ bisa bikin apa saja?</p>
<p style="text-align: justify; font-size: 14px">
Bahasa pemrograman C++ adalah bahasa yang bisa digunakan untuk membuat berbagai
<em>software</em>
dan aplikasi, seperti
<em>software</em>
pengolah gambar, aplikasi
<em>gadget</em>
,
<em>game</em>
, dan sistem operasi baru. Bahkan, bahasa ini juga bisa digunakan untuk membuat
<em>website</em>
, tapi kamu juga harus menggunakan HTML dan CSS untuk membuat dasar dari
<em>website</em>
kamu.
</p>
<p style="text-align: justify; font-size: 14px">C++ dibaca apa?</p>
<p style="text-align: justify; font-size: 14px">
C++ dibaca sesuai tulisannya dalam bahasa Inggris yaitu
<em>si plus plus</em>
. Dinamakan C++ karena bahasa ini merupakan pengembangan dari bahasa pemrograman C. Oleh karena itu, kedua bahasa ini memiliki sintaks dan struktur kode yang sama, namun
fitur pada bahasa C++ lebih banyak dibandingkan bahasa C.
</p>
<p style="text-align: justify; font-size: 14px">Apakah bahasa C++ sulit?</p>
<p style="text-align: justify; font-size: 14px">
C++ dikenal sebagai bahasa yang lebih sulit dipelajari daripada bahasa pemrograman lainnya, seperti Java atau Python. Hal ini dikarenakan C++ memiliki sintaks yang lebih
kompleks dibandingkan bahasa pemrograman lain. Bagi pemula, mungkin ini bisa menjadi tantangan tersendiri. Tapi, tenang saja karena seiring berjalannya waktu, kamu pasti
akan terbiasa dan bisa memahami C++ dengan baik apabila kamu banyak belajar dan berlatih.
</p>
<p style="text-align: justify; font-size: 14px">Apakah C++ gratis?</p>
<p style="text-align: justify; font-size: 14px">
Biaya belajar C++ tergantung pada instansi penyedia jasa (bimbel) atau guru privat masing-masing. Di Ruangguru Privat sendiri, kamu berkesempatan untuk dibimbing langsung
oleh pengajar terbaik dengan metode belajar yang sesuai dengan standar internasional dengan harga yang terjangkau, yaitu:
</p>
<ul style="font-size: 14px">
<li style="color: #000000" aria-level="1">
<em><span style="color: #000000">Offline</span></em>
<span style="color: #000000">: Rp207.500 untuk 1 sesi</span>
</li>
<li style="color: #000000" aria-level="1">
<em><span style="color: #000000">Online</span></em>
<span style="color: #000000">: Rp187.500 untuk 1 sesi</span>
</li>
</ul>
<p style="text-align: justify; font-size: 14px">Tempat belajar C++ ada di mana?</p>
<p style="text-align: justify; font-size: 14px">
Kamu bisa menemukan tempat belajar C++ di mana saja karena saat ini sudah banyak tersedia kelas atau bimbel
<em>online</em>
yang bisa diakses dari mana saja. Salah satu tempat belajar C++ yang bisa kamu ikuti baik secara
<em>online</em>
maupun
<em>offline</em>
adalah di ruangguru privat. Kamu bisa bebas pilih belajar secara
<em>online</em>
ataupun
<em>offline</em>
sesuai kebutuhan kamu
</p>
<!--end faq area-->
</div>
</div>
</div>
</div>
</section>
<!--/*===========*/-->
<script></script>
<!--Section Pilih Mata Pelajaran-->
<section id="pilihan-mata-pelajaran">
<div class="row row-pilihan-mapel px-0 mx-0">
<div class="col-12">
<div class="page-center">
<div class="card card-pilihan-mapel bg-transparent border-0">
<div class="card-body px-0">
<h2 class="card-title">Pilihan mata pelajaran di Ruangguru Privat</h2>
<div class="box-list-pilihan-mapel p-4">
<ul class="unlisted-pilihan-mapel">
<li data-kategori="tk sd smp sma umum">
<a href="/privat/bahasa-inggris" target="_self" rel="">Bahasa Inggris</a>
</li>
<li data-kategori="tk sd smp sma">
<a href="/privat/bahasa-indonesia" target="_self" rel="">Bahasa Indonesia</a>
</li>
<li data-kategori="sd smp">
<a href="/privat/ipa-terpadu" target="_self" rel="">IPA Terpadu</a>
</li>
<li data-kategori="sd smp">
<a href="/privat/ips-terpadu" target="_self" rel="">IPS Terpadu</a>
</li>
<li data-kategori="sd smp sma univ">
<a href="/privat/matematika" target="_self" rel="">Matematika</a>
</li>
<li data-kategori="tk sd smp sma sma_end univ">
<a href="/privat/biologi" target="_self" rel="">Biologi</a>
</li>
<li data-kategori="tk sd smp sma sma_end univ">
<a href="/privat/fisika" target="_self" rel="">Fisika</a>
</li>
<li data-kategori="tk sd smp sma sma_end univlogi">
<a href="/privat/kimia" target="_self" rel="">Kimia</a>
</li>
<li data-kategori="sma">
<a href="/privat/sejarah" target="_self" rel="">Sejarah</a>
</li>
<li data-kategori="sma">
<a href="/privat/sosiologi" target="_self" rel="">Sosiologi</a>
</li>
<li data-kategori="umum">
<a href="/privat/bahasa-korea" target="_self" rel="">Bahasa Korea</a>
</li>
<li data-kategori="umum">
<a href="/privat/bahasa-mandarin" target="_self" rel="">Bahasa Mandarin</a>
</li>
<li data-kategori="umum">
<a href="/privat/mengaji" target="_self" rel="">Mengaji</a>
</li>
</ul>
</div>
</div>
</div>
<div class="box-anchor-c">
<a href="https://www.ruangguru.com/privat/mata-pelajaran" target="_self" rel="" class="anchor-c mt-4">Lihat 86 Mata Pelajaran Lainnya</a>
</div>
</div>
</div>
</div>
</section>
<!--./end of Section Pilih Mata Pelajaran-->
<!-- ******************************************** END OF PAGE DETAIL ******************************************** -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js"></script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end body -->
</div>
<!--end body wrapper -->
<style>.footer__year {
padding-top: 5rem;
}
.ic-new__img {
margin: auto 0;
display: flex;
}
.ic-new__img img {
width: fit-content;
}
.font-base-footer {
font-family: Inter, 'sans-serif';
font-weight: 400;
font-size: 14px !important;
font-style: normal;
letter-spacing: 0;
color: #0a2540;
margin-bottom: 0;
}
.font-bold {
font-weight: 700;
}
.font-white {
color: #fff !important;
}
.font-semi-bold {
font-weight: 600;
}
.center {
text-align: center;
}
.footer {
background: #0a2540;
overflow: hidden;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Helvetica Neue,
Arial,
Noto Sans,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji;
}
.footer.roc {
background-color: #1d1110;
color: white;
}
.contact__container {
display: grid;
grid-template-columns: 2fr 11fr;
gap: 0.625rem;
word-break: break-all;
}
.contact__container--text {
margin: auto 0;
}
.group-contact {
display: grid;
row-gap: 0.5rem;
}
.sec-follow__content--socmed {
display: inline-flex;
}
.sec-follow__content--socmed a {
padding-right: 0.25rem;
}
.ic-new {
display: inline-flex;
width: max-content;
gap: 0.25rem;
}
@media (min-width: 1025px) {
.sec-address__detail {
margin: 1rem 0 2rem;
padding-right: 2rem;
}
.sec-follow {
margin-top: -10rem;
}
.title {
font-size: 48px;
line-height: 64px;
}
.subtitle {
font-size: 32px;
line-height: 48px;
text-align: center;
}
.desc-hero {
font-size: 24px;
line-height: 36px;
margin-top: 20px;
}
.desc {
font-size: 16px;
line-height: 24px;
}
.footer {
padding: 5rem 0 1.5rem;
}
.footer__title {
font-size: 1rem;
margin-bottom: 1rem;
min-height: 1.25rem;
}
.footer__title--hq {
font-size: 1rem;
}
.footer__content--top {
display: grid;
grid-template-columns: 3fr 9fr;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sec-app__content {
display: grid;
gap: 0.75rem;
}
.footer__content--bottom {
display: grid;
grid-template-columns: 9.75fr 2.25fr;
}
}
@media (max-width: 1024px) {
.sec-address__detail {
margin: 1rem 0 2rem;
}
.sec-app {
margin-bottom: 2.625rem;
text-align: center;
}
.title {
font-size: 24px;
line-height: 36px;
}
.subtitle {
font-size: 20px;
line-height: 30px;
text-align: center;
}
.desc-hero {
font-size: 16px;
line-height: 24px;
margin-top: 1rem;
}
.desc {
font-size: 14px;
line-height: 27px;
}
.footer {
padding: 2rem 0;
}
.sec-app__content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.5rem;
margin-top: 1rem;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.sec-follow {
text-align: center;
}
.footer__title {
padding-bottom: 0.75rem;
}
}
ul.no-space {
padding: 0;
}
ul.no-space li {
margin-bottom: 0.25rem;
}
.contact__container--text a,
ul.no-space a {
text-decoration: none;
}
.contact__container--text a:hover,
ul.no-space a:hover {
color: #2eb5c0 !important;
}
div.sec-address__logo img,
div.ic-new__img img {
display: inline-block;
}
.sec-app__content img {
max-width: 100%;
}
</style>
<section class="footer " id="footer">
<div class="page-center">
<div class="footer__content">
<div class="footer__content--top">
<div class="sec-app">
<div class="sec-address">
<div class="sec-address__logo">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo Ruangguru" loading="lazy" />
</a>
</div>
<div class="sec-address__detail">
<p class="font-base-footer font-white font-bold footer__title--hq">RUANGGURU HQ</p>
<p class="font-base-footer font-white footer-address">Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920</p>
</div>
</div>
<p class="font-base-footer font-white font-bold footer__title">Coba GRATIS Aplikasi Ruangguru</p>
<div class="sec-app__content">
<div class="sec-app__content--gplay">
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_googleplay%20(1).svg"
loading="lazy"
alt="Button Google Play Footer "
/>
</a>
</div>
<div class="sec-app__content--appstore">
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_appstore%20(1).svg"
loading="lazy"
alt="Button App Store Footer "
/>
</a>
</div>
<div class="sec-app__content--huawei">
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<picture>
<source type="image/webp" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png?convert=webp " />
<source type="image/png" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png " />
<img class="footer-socmed" src="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png" alt="Button AppGallery Footer" loading="lazy" width="156" />
</picture>
</a>
</div>
</div>
</div>
<div class="sec-menu">
<div class="sec-menu__rg">
<p class="font-base-footer font-white font-bold footer__title">Produk Ruangguru</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruanguji">Ruanguji</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://pengajar.ruangguru.com/">Ruangpengajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privat">Ruangguru Privat</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/airis">Airis</a>
</li>
</ul>
</div>
<div class="sec-menu__lainnya">
<p class="font-base-footer font-white font-bold footer__title">Produk Lainnya</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.brainacademy.id/" target="_blank">Brain Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.english-academy.id/" target="_blank">English Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://skillacademy.com/" target="_blank">Skill Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.schoters.com/id/" target="_blank">Schoters</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.kalananti.id/" target="_blank">Kalananti</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/mathchamps" target="_blank">Math Champs</a>
</li>
</ul>
</div>
<div class="sec-menu__bantuan">
<p class="font-base-footer font-white font-bold footer__title">Bantuan & Panduan</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/company-credentials">Company Credentials</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/promo">Promo Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/about-us">Tentang Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/contact-us">Kontak Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/press">Press Kit</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan">Bantuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://career.ruangguru.com/">Karier</a>
</li>
</ul>
</div>
<div class="sec-menu__contact">
<p class="font-base-footer font-white font-bold footer__title">Hubungi Kami</p>
<div class="group-contact">
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-mail.svg" loading="lazy" alt="Logo Email Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="mailto:info@ruangguru.com">info@ruangguru.com</a>
</div>
</div>
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-phone.svg" loading="lazy" alt="Logo Phone Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="tel:02130930000">02130930000</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer__content--bottom">
<div></div>
<div class="sec-follow">
<p class="font-base-footer font-white font-bold footer__title">Ikuti Kami</p>
<div class="sec-follow__content">
<div class="sec-follow__content--socmed">
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-ig.svg?convert=webp" loading="lazy" alt="Logo Instagram Footer" />
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-fb.svg?convert=webp" loading="lazy" alt="Logo Facebook Footer" />
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-twitter.svg?convert=webp" loading="lazy" alt="Logo Twitter Footer" />
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-youtube.svg?convert=webp" loading="lazy" alt="Logo Youtube Footer" />
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-linkedin.svg?convert=webp" loading="lazy" alt="Logo LinkedIn Footer" />
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/tiktok-ic-white-40.svg?convert=webp" loading="lazy" alt="Logo TikTok Footer" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer__year">
<p class="font-base-footer font-white font-bold center">
©
<span id="full-year"></span>
Ruangguru. All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
</div>
</section>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845605588/module_39227318886_header-homepage-ruangguru-2021.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/47442333552/1667882001713/A_Ruangguru_Projects/Project_Hofar/Javascript_Auto_Generate_Breadcrumb_-_V1_3.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/69238173229/1684146932890/module_69238173229_Module_LP_Ruangguru_Private_Home_Page_-_All_Section_and_Detail_Page.min.js"></script>
<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(['setContentType', 'landing-page']);
_hsq.push(['setCanonicalUrl', 'https:\/\/www.ruangguru.com\/privat\/c-programming']);
_hsq.push(['setPageId', 'hubdb-69453014895-5342581-89775006786']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 'hubdb-69453014895-5342581-89775006786',
legacyPageId: 'hubdb-69453014895-5342581-89775006786',
contentFolderId: null,
contentGroupId: null,
abTestId: null,
languageVariantId: 69453014895,
languageCode: 'id',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: 'c7bbde88-fc0b-41ad-95b9-828a8fbdf35e',
ticks: 1684981792036,
page_id: 69453014895,
dynamic_page_id: 'hubdb-69453014895-5342581-89775006786',
content_group_id: 0,
portal_id: 2828691,
app_hs_base_url: 'https://app.hubspot.com',
cp_hs_base_url: 'https://cp.hubspot.com',
language: 'id',
analytics_page_type: 'landing-page',
analytics_page_id: 'hubdb-69453014895-5342581-89775006786',
category_id: 1,
folder_id: 0,
is_hubspot_user: false,
};
</script>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<!-- Load CSS for all versions -->
<script>
// CSS loading function available for all versions
function loadFloatingCSS() {
// Check if CSS is already loaded
if (document.getElementById('fb-component-css')) {
return;
}
// Create and append CSS style block to head
const style = document.createElement('style');
style.id = 'fb-component-css';
style.textContent = `
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
`;
document.head.appendChild(style);
}
// Load CSS immediately
loadFloatingCSS();
</script>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru_privat">
<div data-floating-element="true" class="bantuan-element bantuan-bottom" style="z-index: 101">
<a
href="https://cta.ruangguru.com/floating-rgp-chathub"
target="_blank"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_privat","cta_action":"redirection","cta_action_detail":"https://cta.ruangguru.com/floating-rgp-chathub","item_type":"floating","item_name":"Tanya Konsultan RG Privat Floating","item_category":"leads_gathering","item_position":1,"item_serial":null,"section_type":"floating_item","section_position":"body","section_name":"floating_item"}'
>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a3a5eb50-974e-4e8f-9e35-145f986a5862.png?h=200&convert=webp" alt="Tanya Konsultan RG Privat Floating" loading="lazy" />
</a>
</div>
</div>
<!-- Tracker -->
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8DPXH6" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = _analytics.init({
app: 'brainAcademyLandingPage',
debug: false,
plugins: [analyticsTrackable()],
});
Analytics.ready(function () {
Analytics.page();
});
</script>
<script>
// script button tracker click universal
$(document).on('click', '[data-tracking-event-type]', function (event) {
const eventType = $(this).data('tracking-event-type');
const context = $(this).data('tracking-context');
Analytics.track(eventType, context);
});
// script tracker universal
$(document).ready(function () {
Analytics.track('landing_page__experiment_main_lp__page_view', {
full_url: window.location.href,
variant_name: 'new',
});
});
</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" />
<style>
/*slick*/
div#slick-s-c {
/*width: 500px;*/
width: 100%;
position: relative;
}
#slick-c-c.slick-slider .slick-track,
#slick-c-c.slick-slider .slick-list {
/*width: 100%!important;*/
}
#slick-c-c .slick-slide {
/*width: 100%!important;*/
margin: 0rem !important;
}
#slick-c-c .row-s-c {
display: flex;
flex-wrap: wrap;
}
#slick-c-c .col-s-c {
flex: 1 0 0%;
}
#slick-s-c img {
/*width: 500px;*/
width: 100%;
height: auto;
display: inline-block !important;
}
#slick-s-c.slick-dotted.slick-slider {
/*margin-bottom: 30px;*/
margin-bottom: 0rem;
}
#slick-s-c .slick-dots li button:before {
color: #ffffff !important;
font-size: 1rem;
opacity: 0.75 !important;
}
#slick-s-c .slick-dots li.slick-active button:before {
color: #27b6c1 !important;
opacity: 1 !important;
}
#slick-s-c .slick-prev {
left: 0rem;
}
#slick-s-c .slick-next {
right: 0rem;
}
#slick-s-c .slick-prev,
#slick-s-c .slick-next {
width: 2.5rem;
height: 2.5rem;
z-index: 2;
}
#slick-s-c .slick-prev:before,
#slick-s-c .slick-next:before {
font-size: 2.5rem;
}
@media (min-width: 768px) {
#slick-s-c .slick-prev {
left: -3rem;
}
#slick-s-c .slick-next {
right: -3rem;
}
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
</body>
</html>