Icon Box - Security Design
2056
page-template-default,page,page-id-2056,page-child,parent-pageid-121,theme-bridge,woocommerce-no-js,ajax_fade,page_not_loaded,,columns-4,qode-theme-ver-16.7,qode-theme-bridge,wpb-js-composer js-comp-ver-4.12,vc_responsive
 

Icon Box

Icon Box

[tabs]
[tab title=”Parameters” icon=”check” icon_color=”#3cabce”]

Parameters

[divider_line]
[list icon=”check” color=”blue”]

  • title
  • icon(optional)
  • iconSize:small,default,large
  • iconColor(optional)
  • type:inline,left,center
  • content(optional)
  • class:(optional)

[/list]
[/tab]
[tab title=”Shortcode Option Panel” icon=”check” icon_color=”#3cabce”]

Shortcode Option Panel

[divider_line]
[image source_type=”attachment_id” source_value=”3228″ caption=”The Icon Box Shortcode Options Panel” alt=”The Icon Box Shortcode Options Panel” align=”center” icon=”zoom” width=”594″ autoHeight=”true” quality=”100″ lightbox=”true” title=”The Icon Box Shortcode Options Panel”]
[/tab]
[/tabs]

[divider_padding]

Icon Inline

[divider_line]
[one_fourth]
[iconbox icon=”puzzle-piece” iconSize=”small” iconColor=”#f6653c” title=”Puzzle Piece” type=”inline”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_fourth]
[one_fourth]
[iconbox icon=”rocket” iconSize=”small” iconColor=”#2ac4ea” title=”Rocket” type=”inline”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_fourth]
[one_fourth]
[iconbox icon=”gift” iconSize=”small” iconColor=”#c5af55″ title=”Gift” type=”inline”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_fourth]
[one_fourth_last]
[iconbox icon=”lightbulb-o” iconSize=”small” iconColor=”#27ccc0″ title=”Lightbulb-o” type=”inline”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_fourth_last]

[toggle title=”Get the code”]
[code][one_fourth]
[iconbox icon=”puzzle-piece” iconSize=”small” iconColor=”#f6653c” title=”Puzzle Piece” type=”inline”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_fourth]
[one_fourth]
[iconbox icon=”rocket” iconSize=”small” iconColor=”#2ac4ea” title=”Rocket” type=”inline”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_fourth]
[one_fourth]
[iconbox icon=”gift” iconSize=”small” iconColor=”#c5af55″ title=”Gift” type=”inline”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_fourth]
[one_fourth_last]
[iconbox icon=”lightbulb-o” iconSize=”small” iconColor=”#27ccc0″ title=”Lightbulb-o” type=”inline”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_fourth_last][/code]
[/toggle]

[divider_padding]

Icon Left

[divider_line]
[one_third]
[iconbox icon=”puzzle-piece” iconSize=”default” iconColor=”#f6653c” title=”Puzzle Piece” type=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_third]
[one_third]
[iconbox icon=”rocket” iconSize=”default” iconColor=”#2ac4ea” title=”Rocket” type=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_third]
[one_third_last]
[iconbox icon=”gift” iconSize=”default” iconColor=”#c5af55″ title=”Gift” type=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_third_last]

[toggle title=”Get the code”]
[code][one_third]
[iconbox icon=”puzzle-piece” iconSize=”default” iconColor=”#f6653c” title=”Puzzle Piece” type=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_third]
[one_third]
[iconbox icon=”rocket” iconSize=”default” iconColor=”#2ac4ea” title=”Rocket” type=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_third]
[one_third_last]
[iconbox icon=”gift” iconSize=”default” iconColor=”#c5af55″ title=”Gift” type=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_third_last][/code]
[/toggle]

[divider_padding]

Icon Center

[divider_line]
[one_half]
[iconbox icon=”puzzle-piece” iconSize=”Large” iconColor=”#f6653c” title=”Puzzle Piece” type=”center”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_half]
[one_half_last]
[iconbox icon=”rocket” iconSize=”Large” iconColor=”#2ac4ea” title=”Rocket” type=”center”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_half_last]

[toggle title=”Get the code”]
[code][one_half]
[iconbox icon=”puzzle-piece” iconSize=”Large” iconColor=”#f6653c” title=”Puzzle Piece” type=”center”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_half]
[one_half_last]
[iconbox icon=”rocket” iconSize=”Large” iconColor=”#2ac4ea” title=”Rocket” type=”center”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget porta mi, sit amet volutpat ipsum. Sed in nisi non metus fringilla pulvinar eget.[/iconbox]
[/one_half_last][/code]
[/toggle]

[divider_top]