Alerts

Hey, you! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

[alert style="info" close="true"]<strong>Hey, you!</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/alert]

Options

Argument	Default	Description
style	info	Style of alert – info, success, danger, warning.
close	false	Whether to show close button – true, false.

Styles

This is an “info” alert.

[alert style="info"]This is an "info" alert.[/alert]

This is a “success” alert.

[alert style="success"]This is a "success" alert.[/alert]

This is a “danger” alert.

[alert style="danger"]This is a "danger" alert.[/alert]

This is a “warning” alert.

[alert style="warning"]This is a "warning" alert.[/alert]

Dividers

[divider style="shadow"]

[divider style="solid"]

[divider style="dashed"]

[divider style="thick-solid"]

[divider style="thick-dashed"]

[divider style="double-solid"]

[divider style="double-dashed"]

[divider style="solid" icon="bolt"]

Argument	Default	Description
style	solid	Style of the divider — shadow, solid, dashed, thick-solid, thick-dashed, double-solid, double-dashed
color	#cccccc	Hex color value for divider. Note: Does not apply to “shadow” style divider.
opacity	1	Opacity of divider — 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, or 1. Note: Does not apply to “shadow” style divider.
icon	None	Icon in middle of divider (view icons). Ex: bolt, pencil, twitter, etc. Note: Do not prefix icon ID with `fa-`. Note: Does not apply to “shadow” style divider.
icon_color	#666666	If you entered an icon, this it the hex color value for that icon Note: Does not apply to “shadow” style divider.
icon_size	15	If you entered an icon, this is the font size for that icon in pixels Note: Does not apply to “shadow” style divider.
width	None	A width for the divider in pixels. If no width, will stretch to 100% of container.
placement	equal	Where the divider sits between the content — equal, above (closer to content above), below (closer to content below)

Jumbotron (Hero Unit)

The Jumbotron, also known as “Hero Unit,” comes from Bootstrap’s Jumbotron feature.

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Learn More

[raw]
[jumbotron title="Hello, world!"]
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

[button link="http://google.com" color="primary" size="large"]Learn More[/button]
[/jumbotron]
[/raw]

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Learn More

[raw]
[jumbotron title="Hello, world!" bg_color="#3b86b6" title_color="#ffffff" text_color="#ffffff"]
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

[button color="custom" link="http://yourwebsite.com/example/" size="large" target="_self" block="false" bg_hover="#ffffff" border="#ffffff" text="#ffffff" text_hover="#333333" include_bg="false" include_border="true"]Learn More[/button]
[/jumbotron]
[/raw]