Icon Box
[spb_row parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”0.5″ parallax_video_height=”window-height” parallax_video_overlay=”none” row_overlay_opacity=”0″ vertical_center=”true” width=”1/1″ el_position=”first last”] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]
Standard Icon Boxes
[/spb_text_block] [spb_icon_box title=”With Icon Mind” box_type=”standard” icon=”sf-im-text-effect” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#eabe12″ width=”1/4″ el_position=”first”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque.
[/spb_icon_box] [spb_icon_box title=”With Font Awesome” box_type=”standard” icon=”fa-codepen” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#eabe12″ width=”1/4″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque.
[/spb_icon_box] [spb_icon_box title=”With Character” box_type=”standard” icon=”fa-codepen” character=”3″ target=”_self” animation=”none” animation_delay=”0″ icon_color=”#eabe12″ width=”1/4″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque.
[/spb_icon_box] [spb_icon_box title=”With Image” box_type=”standard” icon=”fa-codepen” character=”3″ image=”14099″ target=”_self” animation=”none” animation_delay=”0″ width=”1/4″ el_position=”last”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque.
[/spb_icon_box] [spb_blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [/spb_row] [spb_row parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”0.5″ parallax_video_height=”window-height” parallax_video_overlay=”none” row_overlay_opacity=”0″ vertical_center=”true” width=”1/1″ el_position=”first last”] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]
Standard with Title Icon
[/spb_text_block] [spb_icon_box title=”With Icon Mind” box_type=”standard-title” icon=”sf-im-atom” target=”_self” animation=”none” animation_delay=”0″ width=”1/3″ el_position=”first”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque.
[/spb_icon_box] [spb_icon_box title=”With Font Awesome” box_type=”standard-title” icon=”fa-codepen” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#f34f57″ width=”1/3″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque.
[/spb_icon_box] [spb_icon_box title=”With Character” box_type=”standard-title” icon=”fa-codepen” character=”3″ target=”_self” animation=”none” animation_delay=”0″ icon_color=”#1bbeb4″ width=”1/3″ el_position=”last”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque.
[/spb_icon_box] [spb_blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [/spb_row] [spb_row parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”0.5″ parallax_video_height=”window-height” parallax_video_overlay=”none” row_overlay_opacity=”0″ vertical_center=”true” width=”1/1″ el_position=”first last”] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]
Left Icon Boxes
[/spb_text_block] [spb_icon_box title=”With Icon Mind” box_type=”left-icon” icon=”sf-im-paper-plane” target=”_self” animation=”none” animation_delay=”0″ width=”1/3″ el_position=”first”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Font Awesome” box_type=”left-icon” icon=”fa-codepen” target=”_self” animation=”none” animation_delay=”0″ width=”1/3″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Character” box_type=”left-icon” icon=”fa-codepen” character=”3″ target=”_self” animation=”none” animation_delay=”0″ width=”1/3″ el_position=”last”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Image” box_type=”left-icon” icon=”fa-codepen” character=”3″ image=”12283″ target=”_self” animation=”none” animation_delay=”0″ width=”1/3″ el_position=”first”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Icon Mind” box_type=”left-icon-alt” icon=”sf-im-paper-plane” target=”_self” animation=”none” animation_delay=”0″ width=”1/3″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Font Awesome” box_type=”left-icon-alt” icon=”fa-codepen” target=”_self” animation=”none” animation_delay=”0″ width=”1/3″ el_position=”last”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [/spb_row] [spb_row parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”0.5″ parallax_video_height=”window-height” parallax_video_overlay=”none” row_overlay_opacity=”0″ vertical_center=”true” width=”1/1″ el_position=”first last”] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]
Boxed One Icon Boxes
[/spb_text_block] [spb_icon_box title=”With Icon Mind” box_type=”boxed-one” icon=”sf-im-light-bulb” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#252525″ bg_color=”#f5f5f5″ width=”1/4″ el_position=”first”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Font Awesome” box_type=”boxed-one” icon=”fa-codepen” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#252525″ bg_color=”#f5f5f5″ width=”1/4″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Character” box_type=”boxed-one” icon=”fa-codepen” character=”3″ target=”_self” animation=”none” animation_delay=”0″ icon_color=”#252525″ bg_color=”#f5f5f5″ width=”1/4″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Image” box_type=”boxed-one” icon=”fa-codepen” character=”3″ image=”14099″ target=”_self” animation=”none” animation_delay=”0″ bg_color=”#f5f5f5″ width=”1/4″ el_position=”last”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [/spb_row] [spb_row parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”0.5″ parallax_video_height=”window-height” parallax_video_overlay=”none” row_overlay_opacity=”0″ vertical_center=”true” width=”1/1″ el_position=”first last”] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]
Boxed Two Icon Boxes
[/spb_text_block] [spb_icon_box title=”With Icon Mind” box_type=”boxed-two” icon=”sf-im-footprint” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#252525″ bg_color=”#f7f7f7″ width=”1/4″ el_position=”first”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Font Awesome” box_type=”boxed-two” icon=”fa-codepen” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#252525″ bg_color=”#f5f5f5″ width=”1/4″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Character” box_type=”boxed-two” icon=”fa-codepen” character=”3″ target=”_self” animation=”none” animation_delay=”0″ icon_color=”#252525″ bg_color=”#f5f5f5″ width=”1/4″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Image” box_type=”boxed-two” icon=”fa-codepen” character=”3″ image=”14099″ target=”_self” animation=”none” animation_delay=”0″ bg_color=”#f5f5f5″ width=”1/4″ el_position=”last”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [/spb_row] [spb_row parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”0.5″ parallax_video_height=”window-height” parallax_video_overlay=”none” row_overlay_opacity=”0″ vertical_center=”true” width=”1/1″ el_position=”first last”] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]
Boxed Three Icon Boxes
[/spb_text_block] [spb_icon_box title=”With Icon Mind” box_type=”boxed-three” icon=”sf-im-doughnut” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#252525″ bg_color=”#f7f7f7″ width=”1/4″ el_position=”first”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Font Awesome” box_type=”boxed-three” icon=”fa-codepen” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#252525″ bg_color=”#f7f7f7″ width=”1/4″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Character” box_type=”boxed-three” icon=”fa-codepen” character=”3″ target=”_self” animation=”none” animation_delay=”0″ icon_color=”#252525″ bg_color=”#f7f7f7″ width=”1/4″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Image” box_type=”boxed-three” icon=”fa-codepen” character=”3″ image=”14099″ target=”_self” animation=”none” animation_delay=”0″ bg_color=”#f7f7f7″ width=”1/4″ el_position=”last”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [/spb_row] [spb_row parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”0.5″ parallax_video_height=”window-height” parallax_video_overlay=”none” row_overlay_opacity=”0″ vertical_center=”true” width=”1/1″ el_position=”first last”] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]
Boxed Four Icon Boxes
[/spb_text_block] [spb_icon_box title=”With Icon Mind” box_type=”boxed-four” icon=”sf-im-link” target=”_self” animation=”none” animation_delay=”0″ bg_color=”#eabe12″ width=”1/3″ el_position=”first”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Font Awesome” box_type=”boxed-four” icon=”fa-codepen” target=”_self” animation=”none” animation_delay=”0″ bg_color=”#f34f57″ width=”1/3″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Character” box_type=”boxed-four” icon=”fa-codepen” character=”3″ target=”_self” animation=”none” animation_delay=”0″ bg_color=”#1bbeb4″ width=”1/3″ el_position=”last”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [/spb_row] [spb_row parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”0.5″ parallax_video_height=”window-height” parallax_video_overlay=”none” row_overlay_opacity=”0″ vertical_center=”true” width=”1/1″ el_position=”first last”] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/1″ el_position=”first last”]
Animated Icon Boxes
[/spb_text_block] [spb_icon_box title=”With Icon Mind” box_type=”animated” icon=”sf-im-sunglasses-w3″ target=”_self” animation=”none” animation_delay=”0″ icon_color=”#eabe12″ text_color=”#ffffff” bg_color=”#252525″ width=”1/4″ el_position=”first”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Font Awesome” box_type=”animated” icon=”fa-codepen” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#f34f57″ text_color=”#ffffff” bg_color=”#252525″ flip_bg_color=”#f34f57″ flip_text_color=”#ffffff” width=”1/4″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Character” box_type=”animated” icon=”fa-codepen” character=”3″ target=”_self” animation=”none” animation_delay=”0″ icon_color=”#1bbeb4″ text_color=”#ffffff” bg_color=”#252525″ flip_bg_color=”#222222″ flip_text_color=”#1bbeb4″ width=”1/4″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_icon_box title=”With Image” box_type=”animated” icon=”fa-codepen” character=”3″ image=”14099″ target=”_self” animation=”none” animation_delay=”0″ text_color=”#ffffff” bg_color=”#252525″ flip_bg_color=”#f7f7f7″ flip_text_color=”#222222″ width=”1/4″ el_position=”last”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna.
[/spb_icon_box] [spb_blank_spacer height=”30px” width=”1/1″ el_position=”first last”] [/spb_row]
