Sliders

[ux_slider hide_nav=”true” bullets=”false”]

[ux_banner height=”600px” bg=”11″ bg_overlay=”rgba(19, 6, 6, 0.36)” bg_pos=”53{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1} 5{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}”]

[text_box width=”61″ width__sm=”80″ scale=”136″ scale__sm=”154″ position_y=”75″]

SLIDER ELEMENT

Create amazing Sliders with our Slider element.

[/text_box]

[/ux_banner]
[ux_banner height=”600px” bg=”11″ bg_pos=”22{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1} 46{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}”]

[text_box width=”40″ width__sm=”80″ position_y=”70″]

This is a Full Width Slider

Add Any Content or Shortcode here

[button text=”Click me” style=”outline” radius=”10″]

[/text_box]

[/ux_banner]
[ux_banner height=”600px” slide_effect=”zoom-in” bg=”11″ bg_pos=”49{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1} 42{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}”]

[text_box animate=”bounceIn”]

Add Animations and Slide Effects

Add Any Content or Shortcode here

[/text_box]

[/ux_banner]

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

[col span=”5″ span__sm=”12″ align=”center”]

Drag and Drop Editing

Use the UX Builder to Create amazing homepage sliders and ladingpages.

[/col]
[col span=”7″ span__sm=”12″ align=”center”]

[ux_image id=”10″ depth=”2″]

[/col]

[/row]
[title style=”center” size=”undefined”]

[ux_slider style=”container” bg_color=”rgb(0, 0, 0)”]

[ux_banner height=”500px” bg=”11″ bg_overlay=”rgba(0, 0, 0, 0.17)”]

[text_box width=”42″]

This is a simple banner

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

[/text_box]

[/ux_banner]
[ux_banner height=”500px” bg=”11″ bg_overlay=”rgba(0, 0, 0, 0.17)”]

[text_box width=”42″]

This is a simple banner

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

[/text_box]

[/ux_banner]
[ux_banner height=”500px” bg=”11″ bg_overlay=”rgba(0, 0, 0, 0.17)”]

[text_box width=”42″]

This is a simple banner

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

[/text_box]

[/ux_banner]

[/ux_slider]
[title style=”center” text=”Focused Slider Style” size=”undefined”]

[ux_slider style=”focus” bg_color=”rgb(82, 82, 82)”]

[ux_banner height=”500px” bg=”11″ bg_overlay=”rgba(0, 0, 0, 0.17)”]

[text_box width=”42″]

This is a simple banner

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

[/text_box]

[/ux_banner]
[ux_banner height=”500px” bg=”11″ bg_overlay=”rgba(0, 0, 0, 0.17)”]

[text_box width=”42″]

This is a simple banner

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

[/text_box]

[/ux_banner]
[ux_banner height=”500px” bg=”11″ bg_overlay=”rgba(0, 0, 0, 0.17)”]

[text_box width=”42″]

This is a simple banner

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

[/text_box]

[/ux_banner]

[/ux_slider]
[title style=”center” text=”Shadow Slide Style” size=”undefined”]

[ux_slider style=”shadow” bg_color=”rgb(238, 238, 238)”]

[ux_banner height=”500px” bg=”11″ bg_overlay=”rgba(0, 0, 0, 0.17)”]

[text_box width=”42″]

This is a simple banner

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

[/text_box]

[/ux_banner]
[ux_banner height=”500px” bg=”11″ bg_overlay=”rgba(0, 0, 0, 0.17)”]

[text_box width=”42″]

This is a simple banner

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

[/text_box]

[/ux_banner]
[ux_banner height=”500px” bg=”11″ bg_overlay=”rgba(0, 0, 0, 0.17)”]

[text_box width=”42″]

This is a simple banner

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

[/text_box]

[/ux_banner]
[ux_banner height=”500px” bg=”11″ bg_overlay=”rgba(0, 0, 0, 0.17)”]

[text_box width=”42″]

This is a simple banner

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

[/text_box]

[/ux_banner]

