Message box

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

[/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=”8989″ bg_color=”rgba(0, 0, 0, 0.75)” padding=”27″]

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

[col span=”6″ span__sm=”15″]

[/col]
[col span=”5″ span__sm=”17″ align=”right”]

[contact-form-7 id=”23″]

[/col]

[/row]

[/message_box]