Rivalry2

Ruangguru Coding : Edukasi Teknologi Untuk Siswa dan Guru
2026-03-08 19:24 Diff
https://www.ruangguru.com/coding
Edukasi Teknologi untuk Siswa dan Guru
Memperkenalkan Ruangguru Coding ...

Sebagai perusahaan teknologi edukasi yang juga memiliki tanggung jawab sosial, Ruangguru berkomitmen untuk berkontribusi dalam Pengembangan Sumber Daya Manusia di Indonesia khususnya di sektor Edukasi Teknologi. Kami merancang dan mengimplementasikan berbagai program pengenalan dan pemanfaatan teknologi khusus untuk Siswa dan Guru di seluruh Indonesia.
Apa yang Kami Lakukan

Apa saja produk yang ditawarkan Ruangguru Coding?

DigiGen

(Digital Generation)
Program kurikulum yang dirancang untuk membekali siswa dengan keterampilan digital era 5.0 melalui pembelajaran berpikir komputasional, literasi digital, koding, dan kecerdasan artifisial.
Program ini mendukung kebijakan kurikulum Koding dan KA dari TK-SMA, sehingga cocok diterapkan di sekolah guna mencetak generasi muda berdaya saing global.
InnovAction

(Innovation dan Action)
Program pembelajaran yang berfokus pada pendekatan berbasis proyek (project-based learning) dengan tema tertentu, yang memungkinkan siswa untuk belajar dengan cara yang lebih inovatif, interaktif, dan aplikatif.
Program ini terdiri dari beberapa produk seperti Scratch Jr, Scratch, Minecraft, DIY Robotic, Roblox, dan lainnya pada setiap jenjang.
Berita Acara

Ekstrakurikuler Coding
Resmi! Ruangguru Coding Bekerja Sama Dengan Pemerintah Payakumbuh Mewujudkan Digital Technology Education

Inisiatif Ruangguru Coding, yang merupakan bagian dari Ruangguru, telah menghadirkan program ekstrakurikuler coding SD dan SMP di Kota Payakumbuh...
Baca Selengkapnya...
Ekstrakurikuler Coding
Ruangguru Coding dan Pemerintah Dharmasraya Segera Luncurkan Program Ekstrakurikuler Coding untuk SD dan SMP

Ruangguru coding dan pemerintah Dharmasraya menjalin kerjasama mewujudkan pendidikan modern melalui ekstrakurikuler coding untuk SD dan SMP...
Baca Selengkapnya...
Ekstrakurikuler Coding Pelatihan Guru
Ruangguru Coding dan Wahana Visi Indonesia (WVI) Berhasil Tingkatkan Kemampuan Digital di Sekolah Jakarta

Wahana Visi Indonesia (WVI) dan Ruangguru Coding, telah sukses mengimplementasikan proyek Tech for Children Education & Development (T4CED) di enam sekolah....
Baca Selengkapnya...
Ruangguru Coding Telah Dipercaya Oleh

Pemerintah / Badan Usaha Milik Negara

Sekolah dan Institusi Pendidikan

Organisasi non Pemerintah atau Korporasi

Ingin Membangun Negeri Melalui Dunia Pendidikan Bersama?

Hubungi Kami
Ceritakan apapun kebutuhan anda, kami akan mendengarkannya
Atau hubungi kami melalui
Dewi Sulistyawati
Senior Business & Operations Associate
Email: dewi.sulistyawati.d@ruangguru.id
Phone: +62 898 5926 088
Gedung Sinarmas MSIG Tower, Jl. Jenderal Sudirman No.Kav. 21 Lt. 33, Kuningan, Karet Kuningan, Kecamatan Setiabudi, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12920
<!doctype html>
<html lang="id">

