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