CINXE.COM
Portal BMKG - Single Sign-On
<!DOCTYPE html> <html lang="id"> <head> <meta charset="utf-8"> <link rel="icon" href="/favicon.ico" /> <link rel="apple-touch-icon" href="/icon.png" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="uon3MdiAfO0csaNz1Z6KmbTr1nmHRb2VoJ9U89Ua"> <title>Portal BMKG - Single Sign-On</title> <meta name="description" content="Portal BMKG merupakan sistem berbasis Single Sing-On yang ditujukan bagi para pegawai BMKG agar dapat menggunakan layanan sistem informasi di lingkungan BMKG hanya dengan satu akun." /> <meta property="og:type" content="website" /> <meta property="og:title" content="Portal BMKG - Single Sign-On" /> <meta property="og:image" content="https://portal.bmkg.go.id/splash.png" /> <meta property="og:description" content="Portal BMKG merupakan sistem berbasis Single Sing-On yang ditujukan bagi para pegawai BMKG agar dapat menggunakan layanan sistem informasi di lingkungan BMKG hanya dengan satu akun." /> <meta property="og:url" content="https://www.bmkg.go.id/" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@infoBMKG" /> <meta name="twitter:creator" content="@infoBMKG" /> <meta name="twitter:title" content="Portal BMKG - Single Sign-On" /> <meta name="twitter:description" content="Portal BMKG merupakan sistem berbasis Single Sing-On yang ditujukan bagi para pegawai BMKG agar dapat menggunakan layanan sistem informasi di lingkungan BMKG hanya dengan satu akun." /> <meta name="twitter:image" content="https://portal.bmkg.go.id/splash.png" /> <!-- Styles --> <link rel="stylesheet" href="https://portal.bmkg.go.id/css/app.css"> <style> .intro { display: inline-block; } .landing .left { display: flex; flex-direction: column; justify-content: space-between; border-radius: 30px; } .landing .logo { display: flex; justify-content: center; } .copyright { display: block; text-align: center; } .cf-turnstile>iframe { margin: auto; } @media screen and (max-width: 639px) { #container::before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; position: absolute; width: 100%; } .landing .left { background-image: radial-gradient(circle, rgba(255, 255, 255, 50%), rgba(255, 255, 255, 100%)), url("/img/eclipse.png"); background-position: 50% 0; background-repeat: no-repeat; background-size: cover; } } </style> <!-- Scripts --> <script src="https://portal.bmkg.go.id/js/app.js" defer></script> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script> </head> <body class="font-sans antialiased text-indigo-900"> <div class="landing"> <div id="container" class="mx-auto max-w-md"> <div class="left p-8"> <a href="." class="logo"><img src="https://portal.bmkg.go.id/img/logo.png" alt="Logo BMKG" width="40" height="49" /></a> <div class="self-center"> <div> <h2 class="my-4 text-2xl font-bold text-center"> Pengaturan Ulang Kata Sandi. </h2> <p class="intro my-4 text-center"> Tautan pengaturan ulang kata sandi akan dikirimkan ke email pemulihan dan nomor telepon Anda. </p> </div> <form method="POST" action="https://portal.bmkg.go.id/lupa-kata-sandi"> <input type="hidden" name="_token" value="uon3MdiAfO0csaNz1Z6KmbTr1nmHRb2VoJ9U89Ua"> <input id="email" type="text" name="email" class="input my-4 text-center" maxlength="18" minlength="18" placeholder="Masukkan NIP Anda" type="tel" required autofocus value="" required /> <div class="cf-turnstile" data-sitekey="0x4AAAAAAAHKi1Rfzj9DXVUE"></div> <button class="my-4 btn">Kirim</button> <hr class="mt-2 mb-4"> <div class="flex flex-col items-center"> <a href="https://portal.bmkg.go.id" class="btn-sm mb-4">← Kembali</a> </div> </form> </div> <p class="mt-4 mb-0 copyright"> <small>© 2025 Direktorat Sistem Jaringan Komunikasi BMKG</small> </p> </div> </div> </div> </body> </html>