[ux_banner height="500px" bg="24678" 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="24678" 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="24678" 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]