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