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="m9zEM88GArydDgx1RlHsica31ALm6QEeX1wipE59"> <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; } .tagline { display: inline-block; } .landing .left { display: flex; flex-direction: column; justify-content: space-between; } .branding { background: transparent; background-image: url("/img/imac.png"), url("/img/calendar.png"), url("/img/app.png"), url("/img/graph.png"); background-position: 90% 30%, 50% 0, 10% 20%, 20% 50%; background-repeat: no-repeat; background-size: 50%, 25%, 25%, 25%; border-radius: 0 30px 30px 0; padding-top: 400px; } @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; } } @media screen and (min-width: 640px) and (max-width: 767px) { .landing .left { border-radius: 30px; } } @media screen and (max-width: 767px) { .landing .logo { display: flex; justify-content: center; } .branding { display: none; } } </style> <!-- Scripts --> <script src="https://portal.bmkg.go.id/js/app.js" defer></script> </head> <body class="font-sans antialiased text-indigo-900"> <main class="landing"> <div id="container" class="mx-auto grid grid-cols-12 lg:max-w-5xl md:max-w-3xl sm:max-w-lg"> <div class="left p-8 lg:col-span-5 md:col-span-6 sm:col-span-12"> <a href="." class="logo"><img src="/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 md:my-0 md:text-left"> Selamat Datang di Portal BMKG. </h2> <p class="intro my-4 text-center md:my-8 md:text-left"> Portal BMKG merupakan sistem berbasis Single Sign-On yang ditujukan bagi para pegawai BMKG agar dapat menggunakan layanan sistem informasi di lingkungan BMKG hanya dengan satu akun. </p> </div> <a class="my-4 btn" href="/gapura">Masuk</a> <p class="text-center mb-8 md:text-left md:mb-0"> <small>Lupa kata sandi? Silakan <a class="underline underline-offset-2" href="/lupa-kata-sandi">klik di sini</a></small> </p> </div> <p class="mb-0 copyright"> <small>© 2025 Direktorat Sistem Jaringan Komunikasi BMKG</small> </p> </div> <div class="branding right p-8 lg:col-span-7 sm:col-span-12 md:col-span-6"> <div> <h1 class="text-4xl font-bold">Portal BMKG<br />Single Sign-On.</h1> <p class="tagline my-5 text-xl font-medium"> Masuk ke berbagai layanan sistem informasi di BMKG dengan satu akun. </p> </div> </div> </div> </main> </body> </html>