{"id":109,"date":"2016-02-15T20:47:32","date_gmt":"2016-02-15T20:47:32","guid":{"rendered":"http:\/\/flatsome.dev\/?page_id=3983"},"modified":"2016-02-15T20:47:32","modified_gmt":"2016-02-15T20:47:32","slug":"images","status":"publish","type":"page","link":"https:\/\/kb.lagonet.vn\/?page_id=109","title":{"rendered":"Images"},"content":{"rendered":"<p>[ux_banner height=&#8221;562px&#8221; height__sm=&#8221;368px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(0, 0, 0, 0.27)&#8221; parallax=&#8221;2&#8243;]<\/p>\n<p>[text_box width=&#8221;68&#8243; width__sm=&#8221;81&#8243;]<\/p>\n<h2 class=\"uppercase\">Powerful Theme needs powerul images<\/h2>\n<p class=\"lead\">Responsive Images you can insert anywhere. You can also them into a slider.<\/p>\n<p>[\/text_box]<\/p>\n<p>[\/ux_banner]<br \/>\n[row style=&#8221;large&#8221; v_align=&#8221;middle&#8221;]<\/p>\n<p>[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243; align=&#8221;center&#8221;]<\/p>\n<h1 class=\"lead\">Beautiful Images with Beautiful Captions<\/h1>\n<p class=\"lead\">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n<p>[\/col]<br \/>\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; image_size=&#8221;large&#8221; lightbox=&#8221;true&#8221; caption=&#8221;true&#8221; image_overlay=&#8221;rgba(0, 0, 0, 0.16)&#8221; image_hover=&#8221;zoom-long&#8221; animate=&#8221;fadeInUp&#8221;]<\/p>\n<p>[\/col]<\/p>\n<p>[\/row]<br \/>\n[title style=&#8221;center&#8221; text=&#8221;Image Overlay Styles&#8221;]<\/p>\n<p>[row]<\/p>\n<p>[col span=&#8221;3&#8243; span__sm=&#8221;6&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; image_hover=&#8221;glow&#8221;]<\/p>\n<p>Glow<\/p>\n<p>[\/col]<br \/>\n[col span=&#8221;3&#8243; span__sm=&#8221;6&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; image_hover=&#8221;color&#8221; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p>Add Color<\/p>\n<p>[\/col]<br \/>\n[col span=&#8221;3&#8243; span__sm=&#8221;6&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; image_hover=&#8221;grayscale&#8221; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p>Grayscale<\/p>\n<p>[\/col]<br \/>\n[col span=&#8221;3&#8243; span__sm=&#8221;6&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; image_hover=&#8221;fade-in&#8221; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p>Fade In<\/p>\n<p>[\/col]<br \/>\n[col span=&#8221;3&#8243; span__sm=&#8221;6&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; image_hover=&#8221;zoom-fade&#8221; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p>Zoom\u00a0Fade<\/p>\n<p>[\/col]<br \/>\n[col span=&#8221;3&#8243; span__sm=&#8221;6&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; image_overlay=&#8221;rgba(0, 0, 0, 0.37)&#8221; image_hover=&#8221;overlay-add&#8221; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p>Add Overlay<\/p>\n<p>[\/col]<br \/>\n[col span=&#8221;3&#8243; span__sm=&#8221;6&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; image_overlay=&#8221;rgba(0, 0, 0, 0.37)&#8221; image_hover=&#8221;overlay-remove&#8221; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p>Remove Overlay<\/p>\n<p>[\/col]<br \/>\n[col span=&#8221;3&#8243; span__sm=&#8221;6&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; image_hover=&#8221;blur&#8221; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p>Blur<\/p>\n<p>[\/col]<\/p>\n<p>[\/row]<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;Image with video&#8221;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; animate=&#8221;fadeInLeft&#8221; link=&#8221;https:\/\/www.youtube.com\/watch?v=_j5KR28qtsI&#8221;]<\/p>\n<p class=\"lead\">Add a <strong>Youtube or Vimeo<\/strong> link to Image link tag to automatically get a play icon and a Video Lightbox on Images.<\/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;Image drop shadow&#8221;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; image_hover=&#8221;overlay-remove&#8221; depth=&#8221;3&#8243; depth_hover=&#8221;5&#8243; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p class=\"lead\">Add cool drop shadows to your images to make them pop out\u00a0on hover.<\/p>\n<p>[\/col]<\/p>\n<p>[\/row]<br \/>\n[title style=&#8221;center&#8221; text=&#8221;Add Images to any sliders&#8221; size=&#8221;undefined&#8221;]<\/p>\n<p>[ux_slider style=&#8221;container&#8221; slide_width=&#8221;700px&#8221; bg_color=&#8221;rgb(0, 0, 0)&#8221;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; height=&#8221;75%&#8221; image_hover=&#8221;overlay-remove&#8221; depth_hover=&#8221;2&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; height=&#8221;75%&#8221; image_hover=&#8221;overlay-remove&#8221; depth=&#8221;3&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; height=&#8221;75%&#8221; image_hover=&#8221;overlay-remove&#8221;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; height=&#8221;75%&#8221; link=&#8221;https:\/\/www.youtube.com\/watch?v=_j5KR28qtsI&#8221;]<\/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;Image with reverse parallax&#8221;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; image_hover=&#8221;overlay-remove&#8221; depth=&#8221;3&#8243; depth_hover=&#8221;5&#8243; parallax=&#8221;-1&#8243; animate=&#8221;fadeInLeft&#8221;]<\/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;Image with PArallax&#8221;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; image_hover=&#8221;overlay-remove&#8221; depth=&#8221;3&#8243; depth_hover=&#8221;5&#8243; parallax=&#8221;1&#8243; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p>[\/col]<\/p>\n<p>[\/row]<br \/>\n[title style=&#8221;center&#8221; text=&#8221;Images with lightbox&#8221; size=&#8221;undefined&#8221;]<\/p>\n<p>[row]<\/p>\n<p>[col span=&#8221;3&#8243; span__sm=&#8221;6&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; height=&#8221;75%&#8221; lightbox=&#8221;true&#8221; image_hover=&#8221;overlay-remove&#8221; depth=&#8221;3&#8243; depth_hover=&#8221;5&#8243; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p>[\/col]<br \/>\n[col span=&#8221;3&#8243; span__sm=&#8221;6&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; height=&#8221;75%&#8221; lightbox=&#8221;true&#8221; image_hover=&#8221;overlay-remove&#8221; depth=&#8221;3&#8243; depth_hover=&#8221;5&#8243; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p>[\/col]<br \/>\n[col span=&#8221;3&#8243; span__sm=&#8221;6&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; height=&#8221;75%&#8221; lightbox=&#8221;true&#8221; caption=&#8221;true&#8221; image_hover=&#8221;overlay-remove&#8221; depth=&#8221;3&#8243; depth_hover=&#8221;5&#8243; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p>[\/col]<br \/>\n[col span=&#8221;3&#8243; span__sm=&#8221;6&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; height=&#8221;75%&#8221; lightbox=&#8221;true&#8221; caption=&#8221;true&#8221; image_hover=&#8221;overlay-remove&#8221; depth=&#8221;3&#8243; depth_hover=&#8221;5&#8243; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p>[\/col]<br \/>\n[col span__sm=&#8221;12&#8243; align=&#8221;center&#8221;]<\/p>\n<p>[title style=&#8221;center&#8221; text=&#8221;Images with Caption&#8221; size=&#8221;undefined&#8221;]<\/p>\n<p>[row_inner]<\/p>\n<p>[col_inner span=&#8221;4&#8243; span__sm=&#8221;12&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; height=&#8221;75%&#8221; caption=&#8221;true&#8221; image_hover=&#8221;overlay-remove&#8221; depth=&#8221;3&#8243; depth_hover=&#8221;5&#8243; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p>[\/col_inner]<br \/>\n[col_inner span=&#8221;4&#8243; span__sm=&#8221;12&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; height=&#8221;75%&#8221; caption=&#8221;true&#8221; image_hover=&#8221;overlay-remove&#8221; depth=&#8221;3&#8243; depth_hover=&#8221;5&#8243; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p>[\/col_inner]<br \/>\n[col_inner span=&#8221;4&#8243; span__sm=&#8221;12&#8243;]<\/p>\n<p>[ux_image id=&#8221;68&#8243; height=&#8221;75%&#8221; caption=&#8221;true&#8221; image_hover=&#8221;overlay-remove&#8221; depth=&#8221;3&#8243; depth_hover=&#8221;5&#8243; animate=&#8221;fadeInLeft&#8221;]<\/p>\n<p>[\/col_inner]<\/p>\n<p>[\/row_inner]<\/p>\n<p>[\/col]<\/p>\n<p>[\/row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ux_banner height=&#8221;562px&#8221; height__sm=&#8221;368px&#8221; bg=&#8221;69&#8243; bg_overlay=&#8221;rgba(0, 0, 0, 0.27)&#8221; parallax=&#8221;2&#8243;] [text_box width=&#8221;68&#8243; width__sm=&#8221;81&#8243;] Powerful Theme needs powerul images Responsive Images you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":68,"parent":149,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"page-blank.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-109","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/pages\/109","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=109"}],"version-history":[{"count":0,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/pages\/109\/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=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}