Icon Box

[spb_row element_name=”Center” wrap_type=”content-width” row_bg_type=”color” color_row_height=”content-height” bg_type=”cover” parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”0.5″ bg_video_loop=”yes” parallax_video_height=”window-height” row_top_style=”none” row_bottom_style=”none” parallax_video_overlay=”none” row_overlay_opacity=”0″ remove_element_spacing=”no” row_col_pos=”default” row_col_content_pos=”default” row_expanding=”no” row_animation=”none” row_animation_delay=”0″ minimize_row=”no” simplified_controls=”yes” custom_css_percentage=”no” custom_css=”margin-top: 30px;margin-bottom: 30px;border-top: 0px ;border-left: 0px ;border-right: 0px ;border-bottom: 0px ;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;” border_styling_global=”default” width=”1/1″ el_position=”first last”] [spb_text_block animation=”none” animation_delay=”0″ simplified_controls=”yes” custom_css_percentage=”no” padding_vertical=”0″ padding_horizontal=”0″ margin_vertical=”0″ custom_css=”margin-top: 0px;margin-bottom: 0px;border-top: 0px ;border-left: 0px ;border-right: 0px ;border-bottom: 0px ;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;” border_size=”0″ border_styling_global=”default” width=”1/1″ el_position=”first last”]

Center

