Message box

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

Scroll to Top