<!-- AWAL LIST -->
      <div class="list">
        <ul class="list-group" id="myUL" class="live-search-list">
          <!-- AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA -->
		  <li>
          <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>
              <ul>
                <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>
               </ul>
            </div>
          </li>

          <!-- BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB -->
		  <li>
          <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>
              <ul>
                <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>
			   </ul>
            </div>
			</li>