[scroll_to title="Welcome Banner" link="welcome"]

[ux_banner height="100%" bg="20" bg_size="original" bg_overlay="rgba(0, 0, 0, 0.26)" parallax="2"]

[text_box width="63" width__sm="60" position_y="20"]

<h1 class="lead"><strong>Scroll To</strong> Element</h1>
<p class="lead">Create Scroll To elements to navigate the site with small bullets on the side. You can also disable the bullet and use it for <strong>One Page Navigation</strong></p>

[/text_box]

[/ux_banner]
[scroll_to title="Another banner" link="another_banner"]

[ux_banner height="100%" bg="20" bg_size="original" bg_overlay="rgba(0, 0, 0, 0.26)" parallax="2"]

[text_box width="50" width__sm="60" animate="fadeInRight" position_x="0" position_y="40" text_align="left"]

<h1 class="lead"><strong>Another Banner</strong></h1>
<p class="lead">Create Scroll To elements to navigate the site with small bullets on the side. You can also disable the bullet and use it for <strong>One Page Navigation</strong></p>

[/text_box]

[/ux_banner]
[scroll_to title="Another Scroll To banner" link="another_banner_2"]

[ux_banner height="100%" bg="20" bg_overlay="rgba(0, 0, 0, 0.1)"]

[text_box width="52" width__sm="60" animate="fadeInUp" parallax="3"]

<h2><span style="font-size: 200%;">Another Banner</span></h2>

[/text_box]

[/ux_banner]
[scroll_to title="Signup for Newsletter" link="newsletter"]

[ux_banner height="100%" bg="20" bg_color="rgb(43, 7, 7)" bg_overlay="rgba(0, 0, 0, 0.27)" parallax="4"]

[text_box width="74" width__sm="84" scale="120" scale__sm="101" parallax="2"]

<h3 class="uppercase"><strong>Signup for Newsletter</strong></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
(insert contact form here)


[/text_box]

[/ux_banner]