<!DOCTYPE html>
<html lang="en" style="font-size: 15px;">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  <meta http-equiv="x-ua-compatible" content="IE=edge">
  <title>Match 3</title>
  <link rel="Shortcut Icon" href="https://assets.googleplaystore.in/MQB8KJ2/icon.png" />
  <link rel="icon" href="https://assets.googleplaystore.in/MQB8KJ2/icon.png" type="image/png" sizes="16x16" alt="Match 3">

</head>

<script>
  !(function (win) {
    var win_doc = win.document,
            win_doc_doc = win_doc.documentElement,
            psd_w = 750 / 100,
            evt_fn = "orientationchange" in win ? "orientationchange" : "resize",
            set_size = function () {
              var page_w = win_doc_doc.clientWidth || 320;
              page_w > 750 && (page_w = 750),
                      (win_doc_doc.style.fontSize = 12 * (page_w / 320) + "px");
            };
    set_size();
    win_doc.addEventListener &&
    (win.addEventListener(evt_fn, set_size, !1),
            win_doc.addEventListener("DOMContentLoaded", set_size, !1));
  })(window);
</script>

<style>
  html {
    box-sizing: border-box;
    -webkit-scroll-behavior: smooth;
    -moz-scroll-behavior: smooth;
    -ms-scroll-behavior: smooth;
    scroll-behavior: smooth;
  }

  body {
    margin: 0;
  }

  a {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

  p {
    margin: 0;
  }

  *,
  *:before,
  *:after {
    box-sizing: inherit;
  }

  * {
    -webkit-font-smoothing: antialiased;
  }
  body {
    margin: 0;
    padding: 0;
    background-color: #131d5a;
    font-family: "Microsoft YaHei";
  }

  .container {
    position: relative;
    max-width: 750px;
    min-width: 300px;
    margin: 0 auto;
  }
  .container .background {
    max-width: 100%;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    margin-top: -0.9px;
  }
  .container .piece-column {
    position: relative;
    line-height: 0;
    font-size: 0;
  }
  .container .download {
    position: absolute;
    left: 10%;
    right: 10%;
    height: 6rem;
  }
  .container .nav-btn {
    top: 0;
    right: 0;
    left: 50%;
  }
  .container .down-btn02 {
    bottom: 0;
    height: 10rem;
  }
  .container .down-btn03 {
    top: 28%;
  }
  .container .down-btn04 {
    bottom: 1%;
  }
  .container .down-btn05 {
    bottom: 1%;
    height: 8rem;

  }

</style>

<body>
<div class="container">
  <div class="piece-column">
    <img class="background" src="https://assets.googleplaystore.in/MQB8KJ2/1.jpg" alt="Match 3" />
    <a href="javascript:download('download_button')" class="download nav-btn"></a>
    <a href="javascript:download('download_button')" class="download down-btn02"></a>
  </div>
  <div class="piece-column">
    <img class="background" src="https://assets.googleplaystore.in/MQB8KJ2/2.jpg" alt="Match 3" />
    <a href="javascript:download('download_button')" class="download down-btn03"></a>
    <a href="javascript:download('download_button')" class="download down-btn04"></a>
  </div>
</div>

</body>

<script>
  const scrCode = 'MQB8KJ2'
</script>

<script>
  function download() {
    window.location.href = 'https://d17crr94lnc56q.cloudfront.net/Tile_Match.apk'
  }

</script>

</html>