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.

[porto_content_box skin=”primary” align=”left”]

Loved by Customers

[just_icon icon=”Defaults-user” icon_size=”30″ icon_color=”#0088cc”]

Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet. Quisque rutrum pellentesque imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.

[/porto_content_box]
[porto_content_box skin=”secondary” align=”left”]
[just_icon icon=”Defaults-book” icon_size=”30″ icon_color=”#ff675b”]

Well Documented

Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet. Quisque rutrum pellentesque imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.

[/porto_content_box]
[porto_content_box skin=”tertiary” align=”left” el_class=”m-t-none”][bsf-info-box icon=”Defaults-trophy” icon_size=”30″ icon_color=”#2baab1″ title=”Winner” pos=”top” title_font=”font_family:Open Sans|font_call:Open+Sans|variant:300″ title_font_style=”font-weight:300;” title_font_size=”30″ title_font_color=”#1d2127″]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet. Quisque rutrum pellentesque imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[/porto_content_box]
[porto_content_box skin=”quaternary” align=”left” el_class=”m-t-none”][bsf-info-box icon=”Defaults-cogs” icon_size=”30″ icon_color=”#383f48″ title=”Customizable” pos=”top” title_font=”font_family:Open Sans|font_call:Open+Sans|variant:300″ title_font_style=”font-weight:300;” title_font_size=”30″ title_font_color=”#383f48″]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet. Quisque rutrum pellentesque imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/bsf-info-box]
[/porto_content_box]
[porto_content_box skin=”primary” box_effect=”featured-box-effect-1″ show_icon=”yes” icon=”fa fa-user”]

Loved by Customers

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

Learn More

[/porto_content_box]
[porto_content_box skin=”secondary” box_effect=”featured-box-effect-1″ show_icon=”yes” icon=”fa fa-book”]

Well Documented

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

Learn More

[/porto_content_box]
[porto_content_box skin=”tertiary” box_effect=”featured-box-effect-1″ show_icon=”yes” icon=”fa fa-trophy”]

Winner

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

Learn More

[/porto_content_box]
[porto_content_box skin=”quaternary” box_effect=”featured-box-effect-1″ show_icon=”yes” icon=”fa fa-cogs”]

Customizable

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

Learn More

[/porto_content_box]
[porto_content_box skin=”primary” bg_type=”featured-boxes-flat” box_effect=”featured-box-effect-2″ show_icon=”yes” icon=”fa fa-user”]

Loved by Customers

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”secondary” bg_type=”featured-boxes-flat” box_effect=”featured-box-effect-2″ show_icon=”yes” icon=”fa fa-book”]

Well Documented

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”tertiary” bg_type=”featured-boxes-flat” box_effect=”featured-box-effect-2″ show_icon=”yes” icon=”fa fa-trophy”]

Winner

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”quaternary” bg_type=”featured-boxes-flat” box_effect=”featured-box-effect-2″ show_icon=”yes” icon=”fa fa-cogs”]

Customizable

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”primary” bg_type=”featured-boxes-flat” box_style=”featured-boxes-style-3″ box_effect=”featured-box-effect-3″ show_icon=”yes” icon=”fa fa-user”]

Loved by Customers

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”secondary” bg_type=”featured-boxes-flat” box_style=”featured-boxes-style-3″ box_effect=”featured-box-effect-3″ show_icon=”yes” icon=”fa fa-book”]

Well Documented

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”tertiary” bg_type=”featured-boxes-flat” box_style=”featured-boxes-style-3″ box_effect=”featured-box-effect-3″ show_icon=”yes” icon=”fa fa-trophy”]

Winner

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”quaternary” bg_type=”featured-boxes-flat” box_style=”featured-boxes-style-3″ box_effect=”featured-box-effect-3″ show_icon=”yes” icon=”fa fa-cogs”]

Customizable

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”primary” box_style=”featured-boxes-style-2″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-user”]

Loved by Customers

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”secondary” box_style=”featured-boxes-style-2″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-book”]

Well Documented

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”tertiary” box_style=”featured-boxes-style-2″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-trophy”]

Winner

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”quaternary” box_style=”featured-boxes-style-2″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-cogs”]

Customizable

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”primary” box_style=”featured-boxes-style-3″ box_effect=”featured-box-effect-3″ show_icon=”yes” icon=”fa fa-user”]

