[fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][lead align=”default”]With the awesome shortcode generator you don’t have to remember and enter any shortcode code, everything just happens inside the user-friendly shortcode generator interface. Just enter a few options for the selected shortcode and you’re ready to go![/lead]

[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][lead]There are just too many combinations and options availabe to show them all…but here goes some examples. This is a Lead Paragraph by the way![/lead]

[/fusion_builder_column][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][header text=”” subtext=”Alert Messages”]

[fusion_alert heading=”Info Alert Heading” type=”alert-info” block=”false” close=”true”]Etiam scelerisque suscipit vestibulum. Fusce et eros sapien, eget commodo enim. Integer sed velit mauris. [/fusion_alert]

[fusion_alert heading=”Success Alert Heading” type=”alert-success” block=”false” close=”true”]Etiam scelerisque suscipit vestibulum. Fusce et eros sapien, eget commodo enim. Integer sed velit mauris. [/fusion_alert]

[fusion_alert heading=”Error Alert Heading” type=”alert-error” block=”false” close=”true”]Etiam scelerisque suscipit vestibulum. Fusce et eros sapien, eget commodo enim. Integer sed velit mauris. [/fusion_alert]

[header text=”” subtext=”Columns and Rows”]

[lead]You have 12 fluid blocks, divide them as you wish! Every combination is possibile, a few examples: [/lead]

[divider]

[row]

[column span=”6″]Etiam scelerisque suscipit vestibulum. Fusce et eros sapien, eget commodo enim. Integer sed velit mauris. Aenean rhoncus iaculis auctor. Morbi a magna et arcu lacinia vulputate. Aliquam dignissim congue justo, vel congue purus lacinia sed. Donec sit amet augue ante. Aenean nisl lectus, suscipit vitae molestie nec, ornare non sapien. Ut molestie lorem sit amet mi pellentesque vehicula.[/column]

[column span=”6″]Etiam scelerisque suscipit vestibulum. Fusce et eros sapien, eget commodo enim. Integer sed velit mauris. Aenean rhoncus iaculis auctor. Morbi a magna et arcu lacinia vulputate. Aliquam dignissim congue justo, vel congue purus lacinia sed. Donec sit amet augue ante. Aenean nisl lectus, suscipit vitae molestie nec, ornare non sapien. Ut molestie lorem sit amet mi pellentesque vehicula.[/column]

[/row]

[divider]

[row]

[column span=”9″]Etiam scelerisque suscipit vestibulum. Fusce et eros sapien, eget commodo enim. Integer sed velit mauris. Aenean rhoncus iaculis auctor. Morbi a magna et arcu lacinia vulputate. Aliquam dignissim congue justo, vel congue purus lacinia sed. Donec sit amet augue ante. Aenean nisl lectus, suscipit vitae molestie nec, ornare non sapien. Ut molestie lorem sit amet mi pellentesque vehicula.[/column]

[column span=”3″]Etiam scelerisque suscipit vestibulum. Fusce et eros sapien, eget commodo enim. Integer sed velit mauris.  [/column]

[/row]

[divider]

[row]

[column span=”3″]Etiam scelerisque suscipit vestibulum. Fusce et eros sapien, eget commodo enim. Integer sed velit mauris. Aenean rhoncus iaculis auctor. Morbi a magna et arcu lacinia vulputate. [/column]

[column span=”3″]Etiam scelerisque suscipit vestibulum. Fusce et eros sapien, eget commodo enim. Integer sed velit mauris. Aenean rhoncus iaculis auctor. Morbi a magna et arcu lacinia vulputate.[/column]

[column span=”6″]Etiam scelerisque suscipit vestibulum. Fusce et eros sapien, eget commodo enim. Integer sed velit mauris. Aenean rhoncus iaculis auctor. Morbi a magna et arcu lacinia vulputate. Aliquam dignissim congue justo, vel congue purus lacinia sed. Donec sit amet augue ante. Aenean nisl lectus, suscipit vitae molestie nec, ornare non sapien. Ut molestie lorem sit amet mi pellentesque vehicula.[/column]

[/row]

[header text=”” subtext=”Blockquote”]

[blockquote cite=”Michael Jackson” float=”left” align=”left”]The meaning of life is contained in every single expression of life. It is present in the infinity of forms and phenomena that exist in all of creation. [/blockquote]

[header text=”” subtext=”Page Header”]

[header text=”This is a page header” subtext=”and its subtext”]

[header text=”” subtext=”Jumbotron”]

