Icon Boxes

Icon Boxes Shortcodes

Icon Boxes are great to show the content of your website and can be set in different styles with Porto Content Boxes, Porto Content Box, Ultimate Addons Info Box, Ultimate Addons Just Icon, Visual Compoer Icon, Visual Composer Button, Visual Composer Custom Heading, etc shortcodes.

[bsf-info-box icon=”Defaults-group” icon_size=”14″ icon_color=”#ffffff” icon_style=”advanced” icon_color_bg=”#0088cc” icon_border_spacing=”35″ title=”Customer Support” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-film” icon_size=”14″ icon_color=”#ffffff” icon_style=”advanced” icon_color_bg=”#0088cc” icon_border_spacing=”35″ title=”Sliders” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-bars” icon_size=”14″ icon_color=”#ffffff” icon_style=”advanced” icon_color_bg=”#0088cc” icon_border_spacing=”35″ title=”Elite” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-group” icon_size=”14″ icon_color=”#0088cc” icon_style=”advanced” icon_border_style=”solid” icon_color_border=”#0088cc” icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”35″ title=”Customer Support” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-film” icon_size=”14″ icon_color=”#0088cc” icon_style=”advanced” icon_border_style=”solid” icon_color_border=”#0088cc” icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”35″ title=”Sliders” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-bars” icon_size=”14″ icon_color=”#0088cc” icon_style=”advanced” icon_border_style=”solid” icon_color_border=”#0088cc” icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”35″ title=”Elite” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-group” icon_size=”28″ icon_color=”#0088cc” title=”Customer Support” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-film” icon_size=”28″ icon_color=”#0088cc” title=”Sliders” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-bars” icon_size=”28″ icon_color=”#0088cc” title=”Elite” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-group” icon_size=”44″ icon_color=”#0088cc” title=”Customer Support” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-film” icon_size=”44″ icon_color=”#0088cc” title=”Sliders” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-bars” icon_size=”44″ icon_color=”#0088cc” title=”Elite” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-group” icon_size=”14″ icon_color=”#ffffff” icon_style=”advanced” icon_color_bg=”#0088cc” icon_border_spacing=”35″ title=”Customer Support”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-film” icon_size=”14″ icon_color=”#ffffff” icon_style=”advanced” icon_color_bg=”#0088cc” icon_border_spacing=”35″ title=”Sliders”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-bars” icon_size=”14″ icon_color=”#ffffff” icon_style=”advanced” icon_color_bg=”#0088cc” icon_border_spacing=”35″ title=”Elite”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-group” icon_size=”38″ icon_color=”#0088cc” title=”Customer Support” pos=”top”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-film” icon_size=”38″ icon_color=”#0088cc” title=”Sliders” pos=”top”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-bars” icon_size=”38″ icon_color=”#0088cc” title=”Elite” pos=”top”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-group” icon_size=”14″ icon_color=”#ffffff” icon_style=”advanced” icon_color_bg=”#0088cc” icon_border_spacing=”35″ title=”Customer Support” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-group” icon_size=”28″ icon_color=”#e36159″ title=”Customer Support” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-group” icon_size=”14″ icon_color=”#2baab1″ icon_style=”advanced” icon_border_style=”solid” icon_color_border=”#2baab1″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”35″ title=”Customer Support” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-group” icon_size=”38″ icon_color=”#383f48″ title=”Customer Support” pos=”top”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]

Animations

Reverse / Normal

[bsf-info-box icon=”Defaults-group” icon_size=”14″ icon_color=”#ffffff” icon_style=”advanced” icon_color_bg=”#0088cc” icon_border_spacing=”35″ title=”Customer Support” pos=”right”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box][bsf-info-box icon=”Defaults-group” icon_size=”14″ icon_color=”#0088cc” icon_style=”advanced” icon_border_style=”solid” icon_color_border=”#0088cc” icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”35″ title=”Customer Support” pos=”right”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box][bsf-info-box icon=”Defaults-group” icon_size=”28″ icon_color=”#0088cc” title=”Customer Support” pos=”right”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box][bsf-info-box icon=”Defaults-group” icon_size=”14″ icon_color=”#ffffff” icon_style=”advanced” icon_color_bg=”#0088cc” icon_border_spacing=”35″ title=”Customer Support” pos=”heading-right”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[bsf-info-box icon=”Defaults-group” icon_size=”14″ icon_color=”#ffffff” icon_style=”advanced” icon_color_bg=”#0088cc” icon_border_spacing=”35″ title=”Customer Support” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box][bsf-info-box icon=”Defaults-group” icon_size=”14″ icon_color=”#0088cc” icon_style=”advanced” icon_border_style=”solid” icon_color_border=”#0088cc” icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”35″ title=”Customer Support” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box][bsf-info-box icon=”Defaults-group” icon_size=”28″ icon_color=”#0088cc” title=”Customer Support” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box][bsf-info-box icon=”Defaults-group” icon_size=”14″ icon_color=”#ffffff” icon_style=”advanced” icon_color_bg=”#0088cc” icon_border_spacing=”35″ title=”Customer Support”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]

Leave a Reply