Loved by Customers

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”secondary” box_style=”featured-boxes-style-3″ box_effect=”featured-box-effect-3″ show_icon=”yes” icon=”fa fa-book”]

Well Documented

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”tertiary” box_style=”featured-boxes-style-3″ box_effect=”featured-box-effect-3″ show_icon=”yes” icon=”fa fa-trophy”]

Winner

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”quaternary” box_style=”featured-boxes-style-3″ box_effect=”featured-box-effect-3″ show_icon=”yes” icon=”fa fa-cogs”]

Customizable

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”primary” box_style=”featured-boxes-style-4″ box_effect=”featured-box-effect-5″ show_icon=”yes” icon=”fa fa-user”]

Loved by Customers

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”secondary” box_style=”featured-boxes-style-4″ box_effect=”featured-box-effect-5″ show_icon=”yes” icon=”fa fa-book”]

Well Documented

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”tertiary” box_style=”featured-boxes-style-4″ box_effect=”featured-box-effect-5″ show_icon=”yes” icon=”fa fa-trophy”]

Winner

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”quaternary” box_style=”featured-boxes-style-4″ box_effect=”featured-box-effect-5″ show_icon=”yes” icon=”fa fa-cogs”]

Customizable

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”primary” box_style=”featured-boxes-style-5″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-user”]

Loved by Customers

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”secondary” box_style=”featured-boxes-style-5″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-book”]

Well Documented

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”tertiary” box_style=”featured-boxes-style-5″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-trophy”]

Winner

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”quaternary” box_style=”featured-boxes-style-5″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-cogs”]

Customizable

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”primary” box_style=”featured-boxes-style-6″ box_effect=”featured-box-effect-6″ show_icon=”yes” icon=”fa fa-user”]

Loved by Customers

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”secondary” box_style=”featured-boxes-style-6″ box_effect=”featured-box-effect-6″ show_icon=”yes” icon=”fa fa-book”]

Well Documented

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”tertiary” box_style=”featured-boxes-style-6″ box_effect=”featured-box-effect-6″ show_icon=”yes” icon=”fa fa-trophy”]

Winner

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”quaternary” box_style=”featured-boxes-style-6″ box_effect=”featured-box-effect-6″ show_icon=”yes” icon=”fa fa-cogs”]

Customizable

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”primary” box_style=”featured-boxes-style-7″ box_effect=”featured-box-effect-7″ show_icon=”yes” icon=”fa fa-user”]

Loved by Customers

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”secondary” box_style=”featured-boxes-style-7″ box_effect=”featured-box-effect-7″ show_icon=”yes” icon=”fa fa-book”]

Well Documented

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”tertiary” box_style=”featured-boxes-style-7″ box_effect=”featured-box-effect-7″ show_icon=”yes” icon=”fa fa-trophy”]

Winner

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”quaternary” box_style=”featured-boxes-style-7″ box_effect=”featured-box-effect-7″ show_icon=”yes” icon=”fa fa-cogs”]

Customizable

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_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-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-reorder” 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-reorder” 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-reorder” 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-reorder” 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-reorder” 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-reorder” 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

[porto_content_box skin=”primary” box_style=”featured-boxes-style-2″ box_effect=”featured-box-effect-4″ show_icon=”yes” animation_delay=”300″ icon=”fa fa-user” animation_type=”fadeInUp”]

Loved by Customers

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”secondary” box_style=”featured-boxes-style-2″ box_effect=”featured-box-effect-4″ show_icon=”yes” animation_delay=”600″ icon=”fa fa-book” animation_type=”fadeInUp”]

Well Documented

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”tertiary” box_style=”featured-boxes-style-2″ box_effect=”featured-box-effect-4″ show_icon=”yes” animation_delay=”900″ icon=”fa fa-trophy” animation_type=”fadeInUp”]

Winner

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]
[porto_content_box skin=”quaternary” box_style=”featured-boxes-style-2″ box_effect=”featured-box-effect-4″ show_icon=”yes” animation_delay=”1200″ icon=”fa fa-cogs” animation_type=”fadeInUp”]

Customizable

Donec id elit non mi porta gravida at eget metus. Fusce dapibus.

[/porto_content_box]

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]