Sliders

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

[ux_banner height= »600px » bg= »21″ bg_overlay= »rgba(19, 6, 6, 0.36) » bg_pos= »53% 5% »]

[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= »21″ bg_pos= »22% 46% »]

[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= »21″ bg_pos= »49% 42% »]

[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= »20″ depth= »2″]

[/col]

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

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

[ux_banner height= »500px » bg= »21″ 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= »21″ 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= »21″ 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= »21″ 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= »21″ 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= »21″ 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= »21″ 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= »21″ 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= »21″ 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= »21″ 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= »21″ bg_size= »medium » bg_overlay= »rgba(0, 0, 0, 0.17) » bg_pos= »51% 19% »]

[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= »21″ bg_overlay= »rgba(0, 0, 0, 0.17) » bg_pos= »53% 13% »]

[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= »21″ 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= »21″ bg_overlay= »rgba(0, 0, 0, 0.17) » bg_pos= »56% 11% »]

[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= »21″ bg_size= »medium » bg_overlay= »rgba(0, 0, 0, 0.17) » bg_pos= »47% 9% »]

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