Icon Boxes

Home / Icon Boxes
[cmsms_row data_width=”boxed” data_color=”default” data_padding_top=”50″ data_padding_bottom=”50″][cmsms_column data_width=”1/1″][cmsms_heading type=”h5″ font_weight=”bold” font_style=”normal” text_align=”left” margin_top=”0″ margin_bottom=”20″ animation_delay=”0″]Centered Box With Icon Above The Title[/cmsms_heading][/cmsms_column][/cmsms_row][cmsms_row data_padding_bottom=”20″ data_padding_top=”0″ data_color=”default” data_width=”boxed”][cmsms_column data_width=”1/3″][cmsms_icon_box box_type=”cmsms_icon_top” title=”Help” heading_type=”h2″ box_icon_type=”icon” box_icon=”cmsms-icon-user-md” box_icon_size=”30″ box_icon_space=”50″ box_icon_border_width=”3″ box_icon_border_radius=”50%” box_icon_color=”#702626|100″ box_icon_bg_color=”#ffffff|100″ box_icon_bd_color=”#ffffff|100″ box_border_width=”5″ box_border_radius=”4%” box_color=”#ffffff|100″ box_bg_color=”#702626|100″ animation_delay=”0″]

Accusantium quam, ultricies eget tempor id, aliquam eget nibh et. Maecen aliquam risus at semper ullam ger decorper, magna quam. Cras justo odio, apibus quam, ultricies eget tempor idac facilis.

[/cmsms_icon_box][/cmsms_column][cmsms_column data_width=”1/3″][cmsms_icon_box box_type=”cmsms_icon_top” title=”Support” heading_type=”h2″ box_icon_type=”icon” box_icon=”cmsms-icon-lifebuoy” box_icon_size=”30″ box_icon_space=”50″ box_icon_border_width=”0″ box_icon_border_radius=”50%” box_icon_color=”#ffffff|100″ box_icon_bg_color=”#873232|100″ box_border_width=”0″ box_border_radius=”3%” box_color=”#963434|100″ box_bg_color=”#faf9f7|100″ animation_delay=”0″]

Accusantium quam, ultricies eget tempor id, aliquam eget nibh et. Maecen aliquam risus at semper ullam ger decorper, magna quam. Cras justo odio, apibus quam, ultricies eget tempor idac facilis.

[/cmsms_icon_box][/cmsms_column][cmsms_column data_width=”1/3″][cmsms_icon_box box_type=”cmsms_icon_top” title=”Volunteer” heading_type=”h2″ box_icon_type=”icon” box_icon=”cmsms-icon-users-2″ box_icon_size=”30″ box_icon_space=”50″ box_icon_border_width=”0″ box_icon_border_radius=”50%” box_border_width=”2″ box_border_radius=”3%” box_color=”#0a0a0a|100″ box_bg_color=”#ffffff|100″ box_bd_color=”#8e0000|100″ animation_delay=”0″]

Accusantium quam, ultricies eget tempor id, aliquam eget nibh et. Maecen aliquam risus at semper ullam ger decorper, magna quam. Cras justo odio, apibus quam, ultricies eget tempor idac facilis.

[/cmsms_icon_box][/cmsms_column][/cmsms_row][cmsms_row data_width=”boxed” data_color=”default” data_padding_top=”50″ data_padding_bottom=”50″][cmsms_column data_width=”1/1″][cmsms_divider width=”long” height=”1″ style=”solid” position=”center” margin_top=”0″ margin_bottom=”50″ animation_delay=”0″][cmsms_heading type=”h5″ font_weight=”bold” font_style=”normal” text_align=”left” margin_top=”0″ margin_bottom=”20″ animation_delay=”0″]Centered Box With Icon At The Top Of[/cmsms_heading][/cmsms_column][/cmsms_row][cmsms_row data_width=”boxed” data_color=”default” data_padding_top=”0″ data_padding_bottom=”20″][cmsms_column data_width=”1/3″][cmsms_icon_box box_type=”cmsms_icon_box_top” title=”Help” heading_type=”h2″ box_icon_type=”icon” box_icon=”cmsms-icon-user-md” box_icon_size=”30″ box_icon_space=”50″ box_icon_border_width=”0″ box_icon_border_radius=”50%” box_icon_color=”#8e393d|100″ box_icon_bg_color=”#f4f4f4|100″ box_border_width=”0″ box_border_radius=”3%” box_color=”#e5e5e5|100″ box_bg_color=”#8e393d|100″ animation_delay=”0″]

Accusantium quam, ultricies eget tempor id, aliquam eget nibh et. Maecen aliquam risus at semper ullam ger decorper, magna quam. Cras justo odio, apibus quam, ultricies eget tempor idac facilis.

[/cmsms_icon_box][/cmsms_column][cmsms_column data_width=”1/3″][cmsms_icon_box box_type=”cmsms_icon_box_top” title=”Support” heading_type=”h2″ box_icon_type=”icon” box_icon=”cmsms-icon-lifebuoy” box_icon_size=”30″ box_icon_space=”50″ box_icon_border_width=”0″ box_icon_border_radius=”50%” box_icon_bg_color=”#8e393d|100″ box_border_width=”0″ box_color=”#ffffff|100″ box_bg_color=”#e9a945|100″ animation_delay=”0″]

Accusantium quam, ultricies eget tempor id, aliquam eget nibh et. Maecen aliquam risus at semper ullam ger decorper, magna quam. Cras justo odio, apibus quam, ultricies eget tempor idac facilis.

[/cmsms_icon_box][/cmsms_column][cmsms_column data_width=”1/3″][cmsms_icon_box box_type=”cmsms_icon_box_top” title=”Volunteer” heading_type=”h2″ box_icon_type=”icon” box_icon=”cmsms-icon-users-2″ box_icon_size=”30″ box_icon_space=”50″ box_icon_border_width=”0″ box_icon_border_radius=”50%” box_icon_bg_color=”#3d3d3d|100″ box_border_width=”0″ animation_delay=”0″]

Accusantium quam, ultricies eget tempor id, aliquam eget nibh et. Maecen aliquam risus at semper ullam ger decorper, magna quam. Cras justo odio, apibus quam, ultricies eget tempor idac facilis.

[/cmsms_icon_box][/cmsms_column][/cmsms_row][cmsms_row data_width=”boxed” data_color=”default” data_padding_top=”50″ data_padding_bottom=”50″][cmsms_column data_width=”1/1″][cmsms_divider width=”long” height=”1″ style=”solid” position=”center” margin_top=”0″ margin_bottom=”50″ animation_delay=”0″][cmsms_heading type=”h5″ font_weight=”bold” font_style=”normal” text_align=”left” margin_top=”0″ margin_bottom=”20″ animation_delay=”0″]Box With Icon Before Title[/cmsms_heading][/cmsms_column][/cmsms_row][cmsms_row data_width=”boxed” data_color=”default” data_padding_top=”0″ data_padding_bottom=”20″][cmsms_column data_width=”1/3″][cmsms_icon_box box_type=”cmsms_icon_heading_left” title=”Help” heading_type=”h2″ box_icon_type=”icon” box_icon=”cmsms-icon-user-md” box_icon_size=”30″ box_icon_space=”50″ box_icon_border_width=”0″ box_icon_border_radius=”50%” box_icon_color=”#702626|100″ box_icon_bg_color=”#ffffff|100″ box_border_width=”0″ box_border_radius=”3%” box_color=”#000000|100″ box_bg_color=”#f7f7f7|100″ animation_delay=”0″]

Accusantium quam, ultricies eget tempor id, aliquam eget nibh et. Maecen aliquam risus at semper ullam ger decorper, magna quam. Cras justo odio, apibus quam, ultricies eget tempor idac facilis.

[/cmsms_icon_box][/cmsms_column][cmsms_column data_width=”1/3″][cmsms_icon_box box_type=”cmsms_icon_heading_left” title=”Support” heading_type=”h2″ box_icon_type=”icon” box_icon=”cmsms-icon-lifebuoy” box_icon_size=”30″ box_icon_space=”50″ box_icon_border_width=”0″ box_icon_border_radius=”50%” box_icon_bg_color=”#e9a945|100″ box_border_width=”0″ box_border_radius=”3%” box_color=”#ffffff|100″ box_bg_color=”#3d3d3d|100″ animation_delay=”0″]

Accusantium quam, ultricies eget tempor id, aliquam eget nibh et. Maecen aliquam risus at semper ullam ger decorper, magna quam. Cras justo odio, apibus quam, ultricies eget tempor idac facilis.

[/cmsms_icon_box][/cmsms_column][cmsms_column data_width=”1/3″][cmsms_icon_box box_type=”cmsms_icon_heading_left” title=”Volunteer” heading_type=”h2″ box_icon_type=”icon” box_icon=”cmsms-icon-users-2″ box_icon_size=”30″ box_icon_space=”50″ box_icon_border_width=”0″ box_icon_border_radius=”50%” box_icon_color=”#ffffff|100″ box_icon_bg_color=”#c64343|100″ box_border_width=”0″ box_border_radius=”3%” box_bg_color=”#e3ded2|100″ animation_delay=”0″]

Accusantium quam, ultricies eget tempor id, aliquam eget nibh et. Maecen aliquam risus at semper ullam ger decorper, magna quam. Cras justo odio, apibus quam, ultricies eget tempor idac facilis.

[/cmsms_icon_box][/cmsms_column][/cmsms_row][cmsms_row data_width=”boxed” data_color=”default” data_padding_top=”50″ data_padding_bottom=”50″][cmsms_column data_width=”1/1″][cmsms_divider width=”long” height=”1″ style=”solid” position=”center” margin_top=”0″ margin_bottom=”50″ animation_delay=”0″][cmsms_heading type=”h5″ font_weight=”bold” font_style=”normal” text_align=”left” margin_top=”0″ margin_bottom=”20″ animation_delay=”0″]Box With Icon At The Left Of[/cmsms_heading][/cmsms_column][/cmsms_row][cmsms_row data_width=”boxed” data_color=”default” data_padding_top=”0″ data_padding_bottom=”20″][cmsms_column data_width=”1/3″][cmsms_icon_box box_type=”cmsms_icon_box_left” title=”Help” heading_type=”h2″ box_icon_type=”icon” box_icon=”cmsms-icon-user-md” box_icon_size=”30″ box_icon_space=”50″ box_icon_border_width=”0″ box_icon_border_radius=”50%” box_icon_color=”#702626|100″ box_icon_bg_color=”#ffffff|100″ box_border_width=”0″ box_color=”#ffffff|100″ box_bg_color=”#702626|100″ animation_delay=”0″]

Accusantium quam, ultricies eget tempor id, aliquam eget nibh et. Maecen aliquam risus at semper ullam ger decorper, magna quam. Cras justo odio, apibus quam, ultricies eget tempor idac facilis.

[/cmsms_icon_box][/cmsms_column][cmsms_column data_width=”1/3″][cmsms_icon_box box_type=”cmsms_icon_box_left” title=”Support” heading_type=”h2″ box_icon_type=”icon” box_icon=”cmsms-icon-lifebuoy” box_icon_size=”30″ box_icon_space=”50″ box_icon_border_width=”0″ box_icon_border_radius=”50%” box_icon_bg_color=”#f2b24e|100″ box_border_width=”0″ box_color=”#f2b24e|100″ animation_delay=”0″]

Accusantium quam, ultricies eget tempor id, aliquam eget nibh et. Maecen aliquam risus at semper ullam ger decorper, magna quam. Cras justo odio, apibus quam, ultricies eget tempor idac facilis.

[/cmsms_icon_box][/cmsms_column][cmsms_column data_width=”1/3″][cmsms_icon_box box_type=”cmsms_icon_box_left” title=”Volunteer” heading_type=”h2″ box_icon_type=”icon” box_icon=”cmsms-icon-users-2″ box_icon_size=”30″ box_icon_space=”50″ box_icon_border_width=”2″ box_icon_border_radius=”50%” box_icon_color=”#3d3d3d|100″ box_icon_bg_color=”#ededed|100″ box_icon_bd_color=”#3d3d3d|100″ box_border_width=”2″ box_border_radius=”3%” box_color=”#3d3d3d|100″ box_bd_color=”#3d3d3d|100″ animation_delay=”0″]

Accusantium quam, ultricies eget tempor id, aliquam eget nibh et. Maecen aliquam risus at semper ullam ger decorper, magna quam. Cras justo odio, apibus quam, ultricies eget tempor idac facilis.

[/cmsms_icon_box][/cmsms_column][/cmsms_row][cmsms_row data_width=”boxed” data_color=”default” data_padding_top=”50″ data_padding_bottom=”50″][cmsms_column data_width=”1/1″][cmsms_divider width=”long” height=”1″ style=”solid” position=”center” margin_top=”0″ margin_bottom=”50″ animation_delay=”0″][cmsms_heading type=”h5″ font_weight=”bold” font_style=”normal” text_align=”left” margin_top=”0″ margin_bottom=”20″ animation_delay=”0″]Box With Icon At The Left Top Of[/cmsms_heading][/cmsms_column][/cmsms_row][cmsms_row data_padding_bottom=”50″ data_padding_top=”0″ data_color=”default” data_width=”boxed”][cmsms_column data_width=”1/3″][cmsms_icon_box box_type=”cmsms_icon_box_left_top” title=”Help” heading_type=”h2″ box_icon_type=”icon” box_icon=”cmsms-icon-user-md” box_icon_size=”30″ box_icon_space=”50″ box_icon_border_width=”2″ box_icon_border_radius=”50%” box_icon_color=”#e3ded2|100″ box_icon_bg_color=”#3d3d3d|100″ box_icon_bd_color=”#3d3d3d|100″ box_border_width=”2″ box_border_radius=”3%” box_color=”#3d3d3d|100″ box_bg_color=”#e3ded2|100″ box_bd_color=”#3d3d3d|100″ animation_delay=”0″]

Accusantium quam, ultricies eget tempor id, aliquam eget nibh et. Maecen aliquam risus at semper ullam ger decorper, magna quam. Cras justo odio, apibus quam, ultricies eget tempor idac facilis.

[/cmsms_icon_box][/cmsms_column][cmsms_column data_width=”1/3″][cmsms_icon_box box_type=”cmsms_icon_box_left_top” title=”Support” heading_type=”h2″ box_icon_type=”icon” box_icon=”cmsms-icon-lifebuoy” box_icon_size=”30″ box_icon_space=”50″ box_icon_border_width=”0″ box_icon_border_radius=”50%” box_icon_color=”#ffffff|100″ box_icon_bg_color=”#3d3d3d|100″ box_icon_bd_color=”#3d3d3d|100″ box_border_width=”0″ box_border_radius=”3%” box_color=”#3d3d3d|100″ box_bg_color=”#e9a945|100″ animation_delay=”0″]

Accusantium quam, ultricies eget tempor id, aliquam eget nibh et. Maecen aliquam risus at semper ullam ger decorper, magna quam. Cras justo odio, apibus quam, ultricies eget tempor idac facilis.

[/cmsms_icon_box][/cmsms_column][cmsms_column data_width=”1/3″][cmsms_icon_box box_type=”cmsms_icon_box_left_top” title=”Volunteer” heading_type=”h2″ box_icon_type=”icon” box_icon=”cmsms-icon-users-2″ box_icon_size=”30″ box_icon_space=”50″ box_icon_border_width=”0″ box_icon_border_radius=”50%” box_icon_bd_color=”#912121|100″ box_border_width=”2″ box_border_radius=”3%” animation_delay=”0″]

Accusantium quam, ultricies eget tempor id, aliquam eget nibh et. Maecen aliquam risus at semper ullam ger decorper, magna quam. Cras justo odio, apibus quam, ultricies eget tempor idac facilis.

[/cmsms_icon_box][/cmsms_column][/cmsms_row][cmsms_row data_padding_bottom=”0″ data_padding_top=”30″ data_color=”second” data_width=”boxed”][cmsms_column data_width=”1/1″]

[cmsms_sidebar sidebar=”sidebar_bottom” layout=”14141414″]

[/cmsms_column][/cmsms_row]