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]

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *