Message box

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