<!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="Dapatkan kelas coding privat PHP web programming untuk umum sesuai kebutuhan Anda. Bebas atur jadwal belajarmu dengan biaya 40% lebih hemat." />
<meta name="generator" content="HubSpot" />
<title>Kursus Coding Privat PHP Web Programming untuk Umum</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta property="og:description" content="Dapatkan kelas coding privat PHP web programming untuk umum sesuai kebutuhan Anda. Bebas atur jadwal belajarmu dengan biaya 40% lebih hemat." />
<meta property="og:title" content="Kursus Coding Privat PHP Web Programming untuk Umum" />
<meta name="twitter:description" content="Dapatkan kelas coding privat PHP web programming untuk umum sesuai kebutuhan Anda. Bebas atur jadwal belajarmu dengan biaya 40% lebih hemat." />
<meta name="twitter:title" content="Kursus Coding Privat PHP Web Programming untuk Umum" />
<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/php-web-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 PHP Programming",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"bestRating": "5",
"ratingCount": "255"
}
}
</script>
<meta property="og:url" content="https://www.ruangguru.com/privat/php-web-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/php-web-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">Les privat PHP Web Programming bersama Ruangguru 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 PHP Web Programming 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"
height="281"
loading="lazy"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Alifah_.png?width=241&height=281&name=Kak%20Alifah_.png"
width="241"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Alifah_.png?width=121&height=141&name=Kak%20Alifah_.png 121w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Alifah_.png?width=241&height=281&name=Kak%20Alifah_.png 241w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Alifah_.png?width=362&height=422&name=Kak%20Alifah_.png 362w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Alifah_.png?width=482&height=562&name=Kak%20Alifah_.png 482w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Alifah_.png?width=603&height=703&name=Kak%20Alifah_.png 603w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Alifah_.png?width=723&height=843&name=Kak%20Alifah_.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 Alifah</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>Pengalaman mengajar 6 tahun</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>Kompeten mengajar Matematika untuk siswa SD 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 FMIPA Universitas Mataram, NTB</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%20Prasida.png?width=241&height=281&name=Kak%20Prasida.png"
width="241"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Prasida.png?width=121&height=141&name=Kak%20Prasida.png 121w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Prasida.png?width=241&height=281&name=Kak%20Prasida.png 241w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Prasida.png?width=362&height=422&name=Kak%20Prasida.png 362w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Prasida.png?width=482&height=562&name=Kak%20Prasida.png 482w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Prasida.png?width=603&height=703&name=Kak%20Prasida.png 603w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Prasida.png?width=723&height=843&name=Kak%20Prasida.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 Prasida</p>
<p class="card-text card-text-2 mb-0">Guru Privat Bahasa Inggris</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>Pengalaman mengajar 15 tahun</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>Kompeten mengajar bahasa Inggris untuk siswa 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>Salah satu pengajar yang menguasai tiga bahasa secara berbeda (trilingual)</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%20Samiyah.png?width=241&height=281&name=Kak%20Samiyah.png"
width="241"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Samiyah.png?width=121&height=141&name=Kak%20Samiyah.png 121w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Samiyah.png?width=241&height=281&name=Kak%20Samiyah.png 241w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Samiyah.png?width=362&height=422&name=Kak%20Samiyah.png 362w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Samiyah.png?width=482&height=562&name=Kak%20Samiyah.png 482w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Samiyah.png?width=603&height=703&name=Kak%20Samiyah.png 603w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Samiyah.png?width=723&height=843&name=Kak%20Samiyah.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 Samiyah</p>
<p class="card-text card-text-2 mb-0">Guru Privat Fisika</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>Pengalaman mengajar 7 tahun</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>Master Teacher Fisika di Brain Academy Ruangguru</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 Universitas Indonesia</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%20Luthfi.png?width=241&height=281&name=Kak%20Luthfi.png"
width="241"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Luthfi.png?width=121&height=141&name=Kak%20Luthfi.png 121w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Luthfi.png?width=241&height=281&name=Kak%20Luthfi.png 241w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Luthfi.png?width=362&height=422&name=Kak%20Luthfi.png 362w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Luthfi.png?width=482&height=562&name=Kak%20Luthfi.png 482w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Luthfi.png?width=603&height=703&name=Kak%20Luthfi.png 603w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Luthfi.png?width=723&height=843&name=Kak%20Luthfi.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 Luthfi</p>
<p class="card-text card-text-2 mb-0">Guru Privat Bahasa Indonesia</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>Pengalaman mengajar 6 tahun</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>Kompeten mengajar bahasa Indonesia & Sosiologi untuk siswa SD 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>Wisudawan terbaik FISIPOL Universitas Gadjah Mada</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%20Tiar.png?width=241&height=281&name=Kak%20Tiar.png"
width="241"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Tiar.png?width=121&height=141&name=Kak%20Tiar.png 121w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Tiar.png?width=241&height=281&name=Kak%20Tiar.png 241w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Tiar.png?width=362&height=422&name=Kak%20Tiar.png 362w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Tiar.png?width=482&height=562&name=Kak%20Tiar.png 482w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Tiar.png?width=603&height=703&name=Kak%20Tiar.png 603w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Tiar.png?width=723&height=843&name=Kak%20Tiar.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 Tiar</p>
<p class="card-text card-text-2 mb-0">Guru Privat Kimia</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>Pengalaman mengajar 10 tahun</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>Kompeten mengajar Kimia untuk siswa SMA dengan kurikulum nasional & internasional</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>Juara 1 Program Kreativitas Mahasiswa Gagasan Terpadu Olimpiade Ilmiah Mahasiswa FMIPA UI 2013</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%20Andini.png?width=241&height=281&name=Kak%20Andini.png"
width="241"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Andini.png?width=121&height=141&name=Kak%20Andini.png 121w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Andini.png?width=241&height=281&name=Kak%20Andini.png 241w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Andini.png?width=362&height=422&name=Kak%20Andini.png 362w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Andini.png?width=482&height=562&name=Kak%20Andini.png 482w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Andini.png?width=603&height=703&name=Kak%20Andini.png 603w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Andini.png?width=723&height=843&name=Kak%20Andini.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 Andini</p>
<p class="card-text card-text-2 mb-0">Guru Privat Calistung</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 Calistung untuk siswa TK hingga SD</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>Juara Harapan II, Guru Inovasi Pembelajaran se-Kabupaten Bogor</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 semua jenjang karena tersedia untuk kurikulum nasional hingga internasional.</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 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/image%20482.png?width=256&height=256&name=image%20482.png"
width="256"
height="256"
class="img-fluid testi-photo"
alt="Sashiwidyadhari Asmaranti J"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482.png?width=128&height=128&name=image%20482.png 128w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482.png?width=256&height=256&name=image%20482.png 256w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482.png?width=384&height=384&name=image%20482.png 384w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482.png?width=512&height=512&name=image%20482.png 512w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482.png?width=640&height=640&name=image%20482.png 640w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482.png?width=768&height=768&name=image%20482.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">Kelas 7 SMP</p>
<p class="font-inter font-dark font-headcard">SMPN 3 Gunung Putri</p>
</div>
</div>
<div class="testimoni-card_desc">
<p class="font-inter font-green font-subcard">
Saya sangat senang dan berterima kasih kepada Ruangguru Privat, karena sangat membantu saya untuk belajar di sekolah maupun di rumah. Setelah belajar
dengan Ruangguru Privat, saya jadi masuk ranking 10 besar di sekolah. Sekali lagi, TERIMA KASIH BANYAK RUANGGURU PRIVAT💗
</p>
<p class="font-inter font-dark font-headcard">Sashiwidyadhari Asmaranti J</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/image%20482%20(2).png?width=256&height=256&name=image%20482%20(2).png"
width="256"
height="256"
class="img-fluid testi-photo"
alt="Yoga Paramasidhi"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482%20(2).png?width=128&height=128&name=image%20482%20(2).png 128w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482%20(2).png?width=256&height=256&name=image%20482%20(2).png 256w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482%20(2).png?width=384&height=384&name=image%20482%20(2).png 384w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482%20(2).png?width=512&height=512&name=image%20482%20(2).png 512w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482%20(2).png?width=640&height=640&name=image%20482%20(2).png 640w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482%20(2).png?width=768&height=768&name=image%20482%20(2).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">Kelas 5 SD</p>
<p class="font-inter font-dark font-headcard">SD Adhi Mekar Indonesia (AMI) Denpasar</p>
</div>
</div>
<div class="testimoni-card_desc">
<p class="font-inter font-green font-subcard">
Miss Ika sangat baik dan sabar saat menyampaikan materi. Miss Ika juga biasanya menggunakan media seperti quizizz untuk latihan dan itu membuat jam
pelajaran menjadi lebih seru.
</p>
<p class="font-inter font-dark font-headcard">Yoga Paramasidhi</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/image%20482%20(1).png?width=256&height=256&name=image%20482%20(1).png"
width="256"
height="256"
class="img-fluid testi-photo"
alt="Alfonso Liguori SD"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482%20(1).png?width=128&height=128&name=image%20482%20(1).png 128w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482%20(1).png?width=256&height=256&name=image%20482%20(1).png 256w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482%20(1).png?width=384&height=384&name=image%20482%20(1).png 384w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482%20(1).png?width=512&height=512&name=image%20482%20(1).png 512w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482%20(1).png?width=640&height=640&name=image%20482%20(1).png 640w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/image%20482%20(1).png?width=768&height=768&name=image%20482%20(1).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">Kelas 12 SMA</p>
<p class="font-inter font-dark font-headcard">SMAN 7 Surakarta</p>
</div>
</div>
<div class="testimoni-card_desc">
<p class="font-inter font-green font-subcard">
Belajar di Ruangguru Privat pengajarnya seru, mau mendampingi serta mengajariku dengan baik dan sabar. Terkadang ada kesulitan mengerjakan soal-soal
latihan UTBK tahun sebelumnya, tetapi setelah berdiskusi, aku jadi tahu cara cepatnya juga, lho! Pokoknya seru belajar bersama Ruangguru Privat Eksklusif
yang menyenangkan!
</p>
<p class="font-inter font-dark font-headcard">Alfonso Liguori SD</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">Bagaimana langkah awal Belajar PHP?</p>
<p style="text-align: justify; font-size: 14px">Untuk memulai belajar PHP, kamu bisa melakukan lima langkah mudah berikut:</p>
<ol style="font-size: 14px">
<li><span style="color: #000000">Memahami HTML dan CSS</span></li>
<li><span style="color: #000000">Mempelajari dasar-dasar pembuatan kode PHP</span></li>
<li><span style="color: #000000">Rajin mempraktikkan hal yang sudah dipelajari</span></li>
<li><span style="color: #000000">Rajin membaca dan mempelajari dokumentasi PHP</span></li>
<li><span style="color: #000000">Mempelajari database dan cara koneksinya</span></li>
</ol>
<p style="text-align: justify; font-size: 14px">Belajar PHP untuk apa?</p>
<p style="text-align: justify; font-size: 14px">
Fungsi utama belajar bahasa pemrograman PHP adalah untuk mengetahui serta menguasai cara membuat, membangun, dan mengelola sebuah
<em>website</em>
.
</p>
<p style="text-align: justify; font-size: 14px">PHP menggunakan aplikasi apa?</p>
<p style="text-align: justify; font-size: 14px">
Untuk menuliskan baris kode PHP, kamu bisa menggunakan aplikasi
<em>text editor</em>
khusus
<em>programming</em>
seperti Atom, Sublime Text, Visual Code Studio, atau Notepad++.
</p>
<p style="text-align: justify; font-size: 14px">PHP singkatan dari apa?</p>
<p style="text-align: justify; font-size: 14px">
PHP awalnya merupakan singkatan dari
<em>Personal Home Page Tools</em>
, namun saat ini PHP merupakan kepanjangan dari
<em>PHP: Hypertext Preprocessor</em>
, yang dideskripsikan sebagai akronim rekursif oleh PHP FAQ.
</p>
<p style="text-align: justify; font-size: 14px">Berapa biaya belajar PHP saat ini?</p>
<p style="text-align: justify; font-size: 14px">
Biaya belajar PHP sangat beragam, tergantung instansi penyedia jasa belajar atau guru privat di daerah masing-masing. Untuk biaya belajar PHP di ruangguru privat sendiri,
yaitu berkisar antara:
</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">
Dengan harga tersebut, kamu berkesempatan untuk dibimbing langsung oleh pengajar terbaik dengan metode belajar yang sesuai dengan standar internasional.
</p>
<p style="text-align: justify; font-size: 14px">Tempat belajar PHP ada di mana?</p>
<p style="text-align: justify; font-size: 14px">
Saat ini, tempat belajar PHP bisa kamu temui di mana saja karena sudah banyak tersedia kelas atau bimbel
<em>online</em>
yang bisa diakses kapanpun dan di manapun. Salah satu tempat belajar PHP yang bisa kamu ikuti, baik secara
<em>online</em>
maupun
<em>offline</em>
,
<em></em>
adalah di ruangguru privat. Kamu bebas memilih ingin belajar secara
<em>online</em>
atau belajar secara
<em>offline</em>
, sesuai keinginan dan kebutuhanmu.
</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\/php-web-programming']);
_hsq.push(['setPageId', 'hubdb-69453014895-5342581-89775006789']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 'hubdb-69453014895-5342581-89775006789',
legacyPageId: 'hubdb-69453014895-5342581-89775006789',
contentFolderId: null,
contentGroupId: null,
abTestId: null,
languageVariantId: 69453014895,
languageCode: 'id',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: '61a0cbc7-c185-4ddf-b6fc-42220bd23418',
ticks: 1684981983398,
page_id: 69453014895,
dynamic_page_id: 'hubdb-69453014895-5342581-89775006789',
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-89775006789',
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>