SHORTCODE – BANNERS


EXAMPLE 1

[banner animation="fadeIn" margin_bottom="30px" height="400px"]
    <h1>- BANNER EXAMPLE 1 -</h1>
    [divider]
    <h3>This is a simple banner with centered text.</h3>
[/banner]

EXAMPLE 2

[banner animation="slideInRight" bground="http://" height="400px" margin_bottom="30px"]
    <h3>This season, it's fall about you.</h3>
    [divider color="#FFFFFF"]
    <h1>COMPLETE YOUR STYLE!</h1>
    [divider color="#FFFFFF" margin_bottom="20px"]
    [button text="$10 &amp; UNDER" size="large" link="#"]
    [button text="$20 &amp; UNDER" size="large" link="#"]
[/banner]

EXAMPLE 3

[banner animation="http://" height="500px" margin_bottom="30px" text_position="left middle" text_align="left"]
    <h3>End Of Season</h3>
    [divider color="#FFFFFF" height="2px" align="left"]
    <h1>COMPLETE</h1>
    <h1>YOUR STYLE!</h1>
    [divider color="#FFFFFF" height="2px" margin_bottom="20px" align="left"]
    [button text="SHOP NOW" size="large" style="gray" link="#"]
[/banner]

EXAMPLE 4

[banner animation_group="true" bground="http://" height="500px" margin_bottom="30px" text_position="left middle" text_align="left"]
    [animation data_easing="slideInRight" data_start="1"]
        <h3>End Of Season</h3>
    [/animation]
    [animation data_easing="slideInRight" data_start="4"]
        [divider color="#FFFFFF" height="2px" align="left"]
    [/animation]
    [animation data_easing="slideInRight" data_start="7"]
        <h1>COMPLETE</h1>
        <h1>YOUR STYLE!</h1>
    [/animation]
    [animation data_easing="slideInRight" data_start="10"]
        [divider color="#FFFFFF" height="2px" margin_bottom="20px" align="left"]
    [/animation]
    [animation data_easing="slideInRight" data_start="13"]
        [button text="SHOP NOW" size="large" style="gray" link="#"]
    [/animation]
[/banner]