Implementasi Deep Learning, Ciptakan Cara Belajar yang Lebih Relevan & Menyenangkan
Siapkan sekolah Anda mengimplementasikan Deep Learning bersama Ruangguru. Tersedia juga program persiapan TKA dan UTBK melalui strategi belajar menyeluruh dengan prinsip Deep Learning.
40 Juta+ Pengguna
telah menggunakan ruangguru.
2 miliar
jumlah akses ke materi pembelajaran
280+
Cabang untuk Pembelajaran Tatap Muka
Tingkatkan Kualitas Belajar Siswa dengan Pendekatan Deep Learning dari Ruangguru
Ruangguru menawarkan solusi pembelajaran deep learning yang mengintegrasikan teknologi adaptif dan asesmen data, untuk mendukung pembelajaran bermakna dan menyenangkan di sekolah.
Meaningful learning
Mengaitkan materi pelajaran ke konteks nyata membantu siswa memahami. Pembelajaran relevan dengan kehidupan sehari-hari.
Mindful learning
Belajar efektif dimulai dari kesadaran. Fitur pelaporan membantu siswa memahami kekuatan dan kelemahan.
Joyful learning
Integrasi gamifikasi dan kuis membuat belajar menyenangkan. Siswa termotivasi tanpa tekanan, menciptakan pengalaman positif.
Pilihan Paket Deep Learning dari Ruangguru
Testimoni Sekolah yang Sudah bekerjasama
Emiliya. SY, S.Kom
Wakil Kepala bagian Humas
"Kerja sama kami di SMAN 3 Payakumbuh dengan Ruangguru sejauh ini berjalan dengan sangat baik. Setiap permasalahan yang kami hadapi selalu ditanggapi dengan solusi yang tepat, dan
setiap kali kami membutuhkan informasi, tim Ruangguru selalu sigap hadir membantu. Terima kasih Ruangguru, semoga semakin sukses dan diminati oleh lebih banyak siswa di seluruh
Indonesia. Ruangguru adalah jawaban atas tantangan siswa dalam meraih masa depan yang lebih cerah."
Dra. Hj. Binartinengsih, MPD
Wakil Humas SMAN PLUS Provinsi Riau
"Kerja sama SMAN Plus Provinsi Riau dengan Ruangguru telah terjalin dengan sangat baik, terutama dalam mempersiapkan siswa menghadapi seleksi perguruan tinggi negeri. Minat siswa untuk
mengikuti bimbingan belajar dari Ruangguru terus mengalami peningkatan. Tenaga pengajar yang kompeten serta bahan ajar yang selalu diperbarui sesuai perkembangan terbaru sangat
membantu siswa kami. Terima kasih, Ruangguru."
Akhsan Dwinanda Yudawisastra
SMA Bukit Asam Tanjung Enim
"Setelah mengikuti Try Out di Ruang Guru, saya merasa jauh lebih percaya diri menghadapi ujian UTBK. Materi yang disampaikan sangat detail dan penjelasannya mudah dipahami. Try Out ini
benar-benar membantu saya mendapatkan gambaran nyata tentang UTBK."
Zaahi Wahyu Sakwan
SMA Bukit Asam Tanjung Enim
"Para master trainer di Try Out Ruang Guru sangat ramah dan profesional. Meskipun saya belum pernah les sekalipun, saya merasa terbantu sekali dengan pembahasan soal-soal yang
diberikan. Ini pengalaman belajar yang sangat berharga."
Dendy
SMA Bukit Asam Tanjung Enim
"Try Out Ruang Guru membuat saya semakin yakin bisa meraih PTN impian saya! Dengan latihan yang mendekati kondisi sebenarnya, saya jadi tahu di mana kekurangan saya dan bagaimana
memperbaikinya."
Belum menemukan paket yang tepat untuk kebutuhan sekolah Anda?
Konsultasikan kebutuhan sekolah anda dengan kami
Paling sering ditanyakan
Ya, Ruangguru menyediakan materi dan fitur yang dapat disesuaikan untuk SD, SMP, SMA, dan SMK. Guru dan siswa di semua jenjang pendidikan dapat memanfaatkan platform ini sesuai
kebutuhan sekolah
Ruangguru telah mengembangkan fitur yang memungkinkan materi pembelajaran diunduh untuk akses offline. Hal ini membantu sekolah di daerah dengan keterbatasan jaringan tetap bisa
memanfaatkan layanan Ruangguru
Setiap sekolah mitra akan mendapatkan pelatihan penggunaan platform dan pendampingan teknis dari tim Ruangguru, sehingga guru dapat memaksimalkan fitur-fitur yang tersedia untuk
mendukung proses belajar mengajar.
Ruangguru secara berkala menawarkan diskon, atau harga khusus untuk sekolah yang ingin bermitra, sehingga biaya menjadi lebih terjangkau dan akses pendidikan berkualitas semakin merata
Sekolah dapat mengisi formulir kontak atau menghubungi tim Ruangguru melalui Whatsapp +62 812-2045-3411. Tim kami akan segera menghubungi untuk konsultasi kebutuhan dan penjelasan
lebih lanjut mengenai solusi yang tersedia.
<!doctype html>
<html lang="id" class="no-js">
<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="Program Deep Learning untuk sekolah dari Ruangguru. Akses ribuan materi, soal + pembahasan, dan laporan belajar. Yuk pilih paketnya sekarang!" />
<title>Program Deep Learning Sekolah, Siap TKA+UTBK dengan Ruangguru</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="index, follow" />
<link rel="preconnect" href="https://cdn-web-2.ruangguru.com" />
<meta property="og:description" content="Program Deep Learning untuk sekolah dari Ruangguru. Akses ribuan materi, soal + pembahasan, dan laporan belajar. Yuk pilih paketnya sekarang!" />
<meta property="og:title" content="Program Deep Learning Sekolah, Siap TKA+UTBK dengan Ruangguru" />
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/be80f8a3-50a2-4884-ab1b-82e30ee3e6da.svg" />
<meta property="og:image:width" content="1642" />
<meta property="og:image:height" content="400" />
<meta property="og:image:alt" content="" />
<meta property="og:url" content="https://www.ruangguru.com/program/deep-learning" />
<meta name="twitter:description" content="Program Deep Learning untuk sekolah dari Ruangguru. Akses ribuan materi, soal + pembahasan, dan laporan belajar. Yuk pilih paketnya sekarang!" />
<meta name="twitter:title" content="Program Deep Learning Sekolah, Siap TKA+UTBK dengan Ruangguru" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/be80f8a3-50a2-4884-ab1b-82e30ee3e6da.svg" />
<meta name="twitter:image:alt" content="Ruangguru" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="content-language" content="id" />
<link rel="canonical" href="https://www.ruangguru.com/program/deep-learning" />
<!-- G Font -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
<!-- End G Font -->
<!-- Slick Carousel -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<!-- LOAD STYLE ASSETS -->
<!-- Main CSS -->
<!-- Main CSS -->
<style>
.btn.btn-primary {
background-color: #f26d0f;
color: white;
border-radius: 9999px;
margin-top: 1rem;
width: 100%;
text-align: center;
border-color: transparent;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
}
.hero-bg {
background-image: linear-gradient(to bottom right, #0500ed 20%, #00a8bf 50%, #2fe2ed 100%);
}
.hero-card-bg {
background-image: linear-gradient(to right, #0e325130, #1f70b730);
}
.meaningfull-bg {
background-image: url('https://cdn-web-2.ruangguru.com/landing-pages/assets/daf2aa18-5a76-475a-af57-939937f550e2.png');
background-size: auto 100%;
}
.mindfull-bg {
background-image: url('https://cdn-web-2.ruangguru.com/landing-pages/assets/ce77c00b-1dea-4e56-8e8c-d2c8c283c173.png');
background-size: auto 100%;
}
.joyfull-bg {
background-image: url('https://cdn-web-2.ruangguru.com/landing-pages/assets/b5b2cba5-5964-4c3e-bc4a-6b9922fbd9dc.png');
background-size: auto 100%;
}
.bg-deep-learning-starter {
background-image: url('https://cdn-web-2.ruangguru.com/landing-pages/assets/333a5978-398d-4ffb-a082-58ccc1821b47.png');
background-size: 100% 100%;
}
.bg-deep-learning-grow {
background-image: url('https://cdn-web-2.ruangguru.com/landing-pages/assets/7a8016b8-a941-42ec-ae52-62f1fff40c05.png');
background-size: 100% 100%;
}
.bg-deep-learning-scale {
background-image: url('https://cdn-web-2.ruangguru.com/landing-pages/assets/32641206-d858-4b52-a99d-25e2e4d36ec1.png');
background-size: 100% 100%;
}
.testimoni-faq-bg {
background-image: linear-gradient(to bottom, #ffffff, #c2efff);
}
.consult-bg {
background-image: linear-gradient(to right, #0500ed, #00a8bf, #2fe2ed);
}
.head-package-bg-left {
background-image: linear-gradient(to right, #2fe2ed, #016fce, #0500ed);
}
.head-package-bg-right {
background-image: linear-gradient(to left, #2fe2ed, #016fce, #0500ed);
}
.accordion-cus.active-cus img {
transform: rotate(180deg);
}
.slick-initialized .slick-slide.flex {
display: flex;
}
.btn-pkg {
border: 1px solid #dadfea;
}
.btn-pkg.pkg-active {
border: 1px solid #1480d8;
color: #1480d8;
background-color: #e0eefa;
}
</style>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/program/deep-learning/assets/index-DCPy7OaH.js"></script>
<link rel="stylesheet" crossorigin href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/program/deep-learning/assets/index-BycsgKZ6.css">
</head>
<body>
<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="h-12 md:h-14"></div>
<section class="hero-bg relative">
<img class="absolute left-0 top-1/2 -translate-y-1/2 md:h-32" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/adbeadcb-8dfd-4bd4-ae9f-34fb1e579d2e.png?convert=webp" alt="" />
<div class="page-center pt-10 md:pt-20 text-white">
<div class="grid md:flex mb-5-cus">
<div class="md:w-6/12 grid gap-5 order-2-cus md:order-1-cus">
<h1 class="text-2xl md:text-4xl font-bold">Implementasi Deep Learning, Ciptakan Cara Belajar yang Lebih Relevan & Menyenangkan</h1>
<p class="text-sm md:text-base">
Siapkan sekolah Anda mengimplementasikan Deep Learning bersama Ruangguru. Tersedia juga program persiapan TKA dan UTBK melalui strategi belajar menyeluruh dengan prinsip Deep Learning.
</p>
<a class="text-white" href="#package-list">
<button class="bg-F26D0F font-semibold py-3-cus rounded-full w-full md:w-2/3">Lihat Pilihan Paket</button>
</a>
</div>
<div class="md:w-6/12 flex justify-center order-1-cus md:order-2-cus">
<img class="w-full" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/955d28a2-eae2-4d1e-a3de-9c805773c672.png?convert=webp" alt="program deep learning untuk sekolah" />
</div>
</div>
<div class="slick-carousel-hero pb-5-cus md:pb-10">
<div class="flex min-w-64 items-center gap-2 hero-card-bg p-5-cus rounded-2xl">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d523b537-6465-44f7-9b52-d7be724b5a0b.svg" alt="" />
<p class="mb-0">
<strong>40 Juta+ Pengguna</strong>
telah menggunakan ruangguru.
</p>
</div>
<div class="flex min-w-64 items-center gap-2 hero-card-bg p-5-cus rounded-2xl">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/70ca2d08-3ab3-474e-8a11-e1ac2f5e321f.svg" alt="" />
<p class="mb-0">
<strong>2 miliar</strong>
jumlah akses ke materi pembelajaran
</p>
</div>
<div class="flex min-w-64 items-center gap-2 hero-card-bg p-5-cus rounded-2xl">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/20727184-e713-4817-9076-3d2fda5053c4.svg" alt="" />
<p class="mb-0">
<strong>280+</strong>
Cabang untuk Pembelajaran Tatap Muka
</p>
</div>
</div>
</div>
</section>
<section class="bg-EEF4FA relative">
<div class="page-center rounded page-center-full grid gap-5 py-10 md:py-20">
<div class="grid gap-5 text-center w-90% mx-auto">
<h2 class="text-xl md:text-3xl font-semibold max-w-3xl mx-auto">Tingkatkan Kualitas Belajar Siswa dengan Pendekatan Deep Learning dari Ruangguru</h2>
<p class="text-sm md:text-base max-w-4xl mx-auto text-5E677B">
Ruangguru menawarkan solusi pembelajaran deep learning yang mengintegrasikan teknologi adaptif dan asesmen data, untuk mendukung pembelajaran bermakna dan menyenangkan di sekolah.
</p>
</div>
<div class="grid gap-5">
<!-- Meaningfull Learning -->
<div class="bg-D7E9FA meaningfull-bg bg-no-repeat bg-left p-5-cus md:p-8 rounded-2xl relative">
<img
class="absolute left-0 bottom-0 h-72 hidden md:inline-block"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/838afdcb-1f09-4bd8-af88-6bc2f56fda8a.png?convert=webp"
alt="mearningfull learning"
loading="lazy"
/>
<div class="grid grid-cols-1 md:grid-cols-3 gap-5 md:gap-8">
<div class="col-span-1 text-white">
<h2 class="text-xl md:text-2xl font-semibold mb-5-cus">Meaningful learning</h2>
<p class="text-sm md:text-base">Mengaitkan materi pelajaran ke konteks nyata membantu siswa memahami. Pembelajaran relevan dengan kehidupan sehari-hari.</p>
</div>
<div class="col-span-2 text-center overflow-x-auto">
<div class="slick-carousel-program">
<div class="bg-white min-w-17rem h-full flex-1 flex flex-col rounded-2xl overflow-hidden relative">
<img
class="bg-E5BDEE"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/59c880f6-6922-4d84-a1a9-6df0ec15acca.png?convert=webp"
alt="video pembelajaran adaptif"
loading="lazy"
/>
<div class="p-5-cus flex-grow flex flex-col text-sm md:text-base">
<h3 class="text-base md:text-lg font-semibold mb-5-cus">Video Pembelajaran Adaptif</h3>
<p class="mb-5-cus flex-grow">Konten disusun berdasarkan konteks dunia nyata dan kebutuhan kurikulum, membantu siswa memahami materi secara lebih mendalam dan relevan.</p>
<a class="py-3-cus ring-1 ring-CFD3DB rounded-full text-black" href="#package-list">Lihat Pilihan Paket</a>
</div>
</div>
<div class="bg-white min-w-17rem h-full flex-1 flex flex-col rounded-2xl overflow-hidden relative">
<img
class="bg-E5BDEE"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/01e2475c-f20e-400e-a4ec-4177eae0b184.png?convert=webp"
alt="pembahasan soal Komprehensif"
loading="lazy"
/>
<div class="p-5-cus flex-grow flex flex-col text-sm md:text-base">
<h3 class="text-base md:text-lg font-semibold mb-5-cus">Pembahasan Soal Komprehensif</h3>
<p class="w-full mb-5-cus flex-grow">Penjelasan tiap soal mengupas konsep dan kesalahan umum siswa, bukan hanya memberi jawaban.</p>
<a class="py-3-cus ring-1 ring-CFD3DB rounded-full text-black" href="#package-list">Lihat Pilihan Paket</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Mindfull Learning -->
<div class="bg-D7E9FA mindfull-bg bg-no-repeat bg-left p-5-cus md:p-8 rounded-2xl relative">
<img
class="absolute left-0 bottom-0 h-72 hidden md:inline-block"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/01a229aa-abab-48e9-9885-2221982d4168.png?convert=webp"
alt="mindfull learning"
loading="lazy"
/>
<div class="grid grid-cols-1 md:grid-cols-3 gap-5 md:gap-8">
<div class="col-span-1 text-white">
<h2 class="text-xl md:text-2xl font-semibold mb-5-cus">Mindful learning</h2>
<p class="text-sm md:text-base">Belajar efektif dimulai dari kesadaran. Fitur pelaporan membantu siswa memahami kekuatan dan kelemahan.</p>
</div>
<div class="col-span-2 text-center overflow-x-auto">
<div class="slick-carousel-program">
<div class="bg-white min-w-17rem flex-1 flex flex-col rounded-2xl overflow-hidden relative">
<img
class="bg-B0D8F9"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3c7aa1a1-ecbf-4882-88f1-d9714b8ade18.png?convert=webp"
alt="laporan pembelajaran mandiri"
loading="lazy"
/>
<div class="p-5-cus flex-grow flex flex-col text-sm md:text-base">
<h3 class="text-base md:text-lg font-semibold mb-5-cus">Laporan Pembelajaran Mandiri</h3>
<p class="mb-5-cus flex-grow">Setiap siswa dapat melihat progres belajar mereka, membantu guru dan orang tua dalam memantau perkembangan akademik.</p>
<a class="py-3-cus ring-1 ring-CFD3DB rounded-full text-black" href="#package-list">Lihat Pilihan Paket</a>
</div>
</div>
<div class="bg-white min-w-17rem flex-1 flex flex-col rounded-2xl overflow-hidden relative">
<img class="bg-B0D8F9" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e4bb34da-088a-4ab2-b765-a008b2d53663.png?convert=webp" alt="laporan hasil tryout" loading="lazy" />
<div class="p-5-cus flex-grow flex flex-col text-sm md:text-base">
<h3 class="text-base md:text-lg font-semibold mb-5-cus">Report Card Tryout</h3>
<p class="w-full mb-5-cus flex-grow">Hasil tryout disajikan dalam format analisis yang menunjukkan area lemah dan rekomendasi penguatan, bukan sekadar nilai akhir.</p>
<a class="py-3-cus ring-1 ring-CFD3DB rounded-full text-black" href="#package-list">Lihat Pilihan Paket</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Joyfull Learning -->
<div class="bg-D7E9FA joyfull-bg bg-no-repeat bg-left p-5-cus md:p-8 rounded-2xl relative">
<img
class="absolute left-0 bottom-0 h-72 hidden md:inline-block"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0ee4dbcc-b3b7-4906-a931-34396a783aec.png?convert=webp"
alt="pembelajaran menyenangkan"
loading="lazy"
/>
<div class="grid grid-cols-1 md:grid-cols-3 gap-5 md:gap-8">
<div class="col-span-1 text-white">
<h2 class="text-xl md:text-2xl font-semibold mb-5-cus">Joyful learning</h2>
<p class="text-sm md:text-base">Integrasi gamifikasi dan kuis membuat belajar menyenangkan. Siswa termotivasi tanpa tekanan, menciptakan pengalaman positif.</p>
</div>
<div class="col-span-2 text-center overflow-x-auto">
<div class="slick-carousel-program">
<div class="bg-white min-w-17rem flex-1 flex flex-col rounded-2xl overflow-hidden relative">
<img
class="bg-F8E1E2"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b7a1fe05-92c2-4dde-9587-b8644ad4dde3.png?convert=webp"
alt="gamifikasi dan kuis interaktif"
loading="lazy"
/>
<div class="p-5-cus flex-grow flex flex-col text-sm md:text-base">
<h3 class="text-base md:text-lg font-semibold mb-5-cus">Gamifikasi & Kuis Interaktif</h3>
<p class="mb-5-cus flex-grow">Kuis Adapto & AdaptoX, serta fitur pets, XP, dan gold membuat pembelajaran terasa seperti bermain, tanpa kehilangan esensi akademis.</p>
<a class="py-3-cus ring-1 ring-CFD3DB rounded-full text-black" href="#package-list">Lihat Pilihan Paket</a>
</div>
</div>
<div class="bg-white min-w-17rem flex-1 flex flex-col rounded-2xl overflow-hidden relative">
<img
class="bg-F8E1E2"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/665d4736-da80-4e61-9ca6-6c3a5085818a.png?convert=webp"
alt="leaderboard kompetisi siswa"
loading="lazy"
/>
<div class="p-5-cus flex-grow flex flex-col text-sm md:text-base">
<h3 class="text-base md:text-lg font-semibold mb-5-cus">Leaderboard Kompetisi Siswa</h3>
<p class="w-full mb-5-cus flex-grow">Fitur leaderboard mendorong semangat kompetisi sehat antar siswa dari seluruh Indonesia.</p>
<a class="py-3-cus ring-1 ring-CFD3DB rounded-full text-black" href="#package-list">Lihat Pilihan Paket</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="page-center flex-gr py-10 md:py-20" id="package-list">
<h2 class="text-xl md:text-3xl font-semibold max-w-3xl mx-auto text-center mb-5-cus">Pilihan Paket Deep Learning dari Ruangguru</h2>
<div class="overflow-x-auto p-3-cus hidden md:inline-block text-center">
<table class="border-collapse min-w-full rounded-t-2xl">
<thead class="">
<tr class="text-white">
<th class="w-4/12 head-package-bg-left ring-1 ring-85D7DF rounded-tl-xl">Paket</th>
<th class="ring-1 ring-85D7DF bg-0507EB">
Deep Learning Starter
<br />
(1 Kelas)
</th>
<th class="ring-1 ring-85D7DF bg-0507EB">
Deep Learning Grow
<br />
(1 Angkatan)
</th>
<th class="head-package-bg-right ring-1 ring-85D7DF rounded-tr-xl">
Deep Learning Scale
<br />
(1 Sekolah)
</th>
</tr>
</thead>
<tbody>
<tr>
<td class="ring-1 ring-85D7DF bg-E0EEFA">Jumlah Akun</td>
<td class="ring-1 ring-85D7DF">s.d 30 akun</td>
<td class="ring-1 ring-85D7DF">s.d 100 akun</td>
<td class="ring-1 ring-85D7DF">s.d 300 akun</td>
</tr>
<tr>
<td class="ring-1 ring-85D7DF bg-E0EEFA">ruangbelajar (UTBK atau TKA)</td>
<td class="ring-1 ring-85D7DF">1 tahun langganan</td>
<td class="ring-1 ring-85D7DF">1 tahun langganan</td>
<td class="ring-1 ring-85D7DF">1 tahun langganan</td>
</tr>
<tr>
<td class="ring-1 ring-85D7DF bg-E0EEFA">Tryout (UTBK atau TKA)</td>
<td class="ring-1 ring-85D7DF">5x Tryout</td>
<td class="ring-1 ring-85D7DF">5x Tryout</td>
<td class="ring-1 ring-85D7DF">5x Tryout</td>
</tr>
<tr>
<td class="ring-1 ring-85D7DF bg-E0EEFA">Report</td>
<td class="ring-1 ring-85D7DF">
ruangbelajar:
<strong>2x</strong>
per tahun
<br />
Tryout: 5 report (1 per Tryout)
</td>
<td class="ring-1 ring-85D7DF">
ruangbelajar:
<strong>2x</strong>
per tahun
<br />
Tryout: 5 report (1 per Tryout)
</td>
<td class="ring-1 ring-85D7DF">
ruangbelajar:
<strong>2x</strong>
per tahun
<br />
Tryout: 5 report (1 per Tryout)
</td>
</tr>
<tr>
<td class="ring-1 ring-85D7DF bg-E0EEFA rounded-bl-xl">Dedicated Relationship Manager</td>
<td class="ring-1 ring-85D7DF">
<img class="mx-auto" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9babe66c-6e5e-49b8-becf-90c909dd900e.svg" alt="" loading="lazy" />
</td>
<td class="ring-1 ring-85D7DF">
<img class="mx-auto" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3e7f02da-9956-4b5f-9a56-c59128b12ca9.svg" alt="" loading="lazy" />
</td>
<td class="ring-1 ring-85D7DF">
<img class="mx-auto" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3e7f02da-9956-4b5f-9a56-c59128b12ca9.svg" alt="" loading="lazy" />
</td>
</tr>
<tr>
<td></td>
<td class="ring-1 ring-85D7DF rounded-bl-xl shadow-lg-cus">
<a class="py-3-cus px-5-cus ring-1 ring-CFD3DB rounded-full flex gap-1 items-center w-max mx-auto text-black font-semibold" href="https://wa.me/6281220453411" target="_blank">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0adb1647-8fdb-4186-80fd-3b0409c388be.svg" alt="" loading="lazy" />
Konsultasi Paket
</a>
</td>
<td class="ring-1 ring-85D7DF shadow-lg-cus">
<a class="py-3-cus px-5-cus ring-1 ring-CFD3DB rounded-full flex gap-1 items-center w-max mx-auto text-black font-semibold" href="https://wa.me/6281220453411" target="_blank">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0adb1647-8fdb-4186-80fd-3b0409c388be.svg" alt="" loading="lazy" />
Konsultasi Paket
</a>
</td>
<td class="ring-1 ring-85D7DF rounded-br-xl shadow-lg-cus">
<a class="py-3-cus px-5-cus ring-1 ring-CFD3DB rounded-full flex gap-1 items-center w-max mx-auto text-black font-semibold" href="https://wa.me/6281220453411" target="_blank">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0adb1647-8fdb-4186-80fd-3b0409c388be.svg" alt="" loading="lazy" />
Konsultasi Paket
</a>
</td>
</tr>
</tbody>
</table>
</div>
<!-- Package slick mobile -->
<div class="grid grid-cols-3 gap-2 mb-5-cus md:hidden">
<button class="rounded-full py-2-cus btn-pkg pkg-active" id="30acc">30 akun</button>
<button class="rounded-full py-2-cus btn-pkg" id="100acc">100 akun</button>
<button class="rounded-full py-2-cus btn-pkg" id="300acc">300 akun</button>
</div>
<div class="slick-carousel-packages mb-3-cus md:hidden">
<div class="bg-white min-w-17rem flex-1 flex flex-col rounded-2xl overflow-hidden relative shadow-md">
<div class="text-center bg-deep-learning-starter pt-5-cus">
<h3 class="text-lg font-semibold">
Deep Learning Starter
<br />
(1 Kelas)
</h3>
<img class="mx-auto" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/c9ab7a3e-40a7-40cd-a00a-b1685b7e4257.png?convert=webp" alt="" loading="lazy" />
</div>
<div class="p-5-cus flex flex-col gap-5 text-sm md:text-base flex-grow">
<div class="flex gap-2 items-start">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f6deca75-1375-437a-8fdc-cd774669e5ba.svg" alt="" loading="lazy" />
<p class="mb-0">
Jumlah Akun
<strong>s.d. 30 akun</strong>
</p>
</div>
<div class="flex gap-2 items-start">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f6deca75-1375-437a-8fdc-cd774669e5ba.svg" alt="" loading="lazy" />
<p class="mb-0">ruangbelajar (UTBK atau TKA) 1 tahun langganan</p>
</div>
<div class="flex gap-2 items-start">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f6deca75-1375-437a-8fdc-cd774669e5ba.svg" alt="" loading="lazy" />
<p class="mb-0">
Tryout (UTBK atau TKA)
<strong>5x Tryout</strong>
</p>
</div>
<div class="flex gap-2 items-start">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f6deca75-1375-437a-8fdc-cd774669e5ba.svg" alt="" loading="lazy" />
<p class="mb-0">
ruangbelajar:
<strong>2x per tahun</strong>
Tryout: 5 report (1 per Tryout)
</p>
</div>
<a
class="py-3-cus px-5-cus ring-1 ring-CFD3DB rounded-full mt-auto flex gap-1 items-end w-full justify-center text-black font-semibold h-max"
href="https://wa.me/6281220453411"
target="_blank"
>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0adb1647-8fdb-4186-80fd-3b0409c388be.svg" alt="" loading="lazy" />
Konsultasi Paket
</a>
</div>
</div>
<div class="bg-white min-w-17rem flex-1 flex flex-col rounded-2xl overflow-hidden relative shadow-md">
<div class="text-center bg-deep-learning-grow pt-5-cus">
<h3 class="text-lg font-semibold">
Deep Learning Grow
<br />
(1 Angkatan)
</h3>
<img class="mx-auto" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/c9ab7a3e-40a7-40cd-a00a-b1685b7e4257.png?convert=webp" alt="" loading="lazy" />
</div>
<div class="p-5-cus flex flex-col gap-5 text-sm md:text-base flex-grow">
<div class="flex gap-2 items-start">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f6deca75-1375-437a-8fdc-cd774669e5ba.svg" alt="" loading="lazy" />
<p class="mb-0">
Jumlah Akun
<strong>s.d. 100 akun</strong>
</p>
</div>
<div class="flex gap-2 items-start">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f6deca75-1375-437a-8fdc-cd774669e5ba.svg" alt="" loading="lazy" />
<p class="mb-0">ruangbelajar (UTBK atau TKA) 1 tahun langganan</p>
</div>
<div class="flex gap-2 items-start">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f6deca75-1375-437a-8fdc-cd774669e5ba.svg" alt="" loading="lazy" />
<p class="mb-0">
Tryout (UTBK atau TKA)
<strong>5x Tryout</strong>
</p>
</div>
<div class="flex gap-2 items-start">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f6deca75-1375-437a-8fdc-cd774669e5ba.svg" alt="" loading="lazy" />
<p class="mb-0">
ruangbelajar:
<strong>2x per tahun</strong>
Tryout: 5 report (1 per Tryout)
</p>
</div>
<div class="flex gap-2 items-start">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f6deca75-1375-437a-8fdc-cd774669e5ba.svg" alt="" loading="lazy" />
<p class="mb-0">Dedicated Relationship Manager</p>
</div>
<a
class="py-3-cus px-5-cus ring-1 ring-CFD3DB rounded-full mt-auto flex gap-1 items-center w-full justify-center text-black font-semibold h-max"
href="https://wa.me/6281220453411"
target="_blank"
>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0adb1647-8fdb-4186-80fd-3b0409c388be.svg" alt="" loading="lazy" />
Konsultasi Paket
</a>
</div>
</div>
<div class="bg-white min-w-17rem flex-1 flex flex-col rounded-2xl overflow-hidden relative shadow-md">
<div class="text-center bg-deep-learning-scale pt-5-cus">
<h3 class="text-lg font-semibold">
Deep Learning Scale
<br />
(1 Sekolah)
</h3>
<img class="mx-auto" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/c9ab7a3e-40a7-40cd-a00a-b1685b7e4257.png?convert=webp" alt="" loading="lazy" />
</div>
<div class="p-5-cus flex flex-col gap-5 text-sm md:text-base flex-grow">
<div class="flex gap-2 items-start">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f6deca75-1375-437a-8fdc-cd774669e5ba.svg" alt="" loading="lazy" />
<p class="mb-0">
Jumlah Akun
<strong>s.d. 300 akun</strong>
</p>
</div>
<div class="flex gap-2 items-start">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f6deca75-1375-437a-8fdc-cd774669e5ba.svg" alt="" loading="lazy" />
<p class="mb-0">ruangbelajar (UTBK atau TKA) 1 tahun langganan</p>
</div>
<div class="flex gap-2 items-start">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f6deca75-1375-437a-8fdc-cd774669e5ba.svg" alt="" loading="lazy" />
<p class="mb-0">
Tryout (UTBK atau TKA)
<strong>5x Tryout</strong>
</p>
</div>
<div class="flex gap-2 items-start">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f6deca75-1375-437a-8fdc-cd774669e5ba.svg" alt="" loading="lazy" />
<p class="mb-0">
ruangbelajar:
<strong>4x per tahun</strong>
Tryout: 5 report (1 per Tryout)
</p>
</div>
<div class="flex gap-2 items-start">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f6deca75-1375-437a-8fdc-cd774669e5ba.svg" alt="" loading="lazy" />
<p class="mb-0">Dedicated Relationship Manager</p>
</div>
<a
class="py-3-cus px-5-cus ring-1 ring-CFD3DB rounded-full mt-auto flex gap-1 items-center w-full justify-center text-black font-semibold h-max"
href="https://wa.me/6281220453411"
target="_blank"
>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0adb1647-8fdb-4186-80fd-3b0409c388be.svg" alt="" loading="lazy" />
Konsultasi Paket
</a>
</div>
</div>
</div>
<div class="flex flex-row items-center w-full md:hidden justify-center">
<div class="rounded-full ring-1 ring-CFD3DB bg-white flex justify-center items-center h-10 w-10 slick-prev-package cursor-pointer">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/5a6d8e8e-79db-4301-a08b-c9069dd68924.svg" alt="" loading="lazy" />
</div>
<div class="slick-dots-container-package flex-grow"></div>
<div class="rounded-full ring-1 ring-CFD3DB bg-white flex justify-center items-center h-10 w-10 slick-next-package cursor-pointer">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7519bb2c-bc04-433c-be28-0b39ef40aa41.svg" alt="" loading="lazy" />
</div>
</div>
</div>
</section>
<section class="testimoni-faq-bg">
<div class="page-center py-10 md:py-20">
<h2 class="text-xl md:text-3xl text-center font-semibold max-w-3xl mx-auto">Testimoni Sekolah yang Sudah bekerjasama</h2>
<div class="slick-carousel mb-8 md:pt-10">
<div class="pt-20">
<div class="rounded-2xl p-5-cus bg-white relative h-full">
<img class="-mt-20 mb-5-cus" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b500051e-a20d-44c7-8602-ece01ba4dacd.png?convert=webp" alt="" loading="lazy" />
<div class="mb-5-cus">
<p class="font-semibold mb-0">Emiliya. SY, S.Kom</p>
<p class="text-1480D8 text-sm mb-0">Wakil Kepala bagian Humas</p>
</div>
<p class="mb-0">
"Kerja sama kami di SMAN 3 Payakumbuh dengan Ruangguru sejauh ini berjalan dengan sangat baik. Setiap permasalahan yang kami hadapi selalu ditanggapi dengan solusi yang tepat, dan
setiap kali kami membutuhkan informasi, tim Ruangguru selalu sigap hadir membantu. Terima kasih Ruangguru, semoga semakin sukses dan diminati oleh lebih banyak siswa di seluruh
Indonesia. Ruangguru adalah jawaban atas tantangan siswa dalam meraih masa depan yang lebih cerah."
</p>
</div>
</div>
<div class="pt-20">
<div class="rounded-2xl p-5-cus bg-white relative h-full">
<img class="-mt-20 mb-5-cus" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b500051e-a20d-44c7-8602-ece01ba4dacd.png?convert=webp" alt="" loading="lazy" />
<div class="mb-5-cus">
<p class="font-semibold mb-0">Dra. Hj. Binartinengsih, MPD</p>
<p class="text-1480D8 text-sm mb-0">Wakil Humas SMAN PLUS Provinsi Riau</p>
</div>
<p class="mb-0">
"Kerja sama SMAN Plus Provinsi Riau dengan Ruangguru telah terjalin dengan sangat baik, terutama dalam mempersiapkan siswa menghadapi seleksi perguruan tinggi negeri. Minat siswa untuk
mengikuti bimbingan belajar dari Ruangguru terus mengalami peningkatan. Tenaga pengajar yang kompeten serta bahan ajar yang selalu diperbarui sesuai perkembangan terbaru sangat
membantu siswa kami. Terima kasih, Ruangguru."
</p>
</div>
</div>
<div class="pt-20">
<div class="rounded-2xl p-5-cus bg-white relative h-full">
<img class="-mt-20 mb-5-cus" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6a0a8f54-83dc-484e-80bf-3223444d1ba2.png?convert=webp" alt="" loading="lazy" />
<div class="mb-5-cus">
<p class="font-semibold mb-0">Akhsan Dwinanda Yudawisastra</p>
<p class="text-1480D8 text-sm mb-0">SMA Bukit Asam Tanjung Enim</p>
</div>
<p class="mb-0">
"Setelah mengikuti Try Out di Ruang Guru, saya merasa jauh lebih percaya diri menghadapi ujian UTBK. Materi yang disampaikan sangat detail dan penjelasannya mudah dipahami. Try Out ini
benar-benar membantu saya mendapatkan gambaran nyata tentang UTBK."
</p>
</div>
</div>
<div class="pt-20">
<div class="rounded-2xl p-5-cus bg-white relative h-full">
<img class="-mt-20 mb-5-cus" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/152f93bb-96d8-4abe-bbd1-eea97390bdd4.png?convert=webp" alt="" loading="lazy" />
<div class="mb-5-cus">
<p class="font-semibold mb-0">Zaahi Wahyu Sakwan</p>
<p class="text-1480D8 text-sm mb-0">SMA Bukit Asam Tanjung Enim</p>
</div>
<p class="mb-0">
"Para master trainer di Try Out Ruang Guru sangat ramah dan profesional. Meskipun saya belum pernah les sekalipun, saya merasa terbantu sekali dengan pembahasan soal-soal yang
diberikan. Ini pengalaman belajar yang sangat berharga."
</p>
</div>
</div>
<div class="pt-20">
<div class="rounded-2xl p-5-cus bg-white relative h-full">
<img class="-mt-20 mb-5-cus" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/bb8e8e25-9b4f-4c34-bd56-909453b25d98.png?convert=webp" alt="" loading="lazy" />
<div class="mb-5-cus">
<p class="font-semibold mb-0">Dendy</p>
<p class="text-1480D8 text-sm mb-0">SMA Bukit Asam Tanjung Enim</p>
</div>
<p class="mb-0">
"Try Out Ruang Guru membuat saya semakin yakin bisa meraih PTN impian saya! Dengan latihan yang mendekati kondisi sebenarnya, saya jadi tahu di mana kekurangan saya dan bagaimana
memperbaikinya."
</p>
</div>
</div>
</div>
<div class="carousel-nav">
<div class="flex items-center">
<div class="slick-dots-container"></div>
<div class="flex gap-5 ml-auto">
<div class="rounded-full bg-white flex justify-center items-center h-14 w-14 slick-prev cursor-pointer">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/5a6d8e8e-79db-4301-a08b-c9069dd68924.svg" alt="" loading="lazy" />
</div>
<div class="rounded-full bg-white flex justify-center items-center h-14 w-14 slick-next cursor-pointer">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7519bb2c-bc04-433c-be28-0b39ef40aa41.svg" alt="" loading="lazy" />
</div>
</div>
</div>
</div>
</div>
</section>
<section class="consult-bg relative">
<img
class="absolute left-0 top-1/2 -translate-y-1/2 md:h-32"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/adbeadcb-8dfd-4bd4-ae9f-34fb1e579d2e.png?convert=webp"
alt=""
loading="lazy"
/>
<div class="page-center py-10 grid md:grid-cols-2 gap-5 justify-center items-start">
<div class="p-5-cus">
<p class="text-white text-xl md:text-3xl text-center-cus md:text-left">Belum menemukan paket yang tepat untuk kebutuhan sekolah Anda?</p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d3a81d11-efc7-4963-9ecd-d9c56eae0713.png?convert=webp" alt="" loading="lazy" />
</div>
<div class="bg-white rounded-2xl p-5-cus">
<h3 class="text-lg md:text-xl font-semibold">Konsultasikan kebutuhan sekolah anda dengan kami</h3>
<div id="form"></div>
</div>
</div>
</section>
<section class="testimoni-faq-bg">
<div class="page-center py-10 md:py-20">
<h2 class="text-xl md:text-3xl text-center font-semibold max-w-3xl mx-auto mb-5-cus">Paling sering ditanyakan</h2>
<div class="grid gap-5">
<!-- 1 -->
<div class="shadow-lg-cus bg-white rounded-2xl">
<button class="accordion-cus w-full p-5-cus rounded-xl flex gap-1">
<p class="text-sm md:text-xl flex-grow mb-0">Apakah Ruangguru dapat digunakan di seluruh jenjang pendidikan?</p>
<img class="" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7398a588-cef4-47d7-b914-ed48d3713143.svg" alt="" />
</button>
<div class="panel rounded-b-xl text-sm md:text-base lg:text-lg">
<p class="text-5E677B">
Ya, Ruangguru menyediakan materi dan fitur yang dapat disesuaikan untuk SD, SMP, SMA, dan SMK. Guru dan siswa di semua jenjang pendidikan dapat memanfaatkan platform ini sesuai
kebutuhan sekolah
</p>
</div>
</div>
<!-- 2 -->
<div class="shadow-lg-cus bg-white rounded-2xl">
<button class="accordion-cus w-full p-5-cus rounded-xl flex gap-1">
<p class="text-sm md:text-xl flex-grow mb-0">Bagaimana dengan akses internet di daerah terpencil?</p>
<img class="" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7398a588-cef4-47d7-b914-ed48d3713143.svg" alt="" />
</button>
<div class="panel rounded-b-xl text-sm md:text-base lg:text-lg">
<p class="text-5E677B">
Ruangguru telah mengembangkan fitur yang memungkinkan materi pembelajaran diunduh untuk akses offline. Hal ini membantu sekolah di daerah dengan keterbatasan jaringan tetap bisa
memanfaatkan layanan Ruangguru
</p>
</div>
</div>
<!-- 3 -->
<div class="shadow-lg-cus bg-white rounded-2xl">
<button class="accordion-cus w-full p-5-cus rounded-xl flex gap-1">
<p class="text-sm md:text-xl flex-grow mb-0">Apakah Ruangguru memberikan pelatihan untuk guru?</p>
<img class="" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7398a588-cef4-47d7-b914-ed48d3713143.svg" alt="" />
</button>
<div class="panel rounded-b-xl text-sm md:text-base lg:text-lg">
<p class="text-5E677B">
Setiap sekolah mitra akan mendapatkan pelatihan penggunaan platform dan pendampingan teknis dari tim Ruangguru, sehingga guru dapat memaksimalkan fitur-fitur yang tersedia untuk
mendukung proses belajar mengajar.
</p>
</div>
</div>
<!-- 4 -->
<div class="shadow-lg-cus bg-white rounded-2xl">
<button class="accordion-cus w-full p-5-cus rounded-xl flex gap-1">
<p class="text-sm md:text-xl flex-grow mb-0">Apakah tersedia program khusus atau diskon untuk sekolah?</p>
<img class="" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7398a588-cef4-47d7-b914-ed48d3713143.svg" alt="" />
</button>
<div class="panel rounded-b-xl text-sm md:text-base lg:text-lg">
<p class="text-5E677B">
Ruangguru secara berkala menawarkan diskon, atau harga khusus untuk sekolah yang ingin bermitra, sehingga biaya menjadi lebih terjangkau dan akses pendidikan berkualitas semakin merata
</p>
</div>
</div>
<!-- 5 -->
<div class="shadow-lg-cus bg-white rounded-2xl">
<button class="accordion-cus w-full p-5-cus rounded-xl flex gap-1">
<p class="text-sm md:text-xl flex-grow mb-0">Bagaimana cara memulai kerja sama dengan Ruangguru?</p>
<img class="" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7398a588-cef4-47d7-b914-ed48d3713143.svg" alt="" />
</button>
<div class="panel rounded-b-xl text-sm md:text-base lg:text-lg">
<p class="text-5E677B">
Sekolah dapat mengisi formulir kontak atau menghubungi tim Ruangguru melalui Whatsapp +62 812-2045-3411. Tim kami akan segera menghubungi untuk konsultasi kebutuhan dan penjelasan
lebih lanjut mengenai solusi yang tersedia.
</p>
</div>
</div>
</div>
</div>
</section>
<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>
<!-- jquery -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- RG Form -->
<script src="https://unpkg.com/analytics/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<script src="https://form.ruangguru.com/form/embed.min.js"></script>
<!-- slick carousel -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script>
$(document).ready(function () {
// init carousel
$('.slick-carousel').slick({
appendDots: $('.slick-dots-container'),
prevArrow: $('.slick-prev'),
nextArrow: $('.slick-next'),
initialSlide: 1,
dots: true,
infinite: true,
centerMode: true,
slidesToShow: 3,
centerPadding: '0px',
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 2,
initialSlide: 0,
},
},
{
breakpoint: 600,
settings: {
slidesToShow: 1,
initialSlide: 0,
},
},
],
});
$('.slick-carousel-hero').slick({
dots: false,
infinite: false,
centerMode: true,
centerPadding: '0px',
arrows: false,
slidesToShow: 3,
responsive: [
{
breakpoint: 768,
settings: {
dots: true,
slidesToShow: 1,
centerPadding: '40px',
},
},
],
});
$('.slick-carousel-program').slick({
dots: false,
infinite: false,
centerMode: true,
centerPadding: '0px',
arrows: false,
slidesToShow: 2,
responsive: [
{
breakpoint: 768,
settings: {
dots: true,
slidesToShow: 1,
centerPadding: '40px',
},
},
],
});
let slickPackages = $('.slick-carousel-packages').slick({
appendDots: $('.slick-dots-container-package'),
prevArrow: $('.slick-prev-package'),
nextArrow: $('.slick-next-package'),
dots: true,
infinite: false,
centerMode: true,
centerPadding: '0px',
slidesToShow: 2,
responsive: [
{
breakpoint: 768,
settings: {
dots: true,
slidesToShow: 1,
centerPadding: '40px',
},
},
],
});
$('#30acc').on('click', function (e) {
slickPackages.slick('slickGoTo', 0);
$('.btn-pkg').removeClass('pkg-active');
$('#30acc').addClass('pkg-active');
});
$('#100acc').on('click', function (e) {
slickPackages.slick('slickGoTo', 1);
$('.btn-pkg').removeClass('pkg-active');
$('#100acc').addClass('pkg-active');
});
$('#300acc').on('click', function (e) {
slickPackages.slick('slickGoTo', 2);
$('.btn-pkg').removeClass('pkg-active');
$('#300acc').addClass('pkg-active');
});
// init RGform
$('#form').create_form({
formHost: 'https://form.ruangguru.com',
formSerial: 'MARFRG16059',
buttonWording: 'Konsultasi Sekarang',
onFormReady: function () {},
});
});
// accordion
let acc = document.getElementsByClassName('accordion-cus');
let i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener('click', function () {
this.classList.toggle('active-cus');
var panel = this.nextElementSibling;
if (panel.style.display === 'block') {
panel.style.display = 'none';
} else {
panel.style.display = 'block';
}
});
}
</script>
</body>
</html>