<div id ="wrapper"  class ="box-wrapper" >

<img  id ="icon-def" src ="https://cdn.ppsrr.com/XVJsm" />

<div class ="box-title"> Font-End </div>

<div class ="box-content"> 前端技术栈 </div>

</div>

<ul class ="skill-list">

<li class ="skill-item"> jQuery </li>

<li class ="skill-item"> Vue & React </li>

<li class ="skill-item"> Nuxt.js </li>

<li class ="skill-item"> Web3 </li>

<li class ="skill-item"> TypeScript </li>

</ul>

<section id ="page-footer">

<div class ="footer-author">

<span class ="author-thumbs"> 132 </span>

<span class ="publich-time"> 05-06 10:32 </span>

<span class ="close-icon"> </span>

</div>

<div class ="footer-line">

<span class ="footer-hint"> cut line </span>

</div>

</section>

<div id ="wrapper"  class ="box-wrapper" >

<img  id ="icon-def" src ="https://cdn.ppsrr.com/XVJsm" />

<div class ="box-title"> Card Title </div>

<div class ="box-content"> Card Content </div>

</div>