SLIDER ELEMENT
Create amazing Sliders with our Slider element.
[/text_box] [/ux_banner] [ux_banner height= »600px » bg= »30068″ 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
Click me [/text_box] [/ux_banner] [ux_banner height= »600px » slide_effect= »zoom-in » bg= »30068″ 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= »30067″ depth= »2″] [/col] [/row] [title style= »center » size= »undefined »] [ux_slider style= »container » bg_color= »rgb(0, 0, 0) »] [ux_banner height= »500px » bg= »30068″ 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= »30068″ 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= »30068″ 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= »30068″ 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= »30068″ 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= »30068″ 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= »30068″ 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= »30068″ 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= »30068″ 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= »30068″ 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= »30068″ 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= »30068″ 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= »30068″ 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= »30068″ 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= »30068″ 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]