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.
[porto_content_box skin=”primary” align=”left”]
[/porto_content_box]
Loved by Customers
[porto_icon icon=”fa fa-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 skin=”secondary” align=”left”]
[/porto_content_box]
[porto_icon icon=”fa fa-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 skin=”tertiary” align=”left” el_class=”m-t-none”][porto_info_box icon=”fa fa-trophy” icon_size=”30″ icon_color=”#2baab1″ title=”Winner” pos=”top” title_font=”Open Sans” title_font_style=”” 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.[/porto_info_box]
[/porto_content_box]
[porto_content_box skin=”quaternary” align=”left” el_class=”m-t-none”][porto_info_box icon=”fa fa-cogs” icon_size=”30″ icon_color=”#383f48″ title=”Customizable” pos=”top” title_font=”Open Sans” title_font_style=”” 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.[/porto_info_box]
[/porto_content_box]
[porto_content_box skin=”primary” box_effect=”featured-box-effect-1″ show_icon=”yes” icon=”fa fa-user”]
[/porto_content_box]
[porto_content_box skin=”secondary” box_effect=”featured-box-effect-1″ show_icon=”yes” icon=”fa fa-book”]
[/porto_content_box]
[porto_content_box skin=”tertiary” box_effect=”featured-box-effect-1″ show_icon=”yes” icon=”fa fa-trophy”]
[/porto_content_box]
[porto_content_box skin=”quaternary” box_effect=”featured-box-effect-1″ show_icon=”yes” icon=”fa fa-cogs”]
[/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”]
[/porto_content_box]
Loved by Customers
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”secondary” bg_type=”featured-boxes-flat” box_effect=”featured-box-effect-2″ show_icon=”yes” icon=”fa fa-book”]
[/porto_content_box]
Well Documented
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”tertiary” bg_type=”featured-boxes-flat” box_effect=”featured-box-effect-2″ show_icon=”yes” icon=”fa fa-trophy”]
[/porto_content_box]
Winner
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”quaternary” bg_type=”featured-boxes-flat” box_effect=”featured-box-effect-2″ show_icon=”yes” icon=”fa fa-cogs”]
[/porto_content_box]
Customizable
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[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”]
[/porto_content_box]
Loved by Customers
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[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”]
[/porto_content_box]
Well Documented
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[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”]
[/porto_content_box]
Winner
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[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”]
[/porto_content_box]
Customizable
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”primary” box_style=”featured-boxes-style-2″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-user”]
[/porto_content_box]
Loved by Customers
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”secondary” box_style=”featured-boxes-style-2″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-book”]
[/porto_content_box]
Well Documented
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”tertiary” box_style=”featured-boxes-style-2″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-trophy”]
[/porto_content_box]
Winner
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”quaternary” box_style=”featured-boxes-style-2″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-cogs”]
[/porto_content_box]
Customizable
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[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 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 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 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 skin=”primary” box_style=”featured-boxes-style-4″ box_effect=”featured-box-effect-5″ show_icon=”yes” icon=”fa fa-user”]
[/porto_content_box]
Loved by Customers
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”secondary” box_style=”featured-boxes-style-4″ box_effect=”featured-box-effect-5″ show_icon=”yes” icon=”fa fa-book”]
[/porto_content_box]
Well Documented
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”tertiary” box_style=”featured-boxes-style-4″ box_effect=”featured-box-effect-5″ show_icon=”yes” icon=”fa fa-trophy”]
[/porto_content_box]
Winner
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”quaternary” box_style=”featured-boxes-style-4″ box_effect=”featured-box-effect-5″ show_icon=”yes” icon=”fa fa-cogs”]
[/porto_content_box]
Customizable
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”primary” box_style=”featured-boxes-style-5″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-user”]
[/porto_content_box]
Loved by Customers
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”secondary” box_style=”featured-boxes-style-5″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-book”]
[/porto_content_box]
Well Documented
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”tertiary” box_style=”featured-boxes-style-5″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-trophy”]
[/porto_content_box]
Winner
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”quaternary” box_style=”featured-boxes-style-5″ box_effect=”featured-box-effect-4″ show_icon=”yes” icon=”fa fa-cogs”]
[/porto_content_box]
Customizable
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”primary” box_style=”featured-boxes-style-6″ box_effect=”featured-box-effect-6″ show_icon=”yes” icon=”fa fa-user”]
[/porto_content_box]
Loved by Customers
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”secondary” box_style=”featured-boxes-style-6″ box_effect=”featured-box-effect-6″ show_icon=”yes” icon=”fa fa-book”]
[/porto_content_box]
Well Documented
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”tertiary” box_style=”featured-boxes-style-6″ box_effect=”featured-box-effect-6″ show_icon=”yes” icon=”fa fa-trophy”]
[/porto_content_box]
Winner
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”quaternary” box_style=”featured-boxes-style-6″ box_effect=”featured-box-effect-6″ show_icon=”yes” icon=”fa fa-cogs”]
[/porto_content_box]
Customizable
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”primary” box_style=”featured-boxes-style-7″ box_effect=”featured-box-effect-7″ show_icon=”yes” icon=”fa fa-user”]
[/porto_content_box]
Loved by Customers
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”secondary” box_style=”featured-boxes-style-7″ box_effect=”featured-box-effect-7″ show_icon=”yes” icon=”fa fa-book”]
[/porto_content_box]
Well Documented
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”tertiary” box_style=”featured-boxes-style-7″ box_effect=”featured-box-effect-7″ show_icon=”yes” icon=”fa fa-trophy”]
[/porto_content_box]
Winner
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_content_box skin=”quaternary” box_style=”featured-boxes-style-7″ box_effect=”featured-box-effect-7″ show_icon=”yes” icon=”fa fa-cogs”]
[/porto_content_box]
Customizable
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[porto_info_box icon=”fa fa-users” 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.[/porto_info_box]
[porto_info_box icon=”fa fa-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.[/porto_info_box]
[porto_info_box icon=”fa fa-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.[/porto_info_box]
[porto_info_box icon=”fa fa-users” 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.[/porto_info_box]
[porto_info_box icon=”fa fa-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.[/porto_info_box]
[porto_info_box icon=”fa fa-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.[/porto_info_box]
[porto_info_box icon=”fa fa-users” icon_size=”28″ icon_color=”#0088cc” title=”Customer Support” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/porto_info_box]
[porto_info_box icon=”fa fa-film” icon_size=”28″ icon_color=”#0088cc” title=”Sliders” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/porto_info_box]
[porto_info_box icon=”fa fa-bars” icon_size=”28″ icon_color=”#0088cc” title=”Elite” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/porto_info_box]
[porto_info_box icon=”fa fa-users” icon_size=”44″ icon_color=”#0088cc” title=”Customer Support” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/porto_info_box]
[porto_info_box icon=”fa fa-film” icon_size=”44″ icon_color=”#0088cc” title=”Sliders” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/porto_info_box]
[porto_info_box icon=”fa fa-bars” icon_size=”44″ icon_color=”#0088cc” title=”Elite” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/porto_info_box]
[porto_info_box icon=”fa fa-users” 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.[/porto_info_box]
[porto_info_box icon=”fa fa-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.[/porto_info_box]
[porto_info_box icon=”fa fa-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.[/porto_info_box]
[porto_info_box icon=”fa fa-users” icon_size=”38″ icon_color=”#0088cc” title=”Customer Support” pos=”top”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/porto_info_box]
[porto_info_box icon=”fa fa-film” icon_size=”38″ icon_color=”#0088cc” title=”Sliders” pos=”top”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/porto_info_box]
[porto_info_box icon=”fa fa-bars” icon_size=”38″ icon_color=”#0088cc” title=”Elite” pos=”top”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/porto_info_box]
[porto_info_box icon=”fa fa-users” 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.[/porto_info_box]
[porto_info_box icon=”fa fa-users” icon_size=”28″ icon_color=”#e36159″ title=”Customer Support” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/porto_info_box]
[porto_info_box icon=”fa fa-users” 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.[/porto_info_box]
[porto_info_box icon=”fa fa-users” icon_size=”38″ icon_color=”#383f48″ title=”Customer Support” pos=”top”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/porto_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”]
[/porto_content_box]
Loved by Customers
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[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”]
[/porto_content_box]
Well Documented
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[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”]
[/porto_content_box]
Winner
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
[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”]
[/porto_content_box]
Customizable
Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
Reverse / Normal
[porto_info_box icon=”fa fa-users” 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.[/porto_info_box][porto_info_box icon=”fa fa-users” 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.[/porto_info_box][porto_info_box icon=”fa fa-users” icon_size=”28″ icon_color=”#0088cc” title=”Customer Support” pos=”right”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/porto_info_box][porto_info_box icon=”fa fa-users” 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.[/porto_info_box]
[porto_info_box icon=”fa fa-users” 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.[/porto_info_box][porto_info_box icon=”fa fa-users” 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.[/porto_info_box][porto_info_box icon=”fa fa-users” icon_size=”28″ icon_color=”#0088cc” title=”Customer Support” pos=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.[/porto_info_box][porto_info_box icon=”fa fa-users” 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.[/porto_info_box]
