Untitled

<!DOCTYPE html>
<html lang="en" id="home">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Daftar Game</title>

    <!-- Bootstrap -->
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../globals.css">
    <link href="daftar-game.css" rel="stylesheet">
    <link rel="icon" type="image/png" href="../img/favicon4.png" class="icon">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <!-- Awal NavBar -->
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a href="../index.html">
            <img src="../img/kubik.png" alt="Gubuk Game" style="width: 40px; margin-left: 15px;">
          </a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="../index.html" class="page-scroll">Home</a></li>
            <li><a href="../dz-kun/cheat.html" class="page-scroll">Cheat</a></li>
            <li><a href="daftar-game.html" class="page-scroll">Daftar Game</a></li>
            <li><a href="../dz-kun/cara-download.html" class="page-scroll">Cara Download</a></li>
            <li><a href="../dz-kun/tentang-kami.html" class="page-scroll">Tentang Kami</a></li>
            <li><a href="../dz-kun/faq.html" class="page-scroll">FAQ</a></li>
          </ul>
        </div>
      </div>
    </nav>
    <!-- akhir NavBar -->
    <!-- awal content -->
    <div class="container text-center">
      <div class="row">
        <div class="col-xs-12 col-sm-8">
          <div class="search-box">
            <form>
              <button class="btn-search" type="button">
                <img src="search-logo.png">
              </button>
              <input type="text" id="myInput" onkeyup="myFunction()" placeholder="Cari Di Sini Gan..." title="Type in a name" autocomplete="off">
            </form>
          </div>
        </div>
      </div>
      <br>
      <!-- AWAL LIST -->
      <div class="list">
        <ul class="list-group" id="myUL" class="live-search-list">
          <!-- AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -->
          <div class="col-xs-12 col-md-8">
            <br>
            <p>
              <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseA" aria-expanded="false" aria-controls="collapseA" style="width: 100%; height: 40px;">
                A
              </button>
            </p>
                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/attack-on-titan.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/attack-on-titan-icon.png-s-webp">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Attack On Titan
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/asphalt-nitro.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/asphalt-nitro-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Asphalt Nitro
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/assasins-creed-pirates.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/assasins-creed-pirates-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Assasins Creed Pirates
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/axe-aliance-vs-empire.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/axe-aliance-vs-empire-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      AxE Aliance Vs Empire
                    </p>
                  </a>
                </li>
            </div>

          <!-- BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB -->

          <div class="col-xs-12 col-md-8">
            <br>
            <p>
              <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseB" aria-expanded="false" aria-controls="collapseB" style="width: 100%; height: 40px;">
                B
              </button>
            </p>
                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/beach-buggy-racing.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/beach-buggy-racing.png-s-webp">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Beach Buggy Racing
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/ben-10-xenodrome.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/ben-10-xenodrome-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Ben 10 Xenodrome
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/brave-fighter-2-frontier-free.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/brave-fighter-2-frontier-free-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Brave Fighter 2 : Frontier Free
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/brave-fighter-demon-revenge.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/brave-fighter-demon-revenge-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Brave Fighter Demon Revenge
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/bus-simulator-indonesia.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/bus-simulator-indonesia-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Bus Simulator Indonesia
                    </p>
                  </a>
                </li>
            </div>

            <!-- CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC -->

          <div class="col-xs-12 col-md-8">
            <br>
            <p>
              <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseB" aria-expanded="false" aria-controls="collapseB" style="width: 100%; height: 40px;">
                C
              </button>
            </p>
                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/clash-of-clans.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/clash-of-clans-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Clash Of Clans
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/clash-royale.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/clash-royale-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Clash Royale
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/crazy-for-speed-1.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/crazy-for-speed-1-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Crazy For Speed
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/crazy-for-speed-2.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/crazy-for-speed-2-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Crazy For Speed 2
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/creative-destruction.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/creative-destruction-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Creative Destruction
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/criminal-case.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/criminal-case-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Criminal Case
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/crossfire-legends.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/crossfire-legends-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      CrossFire Legends
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/cyber-hunter.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/cyber-hunter-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Cyber Hunter
                    </p>
                  </a>
                </li>
            </div>

            <!-- DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD -->
          <div class="col-xs-12 col-md-8">
            <br>
            <p>
              <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseA" aria-expanded="false" aria-controls="collapseA" style="width: 100%; height: 40px;">
                D
              </button>
            </p>
                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/darkness-rises.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/darkness-rises-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Darkness Rises
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/dawn-break-origin.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/dawn-break-origin-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Dawn Break Origin
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/dead-target-zombie.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/dead-target-zombie-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Dead Target : Zombie
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/dr-driving.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/dr-driving-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Dr. Driving
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/dragon-nest-m-sea.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/dragon-nest-m-sea-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Dragon Nest : M SEA Dark Avenger
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/dungeon-hunter-5.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/dungeon-hunter-5-icon.png-s-webp">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Dungeon Hunter 5
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/dungeon-keeper.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/dungeon-keeper-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                      Dungeon Keeper
                    </p>
                  </a>
                </li>

                <li class="list-group-item cf">
                  <a href="../2019/dz-kun/dynasty-warriors-unleashed.html" target="_blank" style="color: lightskyblue;">
                    <img src="../2019/img/dynasty-warriors-icon.png">
                    <p style="font-size: 18px; margin-top: 20px; margin-right: 20px;">
                        Dynasty Warriors : Unleashed
                    </p>
                  </a>
                </li>

            </div>

        </ul>
      </div>
    </div>
    <!-- AKHIR LIST -->
    <!-- akhir content -->

        <br>
        <!-- awal tombol top -->
           <div class="backTop">
            <i class="glyphicon glyphicon-chevron-up"></i>
          </div>
        <!-- akhir tombol top -->
      <!-- awal footer -->
      <footer style="font-family: sans-serif; font-variant: normal;">
            <div class="col-xs-12 col-sm-6 col-lg-6">
              <p>Gubuk Game adalah website yang menyediakan berbagai macam game terbaru. Gubuk Game Pertama Kali di dirikan pada tahun 2018, yang bertujuan untuk menghibur para gamer.</p>
           </div>
            <div class="col-xs-12 col-sm-6 col-lg-6">
              <p>jika kamu menemukan ada link rusak atau error, kami dengan senang hati akan segera memperbaikinya, silahkan kontak kami di bawah ini, kamu juga bisa mengirim pesan lewat fanspage facebook di bawah ini (recomended).</p>
            </div>
            <span class="kontakKami text-center"><p style="font-size: 16px;">Kontak Kami :</p></span>

            <p class="text-center" id="atas">
              <a href="https://web.facebook.com/GubukGame/" target="_blank" class="btn btn-primary">
                <i class="glyphicon glyphicon-thumbs-up"></i> <span id="facebook"> Facebook</span>
              </a>

              <a href="https://www.youtube.com/channel/UC1Y6luFykn-q-wcK_DPCklw?app=desktop" target="_blank" class="btn btn-danger">
                <i class="glyphicon glyphicon-play"></i> <span id="youtube"> Youtube</span>
              </a>
              <br>
              <br>
              &copy;Copyright By - <a href="https://www.facebook.com/snooze.co.id" target="_blank">Snooze - Kun</a> - All Rights Reserved
            </p>
      </footer>

      <!-- akhir footer -->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="../js/jquery-3.1.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="../js/bootstrap.min.js"></script>
    <script type="text/javascript">
        var $backToTop = $(".backTop");
        $backToTop.hide();
        $(window).on('scroll', function() {
          if ($(this).scrollTop() > 100) {
            $backToTop.fadeIn();
          } else {
            $backToTop.fadeOut();
          }
        });

        $backToTop.on('click', function(e) {
          $("html, body").animate({scrollTop: 0}, 500);
        });
    </script>
    <script src="search.js"></script>
  </body>
</html>