How to use icon box
This is how the basic icon box markup looks like:
<div class="ag-iconbox ag-iconbox--style2"> <div class="ag-iconbox__icon-wrapper"> <span class="ag-iconbox__icon icon-webdesign"></span> </div> <div class="ag-iconbox__content-wrapper"> <h3 class="ag-iconbox__title txt-light"> HTML </h3> <p class="ag-iconbox__desc">Quickly provide access to cross-platform channels without transparent manufactured products. Assertively streamline plug-and-play meta</p> </div> </div>
- All the icon box types and classes can be found in
app/css/scss/elements/_iconBox.scss
- All the icons used for icon boxes are found in
app/fonts/icomoon
There are 3 types of icon boxes
Style 1 on index.html
Style 2 on index.html
Style 3 on our-process.html