How to use icon box
Style 1: centered
Style 2: inline
the markup for the icon box is:
<div class="ph-iconbox "> <div class="ph-iconbox__icon-wrapper"> <span class="ph-iconbox__icon icon-BirthdayCake"></span> </div> <div class="ph-iconbox__content-wrapper"> <div class="ph-iconbox__title-wrapper"> <h3 class="ph-iconbox__title"> Birthdays </h3> </div> <div class="ph-iconbox__wrapper ph-iconbox__desc-wrapper"> <p class="ph-iconbox__desc">Book a table for two with the best Italian dishes served for the anniversary. Or reserve a bigger one for a huge family to get together one sunny day. Gather your friends together</p> </div> </div> </div>
The images use for icons are created with icomoon and with font-awesome.
the style of the icon box in in app/css/scss/elements/_iconbox.scss