<div class="table-container">
   <!-- first row will be the table header -->
   <div class="table-row">
      <div class="table-col">header1</div>
      <div class="table-col">header2</div>
      <div class="table-col">header3</div>
      <div class="table-col">header4</div>
      <div class="table-col">header5</div>
   </div>
   <!-- subsequent rows will be the table body -->
   <div class="table-row">
      <div class="table-col">test</div>
      <div class="table-col">
         <div class="badge badge-success p">Verfied</div>
      </div>
      <div class="table-col">test</div>
      <div class="table-col">test</div>
      <div class="table-col">
         <a href="#">Edit</a>
      </div>
   </div>
   <div class="table-row">
      <div class="table-col">test</div>
      <div class="table-col">
         <div class="badge badge-danger p">Failed</div>
      </div>
      <div class="table-col">test</div>
      <div class="table-col">test</div>
      <div class="table-col">
         <a href="#">Edit</a>
      </div>
   </div>
   <div class="table-row">
      <div class="table-col">test</div>
      <div class="table-col">test</div>
      <div class="table-col">test</div>
      <div class="table-col">test</div>
      <div class="table-col">
         <a href="#">Edit</a>
      </div>
   </div>
</div>