[/spb_text_block] [spb_icon_box title=”With Simple Line” box_type=”standard” box_icon_type=”icon” icon=”sli-icon-diamond” animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#acabb0″ animated_box_style=”coloured” animated_box_rounded=”yes” 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” box_icon_type=”icon” icon=”fa-bug” animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#acabb0″ animated_box_style=”coloured” animated_box_rounded=”yes” 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” box_icon_type=”character” icon=”fa-codepen” character=”3″ animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#acabb0″ animated_box_style=”coloured” animated_box_rounded=”yes” 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” box_icon_type=”image” icon=”fa-codepen” character=”3″ image=”15899″ animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ animated_box_style=”coloured” animated_box_rounded=”yes” 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 element_name=”LEFT ICON” wrap_type=”content-width” row_bg_type=”color” color_row_height=”content-height” bg_type=”cover” parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”0.5″ bg_video_loop=”yes” parallax_video_height=”window-height” row_top_style=”none” row_bottom_style=”none” parallax_video_overlay=”none” row_overlay_opacity=”0″ remove_element_spacing=”no” row_col_pos=”default” row_col_content_pos=”default” row_expanding=”no” row_animation=”none” row_animation_delay=”0″ minimize_row=”no” simplified_controls=”yes” custom_css_percentage=”no” custom_css=”margin-top: 30px;margin-bottom: 30px;border-top: 0px ;border-left: 0px ;border-right: 0px ;border-bottom: 0px ;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;” border_styling_global=”default” width=”1/1″ el_position=”first last”] [spb_text_block animation=”none” animation_delay=”0″ simplified_controls=”yes” custom_css_percentage=”no” padding_vertical=”0″ padding_horizontal=”0″ margin_vertical=”0″ custom_css=”margin-top: 0px;margin-bottom: 0px;border-top: 0px ;border-left: 0px ;border-right: 0px ;border-bottom: 0px ;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;” border_size=”0″ border_styling_global=”default” width=”1/1″ el_position=”first last”]

Left

[/spb_text_block] [spb_icon_box title=”With Simple Line” box_type=”left-icon” box_icon_type=”icon” icon=”sli-icon-diamond” animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#acabb0″ animated_box_style=”coloured” animated_box_rounded=”yes” 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=”left-icon” box_icon_type=”icon” icon=”fa-bug” animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#acabb0″ animated_box_style=”coloured” animated_box_rounded=”yes” 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=”left-icon” box_icon_type=”character” icon=”fa-codepen” character=”3″ animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#acabb0″ animated_box_style=”coloured” animated_box_rounded=”yes” 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 element_name=”Left Verticle” wrap_type=”content-width” row_bg_type=”color” color_row_height=”content-height” bg_type=”cover” parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”0.5″ bg_video_loop=”yes” parallax_video_height=”window-height” row_top_style=”none” row_bottom_style=”none” parallax_video_overlay=”none” row_overlay_opacity=”0″ remove_element_spacing=”no” row_col_pos=”default” row_col_content_pos=”default” row_expanding=”no” row_animation=”none” row_animation_delay=”0″ minimize_row=”no” simplified_controls=”yes” custom_css_percentage=”no” custom_css=”margin-top: 30px;margin-bottom: 30px;border-top: 0px ;border-left: 0px ;border-right: 0px ;border-bottom: 0px ;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;” border_styling_global=”default” width=”1/1″ el_position=”first last”] [spb_text_block animation=”none” animation_delay=”0″ simplified_controls=”yes” custom_css_percentage=”no” padding_vertical=”0″ padding_horizontal=”0″ margin_vertical=”0″ custom_css=”margin-top: 0px;margin-bottom: 0px;border-top: 0px ;border-left: 0px ;border-right: 0px ;border-bottom: 0px ;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;” border_size=”0″ border_styling_global=”default” width=”1/1″ el_position=”first last”]

Left: Vertical

[/spb_text_block] [spb_icon_box title=”With Simple Line” box_type=”left-icon-vertical” box_icon_type=”icon” icon=”sli-icon-diamond” animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#acabb0″ animated_box_style=”coloured” animated_box_rounded=”yes” 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=”left-icon-vertical” box_icon_type=”icon” icon=”fa-bug” animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#acabb0″ animated_box_style=”coloured” animated_box_rounded=”yes” 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=”left-icon-vertical” box_icon_type=”character” icon=”fa-codepen” character=”3″ animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#acabb0″ animated_box_style=”coloured” animated_box_rounded=”yes” 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=”left-icon-vertical” box_icon_type=”image” icon=”fa-codepen” character=”3″ image=”15899″ animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ animated_box_style=”coloured” animated_box_rounded=”yes” 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 element_name=”Boxed” wrap_type=”content-width” row_bg_type=”color” color_row_height=”content-height” bg_type=”cover” parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”0.5″ bg_video_loop=”yes” parallax_video_height=”window-height” row_top_style=”none” row_bottom_style=”none” parallax_video_overlay=”none” row_overlay_opacity=”0″ remove_element_spacing=”no” row_col_pos=”default” row_col_content_pos=”default” row_expanding=”no” row_animation=”none” row_animation_delay=”0″ minimize_row=”no” simplified_controls=”yes” custom_css_percentage=”no” custom_css=”margin-top: 30px;margin-bottom: 30px;border-top: 0px ;border-left: 0px ;border-right: 0px ;border-bottom: 0px ;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;” border_styling_global=”default” width=”1/1″ el_position=”first last”] [spb_text_block animation=”none” animation_delay=”0″ simplified_controls=”yes” custom_css_percentage=”no” padding_vertical=”0″ padding_horizontal=”0″ margin_vertical=”0″ custom_css=”margin-top: 0px;margin-bottom: 0px;border-top: 0px ;border-left: 0px ;border-right: 0px ;border-bottom: 0px ;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;” border_size=”0″ border_styling_global=”default” width=”1/1″ el_position=”first last”]

Boxed

[/spb_text_block] [spb_icon_box title=”With Simple Line” box_type=”standard” box_icon_type=”icon” icon=”sli-icon-diamond” animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#87868e” bg_color=”#f7f7f9″ animated_box_style=”coloured” animated_box_rounded=”yes” 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” box_icon_type=”icon” icon=”fa-bug” animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#87868e” bg_color=”#f7f7f9″ animated_box_style=”coloured” animated_box_rounded=”yes” 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=”boxed-two” box_icon_type=”character” icon=”fa-codepen” character=”3″ animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”87868E” bg_color=”#f7f7f9″ animated_box_style=”coloured” animated_box_rounded=”yes” 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=”boxed-two” box_icon_type=”image” icon=”fa-codepen” character=”3″ image=”15899″ animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”87868E” bg_color=”#f7f7f9″ animated_box_style=”coloured” animated_box_rounded=”yes” 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 element_name=”Animated” wrap_type=”content-width” row_bg_type=”color” color_row_height=”content-height” bg_type=”cover” parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”0.5″ bg_video_loop=”yes” parallax_video_height=”window-height” row_top_style=”none” row_bottom_style=”none” parallax_video_overlay=”none” row_overlay_opacity=”0″ remove_element_spacing=”no” row_col_pos=”default” row_col_content_pos=”default” row_expanding=”no” row_animation=”none” row_animation_delay=”0″ minimize_row=”no” simplified_controls=”yes” custom_css_percentage=”no” custom_css=”margin-top: 30px;margin-bottom: 30px;border-top: 0px ;border-left: 0px ;border-right: 0px ;border-bottom: 0px ;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;” border_styling_global=”default” width=”1/1″ el_position=”first last”] [spb_text_block animation=”none” animation_delay=”0″ simplified_controls=”yes” custom_css_percentage=”no” padding_vertical=”0″ padding_horizontal=”0″ margin_vertical=”0″ custom_css=”margin-top: 0px;margin-bottom: 0px;border-top: 0px ;border-left: 0px ;border-right: 0px ;border-bottom: 0px ;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;” border_size=”0″ border_styling_global=”default” width=”1/1″ el_position=”first last”]

Animated

[/spb_text_block] [spb_icon_box title=”With Simple Line” box_type=”animated” box_icon_type=”icon” icon=”sli-icon-diamond” animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#acabb0″ animated_box_style=”coloured” animated_box_rounded=”yes” 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=”animated” box_icon_type=”icon” icon=”fa-bug” animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#87868e” bg_color=”#f7f7f9″ animated_box_style=”coloured” animated_box_rounded=”yes” 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=”animated” box_icon_type=”character” icon=”fa-codepen” character=”3″ animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#87868e” animated_box_style=”coloured” animated_box_rounded=”yes” 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=”animated” box_icon_type=”image” icon=”fa-codepen” character=”3″ image=”15899″ animate_svg=”no” target=”_self” animation=”none” animation_delay=”0″ icon_color=”#87868e” animated_box_style=”coloured” animated_box_rounded=”yes” 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]

Leave a Reply