Aviation

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <title>Aviation </title> <link rel="preload" as="style" href="https://web-aviation.bmkg.go.id/build/assets/app-3e3e80c1.css" /><link rel="stylesheet" href="https://web-aviation.bmkg.go.id/build/assets/app-3e3e80c1.css" /> <link rel="modulepreload" href="https://web-aviation.bmkg.go.id/build/assets/app-406cdf0f.js" /><script type="module" src="https://web-aviation.bmkg.go.id/build/assets/app-406cdf0f.js"></script> <link href="https://cdn.jsdelivr.net/npm/tom-select@2.2.2/dist/css/tom-select.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />  <script> (function(h, o, t, j, a, r) { h.hj = h.hj || function() { (h.hj.q = h.hj.q || []).push(arguments) }; h._hjSettings = { hjid: 3712148, hjsv: 6 }; a = o.getElementsByTagName('head')[0]; r = o.createElement('script'); r.async = 1; r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; a.appendChild(r); })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv='); </script> </script> </head> <body class=""> <header> <section class="dark:bg-gray-900 bg-[url('https://ik.imagekit.io/satriyo/bg-header.jpg')] bg-center bg-cover min-h-screen"> <div class="min-h-screen bg-black bg-opacity-75"> <nav class="bg-white border-gray-200 px-4 lg:px-6 py-2.5 dark:bg-gray-800 shadow"> <div class="flex flex-wrap items-center justify-between max-w-screen-xl mx-auto"> <a href="https://web-aviation.bmkg.go.id" class="flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 160 199" class="h-12 w-auto"><path fill="#fff" d="M160 80.235c0 44.193-35.833 80-80 80-44.174 0-80-35.814-80-80s35.833-80 80-80c44.174 0 80 35.813 80 80"></path><path fill="#0000CD" d="M78.62.023c-.047.046-.892.125-1.877.172-.986.062-2.472.14-3.285.172-.814.047-1.909.156-2.425.234s-1.783.25-2.816.391-2.08.313-2.346.391c-.25.079-.892.188-1.408.25-.516.048-1.001.157-1.095.22-.078.062-.407.156-.704.203-.5.063-1.064.188-3.395.767-.437.11-.86.25-.922.328-.063.063-.235.11-.392.11-.297 0-1.814.438-2.19.625-.14.079-.516.188-.828.235-.313.063-.61.172-.657.25s-.188.141-.329.141c-.125 0-.454.094-.72.203-.281.126-.782.313-1.126.423-.735.219-1.548.547-2.159.876-.25.125-.5.219-.578.219-.157 0-1.643.657-4.537 2.018-.297.14-.579.281-.626.328-.046.047-.61.344-1.25.673-2.3 1.142-5.945 3.332-5.945 3.566 0 .157 85.253.204 85.832.047.313-.078.266-.156-.454-.625-.422-.298-.844-.532-.923-.532-.078 0-.14-.063-.14-.125 0-.063-.188-.204-.423-.298-.485-.203-1.642-.86-1.767-1-.047-.048-.783-.439-1.643-.861s-1.595-.798-1.642-.845c-.094-.094-1.095-.579-2.19-1.064-.391-.172-1.189-.531-1.768-.797-.594-.266-1.173-.485-1.298-.485-.126 0-.219-.063-.219-.141s-.235-.203-.501-.25c-.282-.063-.579-.172-.673-.235-.078-.063-.829-.344-1.642-.626-.814-.266-1.627-.547-1.799-.625-.375-.157-2.8-.939-3.441-1.111a95 95 0 0 1-1.408-.375 73 73 0 0 0-5.475-1.268A74 74 0 0 0 91.212.93C90.446.82 89.492.68 89.1.6c-.39-.094-1.72-.187-2.972-.25-1.251-.047-2.471-.11-2.737-.14-.876-.126-4.693-.267-4.771-.188M23.088 23.972c-.642.61-2.55 2.659-2.957 3.144-.203.266-.594.72-.86 1.017-.266.313-.735.86-1.033 1.251-.297.375-.625.75-.703.845-.25.266-.908 1.095-1.22 1.517-1.268 1.752-1.83 2.581-1.83 2.675 0 .157 31.864.157 31.942 0 .062-.14 2.143-1.423 3.019-1.846.344-.156.657-.344.704-.39.047-.063.453-.236.907-.392.438-.156.813-.344.813-.407 0-.078.11-.125.25-.125.142 0 .47-.094.736-.219.47-.203 1.189-.438 2.456-.844.297-.094.829-.22 1.173-.266.344-.063.767-.157.939-.235 1.126-.485 6.32-.845 9.135-.626 2.221.172 4.52.485 4.787.642.094.062.5.156.923.219.422.047.876.156 1.016.234.141.063.673.25 1.19.407.516.14 1 .328 1.094.407a.66.66 0 0 0 .36.125c.25 0 1.22.422 2.925 1.283.689.36 1.408.72 1.596.813.203.094.36.219.36.282 0 .078.093.125.219.125.125 0 .328.094.438.187.11.11.422.329.704.47.453.266 2.283.281 32.02.281h31.552l-.673-.985c-.375-.532-.719-1.001-.782-1.017-.078-.031-.125-.156-.125-.266a.45.45 0 0 0-.203-.344c-.125-.063-.344-.329-.517-.595a7 7 0 0 0-.688-.876 23 23 0 0 1-.782-.907 27 27 0 0 0-1.298-1.58 34 34 0 0 1-.782-.938c-.235-.297-1.08-1.205-1.862-2.003l-1.423-1.439H23.478zM8.931 43.51c-.172.36-.344.688-.391.735-.078.078-.422.782-.83 1.72-.14.298-.484 1.08-.781 1.721-.298.642-.595 1.346-.657 1.565s-.188.484-.282.594c-.344.422.078.375.657-.094.344-.282.704-.5.782-.5.094 0 .172-.079.172-.157 0-.094.094-.156.22-.156.124 0 .328-.094.437-.204.376-.344 3.895-1.986 4.27-1.986.142 0 .36-.063.517-.157.297-.156 1.252-.39 3.082-.704 1.61-.297 4.958-.297 6.648 0 1.173.204 1.705.329 3.676.845.266.063.61.203.782.297.172.078.595.282.939.422.704.282.72.282 2.033 1.017 1.064.595 2.644 1.658 3.098 2.096.297.282.312.282.531.016.11-.172.204-.391.204-.516s.094-.407.219-.626c.234-.47.375-.782.891-2.065.204-.469.391-.891.438-.938.063-.047.235-.36.407-.704s.407-.72.5-.83c.11-.109.204-.312.204-.437s.078-.22.156-.22c.094 0 .157-.077.157-.171s.188-.407.407-.704l.406-.532H9.243zM91.165 43.181c.954 1.47 1.533 2.456 1.533 2.597 0 .094.047.188.125.219.063.015.22.297.36.594s.438.907.657 1.346c.22.453.438 1.032.5 1.298.063.266.157.485.235.485.079 0 .157.188.188.422.063.485.313.626.61.313.5-.47 2.628-1.971 3.348-2.346 1.376-.704 2.909-1.361 3.191-1.361a.76.76 0 0 0 .422-.141c.767-.735 8.619-.735 9.949 0 .156.078.375.14.516.14.47 0 3.582 1.502 4.114 1.987.11.11.297.204.423.204.109 0 .234.046.266.125.031.062.359.36.75.657s.876.704 1.095.891l.391.36h34.618l-.141-.516c-.078-.282-.313-.876-.532-1.33-.219-.438-.391-.844-.391-.891 0-.11-1.157-2.597-1.767-3.755-.251-.516-.548-1.095-.642-1.282l-.172-.36H90.946zM123.624 56.243c-.047.078.094.47.297.907.204.422.36.939.376 1.126 0 .188.062.376.14.423.063.047.219.61.329 1.267.109.641.25 1.173.297 1.173s.313-.203.595-.438c.86-.735 1.204-.97 1.392-.97.109 0 .219-.047.25-.125.063-.156 1.94-1.048 2.628-1.267.297-.078.798-.235 1.095-.344.297-.094 1.486-.22 2.628-.25 1.627-.079 2.315-.032 3.207.172 1.455.36 2.628.782 3.692 1.36 1.204.673 1.611.97 3.05 2.206l.485.438h6.836c3.754 0 6.867-.062 6.914-.14.047-.063.016-.063-.063-.58-.078-.25-.25-.875-.391-1.392s-.328-1.22-.422-1.564a30 30 0 0 0-.407-1.376l-.25-.736h-16.3c-8.979 0-16.347.047-16.378.11M146.071 64.846c.626 1.283.767 1.658.97 2.55l.172.704h5.945c4.849 0 5.928-.031 5.897-.203-.016-.11-.109-.642-.203-1.174-.079-.531-.204-1.204-.251-1.486l-.078-.5h-6.257c-3.426 0-6.226.047-6.195.11"></path><path fill="gray" d="M.01 79.114c-.016.078-.016.656.03 1.282l.079 1.142h159.713l.109-1.017c.063-.563.079-1.142.032-1.298-.079-.25-4.021-.266-79.998-.266-52.387 0-79.919.047-79.966.157"></path><path fill="#228B22" d="M1.165 93.028c.063.328.172 1.016.25 1.517s.204.986.266 1.048c.079.078 9.527.125 21.024.11l20.868-.047-1.611-1.612-1.612-1.595H1.056zM2.448 98.847c-.094.14.219 1.627.516 2.518.078.219.266.845.422 1.408.141.563.345 1.111.423 1.205.11.156 5.162.203 24.277.203h24.137l2.534 2.503h50.12c27.578 0 50.229-.047 50.37-.094s.25-.203.25-.313c0-.125.188-.782.422-1.47.235-.688.376-1.283.345-1.33-.047-.047-23.731-.094-52.638-.109l-52.545-.047-2.252-2.315-2.253-2.3H24.551c-13.046 0-22.056.063-22.103.14M5.999 109.766q-.188.07-.047.328c.078.141.344.798.61 1.439.61 1.502 1.736 3.911 1.908 4.067.047.047.22.407.391.814.157.422.345.751.423.751.062 0 .11.109.11.234 0 .204 3.19.235 27.765.235 15.268 0 27.766-.063 27.766-.125 0-.063-.422-.532-.532-.938-1.048-.517-.517-.939-1.017-.939-1.127 0-.172 8.447-.203 44.379-.234l44.378-.047.282-.548c.454-.907.907-2.002.907-2.174 0-.094.063-.172.141-.172s.188-.188.235-.407c.094-.328.563-1.455.829-1.971.062-.141-147.887-.156-148.2-.015M68.523 120.684c0 .047 1.126 1.205 2.503 2.581 1.377 1.377 2.503 2.566 2.503 2.66 0 .109-9.511.156-29.33.156-20.211 0-29.33.047-29.33.156 0 .188.531.97 1.063 1.565.188.203.344.469.344.579 0 .093.047.203.125.234.063.016.36.36.657.751.297.375.657.813.782.954.986 1.095 1.22 1.361 1.502 1.737.657.844 2.19 2.549 3.238 3.597l1.064 1.064H83.93l-2.143-2.159c-4.255-4.254-5.6-5.662-5.6-5.819 0-.109 10.762-.156 33.71-.156 18.537 0 33.711-.047 33.711-.125 0-.063.156-.282.359-.501.204-.219.626-.829.955-1.345.328-.532.704-1.095.86-1.252.141-.172.673-.969 1.189-1.783.5-.813 1.079-1.705 1.282-1.971s.36-.594.36-.735c0-.25-2.878-.266-40.045-.266-22.025 0-40.046.031-40.046.078M84.792 137.172c0 .125 1.392 1.58 6.976 7.258 1.58 1.611 2.879 3.035 2.879 3.16 0 .203-3.489.235-28.47.266l-28.47.047 1.282.782c1.987 1.189 7.18 3.864 9.042 4.646.219.094.61.266.86.375 1.017.438 1.612.673 2.738 1.08.641.234 1.439.516 1.768.641.312.125.72.219.891.219s.313.062.313.141.25.187.563.25c.313.047.688.156.83.219.484.235 1.86.641 2.174.641.187 0 .36.063.406.141s.36.188.673.235c.328.062.813.172 1.064.25.266.078 1.032.25 1.72.391.689.141 1.486.329 1.768.422a10 10 0 0 0 1.36.235c.47.047.861.157.861.219 0 .078.329.141.751.141.407 0 1.048.078 1.44.172.39.094 1.376.235 2.19.313.813.094 2.048.219 2.737.297 1.69.188 11.857.188 13.609 0 3.41-.36 4.411-.469 5.225-.61.485-.094 1.095-.188 1.345-.235.75-.125 2.722-.516 3.91-.782.61-.141 1.377-.297 1.721-.344.345-.063.704-.156.783-.219.093-.063.453-.172.813-.235.375-.062.704-.172.766-.25.047-.078.235-.141.423-.141.187 0 .625-.109.97-.219l.61-.219-2.566-2.612c-1.423-1.439-3.27-3.316-4.098-4.145-.845-.845-1.533-1.643-1.533-1.784 0-.219 1.33-.25 13.922-.281 9.37-.031 13.969-.094 14.047-.204.063-.093.501-.406.97-.703.469-.298.892-.595.907-.657.032-.079.157-.126.282-.126s.266-.109.313-.234c.062-.125.156-.235.25-.235.125 0 2.362-1.595 2.628-1.877.047-.047.532-.422 1.095-.86a24 24 0 0 0 1.095-.861c.047-.047.61-.547 1.251-1.095.642-.547 1.205-1.048 1.221-1.126a.26.26 0 0 1 .203-.125c.078 0 .641-.501 1.251-1.095.626-.61 1.189-1.095 1.252-1.095.078 0 .141-.078.141-.157 0-.109-8.635-.156-25.576-.156-14.063 0-25.576.063-25.576.141"></path><path fill="#000" d="M124.37 168.151a13.9 13.9 0 0 0-6.445 2.66c-4.067 3.097-6.116 9.057-5.178 15.157.876 5.804 4.005 9.824 8.964 11.514 2.018.688 3.457.907 5.897.891 4.02-.015 8.369-1.408 11.388-3.645l1.048-.782v-11.888h-12.827v5.005l3.41.032 3.395.047.093 3.676-.876.563c-4.145 2.644-8.979 2.55-11.81-.25-.485-.47-1.064-1.189-1.298-1.58-1.831-3.176-1.987-8.932-.329-12.264.986-2.003 2.972-3.536 5.194-4.005 1.329-.266 3.989-.109 5.068.313 1.486.579 3.16 2.346 3.488 3.66.063.235.188.423.297.423.094 0 1.424-.219 2.957-.501 3.113-.563 2.956-.453 2.456-1.908-.548-1.627-1.283-2.785-2.503-4.005-1.768-1.752-3.598-2.612-6.539-3.05-1.627-.25-4.395-.282-5.85-.063M19.907 197.873l8.807-.047c9.558-.063 9.558-.063 11.466-.986 2.925-1.423 4.85-5.334 4.286-8.682-.438-2.596-2.111-4.614-4.63-5.6l-.72-.297.798-.5c1.08-.704 1.987-1.752 2.581-2.988.454-.954.485-1.126.485-2.894 0-1.815-.015-1.909-.516-2.941-.672-1.361-2.002-2.722-3.3-3.379-1.862-.954-2.253-.985-11.154-1.064l-8.103-.078zm15.095-24.247c.845.235 1.58.814 1.956 1.549.594 1.158.297 3.175-.563 3.942-.172.156-.657.438-1.08.626-.75.344-.985.359-5.115.406l-4.348.063v-6.758h4.27c2.581 0 4.505.063 4.88.172m-1.877 11.545c2.44.156 3.16.359 4.005 1.095.86.719 1.236 1.564 1.236 2.8 0 1.58-.626 2.675-1.956 3.347-.797.423-2.784.579-7.148.595h-3.41v-7.978h2.628c1.439.016 3.535.078 4.645.141M49.472 197.857h5.631l.032-22.604 5.678 22.604h5.788l5.788-22.917.047 11.451.031 11.466h5.475v-29.408H73.5c-3.41 0-4.459.046-4.521.187-.032.11-1.22 4.584-2.628 9.933-1.408 5.366-2.597 9.683-2.66 9.621-.047-.063-1.235-4.427-2.628-9.714-1.407-5.288-2.58-9.699-2.628-9.824-.062-.157-.954-.203-4.52-.203h-4.443zM83.886 197.857h5.945v-8.838l2.424-2.425c1.94-1.94 2.456-2.377 2.581-2.19.079.125 1.893 3.207 4.02 6.836l3.864 6.617h3.801c2.097 0 3.802-.047 3.802-.125-.016-.063-2.613-4.083-5.773-8.948l-5.756-8.838 3.613-3.739c1.987-2.049 4.49-4.646 5.538-5.741l1.94-2.017h-7.994l-11.982 13.046-.047-6.523-.031-6.523h-5.945z"></path></svg> <div class="flex flex-col dark:text-white"> <span class="ml-2 text-sm font-bold ">Direktorat Meteorologi Penerbangan</span> <span class="inline-block ml-2 text-xs">Badan Meteorologi, Klimatologi, dan Geofisika</span> </div> </a> <button data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false"> <span class="sr-only">Open main menu</span> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="https://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path> </svg> <svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="https://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </button> <div class="items-center justify-between hidden w-full lg:flex lg:w-auto lg:order-1" id="mobile-menu-2"> <ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0"> <li> <a href="https://web-aviation.bmkg.go.id" class="block py-2 pr-4 pl-3 border-b border-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700 text-white rounded bg-primary-700 lg:bg-transparent lg:text-primary-700 dark:text-white"> Beranda</a> </li> <li> <button id="peringatan-button" data-dropdown-toggle="peringatan" class="flex items-center gap-1 py-2 pl-3 text-gray-700 border-b border-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700 dark:hover:text-white"> Peringatan <svg class="w-2.5 h-2.5 ms-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" /> </svg> </button> <div id="peringatan" class="absolute z-10 hidden w-auto text-md bg-white border border-gray-100 rounded-lg shadow-md dark:border-gray-700 dark:bg-gray-700"> <div class="p-4 pb-0 text-gray-900 w-max md:pb-4 dark:text-white"> <ul class="flex flex-col gap-4" aria-labelledby="peringatan-button"> <a href="https://web-aviation.bmkg.go.id/web/sigmet.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Sigmet </li> </a> <a href="https://web-aviation.bmkg.go.id/web/space-weather" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Space Weather Advisory </li> </a> <a href="https://web-aviation.bmkg.go.id/web/volcanic-ash" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Abu Vulkanik </li> </a> </ul> </div> </div> </li> <li> <button id="pengataman-button" data-dropdown-toggle="pengataman" class="flex items-center gap-1 py-2 pl-3 text-gray-700 capitalize border-b border-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700 dark:hover:text-white"> Pengamatan <svg class="w-2.5 h-2.5 ms-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" /> </svg> </button> <div id="pengataman" class="absolute z-10 hidden w-auto text-md bg-white border border-gray-100 rounded-lg shadow-md dark:border-gray-700 dark:bg-gray-700"> <div class="p-4 pb-0 text-gray-900 w-max md:pb-4 dark:text-white"> <ul class="flex flex-col gap-4" aria-labelledby="pengataman-button"> <a href="https://web-aviation.bmkg.go.id/web/observation.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Cuaca Terakhir Bandara </li> </a> <a href="https://inasiam.bmkg.go.id" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Ina-SIAM </li> </a> <a href="https://web-aviation.bmkg.go.id/web/synop.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Synop </li> </a> <a href="https://web-aviation.bmkg.go.id/web/metar_speci.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Metar / Speci </li> </a> <a href="https://web-aviation.bmkg.go.id/web/citra_radar.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Citra Radar </li> </a> <a href="https://web-aviation.bmkg.go.id/maps" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Data Rason </li> </a> <a href="https://web-aviation.bmkg.go.id/web/upper_air.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Upper Air </li> </a> <a href="https://web-aviation.bmkg.go.id/web/satellite_vs.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Citra Satelit </li> </a> </ul> </div> </div> </li> <li> <button id="prakiraan-button" data-dropdown-toggle="prakiraan" class="flex items-center gap-1 py-2 pl-3 text-gray-700 capitalize border-b border-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700 dark:hover:text-white"> Prakiraan <svg class="w-2.5 h-2.5 ms-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" /> </svg> </button> <div id="prakiraan" class="absolute z-10 hidden w-auto text-md bg-white border border-gray-100 rounded-lg shadow-md dark:border-gray-700 dark:bg-gray-700"> <div class="p-4 pb-0 text-gray-900 w-max md:pb-4 dark:text-white"> <ul class="flex flex-col gap-4" aria-labelledby="prakiraan-button"> <a href="https://web-aviation.bmkg.go.id/web/prediksi_cb.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Potensi Pertumbuhan Awan CB </li> </a> <a href="https://web-aviation.bmkg.go.id/web/seccb.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Prakiraan Area CB </li> </a> <a href="https://web-aviation.bmkg.go.id/web/forecast.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Prakiraan Cuaca Bandara </li> </a> <a href="https://web-aviation.bmkg.go.id/web/airport_forecast.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Prakiraan Per Bandara </li> </a> <a href="https://web-aviation.bmkg.go.id/web/taf.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> TAF </li> </a> <a href="https://web-aviation.bmkg.go.id/web/windtemp_full.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Wind/Temp </li> </a> <a href="https://web-aviation.bmkg.go.id/web/turb.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Eddy Dissipation Parameter </li> </a> <a href="https://web-aviation.bmkg.go.id/web/icing.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Icing Severity </li> </a> <a href="https://web-aviation.bmkg.go.id/web/sigwx_high_level.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> High Level SigWX </li> </a> <a href="https://web-aviation.bmkg.go.id/web/sigwx_medium_level.php" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-500"> <li> Medium Level SigWX </li> </a> </ul> </div> </div> </li> <li> <a href="https://web-aviation.bmkg.go.id/maps" class="block py-2 pr-4 pl-3 border-b border-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700 text-gray-700 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700 dark:hover:text-white"> Maps</a> </li> <li> <a href="https://web-aviation.bmkg.go.id/web/regulasi" class="block py-2 pr-4 pl-3 border-b border-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700 text-gray-700 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700 dark:hover:text-white"> Regulasi</a> </li> <li> <a href="https://web-aviation.bmkg.go.id/web/kontak" class="block py-2 pr-4 pl-3 border-b border-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700 text-gray-700 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700 dark:hover:text-white"> Kontak Kami </a> </li>  <li> <button id="language-button" data-dropdown-toggle="language-dropdown" class="inline-flex items-center py-2 px-1 text-gray-700 lg:hover:text-primary-700 lg:dark:hover:text-white"> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129" /> </svg> </button> <div id="language-dropdown" class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-28 dark:bg-gray-700"> <ul class="py-2 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="language-button"> <li> <a href="https://web-aviation.bmkg.go.id/language/id" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white bg-gray-100 dark:bg-gray-600"> Bahasa Indonesia </a> </li> <li> <a href="https://web-aviation.bmkg.go.id/language/en" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white "> English </a> </li> </ul> </div> </li> </ul> </div> </div> </nav> <div class="items-center min-h-screen lg:flex"> <div class="max-w-screen-xl px-4 py-8 mx-auto text-center text-white rounded-md lg:py-16 lg:px-12"> <a href="https://inasiam.bmkg.go.id/" class="inline-flex items-center justify-between px-1 py-1 pr-4 text-sm text-gray-700 bg-gray-100 rounded-full mb-7 dark:bg-gray-800 dark:text-white hover:bg-gray-200 dark:hover:bg-gray-700" role="alert"> <span class="text-xs bg-primary-600 rounded-full text-white px-4 py-1.5 mr-3">Info</span> <span class="text-sm font-medium">Sistem of Indonesian Aviation Meteorology</span> <svg class="w-5 h-5 ml-2" fill="currentColor" viewBox="0 0 20 20" xmlns="https://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path> </svg> </a> <h1 class="mb-4 text-4xl font-extrabold leading-none tracking-tight md:text-5xl lg:text-6xl dark:text-white"> Sistem Informasi Meteorologi Penerbangan</h1> <p class="mb-8 text-base font-normal lg:text-base sm:px-16 xl:px-48 dark:text-gray-400"> Informasi dalam situs ini merupakan informasi yang berkaitan dengan prakiraan dan pemantauan yang disajikan sebagai bagian dari peran BMKG dalam mendistribusikan informasi meteorologi yang berhubungan dengan aplikasi penerbangan</p> <div class="flex mx-auto mt-4 mb-4"> <form action="https://web-aviation.bmkg.go.id/check/user/request" method="GET" class="w-full"> <div class="flex w-full gap-3 mx-auto lg:w-2/3"> <input type="hidden" name="_token" value="dj1ZREsAS8mWzjzhP6wKTDsTmhWG6htFjvJ2nEVR" autocomplete="off"> <select id="select-station" name="station" multiple placeholder="Select a station..." class="w-full mx-auto" autocomplete="off"> <option value="">Select a station...</option> <option value="WICD">Bandar Udara Cakrabhuwana / Penggung - Cirebon - WICD </option> <option value="WIII">Bandar Udara Soekarno Hatta - Jakarta - WIII </option> <option value="WIMA">Bandar Udara Malikus Saleh - Lhokseumawe - WIMA </option> <option value="WAGS">Bandar Udara Haji Asan - Sampit - WAGS </option> <option value="WAWB">Bandar Udara Beto Ambari - Bau Bau - WAWB </option> <option value="WIJI">Bandar Udara Depati Parbo - Kerinci - WIJI </option> <option value="WAHS">Bandar Udara Ahmad Yani - Semarang - WAHS </option> <option value="WIMN">Bandar Udara Silangit - Tapanuli Utara - WIMN </option> <option value="WIKK">Bandar Udara Depati Amir - Pangkal Pinang - WIKK </option> <option value="WAPC">Bandar Udara Bandaneira - Banda - WAPC </option> <option value="WAEL">Bandar Udara Oesman Sadik - Labuha - WAEL </option> <option value="WAHI">Bandar Udara Yogyakarta International Airport - Kulonprogo - WAHI </option> <option value="WATK">Bandar Udara Tambolaka - Sumba Barat - WATK </option> <option value="WIGG">Bandar Udara Fatmawati Sukarno - Bengkulu - WIGG </option> <option value="WATM">Bandar Udara Mali - Alor - WATM </option> <option value="WIMB">Bandar Udara Binaka - Gunung Sitoli - WIMB </option> <option value="WABB">Bandar Udara Frans Kaisiepo - Biak - WABB </option> <option value="WADL">Bandar Udara Bandara Internasional Lombok - Praya - WADL </option> <option value="WAAA">Bandar Udara Sultan Hasanuddin - Makassar - WAAA </option> <option value="WAGG">Bandar Udara Tjilik Riwut - Palangkaraya - WAGG </option> <option value="WIMM">Bandar Udara Kualanamu International Airport - Deli Serdang - WIMM </option> <option value="WATS">Bandar Udara Tardamu - Sabu - WATS </option> <option value="WIOP">Bandar Udara Pangsuma - Putussibau - WIOP </option> <option value="WAES">Bandar Udara Emalamo - Sanana - WAES </option> <option value="WABO">Bandar Udara Stevanus Rumbewas - Serui - WABO </option> <option value="WALL">Bandar Udara Sultan Aji Muhammad Sulaiman - Sepinggan - WALL </option> <option value="WADB">Bandar Udara Sultan Muhammad Salahuddin - Bima - WADB </option> <option value="WAGI">Bandar Udara Iskandar - Pangkalan Bun - WAGI </option> <option value="WATO">Bandar Udara Komodo - Labuan Bajo - WATO </option> <option value="WAEE">Bandar Udara Sultan Babullah - Ternate - WAEE </option> <option value="WIBB">Bandar Udara Sultan Syarif Kasim II - Pekanbaru - WIBB </option> <option value="WAQJ">Bandar Udara Yuvai Semaring - Long Bawang - WAQJ </option> <option value="WAGB">Bandar Udara Haji Muhammad Sidik - Muara Teweh - WAGB </option> <option value="WITN">Bandar Udara Maimun Saleh - Sabang - WITN </option> <option value="WITC">Bandar Udara Cut Nyak Dien Nagan Raya - Meulaboh, NAD - WITC </option> <option value="WARD">Bandar Udara Dhoho - WARD </option> <option value="WAFF">Bandar Udara Mutiara SIS Al-Jufri - Palu - WAFF </option> <option value="WIDD">Bandar Udara Hang Nadim - Batam - WIDD </option> <option value="WATR">Bandar Udara David Constantijn Saudale - Rote - WATR </option> <option value="WASS">Bandar Udara Domine Eduard Osok - Sorong - WASS </option> <option value="WATE">Bandar Udara H. Hasan Aroeboesman - Ende - WATE </option> <option value="WAEG">Bandar Udara Gamar Malamo - Galela - WAEG </option> <option value="WAPP">Bandar Udara Pattimura - Ambon - WAPP </option> <option value="WADD">Bandar Udara I Gusti Ngurah Rai - Denpasar - WADD </option> <option value="WASF">Bandar Udara Torea - Fak Fak - WASF </option> <option value="WAJJ">Bandar Udara Sentani - Jayapura - WAJJ </option> <option value="WICM">Bandar Udara Wiriadinata - Cibeureum, Tasikmalaya - WICM </option> <option value="WIDS">Bandar Udara Dabo - Singkep - WIDS </option> <option value="WATG">Bandar Udara Frans Sales Lega - Ruteng - WATG </option> <option value="WIOG">Bandar Udara Nanga Pinoh - WIOG </option> <option value="WAOO">Bandar Udara Syamsudin Noor - Banjarmasin - WAOO </option> <option value="WAPF">Bandar Udara Karel Sadsuitubun - Tual - WAPF </option> <option value="WAFW">Bandar Udara Syukuran Aminuddin Amir - Luwuk - WAFW </option> <option value="WAFM">Bandar Udara Andi Jemma - Masamba - WAFM </option> <option value="WIME">Bandar Udara Aek Godang - Padang Sidempuan - WIME </option> <option value="WADY">Bandar Udara Banyuwangi - WADY </option> <option value="WIBJ">Bandar Udara Japura - Rengat - WIBJ </option> <option value="WIOH">Bandar Udara Paloh - Sambas - WIOH </option> <option value="WICA">Bandar Udara Kertajati - WICA </option> <option value="WIKT">Bandar Udara H.A.S. Hanandjoeddin - Tanjung Pandan - WIKT </option> <option value="WIOS">Bandar Udara Tebelian - Sintang - WIOS </option> <option value="WAUU">Bandar Udara Rendani - Manokwari - WAUU </option> <option value="WIEE">Bandar Udara Minangkabau International Airport - Padang - WIEE </option> <option value="WIOK">Bandar Udara Rahadi Oesman - Ketapang - WIOK </option> <option value="WAFJ">Bandar Udara Tampa Padang - Mamuju - WAFJ </option> <option value="WAHL">Bandar Udara Tunggul Wulung - Cilacap - WAHL </option> <option value="WAQA">Bandar Udara Nunukan - WAQA </option> <option value="WAMG">Bandar Udara Djalaluddin - Gorontalo - WAMG </option> <option value="WITT">Bandar Udara Sultan Iskandar Muda - Banda Aceh - WITT </option> <option value="WIDN">Bandar Udara Raja Haji Fisabilillah - Tanjung Pinang - WIDN </option> <option value="WATT">Bandar Udara El Tari - Kupang - WATT </option> <option value="WAMM">Bandar Udara Sam Ratulangi - Manado - WAMM </option> <option value="WAWP">Bandar Udara Sangia Nibandera - Kolaka - WAWP </option> <option value="WIMS">Bandar Udara Dr. Ferdinand Lumban Tobing - Pinangsori (Sibolga) - WIMS </option> <option value="WABI">Bandar Udara Douw Aturure - Nabire - WABI </option> <option value="WASK">Bandar Udara Utarom - Kaimana - WASK </option> <option value="WARI">Bandar Udara Iswahjudi - Madiun - WARI </option> <option value="WARR">Bandar Udara Juanda - Surabaya - WARR </option> <option value="WAWW">Bandar Udara Haluoleo - Kendari - WAWW </option> <option value="WART">Bandar Udara Trunojoyo - Sumenep - WART </option> <option value="WATL">Bandar Udara Gewayantana - Larantuka - WATL </option> <option value="WIJJ">Bandar Udara Sultan Thaha - Jambi - WIJJ </option> <option value="WIHH">Bandar Udara Halim Perdana Kusuma - Jakarta - WIHH </option> <option value="WIRR">Bandar Udara Budiarto - Curug - WIRR </option> <option value="WAYY">Bandar Udara Mozes Kilangin - Timika - WAYY </option> <option value="WIDO">Bandar Udara Ranai - Natuna - WIDO </option> <option value="WAHQ">Bandar Udara Adi Soemarmo - Surakarta - WAHQ </option> <option value="WADS">Bandar Udara Sultan Muhammad Kaharuddin - Sumbawa Besar - WADS </option> <option value="WAKK">Bandar Udara Mopah - Merauke - WAKK </option> <option value="WAKT">Bandar Udara Tanah Merah - WAKT </option> <option value="WIDT">Bandar Udara Raja Haji Abdullah - Tanjung Balai Karimun - WIDT </option> <option value="WAQQ">Bandar Udara Juwata - Tarakan - WAQQ </option> <option value="WARW">Bandar Udara Bawean - Harun Thohir - WARW </option> <option value="WAMH">Bandar Udara Naha - Tahuna - WAMH </option> <option value="WILL">Bandar Udara Radin Inten II - Lampung - WILL </option> <option value="WICC">Bandar Udara Husein Sastranegara - Bandung - WICC </option> <option value="WAOK">Bandar Udara Gusti Sjamsir Alam - Kota Baru - WAOK </option> <option value="WAVV">Bandar Udara Wamena - WAVV </option> <option value="WAQT">Bandar Udara Kalimarau - Tanjung Redeb - WAQT </option> <option value="WAPS">Bandar Udara Mathilda Batlayeri - Saumlaki - WAPS </option> <option value="WIPP">Bandar Udara Sultan Mahmud Badaruddin II - Palembang - WIPP </option> <option value="WAPA">Bandar Udara Amahai - WAPA </option> <option value="WIOO">Bandar Udara Supadio - Pontianak - WIOO </option> <option value="WARE">Bandar Udara Noto Hadinegoro - Jember - WARE </option> <option value="WAFL">Bandar Udara Sultan Bantilan - Toli Toli - WAFL </option> <option value="WATU">Bandar Udara Umbu Mehang Kunda - Waingapu - WATU </option> <option value="WATC">Bandar Udara Fransiskus Xaverius Seda - Maumere - WATC </option> <option value="WALS">Bandar Udara Aji Pangeran Tumenggung Pranoto - Samarinda - WALS </option> </select> <button type="submit" class="inline-flex items-center justify-center px-2 text-center text-white rounded-lg bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:focus:ring-primary-900"> <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5"> <path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z" clip-rule="evenodd" /> </svg> </button> </div> </form> </div> <div class="swiper mySwiper"> <div class="swiper-wrapper"> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Cakrabhuwana / Penggung - Cirebon </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Soekarno Hatta - Jakarta </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-HZ.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Udara kabur </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 3.0 km</span> <span class="text-sm text-gray-800">Suhu: 26°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Malikus Saleh - Lhokseumawe </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Haji Asan - Sampit </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-VCSH.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Hujan tiba-tiba di sekitarnya </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Beto Ambari - Bau Bau </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: -°C</span> <span class="text-sm text-gray-800">Titik embun: -°C</span> <span class="text-sm text-gray-800">Tekanan: 1011 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:00 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Depati Parbo - Kerinci </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 21°C</span> <span class="text-sm text-gray-800">Titik embun: 21°C</span> <span class="text-sm text-gray-800">Tekanan: 1014 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Ahmad Yani - Semarang </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 26°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Silangit - Tapanuli Utara </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-mRA.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Hujan ringan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 4.0 km</span> <span class="text-sm text-gray-800">Suhu: 18°C</span> <span class="text-sm text-gray-800">Titik embun: 18°C</span> <span class="text-sm text-gray-800">Tekanan: 1019 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 12:42 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Depati Amir - Pangkal Pinang </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Bandaneira - Banda </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 26°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:00 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Oesman Sadik - Labuha </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:30 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Yogyakarta International Airport - Kulonprogo </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 9.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Tambolaka - Sumba Barat </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 9.3 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 23°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Fatmawati Sukarno - Bengkulu </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 8.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1007 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Mali - Alor </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 8.0 km</span> <span class="text-sm text-gray-800">Suhu: 23°C</span> <span class="text-sm text-gray-800">Titik embun: 21°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:00 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Binaka - Gunung Sitoli </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Frans Kaisiepo - Biak </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 9.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:30 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Bandara Internasional Lombok - Praya </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-HZ.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Udara kabur </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 4.0 km</span> <span class="text-sm text-gray-800">Suhu: 23°C</span> <span class="text-sm text-gray-800">Titik embun: 22°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Sultan Hasanuddin - Makassar </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 8.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Tjilik Riwut - Palangkaraya </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-mRA.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Hujan ringan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 11.1 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 3.7 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Kualanamu International Airport - Deli Serdang </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1007 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Tardamu - Sabu </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 9.3 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 22°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Pangsuma - Putussibau </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-RA.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Hujan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 3.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1012 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 01:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Emalamo - Sanana </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 8.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:00 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Stevanus Rumbewas - Serui </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 5.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:00 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Sultan Aji Muhammad Sulaiman - Sepinggan </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 9.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Sultan Muhammad Salahuddin - Bima </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 22°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Iskandar - Pangkalan Bun </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-mRA.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Hujan ringan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 4.7 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Komodo - Labuan Bajo </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 7.0 km</span> <span class="text-sm text-gray-800">Suhu: 23°C</span> <span class="text-sm text-gray-800">Titik embun: 22°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Sultan Babullah - Ternate </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 7.4 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:00 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Sultan Syarif Kasim II - Pekanbaru </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 8.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Yuvai Semaring - Long Bawang </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 20°C</span> <span class="text-sm text-gray-800">Titik embun: 20°C</span> <span class="text-sm text-gray-800">Tekanan: 1015 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Haji Muhammad Sidik - Muara Teweh </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-RA.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Hujan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 4.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Maimun Saleh - Sabang </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1011 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Cut Nyak Dien Nagan Raya - Meulaboh, NAD </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Dhoho </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 7.4 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 8.0 km</span> <span class="text-sm text-gray-800">Suhu: 26°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Mutiara SIS Al-Jufri - Palu </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 8.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 22°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Hang Nadim - Batam </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 9.0 km</span> <span class="text-sm text-gray-800">Suhu: 27°C</span> <span class="text-sm text-gray-800">Titik embun: 26°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> David Constantijn Saudale - Rote </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 23°C</span> <span class="text-sm text-gray-800">Titik embun: 22°C</span> <span class="text-sm text-gray-800">Tekanan: 1011 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Domine Eduard Osok - Sorong </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 7.4 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:30 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> H. Hasan Aroeboesman - Ende </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Gamar Malamo - Galela </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 9.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:00 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Pattimura - Ambon </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 8.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1011 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> I Gusti Ngurah Rai - Denpasar </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 7.4 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 26°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Torea - Fak Fak </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 23°C</span> <span class="text-sm text-gray-800">Titik embun: 22°C</span> <span class="text-sm text-gray-800">Tekanan: 1012 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:30 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Sentani - Jayapura </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:30 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Wiriadinata - Cibeureum, Tasikmalaya </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 23°C</span> <span class="text-sm text-gray-800">Titik embun: 22°C</span> <span class="text-sm text-gray-800">Tekanan: 1011 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Dabo - Singkep </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 7.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Frans Sales Lega - Ruteng </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 16°C</span> <span class="text-sm text-gray-800">Titik embun: 14°C</span> <span class="text-sm text-gray-800">Tekanan: 1014 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Nanga Pinoh </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-mRA.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Hujan ringan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 3.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 01:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Syamsudin Noor - Banjarmasin </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-mRA.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Hujan ringan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 7.4 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Karel Sadsuitubun - Tual </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 5.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:00 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Syukuran Aminuddin Amir - Luwuk </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-mRA.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Hujan ringan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 24.1 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 26°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:35 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Andi Jemma - Masamba </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Aek Godang - Padang Sidempuan </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 23°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Banyuwangi </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 23°C</span> <span class="text-sm text-gray-800">Titik embun: 22°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Japura - Rengat </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Paloh - Sambas </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Kertajati </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> H.A.S. Hanandjoeddin - Tanjung Pandan </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Tebelian - Sintang </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-mRA.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Hujan ringan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 3.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 01:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Rendani - Manokwari </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 8.0 km</span> <span class="text-sm text-gray-800">Suhu: 26°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:30 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Minangkabau International Airport - Padang </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-mRA.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Hujan ringan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Rahadi Oesman - Ketapang </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Tampa Padang - Mamuju </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Tunggul Wulung - Cilacap </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Nunukan </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 7.0 km</span> <span class="text-sm text-gray-800">Suhu: 26°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Djalaluddin - Gorontalo </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1007 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Sultan Iskandar Muda - Banda Aceh </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 23°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Raja Haji Fisabilillah - Tanjung Pinang </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 26°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> El Tari - Kupang </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 23°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Sam Ratulangi - Manado </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1012 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Sangia Nibandera - Kolaka </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Dr. Ferdinand Lumban Tobing - Pinangsori (Sibolga) </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 7.4 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Douw Aturure - Nabire </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:00 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Utarom - Kaimana </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 7.4 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 7.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:00 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Iswahjudi - Madiun </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Juanda - Surabaya </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 8.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Haluoleo - Kendari </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1011 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Trunojoyo - Sumenep </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Gewayantana - Larantuka </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 8.0 km</span> <span class="text-sm text-gray-800">Suhu: 23°C</span> <span class="text-sm text-gray-800">Titik embun: 22°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:00 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Sultan Thaha - Jambi </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 7.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Halim Perdana Kusuma - Jakarta </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 7.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 12:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Budiarto - Curug </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-BR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Halimun </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 1.8 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Mozes Kilangin - Timika </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 6.0 km</span> <span class="text-sm text-gray-800">Suhu: 23°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1011 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:30 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Ranai - Natuna </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 7.0 km</span> <span class="text-sm text-gray-800">Suhu: 26°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1011 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Adi Soemarmo - Surakarta </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-HZ.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Udara kabur </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 5.0 km</span> <span class="text-sm text-gray-800">Suhu: 26°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1011 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 01:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Sultan Muhammad Kaharuddin - Sumbawa Besar </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 8.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Mopah - Merauke </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 8.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Tanah Merah </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-RA.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Hujan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 2.0 km</span> <span class="text-sm text-gray-800">Suhu: 99°C</span> <span class="text-sm text-gray-800">Titik embun: 99°C</span> <span class="text-sm text-gray-800">Tekanan: 1011 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:00 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Raja Haji Abdullah - Tanjung Balai Karimun </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 27°C</span> <span class="text-sm text-gray-800">Titik embun: 26°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Juwata - Tarakan </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 8.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Bawean - Harun Thohir </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 26°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Naha - Tahuna </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 9.3 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Radin Inten II - Lampung </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 7.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Husein Sastranegara - Bandung </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-HZ.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Udara kabur </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: 4.0 km</span> <span class="text-sm text-gray-800">Suhu: 21°C</span> <span class="text-sm text-gray-800">Titik embun: 20°C</span> <span class="text-sm text-gray-800">Tekanan: 1016 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 12:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Gusti Sjamsir Alam - Kota Baru </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Wamena </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-BR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Halimun </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 1.9 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 2.0 km</span> <span class="text-sm text-gray-800">Suhu: 17°C</span> <span class="text-sm text-gray-800">Titik embun: 17°C</span> <span class="text-sm text-gray-800">Tekanan: 1021 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:30 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Kalimarau - Tanjung Redeb </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 7.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Mathilda Batlayeri - Saumlaki </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 9.0 km</span> <span class="text-sm text-gray-800">Suhu: 26°C</span> <span class="text-sm text-gray-800">Titik embun: 25°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:00 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Sultan Mahmud Badaruddin II - Palembang </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-HZ.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Udara kabur </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 3.0 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Amahai </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 25°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 04:30 WIT</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Supadio - Pontianak </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 24°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:00 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Noto Hadinegoro - Jember </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 5.6 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 23°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 02:30 WIB</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Sultan Bantilan - Toli Toli </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 3.7 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: 8.0 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:00 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Umbu Mehang Kunda - Waingapu </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 14.8 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: - km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1009 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Fransiskus Xaverius Seda - Maumere </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLEAR-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Cerah - berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: 7.4 km/jam </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 23°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1010 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> <div class="h-auto p-3 mb-3 swiper-slide"> <a href=""> <div class="pt-2 pb-4 duration-300 transform rounded-md shadow-md bg-white/70 hover:-translate-y-2 hover:bg-white/90"> <h6 class="mt-2 mb-2 font-semibold leading-5 text-center text-gray-900"> Aji Pangeran Tumenggung Pranoto - Samarinda </h6> <div class="grid grid-cols-3"> <div class="h-full col-span-1 p-2 mt-3 justify-self-center"> <img src="/images/weathers/NIGHT-CLOUDY.png" class="w-16 justify-self-center"> <p class="mt-2 text-xs font-bold text-center text-gray-800"> Berawan </p> </div> <div class="flex flex-col h-full col-span-2 ml-2 text-left"> <span class="text-sm text-gray-800">Angin: - </span> <span class="text-sm text-gray-800">Jarak pandang: >=10 km</span> <span class="text-sm text-gray-800">Suhu: 24°C</span> <span class="text-sm text-gray-800">Titik embun: 23°C</span> <span class="text-sm text-gray-800">Tekanan: 1008 hPa</span> <span class="text-sm text-gray-800">Waktu pengamatan: 03:30 WITA</span> </div> </div> </div> </a> </div> </div> </div> <div class="px-4 mx-auto text-center md:max-w-screen-md lg:max-w-screen-lg lg:px-36"> <span class="font-semibold text-gray-400 uppercase">Our Partners</span> <div class="flex flex-wrap items-center justify-center p-3 mt-4 text-gray-500 bg-white rounded-md shadow sm:justify-between"> <a href="#" class="mb-5 mr-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400"> <img src="https://s3.dapur.cloud/logo.jpg" alt="Asean" class="h-14"> </a> <a href="#" class="mb-5 mr-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400"> <img src="https://th.bing.com/th/id/OIP.TzHKGKF48UP359Wx_pYxOwHaC0?pid=ImgDet&rs=1" alt="Asean" class="h-14"> </a> <a href="#" class="mb-5 mr-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400"> <img src="https://unitingaviation.com/wp-content/uploads/2020/05/ICAO-Logo-e1589487932885.jpg" alt="Asean" class="h-14"> </a> </div> </div> </div> </div> </div> </section> </header> <div class="w-full bg-gray-900"> <div class="px-4 py-6 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 lg:py-20 lg:grid lg:grid-cols-6"> <div class="col-span-6 mr-4"> <div class="block mb-6 lg:justify-between lg:flex-row md:mb-8"> <h2 class="max-w-lg mb-5 font-sans text-3xl font-bold tracking-tight text-white sm:text-4xl sm:leading-none md:mb-6 group"> <span class="inline-block mb-1 sm:mb-4"> Informasi Data Terkini </span> <div class="h-1 ml-auto duration-300 origin-left transform bg-deep-purple-accent-400 scale-x-30 group-hover:scale-x-100"> </div> </h2> <p class="hidden italic text-white lg:text-sm lg:max-w-md lg:block"> "Menyediakan data, informasi dan jasa meteorologi penerbangan kepada para pengguna sesuai dengan kebutuhan dan keinginan dengan tingkat akurasi tinggi dan tepat waktu" </p> </div> </div> <div class="col-span-6"> <div class="grid grid-cols-2 gap-6 row-gap-5 mb-8 lg:grid-cols-5 sm:row-gap-6"> <a href="https://web-aviation.bmkg.go.id/web/metar_speci.php" aria-label="View Item"> <div class="relative overflow-hidden transition duration-200 transform rounded shadow-lg hover:-translate-y-2 hover:shadow-2xl"> <img class="object-cover w-full h-44" src="/images/metar-bg.jpg" alt="" /> <div class="absolute inset-x-0 bottom-0 px-6 py-4 bg-black bg-opacity-75"> <p class="text-sm font-medium tracking-wide text-center text-white"> Info METAR & SPECI </p> </div> </div> </a> <a href="https://web-aviation.bmkg.go.id/web/taf.php" aria-label="View Item"> <div class="relative overflow-hidden transition duration-200 transform rounded shadow-lg hover:-translate-y-2 hover:shadow-2xl"> <img class="object-cover w-full h-44" src="/images/taf-bg.jpg" alt="" /> <div class="absolute inset-x-0 bottom-0 px-6 py-4 bg-black bg-opacity-75"> <p class="text-sm font-medium tracking-wide text-center text-white"> Informasi TAF </p> </div> </div> </a> <a href="https://web-aviation.bmkg.go.id/web/sigmet.php" aria-label="View Item"> <div class="relative overflow-hidden transition duration-200 transform rounded shadow-lg hover:-translate-y-2 hover:shadow-2xl"> <img class="object-cover w-full h-44" src="/images/sigwx-bg.jpg" alt="" /> <div class="absolute inset-x-0 bottom-0 px-6 py-4 bg-black bg-opacity-75"> <p class="text-sm font-medium tracking-wide text-center text-white"> Informasi SIGMET </p> </div> </div> </a> <a href="https://web-aviation.bmkg.go.id/web/prediksi_cb.php" aria-label="View Item"> <div class="relative overflow-hidden transition duration-200 transform rounded shadow-lg hover:-translate-y-2 hover:shadow-2xl"> <img class="object-cover w-full h-44" src="/images/cb-bg.jpg" alt="" /> <div class="absolute inset-x-0 bottom-0 px-6 py-4 bg-black bg-opacity-75"> <p class="text-sm font-medium tracking-wide text-center text-white"> Info Prakiraan CB </p> </div> </div> </a> <a href="https://web-aviation.bmkg.go.id/web/sigwx_medium_level.php" aria-label="View Item"> <div class="relative overflow-hidden transition duration-200 transform rounded shadow-lg hover:-translate-y-2 hover:shadow-2xl"> <img class="object-cover w-full h-44" src="https://web-aviation.bmkg.go.id/model/mediumsigwx/2024/03/sigwx_202403161800.jpeg" alt="" /> <div class="absolute inset-x-0 bottom-0 px-6 py-4 bg-black bg-opacity-75"> <p class="text-sm font-medium tracking-wide text-center text-white"> Peta SigWx </p> </div> </div> </a> <a href="https://web-aviation.bmkg.go.id/web/satellite_ir.php" aria-label="View Item"> <div class="relative overflow-hidden transition duration-200 transform rounded shadow-lg hover:-translate-y-2 hover:shadow-2xl"> <img class="object-cover w-full h-44" src="/images/citra_satelit_ir.png" alt="" /> <div class="absolute inset-x-0 bottom-0 px-6 py-4 bg-black bg-opacity-75"> <p class="text-sm font-medium tracking-wide text-center text-white"> Citra Satelit </p> </div> </div> </a> <a href="https://web-aviation.bmkg.go.id/web/citra_radar.php" aria-label="View Item"> <div class="relative overflow-hidden transition duration-200 transform rounded shadow-lg hover:-translate-y-2 hover:shadow-2xl"> <img class="object-cover w-full h-44" src="/images/citra_radar_QCComposite.png" alt="" /> <div class="absolute inset-x-0 bottom-0 px-6 py-4 bg-black bg-opacity-75"> <p class="text-sm font-medium tracking-wide text-center text-white"> Citra Radar </p> </div> </div> </a> <a href="https://web-aviation.bmkg.go.id/web/synop.php" aria-label="View Item"> <div class="relative overflow-hidden transition duration-200 transform rounded shadow-lg hover:-translate-y-2 hover:shadow-2xl"> <img class="object-cover w-full h-44" src="https://stamet-kotim.bmkg.go.id/wp-content/uploads/2023/03/penakar-hujan-obs-1-768x1024.jpeg" alt="" /> <div class="absolute inset-x-0 bottom-0 px-6 py-4 bg-black bg-opacity-75"> <p class="text-sm font-medium tracking-wide text-center text-white"> Synoptic </p> </div> </div> </a> <a href="https://web-aviation.bmkg.go.id/web/upper_air.php" aria-label="View Item"> <div class="relative overflow-hidden transition duration-200 transform rounded shadow-lg hover:-translate-y-2 hover:shadow-2xl"> <img class="object-cover w-full h-44" src="https://radiosondemuseum.org/wp-content/uploads/2012/03/WhatIsARadiosonde.jpg" alt="" /> <div class="absolute inset-x-0 bottom-0 px-6 py-4 bg-black bg-opacity-75"> <p class="text-sm font-medium tracking-wide text-center text-white"> Upper Air </p> </div> </div> </a> <a href="https://web-aviation.bmkg.go.id/web/windtemp_full.php" aria-label="View Item"> <div class="relative overflow-hidden transition duration-200 transform rounded shadow-lg hover:-translate-y-2 hover:shadow-2xl"> <img class="object-cover w-full h-44" src="https://web-aviation.bmkg.go.id/model/windtemp/850_00.png" alt="" /> <div class="absolute inset-x-0 bottom-0 px-6 py-4 bg-black bg-opacity-75"> <p class="text-sm font-medium tracking-wide text-center text-white"> Wind / Temp </p> </div> </div> </a> <a href="https://web-aviation.bmkg.go.id/web/observation.php" aria-label="View Item"> <div class="relative overflow-hidden transition duration-200 transform rounded shadow-lg hover:-translate-y-2 hover:shadow-2xl"> <img class="object-cover w-full h-44" src="https://cdn.bmkg.go.id/Web/IMG_8087.jpg" alt="" /> <div class="absolute inset-x-0 bottom-0 px-6 py-4 bg-black bg-opacity-75"> <p class="text-sm font-medium tracking-wide text-center text-white"> Cuaca Terakhir Bandara </p> </div> </div> </a> <a href="https://web-aviation.bmkg.go.id/web/space-weather" aria-label="View Item"> <div class="relative overflow-hidden transition duration-200 transform rounded shadow-lg hover:-translate-y-2 hover:shadow-2xl"> <img class="object-cover w-full h-44" src="https://www.swpc.noaa.gov/sites/default/files/phenomena_header.png" alt="" /> <div class="absolute inset-x-0 bottom-0 px-6 py-4 bg-black bg-opacity-75"> <p class="text-sm font-medium tracking-wide text-center text-white"> Space Weather Advisory </p> </div> </div> </a> </div> </div> </div> </div> <div class="px-4 pt-8 mx-auto lg:pt-16 sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8"> <div class="flex flex-col mb-6 lg:justify-between lg:flex-row md:mb-8"> <h2 class="max-w-lg mb-5 font-sans text-3xl font-bold tracking-tight text-gray-900 sm:text-2xl sm:leading-none md:mb-6 group"> <span class="inline-block mb-1 sm:mb-4"> Informasi Berita Terbaru<br class="hidden md:block" /> Meteorologi Penerbangan. </span> <div class="h-1 ml-auto duration-300 origin-left transform bg-deep-purple-accent-400 scale-x-30 group-hover:scale-x-100"> </div> </h2> </div> <div class="grid gap-8 lg:grid-cols-5 sm:max-w-sm sm:mx-auto lg:max-w-full"> <div class="overflow-hidden transition-shadow duration-300 bg-white rounded shadow-sm"> <a href="https://web-aviation.bmkg.go.id/post/bmkg-gelar-upacara-hari-pahlawan-hormati-jasa-para-pejuang-kemerdekaan-1731226662"> <img src="https://web-aviation.bmkg.go.id/storage/photos/138/IMG_7711.jpg" class="object-cover w-full h-44" alt="" /> </a> <div class="p-5 border border-t-0"> <p class="mb-3 text-xs font-semibold tracking-wide uppercase"> <a href="/" class="transition-colors duration-200 text-blue-gray-900 hover:text-deep-purple-accent-700" aria-label="Category" title="traveling">Berita</a> <span class="text-gray-600">— 10 Nov 2024</span> </p> <a href="https://web-aviation.bmkg.go.id/post/bmkg-gelar-upacara-hari-pahlawan-hormati-jasa-para-pejuang-kemerdekaan-1731226662" aria-label="Category" title="Visit the East" class="inline-block mb-3 text-lg font-bold leading-5 transition-colors duration-200 hover:text-deep-purple-accent-700">BMKG Gelar Upacara Hari Pahlawan, Hormati Jasa Para Pejuang Kemerdekaan</a> <p class="mb-2 text-gray-700"> </p> <a href="https://web-aviation.bmkg.go.id/post/bmkg-gelar-upacara-hari-pahlawan-hormati-jasa-para-pejuang-kemerdekaan-1731226662" aria-label="" class="inline-flex items-center font-semibold transition-colors duration-200 text-deep-purple-accent-400 hover:text-deep-purple-800">Read more</a> </div> </div> <div class="overflow-hidden transition-shadow duration-300 bg-white rounded shadow-sm"> <a href="https://web-aviation.bmkg.go.id/post/jelang-international-sustainbility-forum-isf-bmkg-persiapkan-operasi-modifikasi-cuaca-1724732012"> <img src="https://web-aviation.bmkg.go.id/storage/photos/15183/tes1.jpg" class="object-cover w-full h-44" alt="" /> </a> <div class="p-5 border border-t-0"> <p class="mb-3 text-xs font-semibold tracking-wide uppercase"> <a href="/" class="transition-colors duration-200 text-blue-gray-900 hover:text-deep-purple-accent-700" aria-label="Category" title="traveling">Berita</a> <span class="text-gray-600">— 27 Aug 2024</span> </p> <a href="https://web-aviation.bmkg.go.id/post/jelang-international-sustainbility-forum-isf-bmkg-persiapkan-operasi-modifikasi-cuaca-1724732012" aria-label="Category" title="Visit the East" class="inline-block mb-3 text-lg font-bold leading-5 transition-colors duration-200 hover:text-deep-purple-accent-700">Jelang International Sustainbility Forum (ISF), BMKG Persiapkan Operasi Modifikasi Cuaca</a> <p class="mb-2 text-gray-700"> </p> <a href="https://web-aviation.bmkg.go.id/post/jelang-international-sustainbility-forum-isf-bmkg-persiapkan-operasi-modifikasi-cuaca-1724732012" aria-label="" class="inline-flex items-center font-semibold transition-colors duration-200 text-deep-purple-accent-400 hover:text-deep-purple-800">Read more</a> </div> </div> <div class="overflow-hidden transition-shadow duration-300 bg-white rounded shadow-sm"> <a href="https://web-aviation.bmkg.go.id/post/24-jam-nonstop-lakukan-modifikasi-cuaca-bmkg-berhasil-halau-hujan-di-ikn-1723725989"> <img src="https://web-aviation.bmkg.go.id/storage/photos/138/WhatsApp-Image-2024-08-05-at-08_58_13.jpeg" class="object-cover w-full h-44" alt="" /> </a> <div class="p-5 border border-t-0"> <p class="mb-3 text-xs font-semibold tracking-wide uppercase"> <a href="/" class="transition-colors duration-200 text-blue-gray-900 hover:text-deep-purple-accent-700" aria-label="Category" title="traveling">Siaran Pers</a> <span class="text-gray-600">— 15 Aug 2024</span> </p> <a href="https://web-aviation.bmkg.go.id/post/24-jam-nonstop-lakukan-modifikasi-cuaca-bmkg-berhasil-halau-hujan-di-ikn-1723725989" aria-label="Category" title="Visit the East" class="inline-block mb-3 text-lg font-bold leading-5 transition-colors duration-200 hover:text-deep-purple-accent-700">24 Jam Nonstop Lakukan Modifikasi Cuaca, BMKG Berhasil Halau Hujan di IKN</a> <p class="mb-2 text-gray-700"> </p> <a href="https://web-aviation.bmkg.go.id/post/24-jam-nonstop-lakukan-modifikasi-cuaca-bmkg-berhasil-halau-hujan-di-ikn-1723725989" aria-label="" class="inline-flex items-center font-semibold transition-colors duration-200 text-deep-purple-accent-400 hover:text-deep-purple-800">Read more</a> </div> </div> <div class="overflow-hidden transition-shadow duration-300 bg-white rounded shadow-sm"> <a href="https://web-aviation.bmkg.go.id/post/kolaborasi-antar-sesama-bangun-ketahanan-masyarakat-hadapi-bencana-1723725857"> <img src="https://web-aviation.bmkg.go.id/storage/photos/138/WhatsApp-Image-2024-08-06-at-21_03_59.jpeg" class="object-cover w-full h-44" alt="" /> </a> <div class="p-5 border border-t-0"> <p class="mb-3 text-xs font-semibold tracking-wide uppercase"> <a href="/" class="transition-colors duration-200 text-blue-gray-900 hover:text-deep-purple-accent-700" aria-label="Category" title="traveling">Berita</a> <span class="text-gray-600">— 15 Aug 2024</span> </p> <a href="https://web-aviation.bmkg.go.id/post/kolaborasi-antar-sesama-bangun-ketahanan-masyarakat-hadapi-bencana-1723725857" aria-label="Category" title="Visit the East" class="inline-block mb-3 text-lg font-bold leading-5 transition-colors duration-200 hover:text-deep-purple-accent-700">Kolaborasi Antar Sesama Bangun Ketahanan Masyarakat Hadapi Bencana</a> <p class="mb-2 text-gray-700"> </p> <a href="https://web-aviation.bmkg.go.id/post/kolaborasi-antar-sesama-bangun-ketahanan-masyarakat-hadapi-bencana-1723725857" aria-label="" class="inline-flex items-center font-semibold transition-colors duration-200 text-deep-purple-accent-400 hover:text-deep-purple-800">Read more</a> </div> </div> <div class="overflow-hidden transition-shadow duration-300 bg-white rounded shadow-sm"> <a href="https://web-aviation.bmkg.go.id/post/bmkg-berbagi-pengetahuan-peringatan-dini-cuaca-iklim-dan-potensi-gempabumi-di-sulawesi-utara-1722426439"> <img src="https://web-aviation.bmkg.go.id/storage/photos/138/IMG_0087.jpg" class="object-cover w-full h-44" alt="" /> </a> <div class="p-5 border border-t-0"> <p class="mb-3 text-xs font-semibold tracking-wide uppercase"> <a href="/" class="transition-colors duration-200 text-blue-gray-900 hover:text-deep-purple-accent-700" aria-label="Category" title="traveling">Berita</a> <span class="text-gray-600">— 31 Jul 2024</span> </p> <a href="https://web-aviation.bmkg.go.id/post/bmkg-berbagi-pengetahuan-peringatan-dini-cuaca-iklim-dan-potensi-gempabumi-di-sulawesi-utara-1722426439" aria-label="Category" title="Visit the East" class="inline-block mb-3 text-lg font-bold leading-5 transition-colors duration-200 hover:text-deep-purple-accent-700">BMKG Berbagi Pengetahuan Peringatan Dini Cuaca, Iklim, dan Potensi Gempabumi di Sulawesi Utara</a> <p class="mb-2 text-gray-700"> </p> <a href="https://web-aviation.bmkg.go.id/post/bmkg-berbagi-pengetahuan-peringatan-dini-cuaca-iklim-dan-potensi-gempabumi-di-sulawesi-utara-1722426439" aria-label="" class="inline-flex items-center font-semibold transition-colors duration-200 text-deep-purple-accent-400 hover:text-deep-purple-800">Read more</a> </div> </div> </div> </div> <div class="px-4 pt-8 mx-auto lg:pt-16 sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8"> <div class="flex flex-col justify-between pt-5 pb-10 border-t sm:flex-row"> <p class="text-sm text-gray-600"> © Copyright 2022 - 2025 Pusmetbang BMKG. <a href="https://www.linkedin.com/in/satriyounggulwicaksono"><span class="text-xs text-gray-50 hover:text-gray-600">Crafted by Satriyo</span></a> </p> <div class="flex items-center mt-4 space-x-4 sm:mt-0"> <a href="/" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400"> <svg viewBox="0 0 24 24" fill="currentColor" class="h-5"> <path d="M24,4.6c-0.9,0.4-1.8,0.7-2.8,0.8c1-0.6,1.8-1.6,2.2-2.7c-1,0.6-2,1-3.1,1.2c-0.9-1-2.2-1.6-3.6-1.6 c-2.7,0-4.9,2.2-4.9,4.9c0,0.4,0,0.8,0.1,1.1C7.7,8.1,4.1,6.1,1.7,3.1C1.2,3.9,1,4.7,1,5.6c0,1.7,0.9,3.2,2.2,4.1 C2.4,9.7,1.6,9.5,1,9.1c0,0,0,0,0,0.1c0,2.4,1.7,4.4,3.9,4.8c-0.4,0.1-0.8,0.2-1.3,0.2c-0.3,0-0.6,0-0.9-0.1c0.6,2,2.4,3.4,4.6,3.4 c-1.7,1.3-3.8,2.1-6.1,2.1c-0.4,0-0.8,0-1.2-0.1c2.2,1.4,4.8,2.2,7.5,2.2c9.1,0,14-7.5,14-14c0-0.2,0-0.4,0-0.6 C22.5,6.4,23.3,5.5,24,4.6z"> </path> </svg> </a> <a href="/" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400"> <svg viewBox="0 0 30 30" fill="currentColor" class="h-6"> <circle cx="15" cy="15" r="4"></circle> <path d="M19.999,3h-10C6.14,3,3,6.141,3,10.001v10C3,23.86,6.141,27,10.001,27h10C23.86,27,27,23.859,27,19.999v-10 C27,6.14,23.859,3,19.999,3z M15,21c-3.309,0-6-2.691-6-6s2.691-6,6-6s6,2.691,6,6S18.309,21,15,21z M22,9c-0.552,0-1-0.448-1-1 c0-0.552,0.448-1,1-1s1,0.448,1,1C23,8.552,22.552,9,22,9z"> </path> </svg> </a> <a href="/" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400"> <svg viewBox="0 0 24 24" fill="currentColor" class="h-5"> <path d="M22,0H2C0.895,0,0,0.895,0,2v20c0,1.105,0.895,2,2,2h11v-9h-3v-4h3V8.413c0-3.1,1.893-4.788,4.659-4.788 c1.325,0,2.463,0.099,2.795,0.143v3.24l-1.918,0.001c-1.504,0-1.795,0.715-1.795,1.763V11h4.44l-1,4h-3.44v9H22c1.105,0,2-0.895,2-2 V2C24,0.895,23.105,0,22,0z"> </path> </svg> </a> </div> </div> </div> <footer> <script src="https://cdn.jsdelivr.net/npm/tom-select@2.2.2/dist/js/tom-select.complete.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script> <script> var swiper = new Swiper(".mySwiper", { loop: true, loopFillGroupWithBlank: true, pauseOnMouseEnter: true, autoplay: { delay: 2000, pauseOnMouseEnter: true, }, pagination: { el: ".swiper-pagination", clickable: true, }, breakpoints: { // when window width is >= 320px 100: { slidesPerView: 1, spaceBetween: 30, slidesPerGroup: 1, }, // when window width is >= 640px 900: { slidesPerView: 2, spaceBetween: 20, slidesPerGroup: 2, }, 1000: { slidesPerView: 3, spaceBetween: 10, slidesPerGroup: 3, } } // navigation: { // nextEl: ".swiper-button-next", // prevEl: ".swiper-button-prev", // }, }); var swiper = new Swiper(".CitraSwiper", { loop: true, loopFillGroupWithBlank: true, autoplay: { delay: 2000, disableOnInteraction: false, }, pagination: { el: ".swiper-pagination", clickable: true, }, breakpoints: { // when window width is >= 320px 100: { slidesPerView: 1, spaceBetween: 30, slidesPerGroup: 1, }, // when window width is >= 640px 900: { slidesPerView: 1, spaceBetween: 20, slidesPerGroup: 1, }, 1000: { slidesPerView: 1, spaceBetween: 10, slidesPerGroup: 1, } } // navigation: { // nextEl: ".swiper-button-next", // prevEl: ".swiper-button-prev", // }, }); </script> <script> new TomSelect("#select-station", { maxItems: 1 }); </script>  <script data-collect-dnt="true" async src="https://scripts.simpleanalyticscdn.com/latest.js"></script> </footer> </body> </html>

CINXE.COM

Aviation