Laporkan pelanggaran di wilayah kerja Ruangguru
Anda dapat melaporkan tindakan atau dugaan tindakan pelanggaran yang dilakukan oleh Internal Ruangguru dengan kebijakaan WhistleBlower (WB)
Hal-hal yang dapat dilaporkan adalah pelanggaran terhadap:
Ketentuan hukum, norma, dan kepatutan yang berlaku di Indonesia
Peraturan Perusahaan yang berlaku dari waktu ke waktu
Perjanjian kerja, perjanjian kerja sama, atau perjanjian lainnya yang mengikat Personil Ruangguru pada Perusahaan
Tindakan Penipuan (Fraud)
Kebijakan Anti Suap dan Korupsi
Kebijakan Kerahasiaan
Kebijakan Manajemen Konflik Kepentingan
Kebijakan Non-Kompetisi
Kebijakan Perlindungan Anak
Perilaku ilegal, curang, tidak etis (termasuk namun tidak terbatas pada pencucian uang, penyuapan, diskriminasi, pelecehan, atau lainnya), penyimpangan, atau perilaku mencurigakan
lainnya
Siapa yang dapat melaporkan pelanggaran?
Pelapor yang dapat menyampaikan laporan terkait Kebijakan WB ini adalah
pihak internal
dan
pihak eksternal
Ruangguru.
Internal Ruangguru
- Karyawan
- Mitra
- Pihak terafiliasi lainnya dari Ruangguru
Eksternal Ruangguru
- Agen
- Vendor
- Kontraktor
- Mitra
- Konsultan
- Pengguna Layanan (Siswa, Orang Tua Siswa, Wali Siswa, dll)
- Pihak Eksternal lainnya
Alur Pelaporan
Pelaporan
Laporkan pelanggaran/ kecurangan yang anda lihat dengan jelas dan lengkap
Verifikasi
Tim kami akan memverifikasi laporan anda dengan teliti dan objektif
2 Hari Kerja
Investigasi
Melakukan investigasi mendalam terhadap laporan yang diterima
3 Hari Kerja
Tindak Lanjut
Memberikan tindak lanjut sesuai dengan temuan investigasi
1 Bulan
Laporan
Memberikan laporan hasil dan tindakan yang telah dilakukan
Kami menjamin kerahasiaan dan perlindungan identitas pelapor dalam sistem whistleblower kami
Anda dapat menghubungi kami untuk status laporan yang sudah dibuat dan infomasi terkait WB lainnya melalui email ke whistleblower@ruangguru.com
<!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="publisher" content="PT Ruang Raya Indonesia" />
<meta
name="description"
content="Laporkan segala bentuk tindakan pelanggaran yang terjadi di wilayah kerja PT Ruang Raya Indonesia. Ikuti alurnya atau kirim ke email whistleblower@ruangguru.com."
/>
<meta name="generator" content="HubSpot" />
<title>Whistleblowing System | Ruangguru</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta
property="og:description"
content="Laporkan segala bentuk tindakan pelanggaran yang terjadi di wilayah kerja PT Ruang Raya Indonesia. Ikuti alurnya atau kirim ke email whistleblower@ruangguru.com."
/>
<meta property="og:title" content="Whistleblowing System | Ruangguru" />
<meta
name="twitter:description"
content="Laporkan segala bentuk tindakan pelanggaran yang terjadi di wilayah kerja PT Ruang Raya Indonesia. Ikuti alurnya atau kirim ke email whistleblower@ruangguru.com."
/>
<meta name="twitter:title" content="Whistleblowing System | Ruangguru" />
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = _analytics.init({
app: 'ruangguruWhistleBlowerLanding',
debug: false,
plugins: [analyticsTrackable()],
});
Analytics.ready(function () {
Analytics.page();
});
</script>
<style>
a.cta_button {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
vertical-align: middle;
}
</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/64301146638/1665048251667/module_64301146638_Header_MAP_2022.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/64050209649/1665049584233/module_64050209649_Module_Revamp_MAP_2022.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"
/>
<link rel="canonical" href="https://www.ruangguru.com/program/management-associate-program" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<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" />
<!-- 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 -->
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="350" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:url" content="https://www.ruangguru.com/program/management-associate-program" />
<meta name="twitter:card" content="summary_large_image" />
<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"
/>
<style>*,
::before,
::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box;
/* 1 */
border-width: 0;
/* 2 */
border-style: solid;
/* 2 */
border-color: #e5e7eb;
/* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html {
line-height: 1.5;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-moz-tab-size: 4;
/* 3 */
-o-tab-size: 4;
tab-size: 4;
/* 3 */
font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
/* 4 */
font-feature-settings: normal;
/* 5 */
font-variation-settings: normal;
/* 6 */
-webkit-tap-highlight-color: transparent;
/* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0;
/* 1 */
line-height: inherit;
/* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0;
/* 1 */
color: inherit;
/* 2 */
border-top-width: 1px;
/* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
/* 1 */
font-feature-settings: normal;
/* 2 */
font-variation-settings: normal;
/* 3 */
font-size: 1em;
/* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0;
/* 1 */
border-color: inherit;
/* 2 */
border-collapse: collapse;
/* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-feature-settings: inherit;
/* 1 */
font-variation-settings: inherit;
/* 1 */
font-size: 100%;
/* 1 */
font-weight: inherit;
/* 1 */
line-height: inherit;
/* 1 */
letter-spacing: inherit;
/* 1 */
color: inherit;
/* 1 */
margin: 0;
/* 2 */
padding: 0;
/* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button;
/* 1 */
background-color: transparent;
/* 2 */
background-image: none;
/* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role='button'] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
/* 1 */
vertical-align: middle;
/* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
.relative {
position: relative;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.-mt-20 {
margin-top: -5rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.ml-4 {
margin-left: 1rem;
}
.-mt-10 {
margin-top: -2.5rem;
}
.mb-3-cus {
margin-bottom: 0.75rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.block {
display: block;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.h-10 {
height: 2.5rem;
}
.h-32 {
height: 8rem;
}
.w-10 {
width: 2.5rem;
}
.w-1_diff_6 {
width: 16.666667%;
}
.w-fit {
width: -moz-fit-content;
width: fit-content;
}
.list-disc {
list-style-type: disc;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-row {
flex-direction: row;
}
.flex-col {
flex-direction: column;
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.gap-2 {
gap: 0.5rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-5 {
gap: 1.25rem;
}
.rounded-3xl {
border-radius: 1.5rem;
}
.rounded-full {
border-radius: 9999px;
}
.bg-20A4B0 {
--tw-bg-opacity: 1;
background-color: rgb(32 164 176 / var(--tw-bg-opacity, 1));
}
.bg-ctamain {
--tw-bg-opacity: 1;
background-color: rgb(242 109 15 / var(--tw-bg-opacity, 1));
}
.bg-slate-100 {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-teal-100 {
--tw-bg-opacity: 1;
background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-3-cus {
padding: 0.75rem;
}
.p-4 {
padding: 1rem;
}
.p-5 {
padding: 1.25rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.text-center {
text-align: center;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.font-bold {
font-weight: 700;
}
.font-semibold {
font-weight: 600;
}
.text-slate-700 {
--tw-text-opacity: 1;
color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-teal-500 {
--tw-text-opacity: 1;
color: rgb(20 184 166 / var(--tw-text-opacity, 1));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.page-center {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
.page-center-ext {
width: 95%;
max-width: 1400px;
margin: 0 auto;
}
.mx-auto-cus {
margin-left: auto;
margin-right: auto;
}
.text-center-cus {
text-align: center;
}
.hidden-cus {
display: none;
}
.hero {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/674c8a97-4e7d-4786-859b-20a20d72e402.png), linear-gradient(180deg, rgba(20, 128, 216, 0) 30%, #1480d8 50.02%, #20a4b0 100%),
url(https://cdn-web-2.ruangguru.com/landing-pages/assets/6f8d48a4-a3d9-4990-8c2d-5b5ceece85d6.png);
background-repeat: no-repeat;
background-size: auto, 100%, contain;
background-position:
bottom left,
bottom,
top;
}
.yang-dapat-melaporkan {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/82b265ad-8743-47e6-8208-3ed8b63d38d6.png),
url(https://cdn-web-2.ruangguru.com/landing-pages/assets/674c8a97-4e7d-4786-859b-20a20d72e402.png), linear-gradient(135deg, #20a4b0 0%, #2196f3 100%);
background-repeat: no-repeat;
background-size: auto, contain;
background-position:
1.5rem calc(100% - 1rem),
bottom left,
center;
}
.kerahasiaan {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/6409a8c9-aa03-4231-8157-6e5bce23f8c7.png),
url(https://cdn-web-2.ruangguru.com/landing-pages/assets/674c8a97-4e7d-4786-859b-20a20d72e402.png), linear-gradient(135deg, #20a4b0 0%, #2196f3 100%);
background-repeat: no-repeat;
background-size: auto;
background-position:
top right,
bottom left,
center;
}
.separator {
position: absolute;
/* Mobile styles - vertical line */
left: 6%;
top: 0;
width: 2px;
height: 100%;
background-image: repeating-linear-gradient(to bottom, #3cb6c1 0px, #3cb6c1 8px, transparent 8px, transparent 16px);
background-size: 2px 16px;
background-repeat: repeat-y;
}
@media (min-width: 768px) {
.hero {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/674c8a97-4e7d-4786-859b-20a20d72e402.png), linear-gradient(80deg, #20a4b0 0%, #1480d8 54.64%, rgba(20, 128, 216, 0) 76.09%),
url(https://cdn-web-2.ruangguru.com/landing-pages/assets/6f8d48a4-a3d9-4990-8c2d-5b5ceece85d6.png);
background-repeat: no-repeat;
background-size: auto, 100%, contain;
background-position-x: left, center, right;
background-position-y: bottom;
}
.separator {
left: 0;
top: 7%;
width: 100%;
height: 2px;
background-image: repeating-linear-gradient(to right, #3cb6c1 0px, #3cb6c1 8px, transparent 8px, transparent 16px);
background-size: 16px 2px;
background-repeat: repeat-x;
}
.md\:mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.md\:-mt-20 {
margin-top: -5rem;
}
.md\:mb-10 {
margin-bottom: 2.5rem;
}
.md\:w-1_diff_2 {
width: 50%;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:flex-row {
flex-direction: row;
}
.md\:flex-col {
flex-direction: column;
}
.md\:gap-4 {
gap: 1rem;
}
.md\:p-10 {
padding: 2.5rem;
}
.md\:p-5-cus {
padding: 1.25rem;
}
.md\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.md\:pb-36 {
padding-bottom: 9rem;
}
.md\:text-left {
text-align: left;
}
.md\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.md\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.md\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.md\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.md\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.md\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
}
</style>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/whistleblower/assets/index-Dqv5PPZA.js"></script>
</head>
<body class="" style="">
<div class="header-shadow" id="fixedHeader">
<div class="page-center">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="row header-shadow__display">
<!-- Logo RG -->
<a class="navbar-brand" href="https://www.ruangguru.com/"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo Ruangguru Header" /></a>
</div>
</nav>
</div>
</div>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<div class="spacer-rg"></div>
<section class="hero">
<div class="page-center py-20 md:py-20 md:pb-36 flex text-center md:text-left">
<div class="md:w-1_diff_2 flex flex-col gap-4 text-white">
<h1 class="hero-title text-2xl md:text-4xl font-bold">Laporkan pelanggaran di wilayah kerja Ruangguru</h1>
<p class="hero-desc text-sm md:text-lg">Anda dapat melaporkan tindakan atau dugaan tindakan pelanggaran yang dilakukan oleh Internal Ruangguru dengan kebijakaan WhistleBlower (WB)</p>
<div class="hero-cta">
<a href="https://cta.ruangguru.com/31eede5f-3249-11ee-81b8-4201ac180089" target="_blank">
<button class="cta bg-ctamain text-white px-4 py-2 rounded-full">Lapor Pelanggaran</button>
</a>
</div>
</div>
</div>
</section>
<section class="-mt-10 md:-mt-20">
<div class="page-center">
<div class="bg-white shadow-lg rounded-3xl p-4 md:p-10">
<h2 class="text-xl md:text-2xl font-bold mb-5 md:mb-10 text-center">Hal-hal yang dapat dilaporkan adalah pelanggaran terhadap:</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="flex gap-2 items-center">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6ccebbaf-bd70-4254-8e52-e2f48d6df1ea.svg" alt="Aset" load="lazy" />
<p class="font-desc-criteria">Ketentuan hukum, norma, dan kepatutan yang berlaku di Indonesia</p>
</div>
<div class="flex gap-2 items-center">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6ccebbaf-bd70-4254-8e52-e2f48d6df1ea.svg" alt="Aset" load="lazy" />
<p class="font-desc-criteria">Peraturan Perusahaan yang berlaku dari waktu ke waktu</p>
</div>
<div class="flex gap-2 items-center">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6ccebbaf-bd70-4254-8e52-e2f48d6df1ea.svg" alt="Aset" load="lazy" />
<p class="font-desc-criteria">Perjanjian kerja, perjanjian kerja sama, atau perjanjian lainnya yang mengikat Personil Ruangguru pada Perusahaan</p>
</div>
<div class="flex gap-2 items-center">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6ccebbaf-bd70-4254-8e52-e2f48d6df1ea.svg" alt="Aset" load="lazy" />
<p class="font-desc-criteria">Tindakan Penipuan (Fraud)</p>
</div>
<div class="flex gap-2 items-center">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6ccebbaf-bd70-4254-8e52-e2f48d6df1ea.svg" alt="Aset" load="lazy" />
<p class="font-desc-criteria">Kebijakan Anti Suap dan Korupsi</p>
</div>
<div class="flex gap-2 items-center">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6ccebbaf-bd70-4254-8e52-e2f48d6df1ea.svg" alt="Aset" load="lazy" />
<p class="font-desc-criteria">Kebijakan Kerahasiaan</p>
</div>
<div class="flex gap-2 items-center">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6ccebbaf-bd70-4254-8e52-e2f48d6df1ea.svg" alt="Aset" load="lazy" />
<p class="font-desc-criteria">Kebijakan Manajemen Konflik Kepentingan</p>
</div>
<div class="flex gap-2 items-center">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6ccebbaf-bd70-4254-8e52-e2f48d6df1ea.svg" alt="Aset" load="lazy" />
<p class="font-desc-criteria">Kebijakan Non-Kompetisi</p>
</div>
<div class="flex gap-2 items-center">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6ccebbaf-bd70-4254-8e52-e2f48d6df1ea.svg" alt="Aset" load="lazy" />
<p class="font-desc-criteria">Kebijakan Perlindungan Anak</p>
</div>
<div class="flex gap-2 items-center">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6ccebbaf-bd70-4254-8e52-e2f48d6df1ea.svg" alt="Aset" load="lazy" />
<p class="font-desc-criteria">
Perilaku ilegal, curang, tidak etis (termasuk namun tidak terbatas pada pencucian uang, penyuapan, diskriminasi, pelecehan, atau lainnya), penyimpangan, atau perilaku mencurigakan
lainnya
</p>
</div>
</div>
</div>
</div>
</section>
<section class="">
<div class="page-center py-10">
<div class="yang-dapat-melaporkan shadow-lg rounded-3xl p-4 md:p-10 mb-10">
<div class="flex flex-col md:flex-row gap-4">
<div class="text-white flex flex-col gap-4 text-center md:text-left">
<h2 class="text-xl md:text-3xl font-bold">Siapa yang dapat melaporkan pelanggaran?</h2>
<p class="text-sm md:text-lg">
Pelapor yang dapat menyampaikan laporan terkait Kebijakan WB ini adalah
<strong>pihak internal</strong>
dan
<strong>pihak eksternal</strong>
Ruangguru.
</p>
</div>
<div class="flex flex-col gap-4">
<div class="bg-white rounded-3xl p-3-cus md:p-5-cus">
<div class="flex items-center gap-2 text-xl font-bold mb-3-cus">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/dec599e9-2942-4d6f-bc66-23c330c21590.svg?convert=webp" alt="" />
<p class="text-lg md:text-xl font-bold">Internal Ruangguru</p>
</div>
<ul class="list-disc ml-4">
<li>Karyawan</li>
<li>Mitra</li>
<li>Pihak terafiliasi lainnya dari Ruangguru</li>
</ul>
</div>
<div class="bg-white rounded-3xl p-3-cus md:p-5-cus">
<div class="flex items-center gap-2 text-xl font-bold mb-3-cus">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/dec599e9-2942-4d6f-bc66-23c330c21590.svg?convert=webp" alt="" />
<p class="text-lg md:text-xl font-bold">Eksternal Ruangguru</p>
</div>
<div class="grid md:grid-cols-2 md:gap-4">
<ul class="list-disc ml-4">
<li>Agen</li>
<li>Vendor</li>
<li>Kontraktor</li>
<li>Mitra</li>
<li>Konsultan</li>
</ul>
<ul class="list-disc ml-4">
<li>Pengguna Layanan (Siswa, Orang Tua Siswa, Wali Siswa, dll)</li>
<li>Pihak Eksternal lainnya</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<a href="https://cta.ruangguru.com/31eede5f-3249-11ee-81b8-4201ac180089" target="_blank">
<button class="bg-ctamain text-white px-5 py-3 rounded-full mx-auto block">Lapor Pelanggaran</button>
</a>
</div>
</section>
<section class="bg-slate-100">
<div class="page-center py-10 md:py-20">
<h2 class="text-2xl md:text-3xl font-bold text-center mb-10">Alur Pelaporan</h2>
<div class="flex md:flex-row flex-col gap-5 relative">
<div class="separator"></div>
<div class="text-center flex flex-row md:flex-col items-center gap-3 relative">
<div class="w-1_diff_6">
<div class="bg-20A4B0 rounded-full w-10 h-10 flex items-center justify-center text-white font-semibold mx-auto" width="">1</div>
</div>
<div class="w-5_diff_5 flex flex-col gap-2 bg-white rounded-3xl p-3-cus md:p-5-cus">
<p class="text-lg md:text-2xl font-bold">Pelaporan</p>
<p class="text-xs md:text-base text-slate-700">Laporkan pelanggaran/ kecurangan yang anda lihat dengan jelas dan lengkap</p>
</div>
</div>
<div class="text-center flex flex-row md:flex-col items-center gap-3 relative">
<div class="w-1_diff_6">
<div class="bg-20A4B0 rounded-full w-10 h-10 flex items-center justify-center text-white font-semibold mx-auto">2</div>
</div>
<div class="w-5_diff_5 flex flex-col gap-2 bg-white rounded-3xl p-3-cus md:p-5-cus">
<p class="text-lg md:text-2xl font-bold">Verifikasi</p>
<p class="text-xs md:text-base text-slate-700">Tim kami akan memverifikasi laporan anda dengan teliti dan objektif</p>
<p class="text-base bg-teal-100 text-teal-500 w-fit rounded-full px-4 py-1 mx-auto">2 Hari Kerja</p>
</div>
</div>
<div class="text-center flex flex-row md:flex-col items-center gap-3 relative">
<div class="w-1_diff_6">
<div class="bg-20A4B0 rounded-full w-10 h-10 flex items-center justify-center text-white font-semibold mx-auto">3</div>
</div>
<div class="w-5_diff_5 flex flex-col gap-2 bg-white rounded-3xl p-3-cus md:p-5-cus">
<p class="text-lg md:text-2xl font-bold">Investigasi</p>
<p class="text-xs md:text-base text-slate-700">Melakukan investigasi mendalam terhadap laporan yang diterima</p>
<p class="text-base bg-teal-100 text-teal-500 w-fit rounded-full px-4 py-1 mx-auto">3 Hari Kerja</p>
</div>
</div>
<div class="text-center flex flex-row md:flex-col items-center gap-3 relative">
<div class="w-1_diff_6">
<div class="bg-20A4B0 rounded-full w-10 h-10 flex items-center justify-center text-white font-semibold mx-auto">4</div>
</div>
<div class="w-5_diff_5 flex flex-col gap-2 bg-white rounded-3xl p-3-cus md:p-5-cus">
<p class="text-lg md:text-2xl font-bold">Tindak Lanjut</p>
<p class="text-xs md:text-base text-slate-700">Memberikan tindak lanjut sesuai dengan temuan investigasi</p>
<p class="text-base bg-teal-100 text-teal-500 w-fit rounded-full px-4 py-1 mx-auto">1 Bulan</p>
</div>
</div>
<div class="text-center flex flex-row md:flex-col items-center gap-3 relative">
<div class="w-1_diff_6">
<div class="bg-20A4B0 rounded-full w-10 h-10 flex items-center justify-center text-white font-semibold mx-auto">5</div>
</div>
<div class="w-5_diff_5 flex flex-col gap-2 bg-white rounded-3xl p-3-cus md:p-5-cus">
<p class="text-lg md:text-2xl font-bold">Laporan</p>
<p class="text-xs md:text-base text-slate-700">Memberikan laporan hasil dan tindakan yang telah dilakukan</p>
</div>
</div>
</div>
</div>
</section>
<section class="bg-slate-100">
<div class="page-center py-10">
<div class="kerahasiaan flex flex-col md:flex-row items-center gap-5 rounded-3xl p-5">
<img class="h-32" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/049850de-524c-4a1a-9e56-4cd16c2b01d2.png" alt="" />
<div class="flex flex-col gap-2 text-center md:text-left">
<p class="text-lg md:text-2xl font-bold text-white">Kami menjamin kerahasiaan dan perlindungan identitas pelapor dalam sistem whistleblower kami</p>
<p class="text-white text-xs md:text-base">
Anda dapat menghubungi kami untuk status laporan yang sudah dibuat dan infomasi terkait WB lainnya melalui email ke whistleblower@ruangguru.com
</p>
<a href="mailto:whistleblower@ruangguru.com" target="_blank">
<button class="bg-white px-4 py-2 rounded-full flex gap-2 mx-auto md:mx-0">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d5709f57-5064-4163-8f5b-28de7f21fe03.svg" alt="" />
Hubungi Kami
</button>
</a>
</div>
</div>
</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.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/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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
$('.testimap-slick').slick({
infinite: true,
speed: 1000,
autoplay: false,
autoplaySpeed: 4000,
arrows: true,
slidesToShow: 1,
slidesToScroll: 1,
responsive: [
{
breakpoint: 3000,
settings: {
dots: false,
},
},
{
breakpoint: 768.999,
settings: {
dots: true,
},
},
],
});
var heightOff = 0;
if ($(window).width() < 769) {
heightOff = 150;
$('.testimap-slide').css({
display: 'flex',
'align-items': 'flex-end',
'min-height': '570px',
});
} else {
heightOff = 120;
}
$('.nav-btn').click(function () {
$('.nav-btn').removeClass('aktif');
$('.wrapper-div').removeClass('tampil');
$(this).addClass('aktif');
$('#' + $(this).attr('target')).addClass('tampil');
$('html, body').animate(
{
scrollTop: eval($('#' + $(this).attr('target')).offset().top - heightOff),
},
10
);
console.log(heightOff);
});
$('.js-video-button').modalVideo({
youtube: {
controls: 0,
nocookie: true,
},
});
$('.hero-image').slick({
infinite: true,
slidesToShow: 1,
slideToScroll: 1,
speed: 2000,
autoplay: true,
autoplaySpeed: 4000,
arrows: false,
dots: true,
});
$('.coaching-slick').slick({
speed: 1000,
autoplay: false,
autoplaySpeed: 4000,
dots: false,
responsive: [
{
breakpoint: 3000,
settings: {
infinite: false,
arrows: false,
slidesToShow: 4,
slidesToScroll: 1,
},
},
{
breakpoint: 1018,
settings: {
infinite: true,
arrows: true,
slidesToShow: 2,
slidesToScroll: 1,
},
},
{
breakpoint: 768.999,
settings: {
infinite: true,
arrows: true,
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
});
$('.mentors-slick').slick({
infinite: true,
speed: 1000,
autoplay: false,
autoplaySpeed: 4000,
arrows: true,
dots: false,
responsive: [
{
breakpoint: 3000,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
},
},
{
breakpoint: 1018,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
},
},
{
breakpoint: 768.999,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
});
$('.define-slick').slick({
infinite: true,
speed: 1000,
autoplay: false,
autoplaySpeed: 4000,
arrows: true,
dots: false,
responsive: [
{
breakpoint: 3000,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
},
},
{
breakpoint: 1018,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
},
},
{
breakpoint: 768.999,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
});
$('.journey-slick').slick({
infinite: true,
speed: 1000,
autoplay: false,
autoplaySpeed: 4000,
dots: true,
slidesToShow: 1,
slidesToScroll: 1,
responsive: [
{
breakpoint: 3000,
settings: {
arrows: true,
},
},
{
breakpoint: 768.999,
settings: {
arrows: false,
},
},
],
});
$('.testi-item-wrap').slick({
infinite: true,
dots: false,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
speed: 800,
arrows: true,
});
var ourKeySlicks = {
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
mobileFirst: true,
arrows: true,
dots: false,
speed: 300,
autoplay: false,
responsive: [
{
breakpoint: 769,
settings: 'unslick',
},
],
};
$('.get-details').slick(ourKeySlicks);
// nels
</script>
<script>
var acc = document.getElementsByClassName('accordion2'),
i;
for (i = 0; i < acc.length; i++)
acc[i].addEventListener('click', function () {
var elems = document.getElementsByClassName('accordion2');
for (var it of elems) it.classList.remove('active'), (it.nextElementSibling.style.maxHeight = null);
this.classList.toggle('active');
var panel = this.nextElementSibling;
panel.style.maxHeight ? (panel.style.maxHeight = null) : (panel.style.maxHeight = panel.scrollHeight + 'px');
});
var acc = document.getElementsByClassName('accordion3'),
i;
for (i = 0; i < acc.length; i++)
acc[i].addEventListener('click', function () {
var elems = document.getElementsByClassName('accordion3');
for (var it of elems) it.classList.remove('active'), (it.nextElementSibling.style.maxHeight = null);
this.classList.toggle('active');
var panel = this.nextElementSibling;
panel.style.maxHeight ? (panel.style.maxHeight = null) : (panel.style.maxHeight = panel.scrollHeight + 'px');
});
</script>
<div class="footer-container-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 !important;
overflow: hidden;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Helvetica Neue,
Arial,
Noto Sans,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji;
}
.contact__container {
display: grid;
grid-template-columns: 2fr 11fr;
gap: 0.625rem;
word-break: break-all;
}
.contact__container--text {
margin: auto 0;
}
.group-contact {
display: grid;
row-gap: 0.5rem;
}
.sec-follow__content--socmed {
display: inline-flex;
}
.sec-follow__content--socmed a {
padding-right: 0.25rem;
}
.ic-new {
display: inline-flex;
width: max-content;
gap: 0.25rem;
}
@media (min-width: 1025px) {
.sec-address__detail {
margin: 1rem 0 2rem;
padding-right: 2rem;
}
.sec-follow {
margin-top: -10rem;
}
.title {
font-size: 48px;
line-height: 64px;
}
.subtitle {
font-size: 32px;
line-height: 48px;
text-align: center;
}
.desc-hero {
font-size: 24px;
line-height: 36px;
margin-top: 20px;
}
.desc {
font-size: 16px;
line-height: 24px;
}
.footer {
padding: 5rem 0 1.5rem;
}
.footer__title {
font-size: 1rem;
margin-bottom: 1rem;
min-height: 1.25rem;
}
.footer__title--hq {
font-size: 1rem;
}
.footer__content--top {
display: grid;
grid-template-columns: 3fr 9fr;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sec-app__content {
display: grid;
gap: 0.75rem;
}
.footer__content--bottom {
display: grid;
grid-template-columns: 9.75fr 2.25fr;
}
}
@media (max-width: 1024px) {
.sec-address__detail {
margin: 1rem 0 2rem;
}
.sec-app {
margin-bottom: 2.625rem;
text-align: center;
}
.title {
font-size: 24px;
line-height: 36px;
}
.subtitle {
font-size: 20px;
line-height: 30px;
text-align: center;
}
.desc-hero {
font-size: 16px;
line-height: 24px;
margin-top: 1rem;
}
.desc {
font-size: 14px;
line-height: 27px;
}
.footer {
padding: 2rem 0;
}
.sec-app__content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.5rem;
margin-top: 1rem;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.sec-follow {
text-align: center;
}
.footer__title {
padding-bottom: 0.75rem;
}
}
ul.no-space {
padding: 0;
}
ul.no-space li {
margin-bottom: 0.25rem;
}
.contact__container--text a,
ul.no-space a {
text-decoration: none;
}
.contact__container--text a:hover,
ul.no-space a:hover {
color: #2eb5c0 !important;
}
div.sec-address__logo img,
div.ic-new__img img {
display: inline-block;
}
.sec-app__content img {
max-width: 100%;
}
</style>
<section class="footer " id="footer">
<div class="page-center">
<div class="footer__content">
<div class="footer__content--top">
<div class="sec-app">
<div class="sec-address">
<div class="sec-address__logo">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo Ruangguru" loading="lazy" />
</a>
</div>
<div class="sec-address__detail">
<p class="font-base-footer font-white font-bold footer__title--hq">RUANGGURU HQ</p>
<p class="font-base-footer font-white footer-address">Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920</p>
</div>
</div>
<p class="font-base-footer font-white font-bold footer__title">Coba GRATIS Aplikasi Ruangguru</p>
<div class="sec-app__content">
<div class="sec-app__content--gplay">
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_googleplay%20(1).svg"
loading="lazy"
alt="Button Google Play Footer "
/>
</a>
</div>
<div class="sec-app__content--appstore">
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_appstore%20(1).svg"
loading="lazy"
alt="Button App Store Footer "
/>
</a>
</div>
<div class="sec-app__content--huawei">
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<picture>
<source type="image/webp" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png?convert=webp " />
<source type="image/png" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png " />
<img class="footer-socmed" src="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png" alt="Button AppGallery Footer" loading="lazy" width="156" />
</picture>
</a>
</div>
</div>
</div>
<div class="sec-menu">
<div class="sec-menu__rg">
<p class="font-base-footer font-white font-bold footer__title">Produk Ruangguru</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruanguji">Ruanguji</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://pengajar.ruangguru.com/">Ruangpengajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privat">Ruangguru Privat</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/airis">Airis</a>
</li>
</ul>
</div>
<div class="sec-menu__lainnya">
<p class="font-base-footer font-white font-bold footer__title">Produk Lainnya</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.brainacademy.id/" target="_blank">Brain Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.english-academy.id/" target="_blank">English Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://skillacademy.com/" target="_blank">Skill Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.schoters.com/id/" target="_blank">Schoters</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.kalananti.id/" target="_blank">Kalananti</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/mathchamps/" target="_blank">Math Champs</a>
</li>
</ul>
</div>
<div class="sec-menu__bantuan">
<p class="font-base-footer font-white font-bold footer__title">Bantuan & Panduan</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/company-credentials">Company Credentials</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/promo">Promo Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/about-us">Tentang Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/contact-us">Kontak Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/press">Press Kit</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan">Bantuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://career.ruangguru.com/">Karier</a>
</li>
</ul>
</div>
<div class="sec-menu__contact">
<p class="font-base-footer font-white font-bold footer__title">Hubungi Kami</p>
<div class="group-contact">
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-mail.svg" loading="lazy" alt="Logo Email Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="mailto:info@ruangguru.com">info@ruangguru.com</a>
</div>
</div>
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-phone.svg" loading="lazy" alt="Logo Phone Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="tel:02130930000">02130930000</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer__content--bottom">
<div></div>
<div class="sec-follow">
<p class="font-base-footer font-white font-bold footer__title">Ikuti Kami</p>
<div class="sec-follow__content">
<div class="sec-follow__content--socmed">
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-ig.svg?convert=webp" loading="lazy" alt="Logo Instagram Footer" />
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-fb.svg?convert=webp" loading="lazy" alt="Logo Facebook Footer" />
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-twitter.svg?convert=webp" loading="lazy" alt="Logo Twitter Footer" />
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-youtube.svg?convert=webp" loading="lazy" alt="Logo Youtube Footer" />
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-linkedin.svg?convert=webp" loading="lazy" alt="Logo LinkedIn Footer" />
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/tiktok-ic-white-40.svg?convert=webp" loading="lazy" alt="Logo TikTok Footer" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer__year">
<p class="font-base-footer font-white font-bold center">
©
<span id="full-year"></span>
Ruangguru. All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
</div>
</section>
</div>
<!--end footer wrapper -->
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<!-- Tracker -->
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<!-- 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) -->
</body>
</html>