{"id":146,"date":"2013-08-11T15:41:20","date_gmt":"2013-08-11T15:41:20","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=464"},"modified":"2013-08-11T15:41:20","modified_gmt":"2013-08-11T15:41:20","slug":"sliders","status":"publish","type":"page","link":"https:\/\/kb.lagonet.vn\/?page_id=146","title":{"rendered":"Sliders"},"content":{"rendered":"<p>[ux_slider hide_nav=&#8221;true&#8221; bullets=&#8221;false&#8221;]<\/p>\n<p>[ux_banner height=&#8221;600px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(19, 6, 6, 0.36)&#8221; bg_pos=&#8221;53% 5%&#8221;]<\/p>\n<p>[text_box width=&#8221;61&#8243; width__sm=&#8221;80&#8243; scale=&#8221;136&#8243; scale__sm=&#8221;154&#8243; position_y=&#8221;75&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>SLIDER ELEMENT<\/strong><\/h3>\n<p class=\"lead\">Create amazing Sliders with our Slider element.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;600px&#8221; bg=&#8221;69&#8243; bg_pos=&#8221;22% 46%&#8221;]<\/p>\n<p>[text_box width=&#8221;40&#8243; width__sm=&#8221;80&#8243; position_y=&#8221;70&#8243;]<\/p>\n<h3>This is a Full Width Slider<\/h3>\n<p class=\"lead\">Add Any Content or Shortcode here<\/p>\n<p>[button text=&#8221;Click me&#8221; style=&#8221;outline&#8221; radius=&#8221;10&#8243;]<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;600px&#8221; slide_effect=&#8221;zoom-in&#8221; bg=&#8221;69&#8243; bg_pos=&#8221;49% 42%&#8221;]<\/p>\n<p>[text_box animate=&#8221;bounceIn&#8221;]<\/p>\n<h3>Add Animations and Slide Effects<\/h3>\n<p class=\"lead\">Add Any Content or Shortcode here<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<\/p>\n<p>[\/ux_slider]<br \/>\n[row v_align=&#8221;middle&#8221; h_align=&#8221;center&#8221;]<\/p>\n<p>[col span=&#8221;5&#8243; span__sm=&#8221;12&#8243; align=&#8221;center&#8221;]<\/p>\n<h3 class=\"uppercase\"><strong>Drag and Drop Editing<\/strong><\/h3>\n<p class=\"lead\">Use the UX Builder to Create amazing homepage sliders and ladingpages.<\/p>\n<p>[\/col]<br \/>\n[col span=&#8221;7&#8243; span__sm=&#8221;12&#8243; align=&#8221;center&#8221;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; depth=&#8221;2&#8243;]<\/p>\n<p>[\/col]<\/p>\n<p>[\/row]<br \/>\n[title style=&#8221;center&#8221; size=&#8221;undefined&#8221;]<\/p>\n<p>[ux_slider style=&#8221;container&#8221; bg_color=&#8221;rgb(0, 0, 0)&#8221;]<\/p>\n<p>[ux_banner height=&#8221;500px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(0, 0, 0, 0.17)&#8221;]<\/p>\n<p>[text_box width=&#8221;42&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;500px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(0, 0, 0, 0.17)&#8221;]<\/p>\n<p>[text_box width=&#8221;42&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;500px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(0, 0, 0, 0.17)&#8221;]<\/p>\n<p>[text_box width=&#8221;42&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<\/p>\n<p>[\/ux_slider]<br \/>\n[title style=&#8221;center&#8221; text=&#8221;Focused Slider Style&#8221; size=&#8221;undefined&#8221;]<\/p>\n<p>[ux_slider style=&#8221;focus&#8221; bg_color=&#8221;rgb(82, 82, 82)&#8221;]<\/p>\n<p>[ux_banner height=&#8221;500px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(0, 0, 0, 0.17)&#8221;]<\/p>\n<p>[text_box width=&#8221;42&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;500px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(0, 0, 0, 0.17)&#8221;]<\/p>\n<p>[text_box width=&#8221;42&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;500px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(0, 0, 0, 0.17)&#8221;]<\/p>\n<p>[text_box width=&#8221;42&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<\/p>\n<p>[\/ux_slider]<br \/>\n[title style=&#8221;center&#8221; text=&#8221;Shadow Slide Style&#8221; size=&#8221;undefined&#8221;]<\/p>\n<p>[ux_slider style=&#8221;shadow&#8221; bg_color=&#8221;rgb(238, 238, 238)&#8221;]<\/p>\n<p>[ux_banner height=&#8221;500px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(0, 0, 0, 0.17)&#8221;]<\/p>\n<p>[text_box width=&#8221;42&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;500px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(0, 0, 0, 0.17)&#8221;]<\/p>\n<p>[text_box width=&#8221;42&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;500px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(0, 0, 0, 0.17)&#8221;]<\/p>\n<p>[text_box width=&#8221;42&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;500px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(0, 0, 0, 0.17)&#8221;]<\/p>\n<p>[text_box width=&#8221;42&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<\/p>\n<p>[\/ux_slider]<br \/>\n[title style=&#8221;center&#8221; text=&#8221;Free Scroll Shadow Slider&#8221; size=&#8221;undefined&#8221;]<\/p>\n<p>[ux_slider style=&#8221;shadow&#8221; slide_width=&#8221;500px&#8221; bg_color=&#8221;rgb(238, 238, 238)&#8221; freescroll=&#8221;true&#8221;]<\/p>\n<p>[ux_banner height=&#8221;500px&#8221; bg=&#8221;69&#8243; bg_size=&#8221;medium&#8221; bg_overlay=&#8221;rgba(0, 0, 0, 0.17)&#8221; bg_pos=&#8221;51% 19%&#8221;]<\/p>\n<p>[text_box width=&#8221;76&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;500px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(0, 0, 0, 0.17)&#8221; bg_pos=&#8221;53% 13%&#8221;]<\/p>\n<p>[text_box width=&#8221;70&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;500px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(0, 0, 0, 0.17)&#8221;]<\/p>\n<p>[text_box width=&#8221;66&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;500px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(0, 0, 0, 0.17)&#8221; bg_pos=&#8221;56% 11%&#8221;]<\/p>\n<p>[text_box width=&#8221;70&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;500px&#8221; bg=&#8221;69&#8243; bg_size=&#8221;medium&#8221; bg_overlay=&#8221;rgba(0, 0, 0, 0.17)&#8221; bg_pos=&#8221;47% 9%&#8221;]<\/p>\n<p>[text_box width=&#8221;72&#8243;]<\/p>\n<h3 class=\"uppercase\"><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<\/p>\n<p>[\/ux_slider]<br \/>\n[row]<\/p>\n<p>[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]<\/p>\n<p>[title style=&#8221;center&#8221; text=&#8221;Dark arrows&#8221; size=&#8221;undefined&#8221;]<\/p>\n<p>[ux_slider]<\/p>\n<p>[ux_banner height=&#8221;200px&#8221; bg_color=&#8221;rgb(222, 222, 222)&#8221;]<\/p>\n<p>[text_box]<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;200px&#8221; bg_color=&#8221;rgb(238, 238, 238)&#8221;]<\/p>\n<p>[text_box]<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<\/p>\n<p>[\/ux_slider]<\/p>\n<p>[\/col]<br \/>\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]<\/p>\n<p>[title style=&#8221;center&#8221; text=&#8221;light arrows&#8221;]<\/p>\n<p>[ux_slider]<\/p>\n<p>[ux_banner height=&#8221;200px&#8221; bg_color=&#8221;rgb(46, 46, 46)&#8221;]<\/p>\n<p>[text_box]<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;200px&#8221; bg_color=&#8221;rgb(54, 54, 54)&#8221;]<\/p>\n<p>[text_box]<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<\/p>\n<p>[\/ux_slider]<\/p>\n<p>[\/col]<br \/>\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]<\/p>\n<p>[title style=&#8221;center&#8221; text=&#8221;always visible arrows&#8221;]<\/p>\n<p>[ux_slider hide_nav=&#8221;true&#8221;]<\/p>\n<p>[ux_banner height=&#8221;200px&#8221; bg_color=&#8221;rgb(229, 191, 191)&#8221;]<\/p>\n<p>[text_box]<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;200px&#8221; bg_color=&#8221;rgb(171, 204, 196)&#8221;]<\/p>\n<p>[text_box]<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<\/p>\n<p>[\/ux_slider]<\/p>\n<p>[\/col]<br \/>\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]<\/p>\n<p>[title style=&#8221;center&#8221; text=&#8221;Simple arrows&#8221;]<\/p>\n<p>[ux_slider hide_nav=&#8221;true&#8221; nav_style=&#8221;simple&#8221;]<\/p>\n<p>[ux_banner height=&#8221;200px&#8221;]<\/p>\n<p>[text_box]<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;200px&#8221;]<\/p>\n<p>[text_box]<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<\/p>\n<p>[\/ux_slider]<\/p>\n<p>[\/col]<br \/>\n[col]<\/p>\n<p>[title style=&#8221;center&#8221; text=&#8221;Nav outside&#8221;]<\/p>\n<p>[ux_slider hide_nav=&#8221;true&#8221; nav_pos=&#8221;outside&#8221; nav_style=&#8221;simple&#8221; nav_color=&#8221;dark&#8221;]<\/p>\n<p>[ux_banner height=&#8221;200px&#8221;]<\/p>\n<p>[text_box]<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;200px&#8221;]<\/p>\n<p>[text_box]<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<\/p>\n<p>[\/ux_slider]<\/p>\n<p>[\/col]<br \/>\n[col]<\/p>\n<p>[title style=&#8221;center&#8221; text=&#8221;Nav Circle outside&#8221;]<\/p>\n<p>[ux_slider hide_nav=&#8221;true&#8221; nav_pos=&#8221;outside&#8221; nav_color=&#8221;dark&#8221; bullets=&#8221;false&#8221;]<\/p>\n<p>[ux_banner height=&#8221;200px&#8221;]<\/p>\n<p>[text_box]<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[ux_banner height=&#8221;200px&#8221;]<\/p>\n<p>[text_box]<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<\/p>\n<p>[\/ux_slider]<\/p>\n<p>[\/col]<\/p>\n<p>[\/row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ux_slider hide_nav=&#8221;true&#8221; bullets=&#8221;false&#8221;] [ux_banner height=&#8221;600px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(19, 6, 6, 0.36)&#8221; bg_pos=&#8221;53% 5%&#8221;] [text_box width=&#8221;61&#8243; width__sm=&#8221;80&#8243; scale=&#8221;136&#8243; scale__sm=&#8221;154&#8243; position_y=&#8221;75&#8243;] SLIDER ELEMENT [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":68,"parent":149,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"page-transparent-header-light.php","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-146","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/pages\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=146"}],"version-history":[{"count":0,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/pages\/146\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/pages\/149"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/media\/68"}],"wp:attachment":[{"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}