Callout & Content Boxes

[title type=”special-h4-left”]Callout Box Examples[/title]

[callout title=”Button Example” link=”#” icon=”hb-moon-download-5″]Aenean luctus mollis arcu, ut malesuada est mollis eu. Nunc dictum vel massa et commodo. Vivamus in metus sapien. [/callout]

[spacer height=”20px”]

[callout title=”Button Example” link=”#”]Aenean luctus mollis arcu, ut malesuada est mollis eu. Nunc dictum vel massa et commodo. Vivamus in metus sapien. [/callout]

[spacer height=”20px”]

[callout]Donec vehicula volutpat justo, id tempus justo egestas eget. Quisque tincidunt est ac nulla gravida volutpat. Donec a dui ac justo bibendum venenatis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum viverra nulla eget posuere vulputate.[/callout]

[spacer]

[title type=”special-h4-left”]Content Box Examples[/title]

[content_box type=”with-header” title=”With Header & Icon” icon=”hb-moon-star” text_color=”dark” color=”default”]
You can place anything you like in these boxes. Other shortcodes will fit also. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur neque nibh, imperdiet non faucibus in, porta eu lorem. Cras tellus est, tristique vitae aliquam adipiscing, laoreet eu nibh.
[/content_box]

[spacer height=”20px”]

[content_box type=”without-header”]
[column size=”col-6″]You can place anything you like in these boxes. Other shortcodes will fit also. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur neque nibh, imperdiet non faucibus in, porta eu lorem. Cras tellus est, tristique vitae aliquam adipiscing, laoreet eu nibh.
[/column]
[column size=”col-6″]You can place anything you like in these boxes. Other shortcodes will fit also. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur neque nibh, imperdiet non faucibus in, porta eu lorem. Cras tellus est, tristique vitae aliquam adipiscing, laoreet eu nibh.[/column]
[/content_box]

[spacer height=”20px”]

[content_box type=”without-header” text_color=”light” color=”#336699″]
[row]You can place anything you like in these boxes. Other shortcodes will fit also. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur neque nibh, imperdiet non faucibus in, porta eu lorem. Cras tellus est, tristique vitae aliquam adipiscing, laoreet eu nibh.
[/content_box]

[spacer height=”20px”]

[content_box type=”without-header” text_color=”light” color=”#323436″]
[row]You can place anything you like in these boxes. Other shortcodes will fit also. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur neque nibh, imperdiet non faucibus in, porta eu lorem. Cras tellus est, tristique vitae aliquam adipiscing, laoreet eu nibh.
[/content_box]

[spacer height=”20px”]

[content_box type=”with-header” title=”Optional Header” text_color=”light” color=”#d35400″]
[row]You can place anything you like in these boxes. Other shortcodes will fit also. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur neque nibh, imperdiet non faucibus in, porta eu lorem. Cras tellus est, tristique vitae aliquam adipiscing, laoreet eu nibh.
[/content_box]

[spacer height=”50px”]

[title type=”special-h4-left”]Get the code[/title]
[title type=”subtitle-h6″]Paste in Text Editor[/title]

[content_box type=”without-header” color=”#FFFFFF” class=”pre-text”]
[callout title=”Button Title” link=”#” icon=”hb-moon-star”]Content here… [/callout]

[content_box type=”with-header” title=”Title” icon=”hb-moon-star” text_color=”light” color=”#336699″]
Enter your content here. You can use shortcodes also.
[/content_box]
[/content_box]
[info_message style=”info”]1. You can also use these shortcodes as Visual Composer Drag & Drop elements.
If you prefer shortcodes, you can generate them using Shortcode Generator.

 

2. Visit Theme Documentation for available arguments and more information. View Documentation Now.
[/info_message]