Cara menggunakan html bukaolshop gratis

Hallo teman-teman E-Saku.id.

Hari ini kami akan membagikan script menu pulsa untuk mempercantik tampilan aplikasi bukaolshop kalian semua.

Semoga script ini berguna dan bermanfaat untuk kalian semua hehe.

Buat kamu yang ingin desain aplikasi bukaolshop makin cantik dan atau ingin berkonsultasi desain apk bisa menghubungi kita ya! Dijamin puas 100%.

Jika script tidak bisa disalin dibawah juga ada tombol download.

<!doctype html>

<html lang="en">

  <head>

    <!-- Required meta tags -->

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->

    <link href="https://cdn.jsdelivr.net/npm//dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <title>Menu</title>

   <link rel="stylesheet" href="ulsa.css" type="text/css" media="all" />

 <style type="text/css" media="all">

   .menuMenu{

  width: 100%;

  height: auto;

  top: 0;

  left: 0;

}

.containerMenu{

  width: 100%;

  height: auto;

}

.containerMenu:hover{

  background-color: #f3f3f3;

}

.containerImg{

  width: 20%;

  height: auto;

  float: left;

}

.containerImg img{

  width: 70%;

  height: auto;

  margin-left: 15%;

  float: left;

  margin-top: 10%;

}

.containerJudul{

  width: 80%;

  height: auto;

  border-bottom: 1px solid rgba(159,159,159,0.353);

  margin-left: 20%;

  padding-top: 2%;

  padding-bottom: 2%;

}

.containerJudul p{

  padding-top: 4%;

  font-size: 16px;

  width: 90%;

  float: left;

  opacity: 0.7;

}

.containerJudul h2{

  padding-top: 3%;

}

a{

  text-decoration: none;

  color: inherit;

}

.bg-notice{

  margin-top: 10%;

  position: inherit;

}

.container-notice{

  width: 90%;

  height: auto;

  background-color: #EBF4F4;

  margin-left: 5%;

  border-radius: 5px;

}

.container-notice img{

  width: 20%;

  height: auto;

  margin-left: 2%;

  margin-right: 5%;

  padding-top: 6%;

  padding-bottom: 10%;

  float: left;

}

.container-notice h3{

  font-size: 18px;

  color: black;

  padding-top: 6%;

  margin-bottom: 0%;

  opacity: 0.7;

}

.container-notice p{

  color: black;

  font-size: 14px;

  padding-bottom: 6%;

  opacity: 0.6;

}

 </style>

  </head>

  <body>

    <section class="menuMenu">

      <div class="containerMenu">

        <div class="containerImg">

          <img src="https://bukaolshop.s3-id-jkt-1.kilatstorage.id/70913/158372817l.jpg" alt="" />

        </div>

        <a href="link pulsa kamu">

        <div class="containerJudul">

          <p>Pulsa Indosat</p>

          <h2>›</h2>

        </div>

        </a>

      </div>

      <div class="containerMenu">

        <div class="containerImg">

          <img src="https://bukaolshop.s3-id-jkt-1.kilatstorage.id/70913/158372817l.jpg" alt="" />

        </div>

       <a href="link pulsa kamu">

        <div class="containerJudul">

          <p>Pulsa Telkomsel</p>

          <h2>›</h2>

        </div>

        </a>

      </div>

      <div class="containerMenu">

        <div class="containerImg">

          <img src="https://bukaolshop.s3-id-jkt-1.kilatstorage.id/70913/158372817l.jpg" alt="" />

        </div>

       <a href="link pulsa kamu">

        <div class="containerJudul">

          <p>Pulsa Tri</p>

          <h2>›</h2>

        </div>

        </a>

      </div>

      <div class="containerMenu">

        <div class="containerImg">

          <img src="https://bukaolshop.s3-id-jkt-1.kilatstorage.id/70913/158372817l.jpg" alt="" />

        </div>

       <a href="link pulsa kamu">

        <div class="containerJudul">

          <p>Pulsa Axis</p>

          <h2>›</h2>

        </div>

        </a>

      </div>

      <div class="containerMenu">

        <div class="containerImg">

          <img src="https://bukaolshop.s3-id-jkt-1.kilatstorage.id/70913/158372817l.jpg" alt="" />

        </div>

        <a href="link pulsa kamu">

        <div class="containerJudul">

          <p>Pulsa XL</p>

          <h2>›</h2>

        </div>

        </a>

      </div>

    </section>

    <br /><br />

    <section class="bg-notice">

    <div class="container-notice">

      <img src="https://blogger.googleusercontent.com/img/a/AVvXsEhg4bh8RBZfwocYDyTG8waKhCZODsCvPTGGjJ-v8tFtRmsBUkcr2fQqaYbr3o3Iky890NBU--QxWGQlqc7-DAHBhc8Oh0YSeeLjJekEtD79KSxwgU-HwTmWUA5N9WfNNukhoNZhQ03u2oO8YWonZZgX6TjGF1LEmLW8i_NR1PNMfbLoLLPtdDGAskF9" alt="" />

      <h3>Perhatian</h3>

      <p>Periksa kembali nomor tujuan dan pastikan sudah benar, Jika Terdapat kendala Hubungi Customer Service.</p>

    </div>

  </section>

    <script src="https://cdn.jsdelivr.net/npm//dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

  </body>

</html>

Silahkan salin script dan tempel di kode editor kalian masing-masing, atau kamu juga bisa download melalui link dibawah ini.