Sliders

[ux_slider hide_nav=»true» bullets=»false»] [ux_banner height=»600px» bg=»8083″ 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=»8083″ 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=»8083″ 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=»8082″ depth=»2″] [/col] [/row] [title style=»center» size=»undefined»] [ux_slider style=»container» bg_color=»rgb(0, 0, 0)»] [ux_banner height=»500px» bg=»8083″ 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=»8083″ 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=»8083″ 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=»8083″ 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=»8083″ 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=»8083″ 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=»8083″ 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=»8083″ 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=»8083″ 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=»8083″ 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=»8083″ 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=»8083″ 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=»8083″ 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=»8083″ 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=»8083″ 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]