[jumbotron background=”#e6e6e6″ color=”#282828″]This is a jumbotron, text and background colors are customizable from the shortcode[/jumbotron]

[header text=”” subtext=”Gallery Carousel”]

[carousel_gallery include=”535, 534, 533, 532″]

[header text=”” subtext=”Accordion”]

[accordion_group]

[accordion title=”This is an accordion group” id=”id-here”]Etiam scelerisque suscipit vestibulum. Fusce et eros sapien, eget commodo enim. Integer sed velit mauris. Aenean rhoncus iaculis auctor. Morbi a magna et arcu lacinia vulputate. Aliquam dignissim congue justo, vel congue purus lacinia sed. Donec sit amet augue ante. Aenean nisl lectus, suscipit vitae molestie nec, ornare non sapien. Ut molestie lorem sit amet mi pellentesque vehicula.[/accordion]

[accordion title=”Click me to toggle” id=”id-here2″]Etiam scelerisque suscipit vestibulum. Fusce et eros sapien, eget commodo enim. Integer sed velit mauris. Aenean rhoncus iaculis auctor. Morbi a magna et arcu lacinia vulputate. Aliquam dignissim congue justo, vel congue purus lacinia sed. Donec sit amet augue ante. Aenean nisl lectus, suscipit vitae molestie nec, ornare non sapien. Ut molestie lorem sit amet mi pellentesque vehicula.[/accordion]

[/accordion_group]

[header text=”” subtext=”Font-Awesome Icons”]

[lead]Over 200+ icons available from the great Font-Awesome resource. Icon, size and color are fully customizable from the shortcode manager, a few examples:  [/lead]

[divider]

[icon type=”desktop” size=”96″ float=”none” color=”default”][icon type=”desktop” size=”66″ float=”none” color=”default”][icon type=”desktop” size=”36″ float=”none” color=”default”][icon type=”desktop” size=”16″ float=”none” color=”default”]  [icon type=”laptop” size=”96″ float=”none” color=”default”][icon type=”laptop” size=”66″ float=”none” color=”default”][icon type=”laptop” size=”36″ float=”none” color=”default”][icon type=”laptop” size=”16″ float=”none” color=”default”]  [icon type=”tablet” size=”96″ float=”none” color=”default”][icon type=”tablet” size=”66″ float=”none” color=”default”][icon type=”tablet” size=”36″ float=”none” color=”default”][icon type=”tablet” size=”16″ float=”none” color=”default”]

[icon type=”heart” size=”96″ float=”none” color=”#0e90d2″][icon type=”heart” size=”66″ float=”none” color=”#0e90d2″][icon type=”heart” size=”36″ float=”none” color=”#0e90d2″][icon type=”heart” size=”16″ float=”none” color=”#0e90d2″] [icon type=”cog” size=”96″ float=”none” color=”#0e90d2″][icon type=”cog” size=”66″ float=”none” color=”#0e90d2″][icon type=”cog” size=”36″ float=”none” color=”#0e90d2″][icon type=”cog” size=”16″ float=”none” color=”#0e90d2″] [icon type=”camera” size=”96″ float=”none” color=”#0e90d2″][icon type=”camera” size=”66″ float=”none” color=”#0e90d2″][icon type=”camera” size=”36″ float=”none” color=”#0e90d2″][icon type=”camera” size=”16″ float=”none” color=”#0e90d2″]

[header text=”” subtext=”Buttons”]

[lead]Select sizes, color, and optionally prepend  an icon inside the buttons! [/lead]

[divider]

[fusion_button text=”Button Large” url=”#” size=”large” type=”info” icon=”zoom-in” iconcolor=”white”]

[fusion_button text=”Button Medium” url=”#” size=”medium” type=”success” icon=”zoom-out” iconcolor=”white”]

[fusion_button text=”Button Small” url=”#” size=”small” type=”danger” icon=”glass” iconcolor=”white”]

[fusion_button text=”Button Mini” url=”#” size=”mini” type=”default” icon=”check” iconcolor=”white”]

[divider]

[button_group][fusion_button text=”This is” url=”#” size=”medium” type=”default”][fusion_button text=” A Button” url=”#” size=”medium” type=”default”][fusion_button text=”Group” url=”#” size=”medium” type=”default”][/button_group]

[header text=”” subtext=”Labels”]

[label type=”success” text=”success label”]

[label type=”important” text=”important label”]

[label type=”info” text=”info label”]

[label type=”inverse” text=”inverse label”]

[label type=”warning” text=”warning label”]

[header text=”” subtext=”Badges”]

[badge type=”warning” text=”30″]

[badge type=”info” text=”50″]

[badge type=”success” text=”70″]

[badge type=”important” text=”100″]

[badge type=”inverse” text=”120″]

[header text=”” subtext=”Progress Bars”]

[fusion_progress width=”20″ striped=”off” animate=”off” ]

[fusion_progress width=”40″ striped=”off” animate=”off” type=”info”]

[fusion_progress width=”60″ striped=”off” animate=”off” type=”success”]

[fusion_progress width=”80″ striped=”off” animate=”off” type=”warning”]

[fusion_progress width=”100″ striped=”off” animate=”off” type=”danger”]

[fusion_progress width=”100″ striped=”on” animate=”on” type=”danger”]

[fusion_progress width=”80″ striped=”on” animate=”on” type=”warning”]

[fusion_progress width=”60″ striped=”on” animate=”on” type=”success”]

[fusion_progress width=”40″ striped=”on” animate=”on” type=”info”]

[fusion_progress width=”20″ striped=”on” animate=”on” ]

[header text=”” subtext=”Code”]

[code scroll=”false”]<here><goes></some></code>[/code] [/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]