Message box

[ux_banner height=»500px» bg=»4394″ 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=»4394″ 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=»4394″ 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]