Tempo Institute - Belajar, Berlatih dan Pengembangan Diri Bersama Para Ahli

<!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Tempo Institute - Belajar, Berlatih dan Pengembangan Diri Bersama Para Ahli</title> <meta name="description" content="Tempo Institute - Sekolah Jurnalistik Terbaik/ Kursus Jurnalistik Terbaik/ Tempat Pelatihan Menulis Terbaik untuk menambah kompetensimu"> <meta name="facebook-domain-verification" content="y7rhoiplsyk9eb83823yc271da1msa" /> <link rel="icon" type="image/png" href="https://tempoinstitute.com/resources/2020/assets-landing-page/core/image/TI-Favicon.png">  <link rel="stylesheet" href="https://tempoinstitute.com/resources/2025/assets/css/style.css?v=1">  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick-theme.css" />  <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-NS692VP'); </script>  </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NS692VP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <input type="hidden" id="base_url" value="https://tempoinstitute.com/"><nav id="header" class="navbar fixed top-0 left-0 w-full z-50 p-6 md:py-[27.5px] md:px-[62px] flex items-center justify-between bg-white shadow-md" id="navbar"> <div class="flex items-center space-x-4 md:space-x-20"> <button class="block hamburger md:hidden"> <img src="https://tempoinstitute.com/resources/2025/assets/image/hamburger-icon.svg" alt="red logo" class="w-6 h-6" /> </button> <a href="https://tempoinstitute.com/"><img src="https://tempoinstitute.com/resources/2025/assets/image/red-logo.png" alt="red logo" class="w-[84px] h-6 md:w-[156px] md:h-[45px] !m-0" /></a> <ul class="items-center justify-center hidden space-x-6 list-none md:flex"> <li><a href="https://tempoinstitute.com/" class="font-medium text-red-600 hover:text-black">Beranda</a></li> <li><a href="https://tempoinstitute.com/daftar-kelas" class="font-medium text-red-600 hover:text-black">Kelas</a></li> <li><a href="https://blog.tempoinstitute.com" class="font-medium text-red-600 hover:text-black">Blog</a></li> <li><a href="https://tempoinstitute.com/tentang-kami" class="font-medium text-red-600 hover:text-black">Tentang</a></li> <li><a href="https://tempoinstitute.com/bantuan" class="font-medium text-red-600 hover:text-black">Bantuan</a></li> </ul> </div> <div class="flex items-center space-x-6"> <a href="https://tempoinstitute.com/cart"><img src="https://tempoinstitute.com/resources/2025/assets/image/cart-icon.svg" alt="cart icon" class="w-6 h-6" /></a> <a href="#" class="hidden"><img src="https://tempoinstitute.com/resources/2025/assets/image/search-icon.svg" alt="search icon" class="w-6 h-6" /></a> <a href="https://tempoinstitute.com/login"> <button class="h-11 px-4 rounded-lg border border-gray-300 justify-center items-center gap-2.5 hidden md:inline-flex hover:bg-gray-200"> <div class="text-base font-medium leading-normal text-center text-black">Masuk</div> </button> </a> <a href="https://tempoinstitute.com/register"> <button class="h-11 px-4 rounded-lg justify-center items-center gap-2.5 hidden md:inline-flex bg-red-600 hover:bg-red-700"> <div class="text-base font-medium leading-normal text-center text-white">Daftar</div> </button> </a> </div>  <div class="fixed left-0 z-50 items-center justify-center hidden w-full transition-all duration-500 ease-in-out top-16 h-fit disclosure"> <div class="flex flex-col items-start justify-center w-full p-6 space-y-6 bg-white h-fit"> <ul class="items-center justify-center space-y-4 list-none"> <li><a href="https://tempoinstitute.com/" class="font-medium text-red-600 hover:text-black">Beranda</a></li> <li><a href="https://tempoinstitute.com/daftar-kelas" class="font-medium text-red-600 hover:text-black">Kelas</a></li> <li><a href="https://blog.tempoinstitute.com" class="font-medium text-red-600 hover:text-black">Blog</a></li> <li><a href="https://tempoinstitute.com/tentang-kami" class="font-medium text-red-600 hover:text-black">Tentang</a></li> <li><a href="https://tempoinstitute.com/bantuan" class="font-medium text-red-600 hover:text-black">Bantuan</a></li> </ul> <div class="grid w-full grid-cols-2 gap-6 !pt-4 border-t border-gray-300"> <button class="w-full h-11 px-4 rounded-lg border border-gray-300 justify-center items-center gap-2.5 hover:bg-gray-200"> <div class="text-base font-medium leading-normal text-center text-black">Masuk</div> </button> <button class="w-full h-11 px-4 rounded-lg justify-center items-center gap-2.5 bg-red-600 hover:bg-red-700"> <div class="text-base font-medium leading-normal text-center text-white">Masuk</div> </button> </div> </div> </nav> <div class="header-spacer"> </div><div class="hero-carousel"> <div class="relative flex items-center"> <div class="w-full h-full bg-black bg-opacity-30 absolute w-full h-full z-10"></div> <div class="absolute z-20 w-full text-white transform -translate-y-1/2 max-w-80 md:max-w-2xl mt-10 md:left-20 top-1/2 left-5"> <h1 class="mb-2 text-2xl font-bold md:mb-5 md:text-6xl">Kalender Pelatihan 2025</h1>  <a href="https://tempoinstitute.com/pelatihan2025/" class="inline-block px-5 py-2 mt-2 text-sm font-semibold text-white bg-red-600 rounded-full md:px-8 md:py-3 md:mt-5 md:text-lg">Learn More</a> </div> <img src="https://assets.tempoinstitute.com/program/featured-image/slider website pelatihan reguler - kalender pelatihan tempo institute 2025.jpg" alt="Hero Image 1" class="object-cover object-center h-screen w-full" /> </div> </div><div class="md:px-[132px] md:py-[42px] p-6"> <div class="relative w-full md:w-[100] flex md:flex-row flex-col text-white items-center justify-center text-center !rounded-[15px] p-[45px] bg-center bg-cover bg-no-repeat overflow-hidden" style="background-image: url('https://tempoinstitute.com/resources/2025/assets/image/bg-statistics-first.png');"> <div class="w-full md:w-[280px]"> <span class="text-lg">Sejak</span> <h3 class="text-3xl font-bold">2009</h3> </div> <div class="md:h-24 md:w-0.5 h-px w-full bg-white md:mx-10 my-10"></div> <div class="w-full md:w-[280px]"> <h3 class="text-3xl font-bold">+10.000</h3> <span class="text-lg">Alumni Kelas Reguler</span> </div> <div class="md:h-24 md:w-0.5 h-px w-full bg-white md:mx-10 my-10"></div> <div class="w-full md:w-[280px]"> <h3 class="text-3xl font-bold">+20</h3> <span class="text-lg">Ragam Menu Pelatihan</span> </div> </div> </div><div class="px-4 py-16 text-white text-center flex items-center justify-center md:h-[346px] md:px-[225px] md:py-[66px] flex-col space-y-3" style="background-image: url('https://tempoinstitute.com/resources/2025/assets/image/bg-quote-first.png');"> <h1 class="text-2xl md:text-3xl font-bold mb-[51px]"> Rasakan pengalaman belajar secara intensif, interaktif, dan menyenangkan </h1> <p class="italic font-medium md:text-lg"> Kurikulum belajar dirancang secara efektif, kaya akan contoh, dan mudah diterapkan. <br /><br /> Mentor pendamping akan menemani proses belajar kamu. </p> </div> <div class="w-full md:px-16 bg-white pb-[230px]"> <div class="bg-[#F5F5F5] w-full md:px-16 rounded-b-xl pt-8 md:py-8 flex md:space-x-12 md:flex-row flex-col"> <div class="flex flex-col space-y-6 md:w-[702px] max-sm:px-4 max-sm:pb-6">  <ul id="tabs" class="filter-buttons flex items-center justify-start space-x-3 list-none [&>li]:font-bold [&>li]:cursor-pointer [&>li:hover]:text-red-600 max-sm:overflow-x-auto max-sm:whitespace-nowrap max-sm:max-w-full"> <li data-tab="Penulisan"> <button data-filter="Penulisan"> <h3>Penulisan</h3> </button> </li> <li data-tab="Jurnalistik"> <button data-filter="Jurnalistik"> <h3>Jurnalistik</h3> </button> </li> <li data-tab="Media Sosial"> <button data-filter="Media Sosial"> <h3>Media Sosial</h3> </button> </li> <li data-tab="Komunikasi"> <button data-filter="Komunikasi"> <h3>Komunikasi</h3> </button> </li> <li data-tab="Audio Visual"> <button data-filter="Audio Visual"> <h3>Audio Visual</h3> </button> </li> </ul>  <div id="tab-content-mobile" class="md:hidden"> <div class="course-timeline-carousel"> <a class="flex flex-col p-4 mx-1 bg-white rounded-lg h-72 !w-[247px]" data-type="Penulisan" href="https://tempoinstitute.com/course/detail/kelas-menulis-efektif-dengan-ai"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-15.png" alt="course-image" class="rounded-lg w-full h-[100px] object-cover mb-5" /> <div> <h2 class="mb-2 font-bold line-clamp-2"> Menulis Efektif dengan AI </h2> <p class="line-clamp-3"> Di kelas ini, Anda akan belajar bagaimana menulis efektif yang enak dibaca, mudah dipahami, dan disukai oleh audiens. </p> </div> </a> <a class="flex flex-col p-4 mx-1 bg-white rounded-lg h-72 !w-[247px]" data-type="Penulisan" href="https://tempoinstitute.com/course/detail/kelas-menulis-skenario-film-pendek"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-17.png" alt="course-image" class="rounded-lg w-full h-[100px] object-cover mb-5" /> <div> <h2 class="mb-2 font-bold line-clamp-2"> Menulis Skenario Film Pendek </h2> <p class="line-clamp-3"> Di kelas ini Anda akan belajar dari para ahli dan mempraktikan secara langsung pengetahuan dan keterampilan untuk menulis skenario film pendek yang berkualitas.聽 </p> </div> </a> <a class="flex flex-col p-4 mx-1 bg-white rounded-lg h-72 !w-[247px]" data-type="Penulisan" href="https://tempoinstitute.com/course/detail/kelas-menulis-laporan-efektif-enak-dibaca-mudah-dipahami"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-01.png" alt="course-image" class="rounded-lg w-full h-[100px] object-cover mb-5" /> <div> <h2 class="mb-2 font-bold line-clamp-2"> Menulis Laporan Efektif: Enak Dibaca Mudah Dipahami </h2> <p class="line-clamp-3"> Di kelas ini, Anda akan mampu menulis laporan ringkas yang enak dibaca dan mudah dipahami. </p> </div> </a> <a class="flex flex-col p-4 mx-1 bg-white rounded-lg h-72 !w-[247px]" data-type="Penulisan" href="https://tempoinstitute.com/course/detail/kelas-menulis-opini-ala-tempo"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-05.png" alt="course-image" class="rounded-lg w-full h-[100px] object-cover mb-5" /> <div> <h2 class="mb-2 font-bold line-clamp-2"> Menulis Opini Ala Tempo </h2> <p class="line-clamp-3"> Di kelas ini, Anda akan mampu menuangkan argumentasi ke dalam sebuah tulisan opini yang aktual, berbasis data, menarik, dan mudah dipahami.聽 Pengalaman belajar yang intensif, interaktif, dan menyenangkan. Pendampingan langsung oleh wartawan Tempo. </p> </div> </a> <a class="flex flex-col p-4 mx-1 bg-white rounded-lg h-72 !w-[247px]" data-type="Penulisan" href="https://tempoinstitute.com/course/detail/kelas-menulis-policy-brief-mendorong-sebuah-kebijakan-berbasis-bukti"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-03.png" alt="course-image" class="rounded-lg w-full h-[100px] object-cover mb-5" /> <div> <h2 class="mb-2 font-bold line-clamp-2"> Menulis Policy Brief: Mendorong Sebuah Kebijakan Berbasis Bukti </h2> <p class="line-clamp-3"> Di kelas ini, Anda akan mampu menuangkan gagasan ke dalam sebuah tulisan usulan rekomendasi kebijakan yang berbasis data/bukti, enak dibaca, dan mudah dipahami. </p> </div> </a> <a class="flex flex-col p-4 mx-1 bg-white rounded-lg h-72 !w-[247px]" data-type="Jurnalistik" href="https://tempoinstitute.com/course/detail/kelas-menulis-siaran-pers-yang-ramah-seo"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-07.png" alt="course-image" class="rounded-lg w-full h-[100px] object-cover mb-5" /> <div> <h2 class="mb-2 font-bold line-clamp-2"> Menulis Siaran Pers Ramah SEO </h2> <p class="line-clamp-3"> Di kelas ini, Anda akan belajar menuangkan pesan kunci ke dalam siaran pers yang bernilai berita, enak dibaca, dan ramah SEO. </p> </div> </a> <a class="flex flex-col p-4 mx-1 bg-white rounded-lg h-72 !w-[247px]" data-type="Jurnalistik" href="https://tempoinstitute.com/course/detail/kelas-menulis-opini-ala-tempo"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-05.png" alt="course-image" class="rounded-lg w-full h-[100px] object-cover mb-5" /> <div> <h2 class="mb-2 font-bold line-clamp-2"> Menulis Opini Ala Tempo </h2> <p class="line-clamp-3"> Di kelas ini, Anda akan mampu menuangkan argumentasi ke dalam sebuah tulisan opini yang aktual, berbasis data, menarik, dan mudah dipahami.聽 Pengalaman belajar yang intensif, interaktif, dan menyenangkan. Pendampingan langsung oleh wartawan Tempo. </p> </div> </a> <a class="flex flex-col p-4 mx-1 bg-white rounded-lg h-72 !w-[247px]" data-type="Jurnalistik" href="https://tempoinstitute.com/course/detail/kelas-mobile-journalism-membuat-konten-dengan-smartphone"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-06.png" alt="course-image" class="rounded-lg w-full h-[100px] object-cover mb-5" /> <div> <h2 class="mb-2 font-bold line-clamp-2"> Mobile Journalism: Membuat Konten dengan Smartphone </h2> <p class="line-clamp-3"> Di kelas ini, Anda akan mampu menuangkan ide dan kreativitas ke dalam tayangan video storytelling yang berkaidah jurnalistik.聽 </p> </div> </a> <a class="flex flex-col p-4 mx-1 bg-white rounded-lg h-72 !w-[247px]" data-type="Jurnalistik" href="https://tempoinstitute.com/course/detail/kelas-menulis-konten-website-institusi"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-08.png" alt="course-image" class="rounded-lg w-full h-[100px] object-cover mb-5" /> <div> <h2 class="mb-2 font-bold line-clamp-2"> Menulis Konten Website Institusi </h2> <p class="line-clamp-3"> Di kelas ini, Anda akan belajar untuk menulis artikel website yang ramah SEO, menarik, enak dibaca, mudah dipahami. </p> </div> </a> <a class="flex flex-col p-4 mx-1 bg-white rounded-lg h-72 !w-[247px]" data-type="Media Sosial" href="https://tempoinstitute.com/course/detail/kelas-mengelola-dan-membuat-konten-medsos"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-09.png" alt="course-image" class="rounded-lg w-full h-[100px] object-cover mb-5" /> <div> <h2 class="mb-2 font-bold line-clamp-2"> Mengelola dan Membuat Konten Media Sosial </h2> <p class="line-clamp-3"> Di kelas ini, Anda akan聽mampu membuat konten media sosial yang menarik agar engagement-nya bagus. </p> </div> </a> <a class="flex flex-col p-4 mx-1 bg-white rounded-lg h-72 !w-[247px]" data-type="Media Sosial" href="https://tempoinstitute.com/course/detail/kelas-mengelola-isu-dan-krisis-di-media-sosial"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-18.png" alt="course-image" class="rounded-lg w-full h-[100px] object-cover mb-5" /> <div> <h2 class="mb-2 font-bold line-clamp-2"> Mengelola Krisis di Media Sosial </h2> <p class="line-clamp-3"> Di kelas ini, Anda akan聽dapat聽mengelola krisis di media sosial, serta mampu membuat strategi penanganannya. </p> </div> </a> <a class="flex flex-col p-4 mx-1 bg-white rounded-lg h-72 !w-[247px]" data-type="Komunikasi" href="https://tempoinstitute.com/course/detail/kelas-presentation-skill"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-12.png" alt="course-image" class="rounded-lg w-full h-[100px] object-cover mb-5" /> <div> <h2 class="mb-2 font-bold line-clamp-2"> Presentation Skill </h2> <p class="line-clamp-3"> Di kelas ini, kamu akan聽mampu melakukan presentasi yang efektif, 聽menarik, dan menggunakan teknik storytelling dalam penyampaiannya. </p> </div> </a> <a class="flex flex-col p-4 mx-1 bg-white rounded-lg h-72 !w-[247px]" data-type="Audio Visual" href="https://tempoinstitute.com/course/detail/kelas-produksi-podcast"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-10.png" alt="course-image" class="rounded-lg w-full h-[100px] object-cover mb-5" /> <div> <h2 class="mb-2 font-bold line-clamp-2"> Merancang Program Siniar (Podcast) </h2> <p class="line-clamp-3"> Di kelas ini Anda akan belajar mulai dari merencanakan konsep siniar hingga memaksimalkan pendapatan dari siniar.聽 </p> </div> </a> <a class="flex flex-col p-4 mx-1 bg-white rounded-lg h-72 !w-[247px]" data-type="Audio Visual" href="https://tempoinstitute.com/course/detail/kelas-mahir-infografis-ala-tempo"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-04.png" alt="course-image" class="rounded-lg w-full h-[100px] object-cover mb-5" /> <div> <h2 class="mb-2 font-bold line-clamp-2"> Mahir Infografis ala TEMPO </h2> <p class="line-clamp-3"> Di kelas ini, Anda mampu menuangkan ide ke dalam sebuah infografis yang menarik, informatif, dan mudah dipahami. </p> </div> </a> <a class="flex flex-col p-4 mx-1 bg-white rounded-lg h-72 !w-[247px]" data-type="Audio Visual" href="https://tempoinstitute.com/course/detail/kelas-mobile-journalism-membuat-konten-dengan-smartphone"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-06.png" alt="course-image" class="rounded-lg w-full h-[100px] object-cover mb-5" /> <div> <h2 class="mb-2 font-bold line-clamp-2"> Mobile Journalism: Membuat Konten dengan Smartphone </h2> <p class="line-clamp-3"> Di kelas ini, Anda akan mampu menuangkan ide dan kreativitas ke dalam tayangan video storytelling yang berkaidah jurnalistik.聽 </p> </div> </a> </div> </div>  <div id="tab-content-desktop" class="max-sm:hidden !mt-0"> <div class="tab-pane-desktop " data-tab="Penulisan"> <div class="flex flex-col space-y-4"> <a class="rounded-lg bg-white p-4 flex gap-[33px]" href="https://tempoinstitute.com/course/detail/kelas-menulis-efektif-dengan-ai"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-15.png" alt="course-image" class="rounded-lg w-[159px] h-[109px]" /> <div> <h2 class="mb-4 text-xl font-bold line-clamp-1">Menulis Efektif dengan AI</h2> <p class="text-sm line-clamp-3">Di kelas ini, Anda akan belajar bagaimana menulis efektif yang enak dibaca, mudah dipahami, dan disukai oleh audiens.</p> </div> </a> <a class="rounded-lg bg-white p-4 flex gap-[33px]" href="https://tempoinstitute.com/course/detail/kelas-menulis-skenario-film-pendek"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-17.png" alt="course-image" class="rounded-lg w-[159px] h-[109px]" /> <div> <h2 class="mb-4 text-xl font-bold line-clamp-1">Menulis Skenario Film Pendek</h2> <p class="text-sm line-clamp-3">Di kelas ini Anda akan belajar dari para ahli dan mempraktikan secara langsung pengetahuan dan keterampilan untuk menulis skenario film pendek yang berkualitas.聽</p> </div> </a> <a class="rounded-lg bg-white p-4 flex gap-[33px]" href="https://tempoinstitute.com/course/detail/kelas-menulis-laporan-efektif-enak-dibaca-mudah-dipahami"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-01.png" alt="course-image" class="rounded-lg w-[159px] h-[109px]" /> <div> <h2 class="mb-4 text-xl font-bold line-clamp-1">Menulis Laporan Efektif: Enak Dibaca Mudah Dipahami</h2> <p class="text-sm line-clamp-3">Di kelas ini, Anda akan mampu menulis laporan ringkas yang enak dibaca dan mudah dipahami.</p> </div> </a> <a class="rounded-lg bg-white p-4 flex gap-[33px]" href="https://tempoinstitute.com/course/detail/kelas-menulis-opini-ala-tempo"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-05.png" alt="course-image" class="rounded-lg w-[159px] h-[109px]" /> <div> <h2 class="mb-4 text-xl font-bold line-clamp-1">Menulis Opini Ala Tempo</h2> <p class="text-sm line-clamp-3">Di kelas ini, Anda akan mampu menuangkan argumentasi ke dalam sebuah tulisan opini yang aktual, berbasis data, menarik, dan mudah dipahami.聽 Pengalaman belajar yang intensif, interaktif, dan menyenangkan. Pendampingan langsung oleh wartawan Tempo.</p> </div> </a> <a class="rounded-lg bg-white p-4 flex gap-[33px]" href="https://tempoinstitute.com/course/detail/kelas-menulis-policy-brief-mendorong-sebuah-kebijakan-berbasis-bukti"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-03.png" alt="course-image" class="rounded-lg w-[159px] h-[109px]" /> <div> <h2 class="mb-4 text-xl font-bold line-clamp-1">Menulis Policy Brief: Mendorong Sebuah Kebijakan Berbasis Bukti</h2> <p class="text-sm line-clamp-3">Di kelas ini, Anda akan mampu menuangkan gagasan ke dalam sebuah tulisan usulan rekomendasi kebijakan yang berbasis data/bukti, enak dibaca, dan mudah dipahami.</p> </div> </a> </div> </div> <div class="tab-pane-desktop hidden" data-tab="Jurnalistik"> <div class="flex flex-col space-y-4"> <a class="rounded-lg bg-white p-4 flex gap-[33px]" href="https://tempoinstitute.com/course/detail/kelas-menulis-siaran-pers-yang-ramah-seo"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-07.png" alt="course-image" class="rounded-lg w-[159px] h-[109px]" /> <div> <h2 class="mb-4 text-xl font-bold line-clamp-1">Menulis Siaran Pers Ramah SEO</h2> <p class="text-sm line-clamp-3">Di kelas ini, Anda akan belajar menuangkan pesan kunci ke dalam siaran pers yang bernilai berita, enak dibaca, dan ramah SEO.</p> </div> </a> <a class="rounded-lg bg-white p-4 flex gap-[33px]" href="https://tempoinstitute.com/course/detail/kelas-menulis-opini-ala-tempo"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-05.png" alt="course-image" class="rounded-lg w-[159px] h-[109px]" /> <div> <h2 class="mb-4 text-xl font-bold line-clamp-1">Menulis Opini Ala Tempo</h2> <p class="text-sm line-clamp-3">Di kelas ini, Anda akan mampu menuangkan argumentasi ke dalam sebuah tulisan opini yang aktual, berbasis data, menarik, dan mudah dipahami.聽 Pengalaman belajar yang intensif, interaktif, dan menyenangkan. Pendampingan langsung oleh wartawan Tempo.</p> </div> </a> <a class="rounded-lg bg-white p-4 flex gap-[33px]" href="https://tempoinstitute.com/course/detail/kelas-mobile-journalism-membuat-konten-dengan-smartphone"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-06.png" alt="course-image" class="rounded-lg w-[159px] h-[109px]" /> <div> <h2 class="mb-4 text-xl font-bold line-clamp-1">Mobile Journalism: Membuat Konten dengan Smartphone</h2> <p class="text-sm line-clamp-3">Di kelas ini, Anda akan mampu menuangkan ide dan kreativitas ke dalam tayangan video storytelling yang berkaidah jurnalistik.聽</p> </div> </a> <a class="rounded-lg bg-white p-4 flex gap-[33px]" href="https://tempoinstitute.com/course/detail/kelas-menulis-konten-website-institusi"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-08.png" alt="course-image" class="rounded-lg w-[159px] h-[109px]" /> <div> <h2 class="mb-4 text-xl font-bold line-clamp-1">Menulis Konten Website Institusi</h2> <p class="text-sm line-clamp-3">Di kelas ini, Anda akan belajar untuk menulis artikel website yang ramah SEO, menarik, enak dibaca, mudah dipahami.</p> </div> </a> </div> </div> <div class="tab-pane-desktop hidden" data-tab="Media Sosial"> <div class="flex flex-col space-y-4"> <a class="rounded-lg bg-white p-4 flex gap-[33px]" href="https://tempoinstitute.com/course/detail/kelas-mengelola-dan-membuat-konten-medsos"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-09.png" alt="course-image" class="rounded-lg w-[159px] h-[109px]" /> <div> <h2 class="mb-4 text-xl font-bold line-clamp-1">Mengelola dan Membuat Konten Media Sosial</h2> <p class="text-sm line-clamp-3">Di kelas ini, Anda akan聽mampu membuat konten media sosial yang menarik agar engagement-nya bagus.</p> </div> </a> <a class="rounded-lg bg-white p-4 flex gap-[33px]" href="https://tempoinstitute.com/course/detail/kelas-mengelola-isu-dan-krisis-di-media-sosial"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-18.png" alt="course-image" class="rounded-lg w-[159px] h-[109px]" /> <div> <h2 class="mb-4 text-xl font-bold line-clamp-1">Mengelola Krisis di Media Sosial</h2> <p class="text-sm line-clamp-3">Di kelas ini, Anda akan聽dapat聽mengelola krisis di media sosial, serta mampu membuat strategi penanganannya.</p> </div> </a> </div> </div> <div class="tab-pane-desktop hidden" data-tab="Komunikasi"> <div class="flex flex-col space-y-4"> <a class="rounded-lg bg-white p-4 flex gap-[33px]" href="https://tempoinstitute.com/course/detail/kelas-presentation-skill"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-12.png" alt="course-image" class="rounded-lg w-[159px] h-[109px]" /> <div> <h2 class="mb-4 text-xl font-bold line-clamp-1">Presentation Skill</h2> <p class="text-sm line-clamp-3">Di kelas ini, kamu akan聽mampu melakukan presentasi yang efektif, 聽menarik, dan menggunakan teknik storytelling dalam penyampaiannya.</p> </div> </a> </div> </div> <div class="tab-pane-desktop hidden" data-tab="Audio Visual"> <div class="flex flex-col space-y-4"> <a class="rounded-lg bg-white p-4 flex gap-[33px]" href="https://tempoinstitute.com/course/detail/kelas-produksi-podcast"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-10.png" alt="course-image" class="rounded-lg w-[159px] h-[109px]" /> <div> <h2 class="mb-4 text-xl font-bold line-clamp-1">Merancang Program Siniar (Podcast)</h2> <p class="text-sm line-clamp-3">Di kelas ini Anda akan belajar mulai dari merencanakan konsep siniar hingga memaksimalkan pendapatan dari siniar.聽</p> </div> </a> <a class="rounded-lg bg-white p-4 flex gap-[33px]" href="https://tempoinstitute.com/course/detail/kelas-mahir-infografis-ala-tempo"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-04.png" alt="course-image" class="rounded-lg w-[159px] h-[109px]" /> <div> <h2 class="mb-4 text-xl font-bold line-clamp-1">Mahir Infografis ala TEMPO</h2> <p class="text-sm line-clamp-3">Di kelas ini, Anda mampu menuangkan ide ke dalam sebuah infografis yang menarik, informatif, dan mudah dipahami.</p> </div> </a> <a class="rounded-lg bg-white p-4 flex gap-[33px]" href="https://tempoinstitute.com/course/detail/kelas-mobile-journalism-membuat-konten-dengan-smartphone"> <img src="https://assets.tempoinstitute.com/program/featured-image/Banner_Kelas-06.png" alt="course-image" class="rounded-lg w-[159px] h-[109px]" /> <div> <h2 class="mb-4 text-xl font-bold line-clamp-1">Mobile Journalism: Membuat Konten dengan Smartphone</h2> <p class="text-sm line-clamp-3">Di kelas ini, Anda akan mampu menuangkan ide dan kreativitas ke dalam tayangan video storytelling yang berkaidah jurnalistik.聽</p> </div> </a> </div> </div> </div> </div> <div class="flex-1 w-full"> <div class="md:rounded-lg bg-[#D9D9D9] px-10 py-8 flex flex-col space-y-5 h-fit"> <h2 class="text-xl font-bold text-red-600">Jadwal Pelatihan Reguler 2025</h2> <button class="dropdown"> <div class="flex items-center justify-between px-4 py-3 text-white rounded-2xl bg-neutral-700 hover:cursor-pointer hover:bg-neutral-900 toggle-button"> <h4 class="text-lg font-bold">Februari</h4> <img src="https://tempoinstitute.com/resources/2025/assets/image/plus-icon.svg" alt="plus icon" class="block w-6 h-6 plus-icon"> <img src="https://tempoinstitute.com/resources/2025/assets/image/minus-icon.svg" alt="minus icon" class="hidden w-6 h-6 minus-icon"> </div> <div class="hidden content"> <div class="flex flex-col my-2 space-y-5"> <a href="https://tempoinstitute.com/course/detail/kelas-kursus-jurnalistik-praktisi-humas"> <div class="pb-3 text-left border-b border-white"> <span class="text-sm text-red-600">Selasa-Kamis, 4-6 Februari</span> <p>Kursus Jurnalistik untuk Praktisi Humas</p> </div> </a> </div> <div class="flex flex-col my-2 space-y-5"> <a href="https://tempoinstitute.com/course/detail/kelas-menulis-laporan-efektif-enak-dibaca-mudah-dipahami"> <div class="pb-3 text-left border-b border-white"> <span class="text-sm text-red-600">Selasa Rabu, 11-12 Februari</span> <p>Menulis Laporan Efektif ala Tempo</p> </div> </a> </div> <div class="flex flex-col my-2 space-y-5"> <a href="https://tempoinstitute.com/course/detail/kelas-menulis-policy-brief-mendorong-sebuah-kebijakan-berbasis-bukti"> <div class="pb-3 text-left border-b border-white"> <span class="text-sm text-red-600">Selasa Rabu, 18-19 Februari</span> <p>Menulis Policy Brief Berbasis Bukti</p> </div> </a> </div> <div class="flex flex-col my-2 space-y-5"> <a href="https://tempoinstitute.com/course/detail/kelas-menulis-opini-ala-tempo"> <div class="pb-3 text-left border-b border-white"> <span class="text-sm text-red-600">Selasa Rabu, 25-26 Februari</span> <p>Menulis Opini ala Tempo</p> </div> </a> </div> </div> </button> <button class="dropdown"> <div class="flex items-center justify-between px-4 py-3 text-white rounded-2xl bg-neutral-700 hover:cursor-pointer hover:bg-neutral-900 toggle-button"> <h4 class="text-lg font-bold">Maret</h4> <img src="https://tempoinstitute.com/resources/2025/assets/image/plus-icon.svg" alt="plus icon" class="block w-6 h-6 plus-icon"> <img src="https://tempoinstitute.com/resources/2025/assets/image/minus-icon.svg" alt="minus icon" class="hidden w-6 h-6 minus-icon"> </div> <div class="hidden content"> <div class="flex flex-col my-2 space-y-5"> <a href="https://tempoinstitute.com/course/detail/kelas-mahir-infografis-ala-tempo"> <div class="pb-3 text-left border-b border-white"> <span class="text-sm text-red-600">Selasa Rabu, 4-5 Maret</span> <p>Mahir Infografis ala Tempo</p> </div> </a> </div> <div class="flex flex-col my-2 space-y-5"> <a href="https://tempoinstitute.com/course/detail/kelas-menulis-efektif-dengan-ai"> <div class="pb-3 text-left border-b border-white"> <span class="text-sm text-red-600">Selasa Rabu, 11-12 Maret</span> <p>Menulis Efektif dengan AI</p> </div> </a> </div> </div> </button> <button class="dropdown"> <div class="flex items-center justify-between px-4 py-3 text-white rounded-2xl bg-neutral-700 hover:cursor-pointer hover:bg-neutral-900 toggle-button"> <h4 class="text-lg font-bold">April</h4> <img src="https://tempoinstitute.com/resources/2025/assets/image/plus-icon.svg" alt="plus icon" class="block w-6 h-6 plus-icon"> <img src="https://tempoinstitute.com/resources/2025/assets/image/minus-icon.svg" alt="minus icon" class="hidden w-6 h-6 minus-icon"> </div> <div class="hidden content"> <div class="flex flex-col my-2 space-y-5"> <a href="https://tempoinstitute.com/course/detail/kelas-produksi-podcast"> <div class="pb-3 text-left border-b border-white"> <span class="text-sm text-red-600">Selasa Rabu, 15-16 April</span> <p>Produksi Podcast</p> </div> </a> </div> <div class="flex flex-col my-2 space-y-5"> <a href="https://tempoinstitute.com/course/detail/menjalin-relasi-sehat-dengan-media"> <div class="pb-3 text-left border-b border-white"> <span class="text-sm text-red-600">Selasa Rabu, 22-24 April</span> <p>Menjalin Relasi Sehat dengan Media</p> </div> </a> </div> <div class="flex flex-col my-2 space-y-5"> <a href="https://tempoinstitute.com/course/detail/kelas-intensif-jurnalistik-intensif-magang-3-bulan-di-tempoco"> <div class="pb-3 text-left border-b border-white"> <span class="text-sm text-red-600">25, 26 April & 3, 10 Mei</span> <p>Kelas Jurnalistik Intensif + Magang 3 Bulan di Tempo.co</p> </div> </a> </div> <div class="flex flex-col my-2 space-y-5"> <a href="https://tempoinstitute.com/course/detail/kelas-menulis-opini-ala-tempo"> <div class="pb-3 text-left border-b border-white"> <span class="text-sm text-red-600">Selasa Rabu, 29-30 April</span> <p>Menulis Opini ala Tempo</p> </div> </a> </div> </div> </button> <button class="dropdown"> <div class="flex items-center justify-between px-4 py-3 text-white rounded-2xl bg-neutral-700 hover:cursor-pointer hover:bg-neutral-900 toggle-button"> <h4 class="text-lg font-bold">Mei</h4> <img src="https://tempoinstitute.com/resources/2025/assets/image/plus-icon.svg" alt="plus icon" class="block w-6 h-6 plus-icon"> <img src="https://tempoinstitute.com/resources/2025/assets/image/minus-icon.svg" alt="minus icon" class="hidden w-6 h-6 minus-icon"> </div> <div class="hidden content"> <div class="flex flex-col my-2 space-y-5"> <a href="https://tempoinstitute.com/course/detail/kelas-intensif-public-speaking-yang-berkarakter"> <div class="pb-3 text-left border-b border-white"> <span class="text-sm text-red-600">Selasa Rabu, 6-7 Mei</span> <p>Public Speaking</p> </div> </a> </div> <div class="flex flex-col my-2 space-y-5"> <a href="https://tempoinstitute.com/course/detail/kelas-menulis-laporan-efektif-enak-dibaca-mudah-dipahami"> <div class="pb-3 text-left border-b border-white"> <span class="text-sm text-red-600">Selasa Rabu, 20-21 Mei</span> <p>Menulis Laporan Efektif ala Tempo</p> </div> </a> </div> <div class="flex flex-col my-2 space-y-5"> <a href="https://tempoinstitute.com/course/detail/kelas-presentation-skill"> <div class="pb-3 text-left border-b border-white"> <span class="text-sm text-red-600">Selasa Rabu, 27-28 Mei</span> <p>Presentation Skill</p> </div> </a> </div> </div> </button> </div> </div> </div> </div><div class="relative px-4 pb-16 md:px-[234.5px] md:pb-[85px] pt-[412px] md:pt-[116.5px] bg-center bg-no-repeat bg-cover" style="background-image: url('https://tempoinstitute.com/resources/2025/assets/image/bg-statistics-seccond.png');"> <div class="flex md:flex-row flex-col text-white items-center justify-center text-center py-14 rounded-[15px] px-5 md:p-[45px] bg-red-600 absolute -top-36 left-1/2 -translate-x-1/2 transform md:w-[1090px] w-[320px]"> <div class="md:w-[280px]"> <span class="text-lg max-sm:pb-2">Sejak</span> <h3 class="text-3xl font-bold">2018</h3> </div> <div class="md:h-24 md:w-0.5 h-px w-full bg-white md:mx-10 max-sm:my-10"></div> <div class="md:w-[280px]"> <h3 class="text-3xl font-bpld max-sm:mb-2">+100.000</h3> <span class="text-lg">Alumni Kelas Online</span> </div> <div class="md:h-24 md:w-0.5 h-px w-full bg-white md:mx-10 max-sm:my-10"></div> <div class="md:w-[280px]"> <h3 class="text-3xl font-bpld max-sm:mb-2">+49</h3> <span class="text-lg">Kelas Online</span> </div> </div> <div class="flex items-center justify-center flex-col space-y-[51px] text-white text-center"> <h1 class="text-2xl font-bold md:text-3xl">Kebebasan belajar sesuai ritme Kamu!</h1> <p class="font-medium md:text-lg"> Temukan pengalaman belajar yang fleksibel, tanpa tekanan waktu, dan sepenuhnya disesuaikan dengan kebutuhanmu. Tingkatkan keterampilan kapan saja, di mana saja, dengan cara yang paling nyaman untukmu. </p> <a href="https://tempoinstitute.com/daftar-kelas?q=ktb" target="_blank" rel="noopener noreferrer"> <button class="px-6 py-3.5 bg-red-600 hover:bg-red-700 rounded-lg justify-center items-center gap-2.5 inline-flex"> <span class="text-lg font-semibold leading-7 text-center text-white">Pilih kelasmu sekarang!</span> </button> </a> </div> </div><div class="md:px-16 md:py-[60px] bg-gray-100 p-6"> <h1 class="mb-2 text-2xl font-bold text-red-600 md:text-3xl">Kelas Tanpa Batas</h1> <p class="mb-8 text-sm font-medium md:text-base"> Kelas online ini berisi modul pembelajaran yang memandu para peserta belajar tahap demi tahap secara mandiri. Kelas ini bisa diikuti kapan saja. </p> <div class="course-carousel"> <a href="https://tempoinstitute.com/course/detail/menulis-konten-iklan" class="p-3 mx-2 transition-colors duration-300 ease-in-out bg-white cursor-pointer rounded-xl hover:bg-gray-200 h-[18.2rem]"> <img src="https://assets.tempoinstitute.com/program/featured-image/Kelas Online Menulis Konten Iklan Tepat Sasaran dengan Copywriting & Content Writing yang Menarik - Fadel Yulian - Tempo Institute.jpg" alt="Course 0" class="w-full md:h-[144px] h-[100px] rounded-xl mb-5 object-cover" /> <h2 class="mb-1 text-xl font-bold line-clamp-2">Menulis Konten Iklan Tepat Sasaran dengan Copywriting & Content Writing yang Menarik</h2> <span class="mb-1">Tempo Institute</span> <p class="font-bold text-red-600">Rp 300.000</p> </a> <a href="https://tempoinstitute.com/course/detail/news-anchor" class="p-3 mx-2 transition-colors duration-300 ease-in-out bg-white cursor-pointer rounded-xl hover:bg-gray-200 h-[18.2rem]"> <img src="https://assets.tempoinstitute.com/program/featured-image/Kelas Online Menjadi News Anchor Tampil Mengesankan di Layar TV - Alfian Raharjo - Tempo Institute.jpg" alt="Course 1" class="w-full md:h-[144px] h-[100px] rounded-xl mb-5 object-cover" /> <h2 class="mb-1 text-xl font-bold line-clamp-2">Menjadi News Anchor: Tampil Mengesankan di Layar TV</h2> <span class="mb-1">Tempo Institute</span> <p class="font-bold text-red-600">Rp 300.000</p> </a> <a href="https://tempoinstitute.com/course/detail/independent-media-accelerator" class="p-3 mx-2 transition-colors duration-300 ease-in-out bg-white cursor-pointer rounded-xl hover:bg-gray-200 h-[18.2rem]"> <img src="https://assets.tempoinstitute.com/program/featured-image/IMA - .jpg" alt="Course 2" class="w-full md:h-[144px] h-[100px] rounded-xl mb-5 object-cover" /> <h2 class="mb-1 text-xl font-bold line-clamp-2">Independent Media Accelerator: Merumuskan Jurnalisme Berkualitas dan Bisnis Media yang Tepat</h2> <span class="mb-1">Tempo Institute</span> <p class="font-bold text-red-600">Gratis</p> </a> <a href="https://tempoinstitute.com/course/detail/public-speaking-untuk-mc" class="p-3 mx-2 transition-colors duration-300 ease-in-out bg-white cursor-pointer rounded-xl hover:bg-gray-200 h-[18.2rem]"> <img src="https://assets.tempoinstitute.com/program/featured-image/Kelas Online Teknik Public Speaking untuk MC yang Efektif dan Berkarakter - Omar Danishwara - Tempo Institute.png" alt="Course 3" class="w-full md:h-[144px] h-[100px] rounded-xl mb-5 object-cover" /> <h2 class="mb-1 text-xl font-bold line-clamp-2">Teknik Public Speaking untuk MC yang Efektif dan Berkarakter</h2> <span class="mb-1">Tempo Institute</span> <p class="font-bold text-red-600">Rp 300.000</p> </a> <a href="https://tempoinstitute.com/course/detail/fotografi-dasar" class="p-3 mx-2 transition-colors duration-300 ease-in-out bg-white cursor-pointer rounded-xl hover:bg-gray-200 h-[18.2rem]"> <img src="https://assets.tempoinstitute.com/program/featured-image/Kelas Online Teknik Dasar Fotografi Mulai dari Kamera, Pencahayaan, hingga Komposisi - Ijar Karim - Tempo Institute.jpg" alt="Course 4" class="w-full md:h-[144px] h-[100px] rounded-xl mb-5 object-cover" /> <h2 class="mb-1 text-xl font-bold line-clamp-2">Teknik Dasar Fotografi: Mulai dari Kamera, Pencahayaan, hingga Komposisi</h2> <span class="mb-1">Tempo Institute</span> <p class="font-bold text-red-600">Rp 300.000</p> </a> </div> </div><div class="md:py-[70px] md:px-[64px] p-6"> <div class="testimonial-carousel"> <div class="relative"> <div class="mx-auto -mb-8 w-fit"> <img src="https://tempoinstitute.com/resources/2025/assets/image/quote-icon.svg" class="w-[71px] h-[67px]" alt="quote image" /> </div> <div class="bg-gray-100 px-6 pt-[58px] pb-24 rounded-xl mx-2 h-72"> <div class="flex flex-col space-y-5 text-center [&>span]:line-clamp-3 [&>p]:line-clamp-4 md:[&>span]:line-clamp-2 md:[&>p]:line-clamp-5"> <span>Nur khofifah</span> <p>"Pematerinya asyik-asyik dan sangat informatif bagi pemula. Banyak hal yang didapatkan, apalagi saat mentoring, bisa tahu di mana bagian yang harus diperbaiki."</p> </div> </div> <div class="mx-auto -mt-14 w-fit"> <img src="https://tempoinstitute.com/resources/2020/assets-landing-page/core/image/testimoni/Nur-Khofifah.png" class="w-[114px] h-[114px] rounded-full object-cover" /> </div> </div> <div class="relative"> <div class="mx-auto -mb-8 w-fit"> <img src="https://tempoinstitute.com/resources/2025/assets/image/quote-icon.svg" class="w-[71px] h-[67px]" alt="quote image" /> </div> <div class="bg-gray-100 px-6 pt-[58px] pb-24 rounded-xl mx-2 h-72"> <div class="flex flex-col space-y-5 text-center [&>span]:line-clamp-3 [&>p]:line-clamp-4 md:[&>span]:line-clamp-2 md:[&>p]:line-clamp-5"> <span>Irvan Efendi</span> <p>"Sangat menarik dan mengesankan.Proses pelatihan sangat interaktif. Penyediaan fasilitas pelatihan sangat baik."</p> </div> </div> <div class="mx-auto -mt-14 w-fit"> <img src="https://tempoinstitute.com/resources/2020/assets-landing-page/core/image/testimoni/Irvan-Efendi.png" class="w-[114px] h-[114px] rounded-full object-cover" /> </div> </div> <div class="relative"> <div class="mx-auto -mb-8 w-fit"> <img src="https://tempoinstitute.com/resources/2025/assets/image/quote-icon.svg" class="w-[71px] h-[67px]" alt="quote image" /> </div> <div class="bg-gray-100 px-6 pt-[58px] pb-24 rounded-xl mx-2 h-72"> <div class="flex flex-col space-y-5 text-center [&>span]:line-clamp-3 [&>p]:line-clamp-4 md:[&>span]:line-clamp-2 md:[&>p]:line-clamp-5"> <span>Devi Oktaviani</span> <p>"Seru! Baru pertama kali mengikuti pelatihan yang seru, tidak"</p> </div> </div> <div class="mx-auto -mt-14 w-fit"> <img src="https://tempoinstitute.com/resources/2020/assets-landing-page/core/image/testimoni/Devi-Oktaviani.png" class="w-[114px] h-[114px] rounded-full object-cover" /> </div> </div> <div class="relative"> <div class="mx-auto -mb-8 w-fit"> <img src="https://tempoinstitute.com/resources/2025/assets/image/quote-icon.svg" class="w-[71px] h-[67px]" alt="quote image" /> </div> <div class="bg-gray-100 px-6 pt-[58px] pb-24 rounded-xl mx-2 h-72"> <div class="flex flex-col space-y-5 text-center [&>span]:line-clamp-3 [&>p]:line-clamp-4 md:[&>span]:line-clamp-2 md:[&>p]:line-clamp-5"> <span>Hyacintha Bonafacia</span> <p>"Diajar oleh praktisi, editor yang tidak hanya menguasai materi, tapi juga dapat menjawab pertanyaan seputar public relation khususnya"</p> </div> </div> <div class="mx-auto -mt-14 w-fit"> <img src="https://tempoinstitute.com/resources/2020/assets-landing-page/core/image/testimoni/Hyacintha-Bonafacia.png" class="w-[114px] h-[114px] rounded-full object-cover" /> </div> </div> <div class="relative"> <div class="mx-auto -mb-8 w-fit"> <img src="https://tempoinstitute.com/resources/2025/assets/image/quote-icon.svg" class="w-[71px] h-[67px]" alt="quote image" /> </div> <div class="bg-gray-100 px-6 pt-[58px] pb-24 rounded-xl mx-2 h-72"> <div class="flex flex-col space-y-5 text-center [&>span]:line-clamp-3 [&>p]:line-clamp-4 md:[&>span]:line-clamp-2 md:[&>p]:line-clamp-5"> <span>Ammy Natashia</span> <p>"Suasana belajar interaktif dan kaya praktik. Redaktur TEMPO memberi pendampingan intensif dalam mengembangkan kemampuan menulis peserta."</p> </div> </div> <div class="mx-auto -mt-14 w-fit"> <img src="https://tempoinstitute.com/resources/2020/assets-landing-page/core/image/testimoni/ammy.png" class="w-[114px] h-[114px] rounded-full object-cover" /> </div> </div> <div class="relative"> <div class="mx-auto -mb-8 w-fit"> <img src="https://tempoinstitute.com/resources/2025/assets/image/quote-icon.svg" class="w-[71px] h-[67px]" alt="quote image" /> </div> <div class="bg-gray-100 px-6 pt-[58px] pb-24 rounded-xl mx-2 h-72"> <div class="flex flex-col space-y-5 text-center [&>span]:line-clamp-3 [&>p]:line-clamp-4 md:[&>span]:line-clamp-2 md:[&>p]:line-clamp-5"> <span>Reza Almanfaluthi</span> <p>"Saya terkesan mengikuti kelas di Tempo Institute. Tulisan peserta diulas secara detail oleh Mentor. Hasilnya, tulisan saya menjadi lebih hidup."</p> </div> </div> <div class="mx-auto -mt-14 w-fit"> <img src="https://tempoinstitute.com/resources/2020/assets-landing-page/core/image/testimoni/Reza-Almanfaluthi.png" class="w-[114px] h-[114px] rounded-full object-cover" /> </div> </div> <div class="relative"> <div class="mx-auto -mb-8 w-fit"> <img src="https://tempoinstitute.com/resources/2025/assets/image/quote-icon.svg" class="w-[71px] h-[67px]" alt="quote image" /> </div> <div class="bg-gray-100 px-6 pt-[58px] pb-24 rounded-xl mx-2 h-72"> <div class="flex flex-col space-y-5 text-center [&>span]:line-clamp-3 [&>p]:line-clamp-4 md:[&>span]:line-clamp-2 md:[&>p]:line-clamp-5"> <span>Sinta Monika</span> <p>"Leila S Chudori mendampingi peserta dengan sabar. Kini, saya mampu menulis dengan pilihan kata yang tepat, dan menciptakan twist untuk membangun cerita yang kuat."</p> </div> </div> <div class="mx-auto -mt-14 w-fit"> <img src="https://tempoinstitute.com/resources/2020/assets-landing-page/core/image/testimoni/Sinta-Monika.png" class="w-[114px] h-[114px] rounded-full object-cover" /> </div> </div> </div> </div><footer class="bg-[#404041] text-white"> <div class="md:px-[100px] py-10 px-6"> <div class="grid md:grid-cols-5 max-sm:gap-y-10"> <div class="place-content-start"> <img src="https://tempoinstitute.com/resources/2025/assets/image/white-logo.png" alt="white logo" class="w-[166px] h-[64px] mb-3"> <div class="flex items-center space-x-2"> <a href="https://www.instagram.com/tempo.institute/"> <img src="https://tempoinstitute.com/resources/2025/assets/image/instagram-icon.png" alt="instagram icon" class="w-[30.21px] h-[30.21px] hover:opacity-80"> </a> <a href="https://www.linkedin.com/company/tempoinstitute/"> <img src="https://tempoinstitute.com/resources/2025/assets/image/linkedin-icon.png" alt="linkedin icon" class="w-[30.21px] h-[30.21px] hover:opacity-80"> </a> <a href="https://www.youtube.com/TempoInstitute"> <img src="https://tempoinstitute.com/resources/2025/assets/image/youtube-icon.png" alt="youtube icon" class="w-[30.21px] h-[30.21px] hover:opacity-80"> </a> <a href="https://x.com/TempoInstitute"> <img src="https://tempoinstitute.com/resources/2025/assets/image/x-icon.png" alt="x icon" class="w-[30.21px] h-[30.21px] hover:opacity-80"> </a> <a href="https://www.tiktok.com/@tempoinstitute"> <img src="https://tempoinstitute.com/resources/2025/assets/image/tiktok-icon.png" alt="tiktok icon" class="w-[30.21px] h-[30.21px] hover:opacity-80"> </a> </div> </div> <div class="grid md:grid-cols-3 grid-cols-2 md:col-span-3 gap-10 place-content-start md:max-w-[450.54px] w-full mx-auto"> <div> <h2 class="pb-2 pr-3 mb-5 font-bold border-b-4 border-red-600 w-fit">PRODUK</h2> <ul class="flex flex-col space-y-3 list-none"> <li><a href="https://tempoinstitute.com/daftar-kelas?q=ktb" class="hover:opacity-80">Kelas Mandiri</a></li> <li><a href="https://tempoinstitute.com/" class="hover:opacity-80">Tempo Institute</a></li> <li><a href="https://tempoinstitute.com/daftar-kelas" class="hover:opacity-80">Semua Kategori</a></li> <li><a href="https://tempoinstitute.com/daftar-kelas?q=kelas-mentoring" class="hover:opacity-80">Kelas Mentoring</a></li> </ul> </div> <div> <h2 class="pb-2 pr-3 mb-5 font-bold border-b-4 border-red-600 w-fit">LAINNYA</h2> <ul class="flex flex-col space-y-3 list-none"> <li><a href="https://tempoinstitute.com/profil-pengajar" class="hover:opacity-80">Profil Pengajar</a></li> <li><a href="https://blog.tempoinstitute.com/category/kiat/" class="hover:opacity-80">Kiat Menulis</a></li> <li><a href="https://tempoinstitute.com/daftar-kelas?q=hibrida-intensif" class="hover:opacity-80">Kelas Hibrida Intensif</a></li> </ul> </div> <div> <h2 class="pb-2 pr-3 mb-5 font-bold border-b-4 border-red-600 w-fit">BLOG</h2> <ul class="flex flex-col space-y-3 list-none"> <li><a href="https://tempoinstitute.com/program-khusus/investigasi-bersama-tempo" class="hover:opacity-80">Invetigative Fund</a></li> <li><a href="https://blog.tempoinstitute.com/category/pelatihan/" class="hover:opacity-80">Pelatihan</a></li> <li><a href="https://tempoinstitute.com/daftar-kelas?q=webinar" class="hover:opacity-80">Webinar</a></li> <li><a href="https://blog.tempoinstitute.com/category/agenda/" class="hover:opacity-80">Agenda</a></li> </ul> </div> </div> <div class="place-content-start flex flex-col space-y-[15px]"> <h3 class="text-red-600 font-bold mb-[38px]">HUBUNGI KAMI</h3> <a href="https://wa.me/6281288151738" class="flex items-center space-x-2 text-sm group" target="_blank"> <img src="https://tempoinstitute.com/resources/2025/assets/image/whatsapp-icon.png" alt="whatsapp icon" class="w-5 h-5 group-hover:opacity-80"> <span>081288151738</span> </a> <a href="/cdn-cgi/l/email-protection#11787f777e5165747c617e3c787f626578656465743f7e6376" class="flex items-center space-x-2 text-sm group" target="_blank"> <img src="https://tempoinstitute.com/resources/2025/assets/image/email-icon.png" alt="email icon" class="w-5 h-5 group-hover:opacity-80"> <span><span class="__cf_email__" data-cfemail="5831363e37182c3d3528377531362b2c312c2d2c3d76372a3f">[email protected]</span></span> </a> </div> </div> </div> <div class="text-center py-[17px] bg-[#303031]"> <span class="text-xs font-semibold">© 2024 Tempo Institute</span> </div> </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://cdn.tailwindcss.com"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick.min.js"></script> <script src="https://tempoinstitute.com/resources/2025/assets/js/script.js"></script> </body> </html>

CINXE.COM

Tempo Institute - Belajar, Berlatih dan Pengembangan Diri Bersama Para Ahli