<head>
  <!-- Google Tag Manager -->
  <script>
    (function (w, d, s, l, i) {
      w[l] = w[l] || [];
      w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
      var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s),
        dl = l != 'dataLayer' ? '&l=' + l : '';
      j.async = true;
      j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
      f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-57CMVVN');
  </script>
  <!-- End Google Tag Manager -->

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-DKCKEWMXPD"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
      dataLayer.push(arguments);
    }
    gtag('js', new Date());

    gtag('config', 'G-DKCKEWMXPD');
  </script>

  <!-- Meta Pixel Code -->
  <script>
    !(function (f, b, e, v, n, t, s) {
      if (f.fbq) return;
      n = f.fbq = function () {
        n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
      };
      if (!f._fbq) f._fbq = n;
      n.push = n;
      n.loaded = !0;
      n.version = '2.0';
      n.queue = [];
      t = b.createElement(e);
      t.async = !0;
      t.src = v;
      s = b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t, s);
    })(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '486497298996588');
    fbq('track', 'PageView');
  </script>
  <!-- End Meta Pixel Code -->

  <!-- Google Search Console -->
  <meta name="google-site-verification" content="DJ_Ww9BPmbmG4p2nqClYqprqUMoAnnR9-lOsUPudVi4" />
  <!-- End Google Search Console -->

  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="author" content="Ruangguru Tech Team" />
  <meta name="description"
    content="Ruangguru Coding bertujuan memberikan edukasi teknologi kepada dunia pendidikan bersama pemerintah, instansi pendidikan, dan korporasi melalui ekskul coding, pelatihan dan sertifikasi guru, dan event" />
  <meta name="generator" content="HubSpot" />
  <title>Ruangguru Coding : Edukasi Teknologi Untuk Siswa dan Guru</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" />

  <meta property="og:description"
    content="Ruangguru Coding bertujuan memberikan edukasi teknologi kepada dunia pendidikan bersama pemerintah, instansi pendidikan, dan korporasi melalui ekskul coding, pelatihan dan sertifikasi guru, dan event" />
  <meta property="og:title" content="Ruangguru Coding : Edukasi Teknologi Untuk Siswa dan Guru" />
  <meta property="og:image"
    content="https://cdn-web-2.ruangguru.com/landing-pages/assets/c7c209c3-9a79-4d54-a917-87db5d073e70.png" />
  <meta property="og:image:width" content="1642" />
  <meta property="og:image:height" content="400" />
  <meta property="og:image:alt" content="kalananti by ruangguru" />
  <meta property="og:url" content="https://www.kalananti.id/ruangguru-coding" />

  <meta name="twitter:description"
    content="Ruangguru Coding bertujuan memberikan edukasi teknologi kepada dunia pendidikan bersama pemerintah, instansi pendidikan, dan korporasi melalui ekskul coding, pelatihan dan sertifikasi guru, dan event" />
  <meta name="twitter:title" content="Ruangguru Coding : Edukasi Teknologi Untuk Siswa dan Guru" />
  <meta name="twitter:image"
    content="https://cdn-web-2.ruangguru.com/landing-pages/assets/c7c209c3-9a79-4d54-a917-87db5d073e70.png" />
  <meta name="twitter:image:alt" content="kalananti by ruangguru" />
  <meta name="twitter:card" content="summary_large_image" />

  <meta http-equiv="content-language" content="id" />

  <link rel="canonical" href="https://www.kalananti.id/ruangguru-coding" />

  <!-- 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&amp;display=swap" rel="stylesheet" />
  <!-- End G Font -->

  <!-- LOAD STYLE ASSETS -->
  <!-- Main CSS -->
  <link rel="stylesheet" type="text/css"
    href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.kalananti.id/www.kalananti.id/Assets/ruangguru-coding.css?v=1.0.2" />

  <!-- <link rel="stylesheet" type="text/css" href="./ruangguru-coding.css"> -->
</head>

