liff_service.php

<div class="row">
  <div class="col-sm-12 col-md-12 col-lg-8 offset-xl-1 col-xl-5">
    <div style="height: 20%"></div>
    <div style="height: 40%">
      <h1 style="font-family: Roboto;" class="animated fadeInUp text-sm-center text-md-center text-lg-center text-xl-right font-weight-bold">PEA SmartBiz</h1>
      <p style="font-family: Roboto;" class="animated fadeInRight text-muted text-sm-center text-md-center text-lg-center text-xl-right text-grey">Shop a PEA service with our best service</p>
    </div>
  </div>
  <div class="col-sm-12 col-md-12 col-lg-4 col-xl-6">
    <img class="d-none d-lg-block h-75" src="https://marketplace-cdn.atlassian.com/s/public/AppsMirror-1-052ef62a1badc10cb07e1acb207ac2d1.svg" alt="">
  </div>
</div>
<div class="row mt-3 ml-1">
  <h6 class="p-3 font-weight-bold pt-3 rounded-pill bg-primary text-white">
    <i class="fas fa-table"></i> บริการของเรา
  </h6>
</div>
<!-- <div class="dropdown-divider"></div> -->
<div class="row" id="card-area">
  <!------CARD RENDER IN THIS PLACE ------------>
</div>