[section class=”main”]
Icon Boxes in 3 different styles and multiple options and colors
[lead xclass=”sp-b-40″]Supremia includes 3 design options for icon boxes. Each one has been carefully designed and includes fontawesome integration. You can use each set with either 1-4 column and it will adjust accordingly. You can set the icon color, circle color, circle border and background color for icon-boxed style.[/lead]
[row]
[column lg=”3″]
[icon_box_3 size=”lg” icon=”icon-globe” href=”http://www.dps-themes.com/themes/supremia-wp” heading=”Webdesign”]Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod.[/icon_box_3]
[/column]
[column lg=”3″]
[icon_box_3 size=”lg” icon=”icon-code” href=”http://www.dps-themes.com/themes/supremia-wp” heading=”Web Development”]Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod.[/icon_box_3]
[/column]
[column lg=”3″]
[icon_box_3 size=”lg” icon=”icon-star” href=”http://www.dps-themes.com/themes/supremia-wp” heading=”Branding”]Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod.[/icon_box_3]
[/column]
[column lg=”3″]
[icon_box_3 size=”lg” icon=”icon-search” href=”http://www.dps-themes.com/themes/supremia-wp” heading=”Internet Marketing”]Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod.[/icon_box_3]
[/column]
[/row]
[/section]
[section class=”main bg_color”]
[row]
[column lg=”4″]
[icon_box_3 boxed=”true” size=”lg” icon=”icon-globe” href=”http://www.dps-themes.com/themes/supremia-wp” heading=”Webdesign”]Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod.[/icon_box_3]
[/column]
[column lg=”4″]
[icon_box_3 boxed=”true” size=”lg” icon=”icon-code” href=”http://www.dps-themes.com/themes/supremia-wp” heading=”Web Development”]Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod.[/icon_box_3]
[/column]
[column lg=”4″]
[icon_box_3 boxed=”true” size=”lg” icon=”icon-star” href=”http://www.dps-themes.com/themes/supremia-wp” heading=”Branding”]Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod.[/icon_box_3]
[/column]
[/row]
[/section]
[section class=”main”]
[row]
Icon Boxes in multiple styles and colors
[column lg=”4″]
[icon_box_3 size=”lg” icon=”icon-globe” href=”http://www.dps-themes.com/themes/supremia-wp” heading=”Webdesign” style=”color2″]Quisque sagittis consequat elit non scelerisque. Cum sociis natoque et magnis dis montes ellis, lobortis nibh ut, hendrerit massa.[/icon_box_3]
[/column]
[column lg=”4″]
[icon_box_3 size=”lg” icon=”icon-code” heading=”Web Development” style=”color2″]Quisque sagittis consequat elit non scelerisque. Cum sociis natoque et magnis dis montes ellis, lobortis nibh ut, hendrerit massa.[/icon_box_3]
[/column]
[column lg=”4″]
[icon_box_3 size=”lg” icon=”icon-star” heading=”Branding” style=”color2″]Quisque sagittis consequat elit non scelerisque. Cum sociis natoque et magnis dis montes ellis, lobortis nibh ut, hendrerit massa.[/icon_box_3]
[/column]
[/row]
[/section]
[section class=”main bg_color”]
[row]
[column lg=”6″]
[icon_box_2 icon=”icon-globe” heading=”Webdesign” style=”square”]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_2]
[icon_box_2 icon=”icon-search” heading=”Search Engine Optimisation” style=”square”]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_2]
[icon_box_2 icon=”icon-rocket” heading=”Search Engine Marketing” style=”square”]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_2]
[/column]
[column lg=”6″]
[icon_box_2 icon=”icon-code” heading=”Web Development” style=”square”]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_2]
[icon_box_2 icon=”icon-star” heading=”Branding” nm=”nm” style=”square”]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_2]
[icon_box_2 icon=”icon-camera” heading=”Photography” nm=”nm” style=”square”]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_2]
[/column]
[/row]
[/section]
[section class=”main”]
[row]
[column lg=”6″]
[icon_box_2 icon=”icon-globe” heading=”Webdesign” style=”color2″]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_2]
[icon_box_2 icon=”icon-search” heading=”Search Engine Optimisation” style=”color2″]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_2]
[icon_box_2 icon=”icon-rocket” heading=”Search Engine Marketing” style=”color2″]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_2]
[/column]
[column lg=”6″]
[icon_box_2 icon=”icon-code” heading=”Web Development” style=”color2″]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_2]
[icon_box_2 icon=”icon-star” heading=”Branding” nm=”nm” style=”color2″]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_2]
[icon_box_2 icon=”icon-camera” heading=”Photography” nm=”nm” style=”color2″]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_2]
[/column]
[/row]
[/section]
[section class=”main bg_color”]
[row]
[column lg=”3″]
[icon_box_1 icon=”icon-html5″ heading=”Pixel Perfect Design” heading_sub=”Uses the latest techniques”]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_1]
[/column]
[column lg=”3″]
[icon_box_1 icon=”icon-fullscreen” heading=”Responsive Layout” heading_sub=”Looks great on every device”]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_1]
[/column]
[column lg=”3″]
[icon_box_1 icon=”icon-star” heading=”High Quality” heading_sub=”Code based on Bootstrap 3″]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_1]
[/column]
[column lg=”3″]
[icon_box_1 icon=”icon-heart” heading=”Updates and Support” heading_sub=”Free support and updates”]Mauris rhoncus pretium porttitor. Cras consectetuer commodo odio. Phasellus dolor enim, faucibus egestas scelerisque.[/icon_box_1]
[/column]
[/row]
[/section]