<body class="text-black-kalananti bg-[#ECEEF8] relative">
  <!--  Added by GoogleTagManager integration -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-57CMVVN" height="0" width="0"
      style="display: none; visibility: hidden"></iframe></noscript>
  <!-- /Added by GoogleTagManager integration -->

  <header class="py-3-cus md:py-5-cus sticky top-0 h-max w-full z-50 bg-white shadow-md" id="header">
    <div class="flex items-center page-center">
      <img class="h-4 md:hidden mr-2-cus cursor-pointer"
        src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9c53e7ac-ed0a-494c-b47a-c9e805ef409c.png"
        id="toogleMenu-btn" alt="" />
      <a class="flex items-center gap-5" href="https://www.kalananti.id/">
        <img class="h-10 lg:h-12"
          src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e7d93748-818d-462d-be57-7db1e479cd62.png"
          alt="ruangguru coding" />
      </a>
      <div
        class="ml-auto hidden-cus md:flex md:gap-3 lg:gap-5 justify-end float-right text-sm lg:text-lg mr-3-cus lg:mr-5-cus">
        <a class="text-black-kalananti" href="https://www.kalananti.id/">Home</a>
        <a class="text-black-kalananti" href="https://www.kalananti.id/coding">Coding</a>
        <a class="text-black-kalananti" href="https://www.kalananti.id/robotic">Robotic</a>
        <a class="text-black-kalananti" href="https://www.kalananti.id/private">Privat</a>
        <a class="text-black-kalananti" href="https://www.kalananti.id/center">Offline</a>
        <a class="text-black-kalananti" href="https://www.kalananti.id/ekstrakurikuler">Ekskul Sekolah</a>
        <!-- <a class="text-white mr-8 text-lg" href="https://www.kalananti.id/holiday-program">
            Holiday Program
          </a> -->
      </div>
      <div class="grow md:grow-0 flex justify-end items-center float-right">
        <a href="https://bayar.kalananti.id/top/home"
          class="w-max ring-2 ring-blue-kalananti text-black-kalananti rounded-full text-sm px-5-cus py-2-cus">Beli
          Paket</a>
      </div>
    </div>
    <div class="text-center text-lg mt-6" id="toogleMenu" style="display: none">
      <a class="text-black-kalananti block mb-5-cus" href="https://www.kalananti.id/">Home</a>
      <a class="text-black-kalananti block mb-5-cus" href="https://www.kalananti.id/coding">Coding</a>
      <a class="text-black-kalananti block mb-5-cus" href="https://www.kalananti.id/robotic">Robotic</a>
      <a class="text-black-kalananti block mb-5-cus" href="https://www.kalananti.id/private">Privat</a>
      <a class="text-black-kalananti block mb-5-cus" href="https://www.kalananti.id/center">Offline</a>
      <a class="text-black-kalananti block mb-5-cus" href="https://www.kalananti.id/ekstrakurikuler">Ekskul Sekolah</a>
      <!-- <a class="text-black-kalananti block mb-5-cus" href="https://www.kalananti.id/holiday-program">
          Holiday Program
        </a> -->
    </div>
  </header>

  <!-- START --- HERO -->
  <section
    class="flex bg-white rounded-b-2xl bg-[url('https://cdn-web-2.ruangguru.com/landing-pages/assets/1dadba15-6072-4d8c-b20c-a19c4130fa90.png')] bg-cover bg-right-top">
    <div class="page-center grid gap-10 md:flex md:h-[30rem] lg:h-[40rem]">
      <div class="md:w-1/2 flex text-center-cus md:text-left">
        <div class="m-auto text-white">
          <h1 class="font-extrabold md:leading-tight text-4xl lg:text-6xl mt-20 md:mt-0">Ruangguru Coding</h1>
          <p class="text-sm md:text-base lg:text-3xl lg:leading-normal">
            <span class="border-b-2 border-white font-semibold pb-1-cus italic">Edukasi Teknologi</span>
            untuk Siswa dan Guru
          </p>
          <div class="flex justify-center md:justify-start mt-8 lg:mt-14">
            <a href="#hubungi-kami"
              class="shiny py-2-cus px-8 md:py-3-cus md:px-10 rounded-full bg-[#F26D0F] font-semibold text-base md:text-sm lg:text-xl text-white">
              Hubungi Kami
              <span class="shiny-line"></span>
            </a>
          </div>
        </div>
      </div>
      <div class="md:w-1/2 flex items-end">
        <div class="relative md:absolute right-0">
          <img class="absolute left-0 bottom-1/4 h-24 lg:h-36 z-10"
            src="https://cdn-web-2.ruangguru.com/landing-pages/assets/39eed66b-829a-44bb-9701-3983176fce4a.png?convert=webp"
            alt="" />
          <img class="md:h-[30rem] lg:h-[40rem]"
            src="https://cdn-web-2.ruangguru.com/landing-pages/assets/1bceda6a-9373-4a8b-b76f-b3a232bb8b17.png?convert=webp"
            alt="Ruangguru Coding" />
        </div>
      </div>
    </div>
  </section>
  <!-- END --- HERO -->

  <!-- START --- Memperkenalkan Ruangguru Coding -->
  <section
    class="py-10 md:py-20 bg-[url('https://cdn-web-2.ruangguru.com/landing-pages/assets/2098765c-4e92-4926-81d2-f08e452c47b1.png')] bg-cover">
    <div class="page-center">
      <div class="md:grid md:grid-cols-2 gap-5">
        <div>
          <h2 class="text-xl md:text-2xl lg:text-4xl font-bold mb-5-cus">Memperkenalkan Ruangguru Coding ...</h2>
          <p class="text-xs md:text-base">
            Sebagai perusahaan teknologi edukasi yang juga memiliki tanggung jawab sosial, Ruangguru berkomitmen untuk
            berkontribusi dalam Pengembangan Sumber Daya Manusia di Indonesia khususnya di sektor Edukasi
            Teknologi. Kami merancang dan mengimplementasikan berbagai program pengenalan dan pemanfaatan teknologi
            khusus untuk Siswa dan Guru di seluruh Indonesia.
          </p>
        </div>
        <img class="cursor-pointer"
          src="https://cdn-web-2.ruangguru.com/landing-pages/assets/97bb999e-d322-48ce-9718-a9a76da5c306.png" alt=""
          onclick="toogleVideo()" />
      </div>
    </div>
  </section>
  <!-- END --- Memperkenalkan Ruangguru Coding -->

  <!-- START --- APA YANG KAMI LAKUKAN -->
  <section
    class="py-10 md:py-20 bg-[url('https://cdn-web-2.ruangguru.com/landing-pages/assets/2098765c-4e92-4926-81d2-f08e452c47b1.png')] bg-cover">
    <div class="page-center">
      <div class="text-center lg:mb-16">
        <h2 class="text-xl md:text-2xl lg:text-4xl font-bold mb-5-cus">Apa yang Kami Lakukan</h2>
        <p class="text-xs md:text-base">
          Sebagai perusahaan teknologi edukasi yang juga memiliki tanggung jawab sosial, Ruangguru berkomitmen untuk
          berkontribusi dalam Pengembangan Sumber Daya Manusia di Indonesia khususnya di sektor Edukasi
          Teknologi. Kami merancang dan mengimplementasikan berbagai program pengenalan dan pemanfaatan teknologi khusus
          untuk Siswa dan Guru di seluruh Indonesia.
        </p>
      </div>

      <div class="grid gap-10">
        <div class="grid md:grid-cols-2 md:gap-10 bg-white rounded-2xl p-5-cus overflow-hidden relative">
          <img class="rounded-2xl w-full z-1"
            src="https://cdn-web-2.ruangguru.com/landing-pages/assets/21cf4482-4460-4ad8-b032-f44b869845fd.jpg?convert=webp"
            alt="ekskul coding" />
          <div class="-mt-10 md:mt-0 z-1">
            <img class="h-20 lg:h-32 mb-5-cus relative z-2"
              src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b3ba721e-8bde-4b02-976b-045257f33638.png?convert=webp"
              alt="" />
            <h3 class="font-semibold text-xl md:text-2xl">Ekstrakurikuler / Intrakurikuler Siswa</h3>
            <p class="text-xs md:text-base">
              Kami membekali siswa dalam keterampilan digital dan teknologi dalam bentuk program ekstrakurikuler atau
              intrakurikuler
              <strong>Coding</strong>
              dan
              <strong>Robotik</strong>
              untuk siswa
              <strong>TK, SD, dan SMP, SMA.</strong>
            </p>
          </div>

          <img class="absolute right-0 top-0"
            src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a42ca7c7-48d5-4917-8bb0-9fd5fe646a09.png?convert=webp"
            alt="" />
        </div>

        <div class="grid md:grid-cols-2 md:gap-10 bg-white rounded-2xl p-5-cus overflow-hidden relative">
          <img class="absolute left-0 top-0 h-auto"
            src="https://cdn-web-2.ruangguru.com/landing-pages/assets/68964623-1d3c-45c7-a980-b18891c283e4.png?convert=webp"
            alt="pelatihan guru" />

          <div class="-mt-10 md:mt-0 md:text-right order-2 md:order-1 z-1">
            <img class="h-20 lg:h-32 mb-5-cus md:ml-auto relative z-2"
              src="https://cdn-web-2.ruangguru.com/landing-pages/assets/39203988-42b1-46b1-811c-499887e7132a.png?convert=webp"
              alt="" />
            <h3 class="font-semibold text-xl md:text-2xl">Pelatihan dan Sertifikasi Guru</h3>
            <p class="text-xs md:text-base">
              Pengembangan Kompetensi Guru dan
              <strong>Sertifikasi</strong>
              dengan pelatihan pemanfaatan teknologi dan
              <strong>AI (Artificial Intelligence)</strong>
              serta
              <strong>pelatihan coding</strong>
              untuk menunjang pembelajaran.
            </p>
          </div>
          <img class="rounded-2xl order-1-cus md:order-2 z-1"
            src="https://cdn-web-2.ruangguru.com/landing-pages/assets/bc3c6aee-49ed-406d-aebf-a7e683b93034.png?convert=webp"
            alt="" />
        </div>
      </div>
    </div>
  </section>
  <!-- END --- PROGRAM KALANANTI -->

  <section
    class="py-10 md:py-20 bg-[url('https://cdn-web-2.ruangguru.com/landing-pages/assets/2098765c-4e92-4926-81d2-f08e452c47b1.png')] bg-cover">
    <div class="page-center">
      <h2 class="text-xl md:text-2xl lg:text-4xl font-bold mb-5-cus md:mb-10">Apa saja produk yang ditawarkan Ruangguru
        Coding?</h2>
      <div class="grid md:grid-cols-2 gap-5">
        <div class="bg-[#F7EAE1] p-5-cus rounded-2xl ring-1 ring-[#21504F] text-sm md:text-base">
          <div class="flex items-center mb-8 md:mb-3-cus">
            <div>
              <h3 class="font-bold">DigiGen</h3>
              <p class="mb-0">(Digital Generation)</p>
            </div>
            <img class="ml-auto h-20 md:h-32"
              src="https://cdn-web-2.ruangguru.com/landing-pages/assets/5c362098-db35-4110-94be-13ade4d2a0af.png"
              alt="" />
          </div>
          <p>Program kurikulum yang dirancang untuk membekali siswa dengan keterampilan digital era 5.0 melalui
            pembelajaran berpikir komputasional, literasi digital, koding, dan kecerdasan artifisial.</p>
          <p>Program ini mendukung kebijakan kurikulum Koding dan KA dari TK-SMA, sehingga cocok diterapkan di sekolah
            guna mencetak generasi muda berdaya saing global.</p>
        </div>
        <div class="bg-[#F7EAE1] p-5-cus rounded-2xl ring-1 ring-[#21504F] text-sm md:text-base">
          <div class="flex items-center mb-8 md:mb-3-cus">
            <div>
              <h3 class="font-bold">InnovAction</h3>
              <p class="mb-0">(Innovation dan Action)</p>
            </div>
            <img class="ml-auto h-20 md:h-32"
              src="https://cdn-web-2.ruangguru.com/landing-pages/assets/85fdbee8-8543-4845-9d47-d246d39d3953.png"
              alt="" />
          </div>
          <p>
            Program pembelajaran yang berfokus pada pendekatan berbasis proyek (project-based learning) dengan tema
            tertentu, yang memungkinkan siswa untuk belajar dengan cara yang lebih inovatif, interaktif, dan
            aplikatif.
          </p>
          <p>Program ini terdiri dari beberapa produk seperti Scratch Jr, Scratch, Minecraft, DIY Robotic, Roblox, dan
            lainnya pada setiap jenjang.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- START --- BERITA ACARA -->
  <section
    class="pb-20 pt-10 md:pt-20 md:pb-32 rounded-2xl bg-[url('https://cdn-web-2.ruangguru.com/landing-pages/assets/85e64bc7-e15d-4b68-aa34-abfe4e713163.png')] bg-cover">
    <div class="page-center text-white">
      <h2 class="text-xl md:text-2xl lg:text-4xl font-bold mb-5-cus md:mb-10 text-center">Berita Acara</h2>

      <div class="grid grid-cols-2 lg:grid-cols-3 gap-3 md:gap-10">
        <div>
          <img class="mb-1-cus md:mb-3-cus rounded-lg md:rounded-2xl"
            src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6feabee2-9f8c-45af-ac7d-729ea4a4fe0b.jpg?convert=webp"
            alt="kerjasama ekskul coding payakumbuh" />
          <div class="flex flex-wrap gap-1 my-2-cus md:my-3-cus">
            <span
              class="text-[#79808F] bg-[#F2F5FA] px-2-cus py-1-cus md:px-3-cus md:py-2-cus text-[10px] lg:text-xs font-semibold rounded-full">Ekstrakurikuler
              Coding</span>
          </div>
          <h4 class="font-semibold text-sm md:text-2xl mb-1-cus md:mb-3-cus">Resmi! Ruangguru Coding Bekerja Sama Dengan
            Pemerintah Payakumbuh Mewujudkan Digital Technology Education</h4>
          <p class="text-xs md:text-base mb-1-cus md:mb-3-cus">Inisiatif Ruangguru Coding, yang merupakan bagian dari
            Ruangguru, telah menghadirkan program ekstrakurikuler coding SD dan SMP di Kota Payakumbuh...</p>
          <a class="text-[#41B7AE] text-sm md:text-base" target="_blank" rel="follow"
            href="https://www.kalananti.id/blog/resmi-ruangguru-coding-bekerja-sama-dengan-pemerintah-payakumbuh"> Baca
            Selengkapnya... </a>
        </div>
        <div>
          <img class="mb-1-cus md:mb-3-cus rounded-lg md:rounded-2xl"
            src="https://cdn-web-2.ruangguru.com/landing-pages/assets/c41a0df4-75ef-4909-a738-ba363230dbf5.jpeg?convert=webp"
            alt="kerjasama ekskul coding dharmasraya" />
          <div class="flex flex-wrap gap-1 my-2-cus md:my-3-cus">
            <span
              class="text-[#79808F] bg-[#F2F5FA] px-2-cus py-1-cus md:px-3-cus md:py-2-cus text-[10px] lg:text-xs font-semibold rounded-full">Ekstrakurikuler
              Coding</span>
          </div>
          <h4 class="font-semibold text-sm md:text-2xl mb-1-cus md:mb-3-cus">Ruangguru Coding dan Pemerintah Dharmasraya
            Segera Luncurkan Program Ekstrakurikuler Coding untuk SD dan SMP</h4>
          <p class="text-xs md:text-base mb-1-cus md:mb-3-cus">Ruangguru coding dan pemerintah Dharmasraya menjalin
            kerjasama mewujudkan pendidikan modern melalui ekstrakurikuler coding untuk SD dan SMP...</p>
          <a class="text-[#41B7AE] text-sm md:text-base" target="_blank" rel="follow"
            href="https://www.kalananti.id/blog/ruangguru-coding-dan-pemerintah-dharmasraya-luncurkan-ekstrakurikuler-coding">
            Baca Selengkapnya...
          </a>
        </div>
        <div>
          <img class="mb-1-cus md:mb-3-cus rounded-lg md:rounded-2xl"
            src="https://cdn-web-2.ruangguru.com/landing-pages/assets/785cc513-b9d5-4736-8d99-0d424fb8355d.jpg?convert=webp"
            alt="kerjasama ekskul coding dan pelatihan guru wvi" />
          <div class="flex flex-wrap gap-1 my-2-cus md:my-3-cus">
            <span
              class="text-[#79808F] bg-[#F2F5FA] px-2-cus py-1-cus md:px-3-cus md:py-2-cus text-[10px] lg:text-xs font-semibold rounded-full">Ekstrakurikuler
              Coding</span>
            <span
              class="text-[#79808F] bg-[#F2F5FA] px-2-cus py-1-cus md:px-3-cus md:py-2-cus text-[10px] lg:text-xs font-semibold rounded-full">Pelatihan
              Guru</span>
          </div>
          <h4 class="font-semibold text-sm md:text-2xl mb-1-cus md:mb-3-cus">Ruangguru Coding dan Wahana Visi Indonesia
            (WVI) Berhasil Tingkatkan Kemampuan Digital di Sekolah Jakarta</h4>
          <p class="text-xs md:text-base mb-1-cus md:mb-3-cus">
            Wahana Visi Indonesia (WVI) dan Ruangguru Coding, telah sukses mengimplementasikan proyek Tech for Children
            Education & Development (T4CED) di enam sekolah....
          </p>
          <a class="text-[#41B7AE] text-sm md:text-base" target="_blank"
            href="https://www.kalananti.id/blog/ruangguru-coding-dan-wahana-visi-indonesia-wvi-berhasil-tingkatkan-kemampuan-digital-di-sekolah-jakarta">
            Baca Selengkapnya...
          </a>
        </div>
      </div>
    </div>
  </section>
  <!-- END --- BERITA ACARA -->

  <!-- START --- DOKUMENTASI KEGIATAN -->
  <section class="py-10 md:py-20 rounded-2xl bg-[#309FAB] -mt-10 bg-cover">
    <div class="page-center text-white">
      <h2 class="text-xl md:text-2xl lg:text-4xl font-bold mb-5-cus md:mb-10 text-center">Dokumentasi Kegiatan</h2>

      <div class="grid gap-1 md:gap-3 grid-cols-2 md:grid-cols-3">
        <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/51d2b4ca-584a-4b77-ac95-5235b696665b.png"
          alt="" />
        <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/809e70a2-0034-47a0-ab02-6c89d00a6a60.png"
          alt="" />
        <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e7a3fa1d-776a-4119-99f2-bca7712ed394.png"
          alt="" />
        <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/10dc75eb-31c1-4a51-9beb-e4a1267ed223.png"
          alt="" />
        <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/49c8342f-fc6c-4788-b4e4-27e5e91d4053.png"
          alt="" />
        <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7e94ce95-5c8b-4abb-ba62-0a7823b89ab9.png"
          alt="" />
      </div>
    </div>
  </section>

  <!-- END --- DOKUMENTASI KEGIATAN -->

  <!-- START --- DIPERCAYA -->
  <section class="bg-white py-10 md:py-20 rounded-b-2xl" id="partner">
    <div class="page-center text-center">
      <h2 class="text-xl md:text-2xl lg:text-4xl font-bold mb-5-cus md:mb-10">Ruangguru Coding Telah Dipercaya Oleh</h2>

      <div class="mb-10">
        <h3 class="w-full mb-5-cus text-[#047870] bg-[#DBECEC] rounded-2xl px-3-cus py-2-cus text-base md:text-xl">
          Pemerintah / Badan Usaha Milik Negara</h3>
        <picture>
          <source media="(max-width: 768px)"
            srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ad7d10d-6342-4bb8-a2b6-e1c8482cfbab.png?convert=webp&orig=1 " />
          <source media="(min-width: 769px)"
            srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/0d32440d-855d-416f-b234-c870c9e9836c.png?convert=webp&orig=1 " />
          <img alt="event program" class="program kerjasama pemerintah" />
        </picture>
      </div>

      <div class="mb-10">
        <h3 class="w-full mb-5-cus text-[#047870] bg-[#DBECEC] rounded-2xl px-3-cus py-2-cus text-base md:text-xl">
          Sekolah dan Institusi Pendidikan</h3>
        <picture>
          <source media="(max-width: 768px)"
            srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/b495c19f-c159-424b-9aee-12e7444057d5.png?convert=webp&orig=1 " />
          <source media="(min-width: 769px)"
            srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/b495c19f-c159-424b-9aee-12e7444057d5.png?convert=webp&orig=1 " />
          <img alt="event program" class="program kerjasama sekolah" />
        </picture>
      </div>

      <div class="">
        <h3 class="w-full mb-5-cus text-[#047870] bg-[#DBECEC] rounded-2xl px-3-cus py-2-cus text-base md:text-xl">
          Organisasi non Pemerintah atau Korporasi</h3>
        <picture>
          <source media="(max-width: 768px)"
            srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/1102e84f-466b-4735-b6ab-8cf8cec57db4.png?convert=webp&orig=1 " />
          <source media="(min-width: 769px)"
            srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/1102e84f-466b-4735-b6ab-8cf8cec57db4.png?convert=webp&orig=1 " />
          <img alt="event program" class="program kerjasama korporasi" />
        </picture>
      </div>
    </div>
  </section>
  <!-- END --- DIPERCAYA -->

  <!-- START --- DAFTAR TRIAL CLASS -->
  <section class="relative px-5-cus pt-10 pb-20 md:pt-20 rounded-3xl lg:rounded-t-7xl" id="hubungi-kami">
    <div class="page-center">
      <h2 class="text-xl md:text-2xl lg:text-4xl font-bold mb-5-cus md:mb-10 text-center relative z-1">Ingin Membangun
        Negeri Melalui Dunia Pendidikan Bersama?</h2>

      <div class="grid md:grid-cols-2 gap-10">
        <div class="bg-white rounded-2xl shadow-md p-5-cus lg:p-10 z-1">
          <p class="font-semibold text-xl md:text-3xl">Hubungi Kami</p>
          <p class="text-sm md:text-base">Ceritakan apapun kebutuhan anda, kami akan mendengarkannya</p>
          <div id="idForm" class="hidden"></div>
          <form action="" method="post" id="form">
            <div class="form-group">
              <label for="nama">Nama</label>
              <input type="text" class="form-control" id="nama" placeholder="" />
            </div>
            <div class="form-group">
              <label for="nama">No Telp/WA</label>
              <input type="number" class="form-control" id="no_wa" placeholder="" />
            </div>
            <div class="form-group">
              <label for="nama">Asal Instansi / Organisasi / Perusahaan</label>
              <input type="text" class="form-control" id="asal" placeholder="" />
            </div>
            <div class="form-check mb-5-cus">
              <input class="form-check-input" type="checkbox" id="check_privacy" required />
              <label class="form-check-label" for="check_privacy">
                Saya setuju untuk mengikuti
                <a class="underline" href="https://www.kalananti.id/privacy-policy/">kebijakan privasi</a>
              </label>
            </div>
            <button
              class="shiny py-2-cus px-3-cus md:py-3-cus md:px-10 rounded-2xl bg-[#F26D0F] font-semibold text-base md:text-sm lg:text-xl text-white"
              type="submit">Kirim Pesan</button>
          </form>
        </div>
        <div>
          <div class="flex md:grid gap-5 items-center">
            <img class="h-20 md:h-32 mb-3-cus"
              src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6c01e284-a61b-4bbe-979f-af5078a2f0ac.png?convert=webp"
              alt="kontak ruangguru coding" />
            <p class="text-sm md:text-base">Atau hubungi kami melalui</p>
          </div>
          <div class="md:text-xl font-semibold">
            <p class="mb-1-cus text-xl md:text-2xl">Dewi Sulistyawati</p>
            <p class="mb-1-cus">Senior Business & Operations Associate</p>
            <p class="text-sm md:text-base mb-0">
              Email:
              <a href="mailto:dewi.sulistyawati.d@ruangguru.id">dewi.sulistyawati.d@ruangguru.id</a>
            </p>
            <p class="text-sm md:text-base mb-0">
              Phone:
              <a href="tel:+628985926088">+62 898 5926 088</a>
            </p>
            <p class="text-sm font-normal">
              Gedung Sinarmas MSIG Tower, Jl. Jenderal Sudirman No.Kav. 21 Lt. 33, Kuningan, Karet Kuningan, Kecamatan
              Setiabudi, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12920
            </p>
          </div>
        </div>
      </div>
    </div>

    <img class="absolute bottom-0 right-0 h-60"
      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/01e16c16-592d-45b6-8818-2598a16ba081.png" alt="" />
    <img class="absolute top-0 left-0 rotate-180 h-60"
      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/01e16c16-592d-45b6-8818-2598a16ba081.png" alt="" />
  </section>
  <!-- END --- DAFTAR TRIAL CLASS -->

  <div class="floating-wa w-16 md:w-24 bottom-2 md:bottom-5 right-2 md:right-5 z-50">
    <a target="_blank"
      href="https://api.whatsapp.com/send?phone=628985926088&text=Halo%2C%20saya%20dari%20website%20Ruangguru%20Coding.%20Boleh%20dijelaskan%20lebih%20lanjut%20mengenai%20Programnya">
      <img src="https://2828691.fs1.hubspotusercontent-na1.net/hubfs/2828691/kalananti%202022/hubungi%20wa.png"
        alt="hubungi kalananti via wa" />
    </a>
  </div>

  <!-- POPUP VIDEO -->
  <div class="absolute top-0 w-full h-full bg-black/80 z-50 justify-center items-center hidden" id="popupVideo">
    <div
      class="w-[320px] h-[180px] lg:w-600-cus lg:h-400-cus bg-white fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-2xl">
      <div
        class="absolute flex justify-center items-center bg-white h-8 w-8 md:h-10 md:w-10 rounded-full -right-3 -top-3 md:-right-5 md:-top-5 cursor-pointer"
        onclick="toogleVideo()">
        <img class="h-3 md:h-5"
          src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f4930bb1-1ee3-4495-9bbb-6c5b3abbf078.png" alt="" />
      </div>
      <iframe width="100%" height="100%" src="https://www.youtube.com/embed/eklAtUlefXw?si=eFeHl91ZMPkXSztj"
        title="YouTube video player" frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
    </div>
  </div>

  <footer class="section-padding bg-[#1D4F89] text-white rounded-t-3xl md:rounded-t-5xl -mt-10 relative z-10">
    <div class="grid grid-cols-1 md:grid-cols-3 md:gap-10">
      <div class="col-span-1">
        <img class="h-20 mx-auto ml-md-0"
          src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/Kalananti%20by%20Ruangguru.png?convert=webp"
          alt="logo kalananti" loading="lazy" />
        <div class="flex py-3 justify-center md:justify-start">
          <a class="m-2-cus" href="https://www.linkedin.com/company/kalananti/" target="_blank">
            <img class="h-10"
              src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/Icon%20dan%20Logo/linkedin.png"
              alt="linkedin" loading="lazy" />
          </a>
          <a class="m-2-cus" href="https://www.instagram.com/ruangguru.coding" target="_blank">
            <img class="h-10"
              src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/Icon%20dan%20Logo/ig.png"
              alt="instagram" loading="lazy" />
          </a>
          <a class="m-2-cus" href="https://web.facebook.com/kalananti.id?_rdc=1&_rdr" target="_blank">
            <img class="h-10"
              src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/Icon%20dan%20Logo/fb.png"
              alt="facebook" loading="lazy" />
          </a>
          <a class="m-2-cus" href="https://www.youtube.com/@Kalananti" target="_blank">
            <img class="h-10"
              src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/Icon%20dan%20Logo/youtube.png"
              alt="youtube" loading="lazy" />
          </a>
        </div>
        <h3 class="font-bold my-3 text-xl text-center text-md-left">RUANGGURU HQ</h3>
        <a class="text-white underline" target="_blank" href="https://maps.app.goo.gl/aFTesKw81nsMjUE57">
          Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan,
          Jakarta 12920
        </a>
        <p class="mt-5-cus">© 2025 Ruangguru. All Rights Reserved</p>
      </div>
      <div class="col-span-2">
        <div class="grid grid-cols-1 md:grid-cols-3 gap-3 md:mt-5">
          <div class="col-span-3 md:col-span-1 my-2">
            <h3 class="font-bold mb-1 text-xl mt-6 md:mt-0">Program</h3>
            <a class="block text-white mb-1-cus hover:text-blue-gcb" href="https://www.kalananti.id/">Home</a>
            <a class="block text-white mb-1-cus hover:text-blue-gcb" href="https://www.kalananti.id/coding">Coding</a>
            <a class="block text-white mb-1-cus hover:text-blue-gcb" href="https://www.kalananti.id/robotic">Robotic</a>
            <a class="block text-white mb-1-cus hover:text-blue-gcb" href="https://www.kalananti.id/center/">Offline</a>
            <a class="block text-white mb-1-cus hover:text-blue-gcb" href="https://www.kalananti.id/private/">Privat</a>
            <a class="block text-white mb-1-cus hover:text-blue-gcb"
              href="https://www.kalananti.id/ekstrakurikuler/">Ekskul Sekolah</a>
            <a class="block text-white mb-1-cus hover:text-blue-gcb" href="https://www.kalademi.id/">Kalademi</a>
          </div>
          <div class="col-span-3 md:col-span-1 my-2">
            <h3 class="font-bold mb-1 text-xl">Lainnya</h3>
            <!-- <a class="block text-white mb-1-cus hover:text-blue-gcb" href="https://www.kalananti.id/holiday-program">Holiday Program</a> -->
            <a class="block text-white mb-1-cus hover:text-blue-gcb" href="https://www.kalananti.id/trial-class/">Trial
              Class</a>
            <a class="block text-white mb-1-cus hover:text-blue-gcb" href="https://www.kalananti.id/pengajar/">Pengajar
              / Teachers</a>
            <a class="block text-white mb-1-cus hover:text-blue-gcb" href="https://www.kalananti.id/blog/">Blog</a>
            <a class="block text-white mb-1-cus hover:text-blue-gcb"
              href="https://www.kalananti.id/competition/">Competition (NEW!)</a>
          </div>
          <div class="col-span-3 md:col-span-1 my-2">
            <h3 class="font-bold mb-1 text-xl">Pusat Bantuan</h3>
            <a class="block text-white mb-1-cus hover:text-blue-gcb" href="https://www.kalananti.id/about-us/">Tentang
              Kami</a>
            <a class="block text-white mb-1-cus hover:text-blue-gcb"
              href="https://www.kalananti.id/privacy-policy/">Kebijakan Privasi</a>
            <a class="block text-white mb-1-cus hover:text-blue-gcb"
              href="https://www.kalananti.id/syarat-dan-ketentuan/">Syarat &amp; Ketentuan</a>
            <a class="block text-white mb-1-cus hover:text-blue-gcb" href="https://www.kalananti.id/faq/">FAQ</a>
            <a class="block text-white mb-1-cus hover:text-blue-gcb"
              href="https://www.kalananti.id/hubungi-kami/">Hubungi Kami</a>
          </div>
          <div class="col-span-3 my-2 grid lg:grid-cols-2">
            <div>
              <h4 class="font-bold text-xl">Sertifikasi</h4>
              <div class="rounded-xl my-2-cus md:mx-auto-cus md:ml-0 p-4-cus bg-white w-max">
                <img class="h-20"
                  src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/STEM.png" alt="" />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>

  <!-- 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>

  <!-- Dropdown function in Header -->
  <script
    src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.kalananti.id/www.kalananti.id/Assets/header.js?v=1.0.0/"></script>

  <script>
    $(document).ready(function () {
      // RG Form
      $('#idForm').create_form({
        formHost: 'https://form.ruangguru.com',
        formSerial: 'MARFK32604',
        hiddenInputs: [
          {
            name: 'Sumber',
            value: 'T01F',
          },
          {
            name: 'dynamic_redirect_variable',
            value: 'trial-class/pendaftaran-berhasil',
          },
        ],
        buttonWording: 'Coba Kelas',
        onFormReady: function () { },
      });
    });

    $('#form').submit(function (e) {
      e.preventDefault();

      if ($('input[name="nama"]:checked').val() !== 'undefined') {
        let nama = $('#nama').val().trim();
        nama = nama.replace(' ', '%20');

        let instansi = $('#asal').val().trim();
        instansi = instansi.replace(' ', '%20');

        $('#reward_form_submission_submission_data_nama').val($('#nama').val());
        $('#reward_form_submission_submission_data_no_wa').val($('#no_wa').val());
        $('#reward_form_submission_submission_data_asal').val($('#asal').val());

        let linkWA = `https://api.whatsapp.com/send?phone=628985926088&text=Halo%2C%20saya%20${nama}%20dari%20${instansi}.%20Boleh%20dijelaskan%20lebih%20lanjut%20mengenai%20Ruangguru%20Coding`;
        $('#reward_form_submission_submission_data_dynamic_redirect_variable').val(linkWA);

        if ($('#check_privacy:checked').val() === 'on') {
          $('input[type=checkbox]').attr('checked', true);
          $('#reward_form_submission').submit();
        }
      }

      return false;
    });

    // FAQ Show more
    let show = false;

    function showMore() {
      show = !show;
      if (show) {
        $('#showMore').show();
        $('#selengkapnya').html('Sembunyikan!');
      } else {
        $('#showMore').hide();
        $('#selengkapnya').html('Selengkapnya!');
      }
    }

    function toogleVideo() {
      $('#popupVideo').toggle();
    }
  </script>

  <script
    src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.kalananti.id/www.kalananti.id/Assets/accordion.js?v=1.0.0/"></script>
</body>

</html>