<!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="Kursus privat menggambar yang tersedia online/offline semua usia dengan metode dan guru profesional. Bebas atur jadwal belajar dengan biaya 40% lebih hemat." />
<meta name="generator" content="HubSpot" />
<title>Les Menggambar Online/Offline untuk Semua Usia, Biaya 40% Lebih Hemat!</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta
property="og:description"
content="Kursus privat menggambar yang tersedia online/offline semua usia dengan metode dan guru profesional. Bebas atur jadwal belajar dengan biaya 40% lebih hemat."
/>
<meta property="og:title" content="Les Menggambar Online/Offline untuk Semua Usia, Biaya 40% Lebih Hemat!" />
<meta
name="twitter:description"
content="Kursus privat menggambar yang tersedia online/offline semua usia dengan metode dan guru profesional. Bebas atur jadwal belajar dengan biaya 40% lebih hemat."
/>
<meta name="twitter:title" content="Les Menggambar Online/Offline untuk Semua Usia, Biaya 40% Lebih Hemat!" />
<style>
a.cta_button {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
vertical-align: middle;
}
.hs-breadcrumb-menu {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.hs-breadcrumb-menu-item {
float: left;
padding: 10px 0px 10px 10px;
}
.hs-breadcrumb-menu-divider:before {
content: '›';
padding-left: 10px;
}
.hs-featured-image-link {
border: 0;
}
.hs-featured-image {
float: right;
margin: 0 0 20px 20px;
max-width: 50%;
}
@media (max-width: 568px) {
.hs-featured-image {
float: none;
margin: 0;
width: 100%;
max-width: 100%;
}
}
.hs-screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
</style>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845607410/module_39227318886_header-homepage-ruangguru-2021.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/44980440489/1661483386153/A_Ruangguru_Projects/Project_Hofar/CSS_Javascript_Auto_Generate_Breadcrumb_-_V1.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/69238173229/1684146934037/module_69238173229_Module_LP_Ruangguru_Private_Home_Page_-_All_Section_and_Detail_Page.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39981680119/1676448475961/module_39981680119_Footer-ruangguru-2021-v2.min.css"
/>
<!-- Added by GoogleAnalytics integration -->
<script>
var _hsp = (window._hsp = window._hsp || []);
_hsp.push([
'addPrivacyConsentListener',
function (consent) {
if (consent.allowed || (consent.categories && consent.categories.analytics)) {
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
(i[r] =
i[r] ||
function () {
(i[r].q = i[r].q || []).push(arguments);
}),
(i[r].l = 1 * new Date());
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-49650255-1', 'auto');
ga('send', 'pageview');
}
},
]);
</script>
<!-- /Added by GoogleAnalytics integration -->
<link rel="canonical" href="https://www.ruangguru.com/privat/menggambar" />
<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 Menggambar & Mewarnai",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"bestRating": "5",
"ratingCount": "1192"
}
}
</script>
<meta property="og:url" content="https://www.ruangguru.com/privat/menggambar" />
<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/menggambar/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">Tempat les menggambar untuk berbagai usia</h1>
<p class="card-text">Tersedia untuk jenjang kelas (TK/Umum/SD/SMP/SMA)</p>
<div class="card card-c-benefit-list">
<div class="card-body">
<ul class="list-unstyled benefit-list-c">
<li class="media align-items-center">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Subject%20Page/Section%20Heading/Benefit%20List/img-c-1.svg"
class="mr-3"
alt="..."
/>
<div class="media-body">
<p class="m-0">Privat dengan guru terbaik</p>
</div>
</li>
<li class="media align-items-center my-1">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Subject%20Page/Section%20Heading/Benefit%20List/img-c-2.svg"
class="mr-3"
alt="..."
/>
<div class="media-body">
<p class="m-0">Bebas atur kebutuhan belajar</p>
</div>
</li>
<li class="media align-items-center">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Subject%20Page/Section%20Heading/Benefit%20List/img-c-3.svg"
class="mr-3"
alt="..."
/>
<div class="media-body">
<p class="m-0">Jaminan puas</p>
</div>
</li>
</ul>
</div>
</div>
<div class="select-kelas-wrapper">
<div class="select-kelas">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Subject%20Page/Section%20Heading/ic-search.svg"
width="28"
height="28"
class="img-fluid"
alt="search"
/>
<select id="selectKelas">
<option value="" selected>Pilih Kelas</option>
</select>
<button class="btn-daftar" id="btnDaftar">Daftar</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-auto"></div>
</div>
</div>
</div>
</div>
<!--/*===========*/-->
</section>
<!--/*Module LP Ruangguru Private Home Page - Section Teachers*/-->
<div class="row bg-row-master-teacher-target px-0 mx-0">
<div class="col-12 bg-col-master-teacher-target p-0">
<div class="row p-lg-4 px-0 mx-0">
<div class="col-12">
<div class="page-center">
<h2 class="font-weight-bold mb-4 mt-4 text-center title-custom-2">Les privat dengan pengajar terbaik</h2>
<div class="row row-cols-1 section-slick-2 p-0 mx-0 px-lg-4 mb-4">
<div class="mb-4 bao-card-teacher-2 col p-0 p-md-3">
<div class="bg-transparent border-0 card h-custom-card-2">
<div class="card-header bg-transparent border-0 card-header-2">
<img
alt="person1"
class="card-img-top h-custom-auto img-person-2"
height="281"
loading="lazy"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Grace.png?width=241&height=281&name=Kak%20Grace.png"
width="241"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Grace.png?width=121&height=141&name=Kak%20Grace.png 121w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Grace.png?width=241&height=281&name=Kak%20Grace.png 241w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Grace.png?width=362&height=422&name=Kak%20Grace.png 362w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Grace.png?width=482&height=562&name=Kak%20Grace.png 482w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Grace.png?width=603&height=703&name=Kak%20Grace.png 603w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kak%20Grace.png?width=723&height=843&name=Kak%20Grace.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 Grace</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>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>Liaison Officer Mandarin Speaker for Taiwanese Delegation, Bali 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 class="mb-4 bao-card-teacher-2 col p-0 p-md-3">
<div class="bg-transparent border-0 card h-custom-card-2">
<div class="card-header bg-transparent border-0 card-header-2">
<img
alt="person1"
class="card-img-top h-custom-auto img-person-2"
loading="lazy"
src="https://cdn-web-2.ruangguru.com/file-uploader/lp/30f9c4cf-7fac-427b-ac0c-ce766ea87918.png"
width="281"
height="281"
/>
</div>
<div class="bg-white-mastech card-body">
<p class="font-weight-bold card-title text-name-teacher-2 mb-0">Kak Devina</p>
<p class="card-text card-text-2 mb-0">Guru Privat Biola</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 Biola untuk jenjang 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>Pemain Biola kedua di St. Theresia School Orchestra (STSO)</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="" />
<p></p>
<h3>Pengajar berkualitas</h3>
<p></p>
<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="" />
<p></p>
<h3>Bebas atur kebutuhan belajar</h3>
<p></p>
<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="" />
<p></p>
<h3>Semua jenjang dan kurikulum</h3>
<p></p>
<p>Tenang cari les privat Menggambar karena tersedia untuk Umum.</p>
</div>
<div class="card-why-privat">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Section%20Kenapa%20RG%20Privat/icon-4.svg" alt="" />
<p></p>
<h3>Harga lebih murah</h3>
<p></p>
<p>Paket les privat Menggambar 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="" />
<p></p>
<h3>Jaminan puas</h3>
<p></p>
<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 cara agar pintar menggambar?</p>
<p style="text-align: justify; font-size: 14px">
Perlu banyak latihan agar pintar menggambar. Banyak sarana yang bisa kamu manfaatkan agar pintar menggambar. Kamu bisa belajar melalui sekolah formal, ikut les privat,
hingga belajar secara otodidak. Belajarlah mulai dari teknik-teknik dasar menggambar. Agar lebih cepat mahir, kamu juga perlu terus berlatih setiap hari. Semakin sering
kamu berlatih, semakin cepat juga kamu pintar menggambar.
</p>
<p style="text-align: justify; font-size: 14px">Bagaimana langkah awal untuk melatih menggambar?</p>
<p style="text-align: justify; font-size: 14px">
Langkah awal dalam latihan menggambar, penting untuk diingat bahwa semua ahli berawal dari pemula. Maka dari itu, kamu tidak perlu khawatir akan gagal.
</p>
<p style="text-align: justify; font-size: 14px">Apabila kamu seorang pemula, kamu bisa ikuti beberapa tips berikut sebagai langkah awal latihan menggambar:</p>
<ul style="font-size: 14px">
<li style="color: #000000" aria-level="1"><span style="color: #000000">Jangan takut membuat kesalahan dan harus percaya diri.</span></li>
<li style="color: #000000" aria-level="1">
<span style="color: #000000">Mulailah dengan menggambar benda-benda sederhana dengan mencari inspirasi gambar melalui internet.</span>
</li>
<li style="color: #000000" aria-level="1">
<span style="color: #000000">
Belajar dengan teknik menjiplak. Proses ini bertujuan untuk membuat jari-jarimu lebih luwes, sehingga mempercepat proses dalam belajar menggambar.
</span>
</li>
<li style="color: #000000" aria-level="1"><span style="color: #000000">Gunakan alat gambar yang tepat.</span></li>
<li style="color: #000000" aria-level="1">
<span style="color: #000000">Latihan secara rutin dan jangan mudah menyerah. Semakin tinggi jam latihanmu, maka semakin bagus juga gambar yang kamu hasilkan.</span>
</li>
</ul>
<p style="text-align: justify; font-size: 14px">Bagaimana cara menggambar dengan kuas?</p>
<p style="text-align: justify; font-size: 14px">
Biasanya, kuas digunakan dalam proses mewarnai setelah gambar sketsa dibuat menggunakan pensil maupun spidol. Menggambar dengan kuas bisa menggunakan berbagai macam jenis
cat, mulai dari cat akrilik, cat air, cat minyak, dan pastel. Untuk menggambar dengan kuas dan cat air, lakukan beberapa langkah berikut:
</p>
<ol style="font-size: 14px">
<li style="color: #000000" aria-level="1"><span style="color: #000000">Siapkan wadah palet dan dua gelas berisi air di samping area kerja.</span></li>
<li style="color: #000000" aria-level="1"><span style="color: #000000">Teteskan cat air yang ingin digunakan ke dalam palet. </span></li>
<li style="color: #000000" aria-level="1"><span style="color: #000000">Basahi kuas dengan air bersih dari gelas.</span></li>
<li style="color: #000000" aria-level="1"><span style="color: #000000">Celupkan kuas ke dalam cat dan buat sedikit genangan di atas palet.</span></li>
<li style="color: #000000" aria-level="1"><span style="color: #000000">Sapukan kuas sesuai objek yang akan kamu gambar.</span></li>
<li style="color: #000000" aria-level="1"><span style="color: #000000">Diamkan lukisan hingga mengering setidaknya 30 menit.</span></li>
</ol>
<p style="text-align: justify; font-size: 14px">Apakah menggambar itu termasuk bakat?</p>
<p style="text-align: justify; font-size: 14px">
Bagi sebagian orang, menggambar merupakan sebuah bakat. Tapi, menggambar juga hal yang bisa dipelajari tanpa harus berbakat di bidang tersebut. Menggambar merupakan sebuah
kemampuan yang bisa dilatih melalui kebiasaan. Meskipun tidak memiliki bakat menggambar, apabila terus berlatih maka kemampuan tersebut akan berkembang dengan sendirinya.
</p>
<p style="text-align: justify; font-size: 14px">Apakah menggambar itu bisa dipelajari?</p>
<p style="text-align: justify; font-size: 14px">
Menggambar adalah kemampuan yang bisa dipelajari. Siapa pun bisa menggambar asalkan rajin berlatih dan terus mengapresiasi karya sendiri. Ada banyak metode untuk belajar
menggambar, salah satunya dengan mengikuti les menggambar di
<a href="https://www.ruangguru.com/privat">Ruangguru Privat</a>
. Dengan bergabung di Ruangguru Privat, kamu akan mendapatkan les privat eksklusif
<em>(1-on-1 method)</em>
dengan pengajar terbaik serta materi dan jadwal belajar yang bisa diatur fleksibel sesuai kebutuhan kamu.
</p>
<p style="text-align: justify; font-size: 14px">Berapa biaya les menggambar pada umumnya?</p>
<p style="text-align: justify; font-size: 14px">
Dengan mengikuti les privat eksklusif menggambar di Ruangguru Privat, kamu bisa memilih bimbingan secara
<em>offline</em>
maupun
<em>online</em>
dengan pengajar terbaik dengan metode belajar sesuai standar internasional. Kamu juga bebas mengatur jadwal dan kriteria pengajar. Harga yang ditawarkan juga sangat
terjangkau, yaitu:
</p>
<ul style="font-size: 14px">
<li style="color: #000000" aria-level="1">
<em><span style="color: #000000">Offline</span></em>
<span style="color: #000000">: Rp207.500 untuk 1 sesi</span>
</li>
<li style="color: #000000" aria-level="1">
<em><span style="color: #000000">Online</span></em>
<span style="color: #000000">: Rp187.500 untuk 1 sesi</span>
</li>
</ul>
<p style="text-align: justify; font-size: 14px">Bagaimana langkah-langkah menggambar untuk anak usia dini?</p>
<p style="text-align: justify; font-size: 14px">
Dibutuhkan cara yang kreatif dan menyenangkan untuk latihan menggambar bagi anak usia dini. Orang tua perlu cara yang tepat untuk mengajarkan anak menggambar agar mereka
tidak cepat bosan. Berikut beberapa langkah yang bisa dilakukan untuk melatih anak usia dini dalam menggambar:
</p>
<ol style="font-size: 14px">
<li style="color: #000000" aria-level="1">
<span style="color: #000000">
Gunakan peralatan gambar yang menarik bagi anak. Misalnya dengan membebaskan anak memilih buku gambar, pensil warna, atau krayon sendiri.
</span>
</li>
<li style="color: #000000" aria-level="1">
<span style="color: #000000">Kenalkan anak pada gambar sederhana. Misalnya mengajarkankan bentuk kotak, lingkaran, atau segitiga.</span>
</li>
<li style="color: #000000" aria-level="1">
<span style="color: #000000">
Ajarkan warna melalui lingkungan sekitarnya. Misalnya mengenalkan bunga mawar berwarna merah, daun berwarna hijau, kucing peliharaan berwarna abu-abu, dan lain
sebagainya.
</span>
</li>
<li style="color: #000000" aria-level="1">
<span style="color: #000000">Bebaskan anak untuk berkreasi. Misalnya membiarkan anak menggambar apapun yang mereka sukai.</span>
</li>
<li style="color: #000000" aria-level="1">
<span style="color: #000000">Jangan terlalu memaksakan pada anak. Misalnya memberikan jeda atau berhenti saat anak merasa bosan.</span>
</li>
<li style="color: #000000" aria-level="1">
<span style="color: #000000">Selalu memberikan apresiasi pada karya anak. Misalnya dengan menempelkan hasil gambar anak di dinding.</span>
</li>
</ol>
<p style="text-align: justify; font-size: 14px">Bagaimana cara membuat gambar yang bagus?</p>
<p style="text-align: justify; font-size: 14px">
Membuat gambar yang bagus diperlukan banyak latihan yang melibatkan fokus pada teknik dan gaya menggambar. Semakin banyak teknik menggambar yang dipelajari, maka semakin
bagus juga gambar yang dihasilkan. Selain itu, semakin sering berlatih juga akan mengurangi kesalahan yang sering dilakukan saat menggambar.
</p>
<p style="text-align: justify; font-size: 14px">Ada beberapa hal juga yang perlu diperhatikan saat menggambar agar dapat menghasilkan gambar yang bagus:</p>
<ol style="font-size: 14px">
<li style="color: #000000" aria-level="1">
<span style="color: #000000">Buatlah sketsa terlebih dahulu dengan pensil yang tipis sehingga kesalahan yang dilakukan tidak terlalu terlihat.</span>
</li>
<li style="color: #000000" aria-level="1"><span style="color: #000000">Usahakan menggambar di tempat yang memiliki pencahayaan yang baik.</span></li>
<li style="color: #000000" aria-level="1">
<span style="color: #000000">
Saat memasuki tahap mewarnai, ujilah warna pada kertas lain terlebih dahulu sebelum diaplikasikan pada gambar untuk memastikan kamu memilih warna yang sesuai.
</span>
</li>
<li style="color: #000000" aria-level="1">
<span style="color: #000000">Kamu bisa mengikuti tutorial menggambar untuk mendapatkan ide jika kesulitan menggambar langsung melalui imajinasi.</span>
</li>
<li style="color: #000000" aria-level="1"><span style="color: #000000">Carilah tempat yang nyaman untuk menggambar agar bisa terus fokus.</span></li>
<li style="color: #000000" aria-level="1">
<span style="color: #000000">Jangan terburu-buru dalam menyelesaikan gambarmu. Gambar yang bagus membutuhkan waktu dan kesabaran.</span>
</li>
</ol>
<p style="text-align: justify; font-size: 14px">Apakah yang membuat suatu gambar terlihat indah?</p>
<p style="text-align: justify; font-size: 14px">
Agar gambar terlihat lebih indah, kamu bisa memberikan warna atau hiasan yang menarik. Kamu bisa mewarnai gambar dengan warna yang sesuai dengan aslinya atau sesuai
kreativitas. Memberi objek atau gambar tambahan juga bisa membuat gambar semakin terlihat indah. Jangan lupa juga untuk menghapus garis-garis atau coretan yang tidak perlu
agar gambar terlihat rapi.
</p>
<p style="text-align: justify; font-size: 14px">
Perlu diingat juga bahwa karya yang bagus adalah karya yang selesai. Jadi, pastikan kamu menyelesaikan gambarmu sampai tahap akhir agar terlihat lebih indah.
</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\/menggambar']);
_hsq.push(['setPageId', 'hubdb-69453014895-5342581-89775006801']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 'hubdb-69453014895-5342581-89775006801',
legacyPageId: 'hubdb-69453014895-5342581-89775006801',
contentFolderId: null,
contentGroupId: null,
abTestId: null,
languageVariantId: 69453014895,
languageCode: 'id',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: '3223f90a-6458-4230-a2b2-4d76a280ddd6',
ticks: 1684991485106,
page_id: 69453014895,
dynamic_page_id: 'hubdb-69453014895-5342581-89775006801',
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-89775006801',
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>