[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"]

<h2 class="uppercase"><strong>Message Box Element</strong></h2>
<p class="lead">Create beautiful Call to Action areas.</p>

[/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"]

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

[/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"]

<h2 class="uppercase">Use Message Boxes to create Call to action messages</h2>

[/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"]

<h3 class="uppercase">Signup for Newsletter and get <span class="fancy-underline">50% off</span> your next purchase</h3>

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

(insert contact form here)


[/col]

[/row]

[/message_box]