You can use three types of Icon Boxes with the following CSS varaitions:
- ct-iconBox–type1
- ct-iconBox–type2
- ct-iconBox–type3
HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<article class="ct-iconBox ct-iconBox--type1"> <div class="ct-iconBox-header"> <div class="ct-iconBox-logo"> <span class="ct-iconBox-logo ct-hover--outlineOut"><i class="fa fa-eye"></i></span> </div> <div class="ct-iconBox-title"> <div> <h6>Who Were Playing In The</h6> </div> </div> </div> <div class="ct-iconBox-text"> <p>Priests were passing in processions, beating their dreary tambourines; police and custom-house officers with pointed hats</p> </div> <a class="btn btn-motive btn-sm ct-btn-rounded ct-btn-transparent ct-hover--outlineOut" href=""><i class="fa fa-file-text-o"></i><span>Read More</span></a> </article> |