Person box

• Posted: February 3, 2015
• / By: Julita
• / In:

person-boxes

HTML markup:

XHTML

<div class="ct-personBox"> <div class="ct-personBox-img"> <img src="../assets/images/demo-content/personBox-01.jpg" alt=""> <div class="ct-personBox-hover"> <div class="ct-personBox-quote"><p>"Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean."</p></div> </div> </div> <div class="ct-personBox-title"> <h5>Joe McGrow<small>Graphic Designer</small></h5> <div class="ct-personBox-hover"> <div class="ct-socials--type4"> <a href="https://www.facebook.com/createITpl"><i class="fa fa-facebook-square"></i></a> <a href="https://twitter.com/createitpl"><i class="fa fa-twitter-square"></i></a> <a href="#"><i class="fa fa-vimeo-square"></i></a> </div> </div> </div> </div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<div class="ct-personBox">     <div class="ct-personBox-img">         <img src="../assets/images/demo-content/personBox-01.jpg" alt="">         <div class="ct-personBox-hover">             <div class="ct-personBox-quote"><p>"Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean."</p></div>         </div>     </div>     <div class="ct-personBox-title">         <h5>Joe McGrow<small>Graphic Designer</small></h5>         <div class="ct-personBox-hover">             <div class="ct-socials--type4">                 <a href="https://www.facebook.com/createITpl"><i class="fa fa-facebook-square"></i></a>                 <a href="https://twitter.com/createitpl"><i class="fa fa-twitter-square"></i></a>                 <a href="#"><i class="fa fa-vimeo-square"></i></a>             </div>         </div>     </div> </div>