<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Parisienne|Playball" />
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato" />
    <meta charset="utf-8">
    <Title></Title>
    <style>
      .images {
      height:650px; 
      border:solid 2px;
      background-image: linear-gradient(white, green);
      position: relative;
      text-align: center;
      color: black;
      font-family: "Open Sans";
      margin: auto;
      width: 90%;
      border: 3px solid green;
      padding: 10px;
      }
      .backgroundtext{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);  
      padding: 50px;
      font-size: 30px;
      }
      .round {
      margin-top:30px;
      border-radius: 50%;
      overflow: hidden;
      width: 150px;
      height: 150px;
      border:2px solid white;
      margin-left: auto;
      margin-right: auto;  	
      }
      .round img {
      display: block;
      min-width: 100%;
      min-height: 100%;
      }
      .mainmenubtn {
      font-family: 'Playball', cursive;
      color: rgba(black);
      border: none;
      opacity: 0.8;
      cursor: pointer;
      padding:1px;
      font-size: 30px;
      }
      .mainmenubtn-a {
      font-family: 'Lora', serif;
	  color: rgba(black, 2);
      border: none;
      opacity: 0.8;
      cursor: pointer;
      padding:5px;
      font-size: 12px;
      font-style: oblique;
      }
      a.button{
      opacity: 0.5;
      color: black;
      padding: 3px;
      text-align: center;
      text-decoration: none;
      display: block;
      font-size: 10px;
      font-family: "Lucida Sans Unicode";
      }
      button {
      background-color: #3b3935;
      border-style: outset;
      color: white;
      padding: 10px 20px;
      text-align: center;
      text-decoration: none;
      display:block;
      font-size: 12px;
      margin: auto;
      width: 20em;
      cursor: pointer;
      border-radius: 20px;
      }
      a:link, a:visited {
	  background-color: #cccccc;
	  color: black;
	  padding: 7px 10px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  border-radius: 10px;
	  }
    </style>
  </head>
  <body>
    <link itemprop="thumbnailUrl" href="url_gambar">
    <span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject">
      <link itemprop="url" href="https://migunanitumrapingliyan.top/webgis-umk/ikon-dunia250.png">
    </span>
    <div class="main">
      <div class="images">
        <div class="mainmenubtn">
          Peta Usaha-Mikro
        <div class="mainmenubtn-a">
        <b>Tahun 2018</b>
        <p>
            <div>
           <img src="https://migunanitumrapingliyan.top/webgis-umk/ikon-dunia250.png" height="150" width=auto/>
        <p>

        <!--<button><b><h3>Informasi</h3></b>
        <div class="mainmenubtn-a">

        <a href="https://migunanitumrapingliyan.top/webgis-umk/info.png">Abstrak</a>
        <a href="https://migunanitumrapingliyan.top/webgis-umk/user-manual.png">User-Manual</a>
        <p>-->
        <button onclick="window.location.href = 'https://migunanitumrapingliyan.top/webgis-umk/info1.png';"><h3>Informasi</h3></button>
        <button onclick="window.location.href = 'https://migunanitumrapingliyan.top/webgis-umk/bandung-kota/index.html';"><h3>Kota Bandung</h3></button>

        </div>
    </div>
  </body>
</html>