<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="UTF-8">
  <meta name="description" content="Aplikasi kasir booble akan membantu anda dalam mengelola bisnis dengan sistem laporan keuangan yang lengkap">
  <meta name="keywords" content="software pos, software point of sale,booble.id,booble.id point of sale,booble.id pos, program penjualan, program kasir, program pos, program point of sale, program restoran, android pos, point of sale android, program toko, program penjualan toko, pos cloud, point of sale cloud, posbooble.id,booble.id , aplikasi kasir, aplikasi penjualan kasir, aplikasi pos, sistem kasir, software kasir, software penjualan, aplikasi laporan keuangan, aplikasi akuntansi">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta property="og:image" content="https://booble.id/assets/images/IKLAN%201.png">
  <meta property="og:image:width" content="500">
  <meta property="og:image:height" content="500">
  <meta name="ahrefs-site-verification" content="801588bfbfb81c70754c8c0aa55212e3b899b5fcc778260c48c6fdad53823b5a">
  <!-- Title -->
  <title>booble.id - Aplikasi Kasir dan Keuangan</title>

  <link rel="icon" type="image/png" sizes="16x16" href="https://topscore.booblestudio.com/assets/front_new/img/booble_icon.png">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://topscore.booblestudio.com/assets/front_new/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://topscore.booblestudio.com/assets/front_new/owl.carousel/assets/owl.carousel.min.css">

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

  <link rel="stylesheet" href="https://topscore.booblestudio.com/assets/front_new/style.css">

  <style type="text/css" media="screen">
    a:hover {
      text-decoration: none;
    }
  </style>


  <!-- Facebook Pixel Code -->
  <script>
    ! function(f, b, e, v, n, t, s) {
      if (f.fbq) return;
      n = f.fbq = function() {
        n.callMethod ?
          n.callMethod.apply(n, arguments) : n.queue.push(arguments)
      };
      if (!f._fbq) f._fbq = n;
      n.push = n;
      n.loaded = !0;
      n.version = '2.0';
      n.queue = [];
      t = b.createElement(e);
      t.async = !0;
      t.src = v;
      s = b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t, s)
    }(window, document, 'script',
      'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '316954683303815');
    fbq('track', 'PageView');
    fbq('track', 'ViewContent');
  </script>
  <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=316954683303815&ev=PageView&noscript=1" /></noscript>
  <!-- End Facebook Pixel Code -->
</head>

<body>
  <a href="https://api.whatsapp.com/send?phone=6285340001026&text=Hallo,%20Saya%20ingin%20menanyakan%20tentang%20Booble.id" class="wa-btn" target="_blank" style="color: white">
    <img src="https://majoo.id/assets/img/icons/social/whatsapp-icon.svg" alt="Whatsapp">
    <div class="wa-btn__txt" style="margin-left: 10px;">
      <span class="chat24jam">Chat 24 jam</span>
      <span>Whatsapp</span>
    </div>
  </a>

  <div style="height: 90px"></div>

  <nav class="navbar navbar-expand-lg fixed-top navbar-light bg-white m-navbar">
    <div class="container bg-white">
      <a class="navbar-brand" href="https://topscore.booblestudio.com/">
        <img src="https://topscore.booblestudio.com/assets/front_new/img/logo1.png">
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item pl-lg-0 pl-4 upp mr-2">
            <a class="nav-link f-dark fs-14" href="https://topscore.booblestudio.com/">Home</a>
          </li>
          <li class="nav-item pl-lg-0 pl-4 upp mr-2">
            <a class="nav-link f-dark fs-14" href="https://topscore.booblestudio.com/#fitur">Fitur</a>
          </li>
          <li class="nav-item pl-lg-0 pl-4 upp mr-2">
            <a class="nav-link f-dark fs-14" href="https://topscore.booblestudio.com/#harga">Harga</a>
          </li>
          <li class="nav-item pl-lg-0 pl-4 upp mr-2">
            <a class="nav-link f-dark fs-14" href="https://topscore.booblestudio.com/#kontak">Kontak</a>
          </li>
          <li class="nav-item pl-lg-0 pl-4 upp mr-2">
            <a class="nav-link f-dark fs-14" href="https://topscore.booblestudio.com/artikel">Artikel</a>
          </li>

        </ul>

        <ul class="navbar-nav ml-auto">
          <li class="nav-item pl-lg-0 pl-4 mb-2 mb-lg-0 upp">
            <a class="btn btn-outline-secondary btn-sm radius pl-xl-4 pt-xl-2 pb-xl-2 pr-xl-4 mr-2" href="https://topscore.booblestudio.com/login">MASUK</a>
          </li>
          <li class="nav-item pl-lg-0 pl-4 mb-3 mb-lg-0 upp">
            <a class="btn btn-danger btn-sm radius pl-xl-4 pt-xl-2 pb-xl-2 pr-xl-4 mr-xl-2" href="https://topscore.booblestudio.com/free_registration">COBA GRATIS</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>


  <!-- Header -->

  <section class="header">
    <div class="container">
      <div class="row">

        <div class="col-lg-6 d-block d-lg-none text-center">

          <div class="owl-carousel owl-theme header-slide">

            <div class="item">
              <img src="https://topscore.booblestudio.com/assets/front_new/img/bg1.png" alt="booble.id - Aplikasi Kasir dan Keuangan" width="100%">
            </div>
            <div class="item">
              <img src="https://topscore.booblestudio.com/assets/front_new/img/bg2.png" alt="booble.id - Aplikasi Kasir dan Keuangan" width="100%">
            </div>
            <div class="item">
              <img src="https://topscore.booblestudio.com/assets/front_new/img/bg3.png" alt="booble.id - Aplikasi Kasir dan Keuangan" width="100%">
            </div>

          </div>

        </div>

        <div class="col-lg-6 mt-md-5 mb-5 mb-md-5 mt-md-5">
          <h3 class="title-header mb-lg-4 mt-lg-5">Kelola bisnis lebih mudah dengan booble</h3>
          <p class="subtitle">
            Aplikasi Kasir yang terintegrasi dengan <br> laporan keuangan terlengkap dan terakurat
          </p>
          <div class="mt-lg-5 mt-3 mb-4">
            <a class="btn btn-danger font-weight-light btn-sm radius pl-4 pt-3 pb-3 pr-4 mr-2 mb-2" href="https://topscore.booblestudio.com/free_registration">Coba gratis sekarang</a>
            <a class="btn-outline-secondary btn font-weight-light btn-sm radius pl-4 pt-3 pb-3 pr-4 mr-2 mb-2" href="https://api.whatsapp.com/send?phone=6285340001026&text=Hallo,%20Saya%20ingin%20konsultasi%20tentang%20aplikasi%20Booble" target="_blank">Konsultasi gratis</a>
          </div>
          <a href="#" onclick="video();" class="c-grey-light fs-14 font-weight-light">
            <img src="https://topscore.booblestudio.com/assets/front_new/img/ic-play.png" alt="booble.id - Aplikasi Kasir dan Keuangan" width="23" class="mr-2">
            Kenapa harus booble?
          </a>
        </div>

        <div class="col-lg-6 d-none d-lg-block text-center mt-lg-5">

          <div class="owl-carousel owl-theme header-slide">

            <div class="item">
              <img src="https://topscore.booblestudio.com/assets/front_new/img/bg1.png" alt="booble.id - Aplikasi Kasir dan Keuangan" width="100%">
            </div>
            <div class="item">
              <img src="https://topscore.booblestudio.com/assets/front_new/img/bg2.png" alt="booble.id - Aplikasi Kasir dan Keuangan" width="100%">
            </div>
            <div class="item">
              <img src="https://topscore.booblestudio.com/assets/front_new/img/bg3.png" alt="booble.id - Aplikasi Kasir dan Keuangan" width="100%">
            </div>

          </div>

        </div>

      </div>
    </div>
  </section>

  <!-- End Header -->

  <!-- Info Masalah -->
  <section class="bg-grey-light pt-5 pb-sm-2 pb-md-4 pb-lg-5 cover center-position" style="background-image: url(https://topscore.booblestudio.com/assets/front_new/img/pattren1.png);border-bottom: solid 2px #E63946;">
    <div class="container">
      <div class="row justify-content-center mt-2">
        <div class="col-9 col-sm-10 col-lg-11">
          <div class="text-center info-owl">
            <p style="color: #F8FAFC" class="font-weight-light">Apa ini masalah bisnismu?</p>
            <div class="owl-carousel owl-theme info-masalah">
              <div class="item">
                <h5 style="color: #fff">Kesulitan dalam mengelola stok produk?</h5>
              </div>
              <div class="item">
                <h5 style="color: #fff">Omset tinggi, tapi untung tidak seberapa?</h5>
              </div>
              <div class="item">
                <h5 style="color: #fff">Pencatatan keuangan tidak teratur</h5>
              </div>
              <div class="item">
                <h5 style="color: #fff">Punya aplikasi tapi mahal, terus layanannya lambat respon?</h5>
              </div>
              <div class="item">
                <h5 style="color: #fff">Pencatatan penjualan dan pembelian masih manual?</h5>
              </div>
              <div class="item">
                <h5 style="color: #fff">Tidak tau produk paling laku dan jam paling ramai pelanggan</h5>
              </div>
              <div class="item">
                <h5 style="color: #fff">Mau meningkatkan bisnis, tapi tidak tau mulai dari mana</h5>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id="fitur" class="pt-2 pt-md-5">
    <div class="container pt-5 mb-5">
      <div class="row justify-content-center mt-3 mb-3 pt-md-3">

        <div class="col-12 col-sm-6 col-sm-6 text-center">
          <img src="https://topscore.booblestudio.com/assets/front_new/img/bg4.png" width="80%">
        </div>
        <div class="col-12 col-sm-6 col-md-6">
          <h4 class="mt-5 pt-md-3" style="color: #1D3557">Booble Solusinya!</h4>
          <ul class="timeline">
            <li><span>Pengelolaan produk lebih mudah dan realtime</span></li>
            <li><span>Laporan penjualan yang lengkap</span></li>
            <li><span>Kelola penjualan dan pembelian lebih cepat dan efisien</span></li>
            <li><span>Pencatatan akuntansi yang lengkap dengan laporan keuangan yang akurat</span></li>
            <li><span>Satu aplikasi berjuta manfaat dengan layanan terbaik</span></li>
          </ul>
        </div>

      </div>
    </div>
  </section>

  <section style="background: #F8FAFC">
    <div class="container pb-5">
      <div class="row pb-2">
        <div class="col-12 col-md-12 text-center mb-2 pl-3 pr-3 pl-md-0 pr-md-0">
          <h4 class="mt-5" style="color: #1D3557">Booble sangat cocok untuk bisnismu!</h4>
          <p>Sesuaikan kebutuhan fitur dengan jenis bisnismu</p>
        </div>


        <div class="col-12 col-sm-6 col-md-3 text-center pl-4 pr-4 pt-4 pl-md-3 pr-md-3 pt-md-3">
          <div style="background: #fff;border-radius: 10px;padding: 30px 0px;">
            <img src="https://topscore.booblestudio.com/assets/front_new/img/Group 345.png" alt="booble.id - Aplikasi Kasir dan Keuangan" class="mb-3"><br>
            Minimarket
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-3 text-center pl-4 pr-4 pt-4 pl-md-3 pr-md-3 pt-md-3">
          <div style="background: #fff;border-radius: 10px;padding: 30px 0px;">
            <img src="https://topscore.booblestudio.com/assets/front_new/img/Group 298.png" alt="booble.id - Aplikasi Kasir dan Keuangan" class="mb-3"><br>
            Food & Beverage
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-3 text-center pl-4 pr-4 pt-4 pl-md-3 pr-md-3 pt-md-3">
          <div style="background: #fff;border-radius: 10px;padding: 30px 0px;">
            <img src="https://topscore.booblestudio.com/assets/front_new/img/Group 305.png" alt="booble.id - Aplikasi Kasir dan Keuangan" class="mb-3"><br>
            Barbershop
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-3 text-center pl-4 pr-4 pt-4 pl-md-3 pr-md-3 pt-md-3">
          <div style="background: #fff;border-radius: 10px;padding: 30px 0px;">
            <img src="https://topscore.booblestudio.com/assets/front_new/img/Group 307.png" alt="booble.id - Aplikasi Kasir dan Keuangan" class="mb-3"><br>
            Kedai Kopi
          </div>
        </div>

        <div class="col-12 col-sm-6 col-md-3 text-center pl-4 pr-4 pt-4 pl-md-3 pr-md-3 pt-md-3">
          <div style="background: #fff;border-radius: 10px;padding: 30px 0px;">
            <img src="https://topscore.booblestudio.com/assets/front_new/img/Group 300.png" alt="booble.id - Aplikasi Kasir dan Keuangan" class="mb-3"><br>
            Restoran
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-3 text-center pl-4 pr-4 pt-4 pl-md-3 pr-md-3 pt-md-3">
          <div style="background: #fff;border-radius: 10px;padding: 30px 0px;">
            <img src="https://topscore.booblestudio.com/assets/front_new/img/Group 345.png" alt="booble.id - Aplikasi Kasir dan Keuangan" class="mb-3"><br>
            Retail
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-3 text-center pl-4 pr-4 pt-4 pl-md-3 pr-md-3 pt-md-3">
          <div style="background: #fff;border-radius: 10px;padding: 30px 0px;">
            <img src="https://topscore.booblestudio.com/assets/front_new/img/Group 296.png" alt="booble.id - Aplikasi Kasir dan Keuangan" class="mb-3"><br>
            Layanan
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-3 text-center pl-4 pr-4 pt-4 pl-md-3 pr-md-3 pt-md-3">
          <div style="background: #fff;border-radius: 10px;padding: 30px 0px;">
            <img src="https://topscore.booblestudio.com/assets/front_new/img/Group 294.png" alt="booble.id - Aplikasi Kasir dan Keuangan" class="mb-3"><br>
            Apotek
          </div>
        </div>

      </div>
    </div>
  </section>


  <section>
    <div class="container pb-4">
      <div class="row pb-2">
        <div class="col-12 col-md-12 text-center mb-2 pl-3 pr-3 pl-md-0 pr-md-0">
          <h4 class="mt-5" style="color: #1D3557">Kenapa Harus Booble?</h4>
          <p>Pilihlah aplikasi yang terbaik dan terpercaya untuk bisnismu!</p>
        </div>

        <div class="col-12 col-md-6 text-center pl-5 pr-5 pt-5 pb-4 pl-md-4 pr-md-4 pt-md-4">
          <div style="border-radius: 10px;background: #F8FAFC;padding: 30px;">
            <div class="pb-4 pt-2 pl-2 pr-2 mb-4" style="background: #fff;border-radius: 10px;">
              <div class="text-right">
                <i class="fa fa-check p-1" style="color: #fff;background: #dc3545;border-radius: 5px;"></i>
              </div>
              Digunakan di semua perangkat
            </div>
            <div class="pb-2 pb-md-3">
              Nikmati Kemudahan mengelola bisnismu dengan aplikasi kasir dan keuangan booble dimanapun dan kapanpun.
            </div>
          </div>
        </div>

        <div class="col-12 col-md-6 text-center pl-5 pr-5 pt-5 pb-4 pl-md-4 pr-md-4 pt-md-4">
          <div style="border-radius: 10px;background: #F8FAFC;padding: 30px;">
            <div class="pb-4 pt-2 pl-2 pr-2 mb-4" style="background: #fff;border-radius: 10px;">
              <div class="text-right">
                <i class="fa fa-check p-1" style="color: #fff;background: #dc3545;border-radius: 5px;"></i>
              </div>
              Jaminan keamanan data
            </div>
            <div class="pb-2 pb-md-3">
              Aplikasi kasir dan keuangan booble mengenkripsi semua datamu sehingga menjamin keamanan dan kenyamanan dalam penggunaannya.
            </div>
          </div>
        </div>

        <div class="col-12 col-md-6 text-center pl-5 pr-5 pt-5 pb-4 pl-md-4 pr-md-4 pt-md-4">
          <div style="border-radius: 10px;background: #F8FAFC;padding: 30px;">
            <div class="pb-4 pt-2 pl-2 pr-2 mb-4" style="background: #fff;border-radius: 10px;">
              <div class="text-right">
                <i class="fa fa-check p-1" style="color: #fff;background: #dc3545;border-radius: 5px;"></i>
              </div>
              Pendampingan penggunaan
            </div>
            <div class="pb-2 pb-md-3">
              Tim Booble akan setia mendampingimu dalam penggunaan aplikasi kasir dan keuangan selamanya.
            </div>
          </div>
        </div>

        <div class="col-12 col-md-6 text-center pl-5 pr-5 pt-5 pb-4 pl-md-4 pr-md-4 pt-md-4">
          <div style="border-radius: 10px;background: #F8FAFC;padding: 30px;">
            <div class="pb-4 pt-2 pl-2 pr-2 mb-4" style="background: #fff;border-radius: 10px;">
              <div class="text-right">
                <i class="fa fa-check p-1" style="color: #fff;background: #dc3545;border-radius: 5px;"></i>
              </div>
              Cepat respon 10 menit solve
            </div>
            <div class="pb-2 pb-md-3">
              Layanan Customer Service terbaik, akan membantumu menyelesaikan masalah hanya dengan 10 menit saja.
            </div>
          </div>
        </div>

      </div>
    </div>
  </section>


  <section class="bg-grey-light pt-5 pb-sm-2 pb-md-4 pb-lg-4 cover center-position" style="background-image: url(https://topscore.booblestudio.com/assets/front_new/img/pattren1.png);border-bottom: solid 2px #E63946;">
    <div class="container">
      <div class="row justify-content-center mt-2 mb-3">

        <div class="col-12 col-sm-4 col-lg-4 pt-md-3">

          <h4 class="mt-md-5 mb-md-5 mb-3" style="color: #fff">Perjalanan booble dalam memberikan solusi terbaik untuk bisnismu</h4>
          <div class="mb-4">
            <button class="btn-sliders" id="next-perjalanan"><i class="fa fa-arrow-left"></i></button>
            <i class="fa fa-circle" style="font-size: 10px;color: #fff"></i>
            <button class="btn-sliders" id="prev-perjalanan"><i class="fa fa-arrow-right"></i></button>
          </div>
        </div>
        <div class="col-12 col-sm-8 col-lg-8">

          <div class="text-center info-owl">

            <div class="owl-carousel owl-theme perjalanan">

              <div class="item" style="border-radius: 10px;background: #fff;">
                <div style="height: 255px">
                  <img src="https://topscore.booblestudio.com/assets/front_new/img/WMM Pembinaan-01.jpg" alt="booble.id - Aplikasi Kasir dan Keuangan" style="border-radius: 10px 10px 0px 0px;object-fit: cover;height: 255px;">
                </div>
                <div class="text-center p-4" style="min-height: 96px">Wirausaha Muda Mandiri</div>
              </div>

              <div class="item" style="border-radius: 10px;background: #fff;">
                <div style="height: 255px">
                  <img src="https://topscore.booblestudio.com/assets/front_new/img/Teknopreneur Muda Pemula.jpg" alt="booble.id - Aplikasi Kasir dan Keuangan" style="border-radius: 10px 10px 0px 0px;object-fit: cover;height: 255px;">
                </div>
                <div class="text-center p-4" style="min-height: 96px">Teknopreneur Muda Pemula</div>
              </div>

              <div class="item" style="border-radius: 10px;background: #fff;">
                <div style="height: 255px">
                  <img src="https://topscore.booblestudio.com/assets/front_new/img/ibtie.jpg" alt="booble.id - Aplikasi Kasir dan Keuangan" style="border-radius: 10px 10px 0px 0px;object-fit: cover;height: 255px;">
                </div>
                <div class="text-center p-4" style="min-height: 96px">Ibtie Sulsel</div>
              </div>

              <div class="item" style="border-radius: 10px;background: #fff;">
                <div style="height: 255px">
                  <img src="https://topscore.booblestudio.com/assets/front_new/img/Mask Group 2.png" alt="booble.id - Aplikasi Kasir dan Keuangan" style="border-radius: 10px 10px 0px 0px;object-fit: cover;height: 255px;">
                </div>
                <div class="text-center p-4" style="min-height: 96px">Pahlawan Digital UMKM</div>
              </div>

              <div class="item" style="border-radius: 10px;background: #fff;">
                <div style="height: 255px">
                  <img src="https://topscore.booblestudio.com/assets/front_new/img/1000 startup.jpg" alt="booble.id - Aplikasi Kasir dan Keuangan" style="border-radius: 10px 10px 0px 0px;object-fit: cover;height: 255px;">
                </div>
                <div class="text-center p-4" style="min-height: 96px">1000 Startup Digital</div>
              </div>

              <div class="item" style="border-radius: 10px;background: #fff;">
                <div style="height: 255px">
                  <img src="https://topscore.booblestudio.com/assets/front_new/img/teknologi_2017_06_12_084541_big.jpg" alt="booble.id - Aplikasi Kasir dan Keuangan" style="border-radius: 10px 10px 0px 0px;object-fit: cover;height: 255px;">
                </div>
                <div class="text-center p-4" style="min-height: 96px">Startup Worldcup 2018</div>
              </div>

            </div>

          </div>

        </div>

      </div>
    </div>
  </section>

  <section style="background: #F8FAFC" class="pt-3 pb-3">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-sm-6 col-md-3 text-center">
          <img src="https://topscore.booblestudio.com/assets/front_new/img/Kompas TV.png" alt="booble.id - Aplikasi Kasir dan Keuangan" class="pt-md-1">
        </div>
        <div class="col-12 col-sm-6 col-md-3 text-center">
          <img src="https://topscore.booblestudio.com/assets/front_new/img/42koran-ujungpandang-ekspres-removebg-preview.png" alt="booble.id - Aplikasi Kasir dan Keuangan">
        </div>
        <!--<div class="col-12 col-sm-6 col-md-3 text-center">
            <img src="https://topscore.booblestudio.com/assets/front_new/img/kompasiana-biru.png" alt="booble.id - Aplikasi Kasir dan Keuangan">  
          </div>-->
        <div class="col-12 col-sm-6 col-md-3 text-center">
          <img src="https://topscore.booblestudio.com/assets/front_new/img/radaronline-logo.png" alt="booble.id - Aplikasi Kasir dan Keuangan" class="pt-md-2">
        </div>
      </div>
    </div>
  </section>


  <section>
    <div class="container pb-4 mt-md-5">
      <div class="row pb-2">
        <div class="col-12 col-md-12 text-center mb-4 pl-3 pr-3 pl-md-0 pr-md-0">
          <h4 class="mt-5" style="color: #1D3557">Apa kata sobat booble?</h4>
          <p>Berjuta manfaat jika menggunakan aplikasi yang tepat untuk bisnismu</p>
        </div>

        <div class="col-12 col-md-12">

          <div class="text-center info-owl">

            <div class="owl-carousel owl-theme testimoni">

              
            </div>

          </div>

          <div class="mb-3 mt-2 text-center">
            <button class="btn-sliders" id="next-testimoni" style="color: #444;border-color: #444;"><i class="fa fa-arrow-left"></i></button>
            <i class="fa fa-circle" style="font-size: 10px"></i>
            <button class="btn-sliders" id="prev-testimoni" style="color: #444;border-color: #444;"><i class="fa fa-arrow-right"></i></button>
          </div>

        </div>

      </div>
    </div>
  </section>


  <section id="harga" class="pt-5 pt-md-3">
    <div class="container pb-4 mt-md-5">
      <div class="row pb-2">
        <div class="col-12 col-md-12 text-center mb-5 pl-3 pr-3 pl-md-0 pr-md-0">
          <h4 class="mt-5" style="color: #1D3557">Mereka sudah memilih solusi yang tepat,<br>Sekarang giliran bisnismu!</h4>
        </div>



        <div class="col-12 col-sm-6 col-md-6 p-3">
                      <div class="harga_paket pb-3">
                        <div class="text-center p-3" style="background: #F8FAFC;border-radius: 0px 0px 40% 40%;color: #E63946"><h4>Growth</h4></div>
                        <div class="text-center mt-4 mb-3">
                            <h1 style="font-size: 3.5rem">150.000
                              
                            </h1><p class="mb-5">Per bulan</p><div class="harga"><p class="fs-14">Aplikasi Kasir Online (Smartphone)</p><p class="fs-14">Aplikasi Kasir Online (Tablet)</p><p class="fs-14">Aplikasi Kasir Online (Website)</p><p class="fs-14">Aplikasi Back Office (Website)</p><p class="fs-14">Managemen Inventory</p><p class="fs-14">Stok Opname Produk</p><p class="fs-14">Bahan Baku Produk</p><p class="fs-14">Managemen Pembelian</p><p class="fs-14">Managemen Suplier</p><p class="fs-14">Managemen Meja</p><p class="fs-14">Pencatatan Harga Kurir</p><p class="fs-14">Pencatatatan Kas Kecil</p><p class="fs-14">Kirim Struk Via Email</p><p class="fs-14">Pembayaran Bank Transfer</p><p class="fs-14">Pembayaran Digital Payment</p><p class="fs-14">Laporan Penjualan</p><p class="fs-14">Laporan Persedian</p><p class="fs-14">Laporan Customer</p><p class="fs-14">Laporan Keuangan</p><p class="fs-14">1 User Admin</p><p class="fs-14">3 User Kasir</p></div>
                            
                            <a href="https://topscore.booblestudio.com/registrasi?paket=5" class="btn btn-danger font-weight-light btn-sm radius pl-4 pt-3 pb-3 pr-4 mr-2 mb-2 mt-5" 
                              style="background: #5F6F85;border-color: #5F6F85">Daftar Sekarang</a>
                        </div>
                      </div>
                  </div><div class="col-12 col-sm-6 col-md-6 p-3">
                      <div class="harga_paket pb-3">
                        <div class="text-center p-3" style="background: #F8FAFC;border-radius: 0px 0px 40% 40%;color: #E63946"><h4>Scale Up</h4></div>
                        <div class="text-center mt-4 mb-3">
                            <h1 style="font-size: 3.5rem">250.000
                              
                            </h1><p class="mb-5">Per bulan</p><div class="harga"><p class="fs-14">Aplikasi Kasir Online (Smartphone)</p><p class="fs-14">Aplikasi Kasir Online (Tablet)</p><p class="fs-14">Aplikasi Kasir Online (Website)</p><p class="fs-14">Aplikasi Back Office (Website)</p><p class="fs-14">Managemen Inventory</p><p class="fs-14">Stok Opname Produk</p><p class="fs-14">Bahan Baku Produk</p><p class="fs-14">Managemen Pembelian</p><p class="fs-14">Managemen Suplier</p><p class="fs-14">Managemen Meja</p><p class="fs-14">Pencatatan Harga Kurir</p><p class="fs-14">Pencatatatan Kas Kecil</p><p class="fs-14">Kirim Struk Via Email</p><p class="fs-14">Pembayaran Bank Transfer</p><p class="fs-14">Pembayaran Digital Payment</p><p class="fs-14">Laporan Penjualan</p><p class="fs-14">Laporan Persedian</p><p class="fs-14">Laporan Customer</p><p class="fs-14">Laporan Keuangan</p><p class="fs-14">Pencatatan Biaya</p><p class="fs-14">Penginputan Jurnal</p><p class="fs-14">Penyusutan Aset</p><p class="fs-14">Otoritas User</p><p class="fs-14">Custom Kode Akun</p><p class="fs-14">1 User Admin</p><p class="fs-14">3 User Kasir</p></div>
                            
                            <a href="https://topscore.booblestudio.com/registrasi?paket=6" class="btn btn-danger font-weight-light btn-sm radius pl-4 pt-3 pb-3 pr-4 mr-2 mb-2 mt-5" 
                              style="background: #5F6F85;border-color: #5F6F85">Daftar Sekarang</a>
                        </div>
                      </div>
                  </div><div class="col-12 col-sm-6 col-md-6 p-3">
                      <div class="harga_paket pb-3">
                        <div class="text-center p-3" style="background: #F8FAFC;border-radius: 0px 0px 40% 40%;color: #E63946"><h4>Premium</h4></div>
                        <div class="text-center mt-4 mb-3">
                            <h1 style="font-size: 3.5rem">500.000
                              
                            </h1><p class="mb-5">Sekali Bayar</p><div class="harga"><p class="fs-14">Aplikasi Kasir Online (Smartphone)</p><p class="fs-14">Aplikasi Kasir Online (Tablet)</p><p class="fs-14">Aplikasi Kasir Online (Website)</p><p class="fs-14">Aplikasi Back Office (Website)</p><p class="fs-14">Managemen Inventory</p><p class="fs-14">Stok Opname Produk</p><p class="fs-14">Bahan Baku Produk</p><p class="fs-14">Managemen Pembelian</p><p class="fs-14">Managemen Suplier</p><p class="fs-14">Managemen Meja</p><p class="fs-14">Pencatatan Harga Kurir</p><p class="fs-14">Pencatatatan Kas Kecil</p><p class="fs-14">Kirim Struk Via Email</p><p class="fs-14">Pembayaran Bank Transfer</p><p class="fs-14">Pembayaran Digital Payment</p><p class="fs-14">Laporan Penjualan</p><p class="fs-14">Laporan Persedian</p><p class="fs-14">Laporan Customer</p><p class="fs-14">Laporan Keuangan</p><p class="fs-14">Pencatatan Biaya</p><p class="fs-14">Penginputan Jurnal</p><p class="fs-14">Penyusutan Aset</p><p class="fs-14">Otoritas User</p><p class="fs-14">Custom Kode Akun</p><p class="fs-14">1 User Admin</p><p class="fs-14">3 User Kasir</p><p class="fs-14">Pendampingan Keuangan</p></div>
                            
                            <a href="https://topscore.booblestudio.com/registrasi?paket=7" class="btn btn-danger font-weight-light btn-sm radius pl-4 pt-3 pb-3 pr-4 mr-2 mb-2 mt-5" 
                              style="background: #5F6F85;border-color: #5F6F85">Daftar Sekarang</a>
                        </div>
                      </div>
                  </div>


      </div>
    </div>
  </section>

  <section>
    <div class="container pb-4 mt-md-5">
      <div class="row pb-2">
        <div class="col-12 col-md-12 text-center mb-4 pl-3 pr-3 pl-md-0 pr-md-0">
          <h4 class="mt-5" style="color: #1D3557">Dapatkan juga tips bisnis dari #boobletalk</h4>
          <p>Booble talk adalah program sharing bisnis mulai dari tips menciptakan ide bisnis, awal mula bisnis,<br>mengelola bisnis hingga pengelolaan keuangan</p>
        </div>

        <div class="col-12 col-sm-12 col-lg-12 pt-4">

          <div class="text-center info-owl">

            <div class="owl-carousel owl-theme btalk">


              <div class="item" style="border-radius: 10px;background: #fff;">
                <div class="row">
                  <div class="col-12 col-md-4">
                    <img src="https://topscore.booblestudio.com/assets/front_new/img/btalk2.jpg" height="100%" alt="booble.id - Aplikasi Kasir dan Keuangan" style="border-radius: 5px 5px 5px 5px;">
                  </div>
                  <div class="col-12 col-md-8">
                    <div class="text-left pb-3 pt-2"><b>Benarkah UMKM Indonesia kalah saing</b></div>
                    <div class="text-left">
                      <p>Uploaded 10/11/2020<br>Length 0:54:36</p>
                      <a href="https://www.youtube.com/watch?v=o5iJA9EjRKI" target="_blank" class="btn btn-danger font-weight-light btn-sm radius pl-5 pt-2 pb-2 pr-5 mr-2 mb-2 mt-2" style="background: #5F6F85;border-color: #5F6F85">Nonton</a>
                    </div>
                  </div>
                </div>
              </div>

              <div class="item" style="border-radius: 10px;background: #fff;">
                <div class="row">
                  <div class="col-12 col-md-4">
                    <img src="https://topscore.booblestudio.com/assets/front_new/img/Mask Group 4@2x.png" height="100%" alt="booble.id - Aplikasi Kasir dan Keuangan" style="border-radius: 5px 5px 5px 5px;">
                  </div>
                  <div class="col-12 col-md-8">
                    <div class="text-left pb-3 pt-2"><b>Tips sukses bisnis sablon kekinian</b></div>
                    <div class="text-left">
                      <p>Uploaded 08/10/2020<br>Length 0:41:40</p>
                      <a href="https://www.youtube.com/watch?v=JMUfFiZzptw&t=6s" target="_blank" class="btn btn-danger font-weight-light btn-sm radius pl-5 pt-2 pb-2 pr-5 mr-2 mb-2 mt-2" style="background: #5F6F85;border-color: #5F6F85">Nonton</a>
                    </div>
                  </div>
                </div>
              </div>

              <div class="item" style="border-radius: 10px;background: #fff;">
                <div class="row">
                  <div class="col-12 col-md-4">
                    <img src="https://topscore.booblestudio.com/assets/front_new/img/pajak era modern.png" height="100%" alt="booble.id - Aplikasi Kasir dan Keuangan" style="border-radius: 5px 5px 5px 5px;">
                  </div>
                  <div class="col-12 col-md-8">
                    <div class="text-left pb-3 pt-2"><b>Pajak Di Era Modern</b></div>
                    <div class="text-left">
                      <p>Uploaded 28/09/2020<br>Length 0:47:51</p>
                      <a href="https://www.youtube.com/watch?v=xnfFA4vXC1U" target="_blank" class="btn btn-danger font-weight-light btn-sm radius pl-5 pt-2 pb-2 pr-5 mr-2 mb-2 mt-2" style="background: #5F6F85;border-color: #5F6F85">Nonton</a>
                    </div>
                  </div>
                </div>
              </div>

              <div class="item" style="border-radius: 10px;background: #fff;">
                <div class="row">
                  <div class="col-12 col-md-4">
                    <img src="https://topscore.booblestudio.com/assets/front_new/img/BTALK 4 KAK YANA.png" height="100%" alt="booble.id - Aplikasi Kasir dan Keuangan" style="border-radius: 5px 5px 5px 5px;">
                  </div>
                  <div class="col-12 col-md-8">
                    <div class="text-left pb-3 pt-2"><b>Usaha Makin Untung di Era New Normal</b></div>
                    <div class="text-left">
                      <p>Uploaded 15/09/2020<br>Length 0:36:45</p>
                      <a href="https://www.youtube.com/watch?v=mTas3FF7zbw&list=PL6NaqSlkc_vL3HWz19CXkR8IWBuM_OJkh&index=5" target="_blank" class="btn btn-danger font-weight-light btn-sm radius pl-5 pt-2 pb-2 pr-5 mr-2 mb-2 mt-2" style="background: #5F6F85;border-color: #5F6F85">Nonton</a>
                    </div>
                  </div>
                </div>
              </div>

              <div class="item" style="border-radius: 10px;background: #fff;">
                <div class="row">
                  <div class="col-12 col-md-4">
                    <img src="https://topscore.booblestudio.com/assets/front_new/img/Mask_Group_5@2x.png" height="100%" alt="booble.id - Aplikasi Kasir dan Keuangan" style="border-radius: 5px 5px 5px 5px;">
                  </div>
                  <div class="col-12 col-md-8">
                    <div class="text-left pb-3 pt-2"><b>Bisnis yang datang dari putus asa</b></div>
                    <div class="text-left">
                      <p>Uploaded 24/08/2020<br>Length 0:14:03</p>
                      <a href="https://www.youtube.com/watch?v=fuwH2skJIMs" target="_blank" class="btn btn-danger font-weight-light btn-sm radius pl-5 pt-2 pb-2 pr-5 mr-2 mb-2 mt-2" style="background: #5F6F85;border-color: #5F6F85">Nonton</a>
                    </div>
                  </div>
                </div>
              </div>

              <div class="item" style="border-radius: 10px;background: #fff;">
                <div class="row">
                  <div class="col-12 col-md-4">
                    <img src="https://topscore.booblestudio.com/assets/front_new/img/B Talk Customer Journey.png" height="100%" alt="booble.id - Aplikasi Kasir dan Keuangan" style="border-radius: 5px 5px 5px 5px;">
                  </div>
                  <div class="col-12 col-md-8">
                    <div class="text-left pb-3 pt-2"><b>Ilmu Wajib Untuk UKM/UMKM</b></div>
                    <div class="text-left">
                      <p>Uploaded 19/08/2020<br>Length 0:36:45</p>
                      <a href="https://www.youtube.com/watch?v=Zc6f_zg3GmI" target="_blank" class="btn btn-danger font-weight-light btn-sm radius pl-5 pt-2 pb-2 pr-5 mr-2 mb-2 mt-2" style="background: #5F6F85;border-color: #5F6F85">Nonton</a>
                    </div>
                  </div>
                </div>
              </div>


            </div>

          </div>
          <div class="mb-3 mt-md-5 text-center">
            <button class="btn-sliders" id="next-btalk" style="color: #444;border-color: #444;"><i class="fa fa-arrow-left"></i></button>
            <i class="fa fa-circle" style="font-size: 10px"></i>
            <button class="btn-sliders" id="prev-btalk" style="color: #444;border-color: #444;"><i class="fa fa-arrow-right"></i></button>
          </div>

        </div>

      </div>
    </div>
  </section>

  <section id="kontak" class="pt-5 pt-3">
    <div class="container pb-4 mt-md-5">
      <div class="row pb-5 mt-md-5 pt-5">

        <div class="col-12 col-md-6 text-center d-block d-md-none">
          <img src="https://topscore.booblestudio.com/assets/front_new/img/Group 347.png" width="100%" alt="booble.id - Aplikasi Kasir dan Keuangan">
        </div>

        <div class="col-12 col-md-6">
          <h4 class="mt-5" style="color: #1D3557">Ada Yang Bisa Kami Bantu Mengenai Aplikasi?</h4>
          <p class="mt-3">Hubungi Kami Sekarang, Kami Akan Membantu Anda Untuk Mengenal Booble.id Lebih Dekat!</p>
          <div class="pt-4">
            <a class="btn-danger btn font-weight-light btn-sm radius pl-4 pt-3 pb-3 pr-4 mr-2 mb-2" href="https://api.whatsapp.com/send?phone=6285340001026&text=Hallo,%20Saya%20ingin%20meminta%20demo%20aplikasi%20Booble" target="_blank">
              <i class="fa fa-whatsapp"></i> Hubungi Kami
            </a>
          </div>
        </div>

        <div class="col-12 col-md-6 text-center d-none d-md-block">
          <img src="https://topscore.booblestudio.com/assets/front_new/img/Group 347.png" height="100%" alt="booble.id - Aplikasi Kasir dan Keuangan">
        </div>

      </div>
    </div>
  </section>


  <section class="pt-5 pt-md-3">
    <div class="container pb-4 mt-md-5">
      <div class="row pb-2">

        <div class="col-12 col-md-5 text-center d-none d-md-block" style="background: #E63946;border-radius: 500px 0px 0px 0px;">
          <img src="https://topscore.booblestudio.com/assets/front_new/img/3k _ Free iMac Photoshop.png" height="100%" alt="booble.id - Aplikasi Kasir dan Keuangan">
        </div>
        <div class="col-12 col-md-5 text-center d-block d-md-none" style="background: #E63946;border-radius: 500px 0px 0px 0px;">
          <img src="https://topscore.booblestudio.com/assets/front_new/img/3k _ Free iMac Photoshop.png" width="100%" alt="booble.id - Aplikasi Kasir dan Keuangan">
        </div>
        <div class="col-12 col-md-7 pl-md-5 pt-md-5" style="background: #E63946">
          <div class="pt-md-5 pl-md-3">
            <h4 class="mt-md-5" style="color: #fff">Saatnya Meningkatkan Bisnis Anda,<br>dan Ciptakan Pengalaman Belanja Baru.</h4>
            <p class="mt-3" style="color: #fff">Kelola Bisnismu Dengan Mudah Bersama Booble.id,<br>Bisnis Anda Jalan, Anda Jalan-Jalan!</p>
            <div class="pt-4 pb-5">
              <a class="btn btn-danger font-weight-light btn-sm radius pl-4 pt-3 pb-3 pr-4 mr-2 mb-2" href="https://topscore.booblestudio.com/free_registration" style="border: solid 1px;background: unset;">Coba gratis sekarang</a>
            </div>
          </div>
        </div>


      </div>
    </div>
  </section>


  <section class="pt-5 pt-md-3" style="background: #F8FAFC;">
    <div class="container pb-4 mt-md-5">
      <div class="row">

        <div class="col-12 col-md-4">
          <img src="https://topscore.booblestudio.com/assets/front_new/img/logo1.png">
          <p class="pt-4 fs-14">
            Aplikasi Kasir dan Laporan Keuangam Terlengkap. Dilengkapi dengan Akuntansi yang Lengkap sehingga akan memudahkan setiap proses transaksi usaha anda.
          </p>
          <p class="pt-3 fs-14">
            <b>#mudahdenganbooble</b>
          </p>

          <div class="pb-3 pt-2">
            <a href="https://www.instagram.com/booble.id_/" class="pr-2" target="_blank">
              <img src="https://topscore.booblestudio.com/assets/front_new/img/Icon feather-instagram.png" alt="Instagram Booble" style="width: 25px">
            </a>
            <a href="https://www.youtube.com/channel/UCuSSgGI7yJZrUtPhb43zT4w" class="pr-2" target="_blank">
              <img src="https://topscore.booblestudio.com/assets/front_new/img/Icon feather-youtube.png" alt="Youtube Booble" style="width: 30px">
            </a>
            <a href="https://www.facebook.com/booble.mitra" class="pr-2" target="_blank">
              <img src="https://topscore.booblestudio.com/assets/front_new/img/Icon feather-facebook.png" alt="Facebook Booble" style="height: 25px">
            </a>
          </div>
          <a href="https://play.google.com/store/apps/details?id=com.booble.boobleapp.id" class="pt-3" target="_blank">
            <img src="https://topscore.booblestudio.com/assets/front_new/img/Mask Group 4.png" alt="booble.id - Aplikasi Kasir dan Keuangan" style="width: 150px">
          </a>
        </div>
        <div class="col-12 col-md-2">
          <h5 class="pb-2 mt-md-0 mt-3" style="border-bottom:solid 2px #E63946;">FITUR</h5>
          <p class="fs-14">Penjualan</p>
          <p class="fs-14">Manajemen Konsumen</p>
          <p class="fs-14">Manajemen Karyawan</p>
          <p class="fs-14">Manajemen Bahan Baku</p>
          <p class="fs-14">Laporan Keuangan</p>
        </div>
        <div class="col-12 col-md-2">
          <h5 class="pb-2 mt-md-0 mt-3" style="border-bottom:solid 2px #E63946;">MITRA</h5>
          <p class="fs-14">Minimarket</p>
          <p class="fs-14">Restoran Cepat Saji</p>
          <p class="fs-14">Layanan / Jasa</p>
          <p class="fs-14">Kedai Kopi</p>
          <p class="fs-14">Retail</p>
        </div>
        <div class="col-12 col-md-2">
          <h5 class="pb-2 mt-md-0 mt-3" style="border-bottom:solid 2px #E63946;">BANTUAN</h5>
          <p class="fs-14">Panduan</p>
          <p class="fs-14"><a href="https://topscore.booblestudio.com/#harga" style="color: #444;text-decoration: none;">Harga</a></p>
          <p class="fs-14">Perangkat</p>
          <p class="fs-14"><a href="https://topscore.booblestudio.com/#kontak" style="color: #444;text-decoration: none;">Hubungi Kami</a></p>
        </div>
        <div class="col-12 col-md-2">
          <h5 class="pb-2 mt-md-0 mt-3" style="border-bottom:solid 2px #E63946;">TENTANG</h5>
          <p class="fs-14">Informasi</p>
          <p class="fs-14"><a href="https://booble.id/artikel/" style="color: #444;text-decoration: none;">Artikel</a></p>
          <p class="fs-14">Media</p>
        </div>

      </div>
    </div>
  </section>

  <section class="pt-4 pb-1">
    <div class="container">

      <div class="row">
        <div class="col-12 col-md-5">
          <p class="fs-14">Copyright 2021 Booble Mitra Kreatif. All Rights Reserved</p>
        </div>
        <div class="col-12 col-md-7">
          <p class="fs-14">
            <span class="pr-4" style="color: #E63946">Sitemap</span>
            <a href="https://topscore.booblestudio.com/policy"><span class="pr-4" style="color: #E63946">Kebijakan Privasi</span></a>
            <span class="pr-4" style="color: #E63946">Syarat dan Ketentuan</span>
          </p>
        </div>
      </div>

    </div>
  </section>

  <div id="myModal" class="modal fade">
    <div class="modal-dialog modal-md custom-modal">
      <div class="modal-content" style="border-radius: 1.3rem;background-color: #FBFBFB;border:unset;">
        <div class="modal-body" style="padding: unset">
          <div class="row" style="position: absolute;right: 13px;top: 10px;">
            <div class="col-md-12">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
          </div>
          <!-- <a href="https://booble.id/event/btalk22" target="_blank">
            <img src="https://topscore.booblestudio.com/assets/images/btalk22.png" width="100%" style="border-radius: 20px;">
          </a> -->
          <a href="https://bit.ly/info_booble" target="_blank">
            <img src="https://topscore.booblestudio.com/assets/images/iklan-2-22.jpeg" width="100%" style="border-radius: 20px;">
          </a>
          <!-- <div class="get-start-area" style="margin-top: -80px;">
            <a href="https://booble.id/event/btalk21" class="btn font-weight-light btn-sm radius pl-2 pt-2 pb-2 pr-2 mr-2 mb-2" style="width: 100%;background: unset;color: #ffffff;">-> <b>DAFTAR SEKARANG</b> <-</a>
          </div> -->
          <!-- <div class="row pl-3 pr-3 pb-3">
                    <div class="col-md-6 col-12 text-center">
                        <div class="get-start-area" style="margin-top: 10px;">
                            <a href="https://app.booble.id/free_registration" class="btn btn-danger font-weight-light btn-sm radius pl-2 pt-2 pb-2 pr-2 mr-2 mb-2" style="width: 100%;background: unset;color: #dc3545;">Coba Gratis</a>
                        </div>
                    </div>
                    <div class="col-md-6 col-12 text-center">
                        <div class="get-start-area" style="margin-top: 10px;">
                            <a href="https://api.whatsapp.com/send?phone=6285343795349&text=Hallo,%20Saya%20ingin%20menggunakan%20promo%20cashback%20 1.000.000" target="_blank" class="btn btn-danger font-weight-light btn-sm radius pl-2 pt-2 pb-2 pr-2 mr-2 mb-2" style="width: 100%">Gunakan Promo</a>
                        </div>
                    </div>
                </div> -->
          <!-- <div class="row pl-3 pr-3 pb-3">
                    <div class="col-md-12 col-12 text-center">
                        <a href="https://topscore.booblestudio.com/free_registration" class="btn btn-danger font-weight-light btn-sm radius pl-2 pt-3 pb-3 pr-2" style="width: 70%;display: inline-block; position: absolute;bottom: -14px;left: 60px;right: 0"> DAFTAR SEKARANG
                    </div>
                </div> -->

        </div>
      </div>
    </div>
  </div>

  <div id="myModal2" class="modal fade">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-body" style="background: #f8fafc;">

          <div class="row mb-3">
            <div class="col-md-12 text-right">
              <button type="button" class="close" data-dismiss="modal" id="close_video">&times;</button>
            </div>
          </div>

          <iframe class="myVideoClass" width="760" height="350" style="width: 100%;" src="https://www.youtube.com/embed/1YlNrKR8S8g?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

        </div>
      </div>
    </div>
  </div>

  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="https://topscore.booblestudio.com/assets/front_new/js/jquery-3.5.1.min.js"></script>
  <script src="https://topscore.booblestudio.com/assets/front_new/bootstrap/js/bootstrap.min.js"></script>
  <script src="https://topscore.booblestudio.com/assets/front_new/owl.carousel/owl.carousel.min.js"></script>
  <script src="https://topscore.booblestudio.com/assets/front_new/js/custom.js"></script>

  <script type="text/javascript">
    $('#myModal2').on('hidden.bs.modal', function() {
      $('.myVideoClass').removeAttr('src', 'https://www.youtube.com/embed/1YlNrKR8S8g?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture');
    });
    $(window).on('load', function() {
      $('#myModal').modal('show');
    });

    function video() {
      $('.myVideoClass').attr('src', 'https://www.youtube.com/embed/1YlNrKR8S8g?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture');
      $('#myModal2').modal('show');
    }
    $('#close_video').click(function() {
      $('.myVideoClass').removeAttr('src', 'https://www.youtube.com/embed/1YlNrKR8S8g?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture');
    });
  </script>


</body>

</html>