Person Box

• Posted: February 24, 2016
• / By: Magda
• / In:

HTML markup

CSS

<a href="#" class="ct-personBox"> <div class="ct-personBox-image"> <img src="../assets/images/demo-content/drone/person-image-1.jpg" alt="" /> <div class="inner"> <div class="inner-table"> <div class="inner-cell"><span class="ct-personBox-nameHidden">Jack</span> </div> </div> </div> </div> <h6 class="ct-personBox-name">Jack</h6> </a>

1 2 3 4 5 6 7 8 9 10 11 12

<a href="#" class="ct-personBox">     <div class="ct-personBox-image">         <img src="../assets/images/demo-content/drone/person-image-1.jpg" alt="" />         <div class="inner">             <div class="inner-table">                 <div class="inner-cell"><span class="ct-personBox-nameHidden">Jack</span>                 </div>             </div>         </div>     </div>     <h6 class="ct-personBox-name">Jack</h6> </a>

Screenshot

Person box example