{Theme} have four types of icon boxes.
Icon box version 1
HTML markup
1 2 3 4 5 6 7 8 |
<div class="ct-iconBox ct-iconBox--type2 ct-u-marginBottom50"> <span class="ct-iconBox-icon"> <i class="fa fa-map-marker"></i> </span> <h3 class="ct-iconBox-title text-uppercase">Map &<br> DIRECTIONS</h3> <p class="ct-iconBox-description">Located in the middle of the historical centre of Poland only 2 minutes away. Very easy to find.</p> <a href="#" class="btn btn-primary ct-u-marginTop10">Learn more <span><i class="icon-right-small"></i></span></a> </div> |
Screenshot
Icon box version 2
HTML markup
1 2 3 4 5 6 |
<a href="#" class="ct-iconBox ct-iconBox--circle text-center ct-u-marginBottom50"> <span class="ct-iconBox-icon">1</span> <h5 class="ct-iconBox-title">Free Outdoor Swimming Pool</h5> <p class="ct-iconBox-description">Our outdoor swimming pool with waterfall is perfect to laze by on those 35 degree days when lining up at a museum.</p> <span class="btn btn-primary ct-iconBox-linkHelper">Book now</span> </a> |
Screenshot
Icon box version 3
HTML markup
1 2 3 4 5 6 7 8 9 |
<div class="media ct-iconBox ct-iconBox--type3"> <div class="media-left"> <span class="media-object ct-iconBox-icon ct-icon-bedSingle" role="presentation"></span> </div> <div class="media-body"> <h5 class="media-heading">Single private ensuite</h5> <p class="ct-iconBox-description">Contains 1 single bed, bathroom, desk, flat screen tv, wifi access, hair dryer, wardrobe & towels.</p> </div> </div> |
Screenshot
Icon box version 4
HTML markup
1 2 3 4 |
<div class="ct-iconBox ct-iconBox--type4"> <span class="ct-iconBox-icon"><i class="fa fa-wifi"></i></span> <p class="ct-iconBox-title">Free Wi-Fi</p> </div> |
Screenshot