Sliders

Sliders 2018-05-27T12:13:07+00:00

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

[ux_banner height=»600px» bg=»11″ 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=»11″ 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=»11″ 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=»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% 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=»11″ 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=»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% 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=»11″ 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]

Яндекс.Метрика