Message box

[ux_banner height="500px" bg="284" bg_overlay="rgba(255, 255, 255, 0.61)" bg_pos="41% 71%" parallax="3"]

[text_box parallax="2" text_color="dark"]

Message Box Element

Create beautiful Call to Action areas.

[/text_box]

[/ux_banner]
[row]

[col span__sm="12"]

[title style="center" text="Message Box Element"]

[message_box padding="27"]

[row_inner v_align="middle" h_align="center"]

[col_inner span="9" span__sm="12"]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[/col_inner]
[col_inner span="2" span__sm="12" align="center"]

[button text="Click me" color="white" style="outline" radius="99"]

[/col_inner]

[/row_inner]

[/message_box]
[title style="center" text="Use to Create Call to Actions areas" margin_top="23px"]

[message_box bg="284" bg_color="rgba(0, 0, 0, 0.62)" padding="27"]

[row_inner v_align="middle" h_align="center"]

[col_inner span="8" span__sm="12"]

Use Message Boxes to create Call to action messages

[/col_inner]
[col_inner span="3" span__sm="12" align="center"]

[button text="Click me now" color="white" style="outline" size="larger" radius="99"]

[/col_inner]

[/row_inner]

[/message_box]

[/col]

[/row]
[title style="center" text="Full Width Message box" margin_top="23px"]

[message_box bg="284" bg_color="rgba(0, 0, 0, 0.75)" padding="27"]

[row v_align="middle" h_align="center"]

[col span="6" span__sm="15"]

Signup for Newsletter and get 50% off your next purchase

[/col]
[col span="5" span__sm="17" align="right"]

(insert contact form here)

[/col]

[/row]

[/message_box]