<!DOCTYPE html>
<html lang="en">
<head>
  <title>Indonesia Tsunami Early Warning System (InaTEWS - BMKG) - Versi Bahasa</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin=""/>
  <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>
  <style>
    /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
    
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {height: 450px}
    
    /* Set gray background color and 100% height */
    .sidenav {
      padding-top: 20px;
      background-color: #f1f1f1;
      height: 100%;
    }
    
    /* Set black background color, white text and some padding */
    footer {
      background-color: #2B3380;
      color: white;
      padding: 20px;
    }

    .rowhd {
      background-color: #2B3380;
      padding: 5px;
      height: 95px;
    }
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;} 
    }

    .first-h1 {
      margin-top: 170px;
    }

	.first-h2 {
      margin-top: 145px;
    }

    .mapclass {
      width: 100%;
      height: 400px;
    }

		.dipcl {
			border-bottom:1px solid #CCCCCC; line-height: 22px; padding:3px;
			display:table;
		}

		.red28 {
			font-family: arial;
			/*font-size: 28px;*/
			font-weight: bold;
			color: #ff0000;
		}
		.tr{display:table-row; text-decoration:none;}
		.tr:hover{background-color:#DDFFDD; text-decoration:none;}
		.hitam20 {
			font-family: arial;
			/*font-size: 1vw 10px;*/
			font-weight: bold;
			color: #333;
		}
		.red20 {
			font-family: arial;
			/*font-size: 20px;*/
			font-weight: bold;
			color: #ff0000;
		}
		.courier {
			font-family: Courier New;
		}
  </style>
  <script type="text/javascript"> //<![CDATA[ 
var tlJsHost = ((window.location.protocol == "https:") ? "https://secure.trust-provider.com/" : "https://www.trustlogo.com/");
document.write(unescape("%3Cscript src='" + tlJsHost + "trustlogo/javascript/trustlogo.js' type='text/javascript'%3E%3C/script%3E"));
//]]>
</script>
</head>
<body>

<nav class="navbar-fixed-top">
    <div class="rowhd">
        <img class="img-responsive" src="images/logo.png">
    <div>
</nav>

<nav class="navbar-fixed-top navbar-inverse" style="margin-top: 95px;">
  <div class="container-fluid">
      <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>                        
          </button>
          </div>
          <div class="collapse navbar-collapse" id="myNavbar">
          <ul class="nav navbar-nav navbar-right">              
							<li class="active"><a href="?"><span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;&nbsp;Info Terkini</a></li><li><a href="?act=eqsevents"><span class="glyphicon glyphicon-screenshot"></span>&nbsp;&nbsp;&nbsp;Gempa M>=5.0</a></li><li><a href="?act=tsuevents"><span class="glyphicon glyphicon-warning-sign"></span>&nbsp;&nbsp;&nbsp;Tsunami</a></li><li><a href="?act=feltevents"><span class="glyphicon glyphicon-road"></span>&nbsp;&nbsp;&nbsp;Gempa Dirasakan</a></li><li><a href="?act=realtimeev"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;&nbsp;Info Gempabumi Realtime (otomatis)</a></li><li><a href=https://www.bmkg.go.id><span class="glyphicon glyphicon-globe"></span>&nbsp;&nbsp;&nbsp;Link ke web BMKG</a></li><li><a href=http://inatews2.bmkg.go.id/new/><span class="glyphicon glyphicon-globe"></span>&nbsp;&nbsp;&nbsp;Beralih ke Versi Desktop</a></li><li><a href=en><span class="glyphicon glyphicon-globe"></span>&nbsp;&nbsp;&nbsp;English Version</a></li>          </ul>
          </div>
      </div>
</nav>

<section><div class="container-fluid"><div class="row"><div class="col-md-12"><h2 class="first-h1">Informasi Gempabumi Dirasakan</h2><hr>Waktu Isu: 16/03/2022 17:11:14WIB<br><br><div class="alert alert-danger"><h4>Info Gempa dirasakan Mag:2.6, 16-Mar-22 17:06:14 WIB, Lok:3.69 LS, 128.13 BT (Pusat gempa berada di laut 6 km Barat Ambon), Kedlmn:10 Km ::BMKG</h4></div></div></div><div class="row"><div class="col-md-12"><h5><span class="label label-danger">Wilayah Dirasakan (MMI):<br><br></span>II Ambon</h5><br><img src=images/shakemap.png align="absmiddle">&nbsp;&nbsp;<a href=https://bmkg-content-inatews.storage.googleapis.com/20220316170614.mmi.jpg class=link2>Lihat Peta Goncangan</a><br><br></div><div class="col-md-12"><img src=images/pdf.png align="absmiddle">&nbsp;&nbsp;<a href=https://bmkg-events-inatews.storage.googleapis.com/no-update.pdf class=link2>Penjelasan BMKG</a><br><br></div><table width=100% border=0><tr><td><div id="map" class="mapclass" align="center"></div></td><script>
var icon_epic = L.icon({iconUrl: 'generate_peta/images/epic.png', iconSize: [40, 40]});
var iconred_10 = L.icon({iconUrl: 'generate_peta/images/new/circle-red-10.png'});
var iconred_20 = L.icon({iconUrl: 'generate_peta/images/new/circle-red-20.png'});
var iconred_30 = L.icon({iconUrl: 'generate_peta/images/new/circle-red-30.png'});
var iconyellow_10 = L.icon({iconUrl: 'generate_peta/images/new/circle-yellow-10.png'});
var iconyellow_20 = L.icon({iconUrl: 'generate_peta/images/new/circle-yellow-20.png'});
var iconyellow_30 = L.icon({iconUrl: 'generate_peta/images/new/circle-yellow-30.png'});
var icongreen_10 = L.icon({iconUrl: 'generate_peta/images/new/circle-green-10.png'});
var icongreen_20 = L.icon({iconUrl: 'generate_peta/images/new/circle-green-20.png'});
var icongreen_30 = L.icon({iconUrl: 'generate_peta/images/new/circle-green-30.png'});
var lat = -3.69;
var lon = 128.13;
var lat1 = L.latLng(-3.69, 128.13);map = L.map('map').setView([lat, lon], 9);
L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}', { maxZoom: 18 }).addTo(map);
marker = L.marker([-3.69, 128.13], {icon: icon_epic}).addTo(map);
</script>
</td></tr></table><br><div class="container"><div class="row"><div class="col-sm-4"><div class="panel-group"><div class="panel panel-info"><div class="panel-heading"><img src="images/clock.png" align="absbottom"><strong>&nbsp;&nbsp;Waktu Gempa</strong></div><div class="panel-body"><h5><span>16-03-22&nbsp;&nbsp;17:06:14 WIB&nbsp;&nbsp;</span></h5></div></div></div></div><div class="col-sm-4"><div class="panel-group"><div class="panel panel-info"><div class="panel-heading"><img src="images/mag.png" align="absbottom"><strong>&nbsp;&nbsp;Kekuatan Gempa</strong></div><div class="panel-body"><h5><span>M 2.6</span></h5></div></div></div></div><div class="col-sm-4"><div class="panel-group"><div class="panel panel-info"><div class="panel-heading"><img src="images/kedalaman.png" align="absmiddle"><strong>Kedalaman Gempa</strong></div><div class="panel-body"><h5><span>10 Km</span></h5></div></div></div></div></div></div><div class="container"><div class="row"><div class="col-sm-6"><div class="panel-group"><div class="panel panel-info"><div class="panel-heading"><img src=images/warning.png align="absmiddle"><strong>Potensi Gempa</strong></div><div class="panel-body"><h5><span>Gempa ini dirasakan untuk diteruskan pada masyarakat</span></h5></div></div></div></div><div class="col-sm-6"><div class="panel-group"><div class="panel panel-info"><div class="panel-heading"><img src=images/saran.png align="absmiddle"><strong>Saran dari BMKG</strong></div><div class="panel-body"><h5><span>Hati-hati terhadap gempabumi susulan yang mungkin terjadi</span></h5></div></div></div></div></div></div></div></section>    

<footer class="container-fluid text-center">
    <p><strong>&copy; BMKG 2022</strong></p>
</footer>

<script language="JavaScript" type="text/javascript">
TrustLogo("https://inatews.bmkg.go.id/images/sectigo_trust_seal_sm_82x32.png", "CL1", "none");
</script>
<a  href="https://ssl.comodo.com" id="comodoTL">Comodo SSL</a>

</body>
</html>
