purchase_status.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="text-sm-center text-md-center text-lg-center text-xl-right font-weight-bold">PEA SmartBiz</h1>
      <p style="font-family: Roboto;" class="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">
    <div class="col-sm-12 col-md-6 col-lg-4 mt-3">
    <div class="card">
        <div class="card-header">
          <ul class="nav nav-tabs card-header-tabs" id="bologna-list" role="tablist">
            <li class="nav-item">
              <a class="nav-link active" data-toggle="tab" href="#pending"><span class="font-weight-bold text-primary"><i class="fas fa-clock-o fa-2x" aria-hidden="true"></i>  อยู่ระหว่างดำเนินการ</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link"  data-toggle="tab" href="#approve"><span class="font-weight-bold text-primary"><i class="fas fa-check-circle fa-2x"></i>  ดำเนินการเสร็จสิ้นแล้ว</span></a>
            </li>
          </ul>
        </div>
        <div class="card-body">
           <div class="tab-content mt-3">
            <div class="tab-pane active" id="pending" role="tabpanel">
                
            </div>
            <div class="tab-pane" id="approve" role="tabpanel" >  
              
            </div>
          </div>
        </div>
      </div>
    </div>
</div>