\<div class="ws-grid-md     animation-element ws-list">
  <a data-linkid="linkid2" data-link="link_url"  data-level="prop_level" data-ws_slide="1" title="itemtitle">
  <div class="card card-hover hover-sm acl_status_class">
    <div class="list-img" style="
	background-image:  url(prop_img)">
	<div class="list-img-over">
	<span class="list-label rtl"><span class="label num">tts_code</span><span class="label"><i class="kgc kgc-event"></i> tts_end_view</span></span>
	<span class="list-label status "><span class="label rtl"> acl_status_code</span></span>
	<span class="list-label btm rtl"><span class="label">tts_validity</span> </span>
       <span class="list-label btm"><span class="label btm"> cal_type</span> <span class="label dark"><i class="kgc kgc-service"></i>tts_duration</span> </span></div>
    </div>
    <div class="card-body">
      <h5 class="card-title mb-0">itemname (tts_ref)</h5> 
      <p class="card-text text-desc">atr_id are_id </p>
    </div>
    <div class="card-footer">
	<div class="taskpanel-titlec d-flex align-items-center justify-content-between">
	<div class="txt d-flex align-items-center coll"> <span>محصل</span><span class="amount"> (amt_collect)</span></div> <div class="    d-flex align-items-center justify-content-center  dues"> <span>مستحق</span> <span  class="amount"> (amt_payable)</span></div> </div>
 
    </div>
  </div>
  </a>
</div>