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
![]()