[/ux_slider]
[title style=”center” text=”Free Scroll Shadow Slider” size=”undefined”]

[ux_slider style=”shadow” slide_width=”500px” bg_color=”rgb(238, 238, 238)” freescroll=”true”]

[ux_banner height=”500px” bg=”11″ bg_size=”medium” bg_overlay=”rgba(0, 0, 0, 0.17)” bg_pos=”51{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1} 19{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}”]

[text_box width=”76″]

This is a simple banner

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

[/text_box]

[/ux_banner]
[ux_banner height=”500px” bg=”11″ bg_overlay=”rgba(0, 0, 0, 0.17)” bg_pos=”53{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1} 13{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}”]

[text_box width=”70″]

This is a simple banner

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

[/text_box]

[/ux_banner]
[ux_banner height=”500px” bg=”11″ bg_overlay=”rgba(0, 0, 0, 0.17)”]

[text_box width=”66″]

This is a simple banner

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

[/text_box]

[/ux_banner]
[ux_banner height=”500px” bg=”11″ bg_overlay=”rgba(0, 0, 0, 0.17)” bg_pos=”56{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1} 11{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}”]

[text_box width=”70″]

This is a simple banner

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

[/text_box]

[/ux_banner]
[ux_banner height=”500px” bg=”11″ bg_size=”medium” bg_overlay=”rgba(0, 0, 0, 0.17)” bg_pos=”47{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1} 9{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}”]

[text_box width=”72″]

This is a simple banner

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

[/text_box]

[/ux_banner]

[/ux_slider]
[row]

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

[title style=”center” text=”Dark arrows” size=”undefined”]

[ux_slider]

[ux_banner height=”200px” bg_color=”rgb(222, 222, 222)”]

[text_box]

[/text_box]

[/ux_banner]
[ux_banner height=”200px” bg_color=”rgb(238, 238, 238)”]

[text_box]

[/text_box]

[/ux_banner]

[/ux_slider]

[/col]
[col span=”6″ span__sm=”12″]

[title style=”center” text=”light arrows”]

[ux_slider]

[ux_banner height=”200px” bg_color=”rgb(46, 46, 46)”]

[text_box]

[/text_box]

[/ux_banner]
[ux_banner height=”200px” bg_color=”rgb(54, 54, 54)”]

[text_box]

[/text_box]

[/ux_banner]

[/ux_slider]

[/col]
[col span=”6″ span__sm=”12″]

[title style=”center” text=”always visible arrows”]

[ux_slider hide_nav=”true”]

[ux_banner height=”200px” bg_color=”rgb(229, 191, 191)”]

[text_box]

[/text_box]

[/ux_banner]
[ux_banner height=”200px” bg_color=”rgb(171, 204, 196)”]

[text_box]

[/text_box]

[/ux_banner]

[/ux_slider]

[/col]
[col span=”6″ span__sm=”12″]

[title style=”center” text=”Simple arrows”]

[ux_slider hide_nav=”true” nav_style=”simple”]

[ux_banner height=”200px”]

[text_box]

[/text_box]

[/ux_banner]
[ux_banner height=”200px”]

[text_box]

[/text_box]

[/ux_banner]

[/ux_slider]

[/col]
[col]

[title style=”center” text=”Nav outside”]

[ux_slider hide_nav=”true” nav_pos=”outside” nav_style=”simple” nav_color=”dark”]

[ux_banner height=”200px”]

[text_box]

[/text_box]

[/ux_banner]
[ux_banner height=”200px”]

[text_box]

[/text_box]

[/ux_banner]

[/ux_slider]

[/col]
[col]

[title style=”center” text=”Nav Circle outside”]

[ux_slider hide_nav=”true” nav_pos=”outside” nav_color=”dark” bullets=”false”]

[ux_banner height=”200px”]

[text_box]

[/text_box]

[/ux_banner]
[ux_banner height=”200px”]

[text_box]

[/text_box]

[/ux_banner]

[/ux_slider]

[/col]

[/row]