<!-- Card -->
<a href="javascript:;" class="card">
<div class="card-thumb"><div class="card-thumb-inner" style="background-image: url(/prototype/12348-common/static/assets/images/1a.jpg);"></div></div>
<h4 class="card-title">北京道信律师事务所</h4>
<div class="card-desc">富城路99号震旦国际大楼11层1127室</div>
<div class="btn basic btn-sm readmore">查看详情</div>
</a>
<!-- Tag Card -->
<a href="javascript:;" class="card">
<div class="card-thumb"><div class="card-thumb-inner" style="background-image: url(/prototype/12348-common/static/assets/images/1a.jpg);"></div></div>
<h4 class="card-title">
<span>鲍慧蕙</span>
<small class="tag yellow">
志愿者
</small>
</h4>
<div class="card-desc">富城路99号震旦国际大楼11层1127室</div>
<div class="card-attr">
<div class="item">
<div class="num">25</div>
<div class="define">咨询人次</div>
</div>
<div class="item">
<div class="num">100%</div>
<div class="define">满意率</div>
</div>
</div>
<div class="btn basic btn-sm tag-more">查看详情</div>
</a>
<!-- Type of billboard -->
<a href="javascript:;" class="card billboard">
...
</a>
<!-- Type of vertical -->
<a href="javascript:;" class="card vertical">
...
</a>
<!-- 无边框:is-rimless -->
<a href="javascript:;" class="card is-rimless">
...
</a>