{"id":60,"date":"2016-02-15T20:47:32","date_gmt":"2016-02-15T20:47:32","guid":{"rendered":"http:\/\/flatsome.dev\/?page_id=3983"},"modified":"2024-02-06T12:07:21","modified_gmt":"2024-02-06T12:07:21","slug":"images","status":"publish","type":"page","link":"https:\/\/old.creativeplaza.co.th\/en\/elements\/images\/","title":{"rendered":"Images"},"content":{"rendered":"<div class=\"banner has-hover has-parallax\" id=\"banner-1946839485\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" data-parallax=\"-2\" data-parallax-container=\".banner\" data-parallax-background>\n            <div class=\"bg fill bg-fill\"><\/div>\n                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1166424203\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \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              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1166424203 {\n  width: 81%;\n}\n#text-box-1166424203 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1166424203 {\n    width: 68%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1946839485 {\n  padding-top: 368px;\n}\n#banner-1946839485 .bg.bg-loaded {\n  background-image: 20;\n}\n#banner-1946839485 .overlay {\n  background-color: rgba(0, 0, 0, 0.27);\n}\n@media (min-width:550px) {\n  #banner-1946839485 {\n    padding-top: 562px;\n  }\n}\n<\/style>\n  <\/div>\n\n\n<div class=\"row row-large align-middle\"  id=\"row-1003583015\">\n\n\t<div id=\"col-117970968\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\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\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-299276135\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1547868294\">\n\t\t<a class=\"image-lightbox lightbox-gallery\" title=\"\" href=\"\">\t\t\t\t<div data-animate=\"fadeInUp\">\t\t<div class=\"img-inner image-zoom-long dark\" >\n\t\t\t\t\t\t\t\t\t\t<div class=\"overlay\" style=\"background-color: rgba(0, 0, 0, 0.16)\"><\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/a>\t\t\n<style>\n#image_1547868294 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Image Overlay Styles<\/span><b><\/b><\/h3><\/div>\n<div class=\"row\"  id=\"row-870873311\">\n\n\t<div id=\"col-1088235835\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_729152290\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-glow dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_729152290 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<p>Glow<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1779085671\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1977327261\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-color dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1977327261 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<p>Add Color<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-375908000\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1351469300\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-grayscale dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1351469300 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<p>Grayscale<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1546556706\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_2125716861\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-fade-in dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_2125716861 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<p>Fade In<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-571349493\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_509105215\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-zoom-fade dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_509105215 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<p>Zoom\u00a0Fade<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-209960535\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1841799549\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-overlay-add dark\" >\n\t\t\t\t\t\t\t\t\t\t<div class=\"overlay\" style=\"background-color: rgba(0, 0, 0, 0.37)\"><\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1841799549 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<p>Add Overlay<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1537079253\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1603711823\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-overlay-remove dark\" >\n\t\t\t\t\t\t\t\t\t\t<div class=\"overlay\" style=\"background-color: rgba(0, 0, 0, 0.37)\"><\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1603711823 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<p>Remove Overlay<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-302778476\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_413961139\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-blur dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_413961139 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<p>Blur<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row\"  id=\"row-634681969\">\n\n\t<div id=\"col-227351721\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Image with video<\/span><b><\/b><\/h3><\/div>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_359793188\">\n\t\t<a class=\"open-video\" href=\"https:\/\/www.youtube.com\/watch?v=_j5KR28qtsI\" target=\"_blank\" rel=\"noopener\">\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner dark\" >\n\t\t\t\t\t\t\t\t\t\t<div class=\"overlay\" style=\"background-color: rgba(0,0,0,.2)\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"absolute no-click x50 y50 md-x50 md-y50 lg-x50 lg-y50 text-shadow-2\">\n\t\t\t\t\t<div class=\"overlay-icon\">\n\t\t\t\t\t\t<i class=\"icon-play\"><\/i>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/a>\t\t\n<style>\n#image_359793188 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\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\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1317094896\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Image drop shadow<\/span><b><\/b><\/h3><\/div>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1867469373\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-overlay-remove box-shadow-3 box-shadow-5-hover dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1867469373 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<p class=\"lead\">Add cool drop shadows to your images to make them pop out\u00a0on hover.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">Add Images to any sliders<\/span><b><\/b><\/h3><\/div>\n<div class=\"slider-wrapper relative\" id=\"slider-1965857500\" style=\"background-color:rgb(0, 0, 0);\">\n    <div class=\"slider slider-nav-circle slider-nav-large slider-nav-light slider-style-container\"\n        data-flickity-options='{            \"cellAlign\": \"center\",            \"imagesLoaded\": true,            \"lazyLoad\": 1,            \"freeScroll\": false,            \"wrapAround\": true,            \"autoPlay\": 6000,            \"pauseAutoPlayOnHover\" : true,            \"prevNextButtons\": true,            \"contain\" : true,            \"adaptiveHeight\" : true,            \"dragThreshold\" : 10,            \"percentPosition\": true,            \"pageDots\": true,            \"rightToLeft\": false,            \"draggable\": true,            \"selectedAttraction\": 0.1,            \"parallax\" : 0,            \"friction\": 0.6        }'\n        >\n        \n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_162236778\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-overlay-remove image-cover box-shadow-2-hover dark\" style=\"padding-top:75%;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_162236778 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_399809920\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-overlay-remove image-cover box-shadow-3 dark\" style=\"padding-top:75%;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_399809920 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_474285526\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner image-overlay-remove image-cover dark\" style=\"padding-top:75%;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_474285526 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1201138809\">\n\t\t<a class=\"open-video\" href=\"https:\/\/www.youtube.com\/watch?v=_j5KR28qtsI\" target=\"_blank\" rel=\"noopener\">\t\t\t\t\t\t<div class=\"img-inner image-cover dark\" style=\"padding-top:75%;\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"overlay\" style=\"background-color: rgba(0,0,0,.2)\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"absolute no-click x50 y50 md-x50 md-y50 lg-x50 lg-y50 text-shadow-2\">\n\t\t\t\t\t<div class=\"overlay-icon\">\n\t\t\t\t\t\t<i class=\"icon-play\"><\/i>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_1201138809 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n\t\n<style>\n#slider-1965857500 .flickity-slider > * {\n  max-width: 700px!important;\n}\n<\/style>\n<\/div>\n\n\n<div class=\"row\"  id=\"row-1144561657\">\n\n\t<div id=\"col-1018296093\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Image with reverse parallax<\/span><b><\/b><\/h3><\/div>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1763996095\">\n\t\t\t\t<div data-parallax-fade=\"true\" data-parallax=\"-1\">\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-overlay-remove box-shadow-3 box-shadow-5-hover dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t<\/div>\t\t\t\t\n<style>\n#image_1763996095 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-242990707\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Image with PArallax<\/span><b><\/b><\/h3><\/div>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_169713447\">\n\t\t\t\t<div data-parallax-fade=\"true\" data-parallax=\"1\">\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-overlay-remove box-shadow-3 box-shadow-5-hover dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t<\/div>\t\t\t\t\n<style>\n#image_169713447 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">Images with lightbox<\/span><b><\/b><\/h3><\/div>\n<div class=\"row\"  id=\"row-1529922992\">\n\n\t<div id=\"col-1691744267\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1460740864\">\n\t\t<a class=\"image-lightbox lightbox-gallery\" title=\"\" href=\"\">\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-overlay-remove image-cover box-shadow-3 box-shadow-5-hover dark\" style=\"padding-top:75%;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/a>\t\t\n<style>\n#image_1460740864 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1617760612\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_183062167\">\n\t\t<a class=\"image-lightbox lightbox-gallery\" title=\"\" href=\"\">\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-overlay-remove image-cover box-shadow-3 box-shadow-5-hover dark\" style=\"padding-top:75%;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/a>\t\t\n<style>\n#image_183062167 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2072320379\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_521608334\">\n\t\t<a class=\"image-lightbox lightbox-gallery\" title=\"\" href=\"\">\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-overlay-remove image-cover box-shadow-3 box-shadow-5-hover dark\" style=\"padding-top:75%;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/a>\t\t\n<style>\n#image_521608334 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-741466828\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_204241338\">\n\t\t<a class=\"image-lightbox lightbox-gallery\" title=\"\" href=\"\">\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-overlay-remove image-cover box-shadow-3 box-shadow-5-hover dark\" style=\"padding-top:75%;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/a>\t\t\n<style>\n#image_204241338 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1884909333\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">Images with Caption<\/span><b><\/b><\/h3><\/div>\n<div class=\"row\"  id=\"row-764810823\">\n\n\t<div id=\"col-2133122543\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1848155788\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-overlay-remove image-cover box-shadow-3 box-shadow-5-hover dark\" style=\"padding-top:75%;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1848155788 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1469867683\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1272269590\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-overlay-remove image-cover box-shadow-3 box-shadow-5-hover dark\" style=\"padding-top:75%;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1272269590 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1434947347\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_901532314\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner image-overlay-remove image-cover box-shadow-3 box-shadow-5-hover dark\" style=\"padding-top:75%;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_901532314 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":100,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-60","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/old.creativeplaza.co.th\/en\/author\/root\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":null,"_links":{"self":[{"href":"https:\/\/old.creativeplaza.co.th\/en\/wp-json\/wp\/v2\/pages\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/old.creativeplaza.co.th\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/old.creativeplaza.co.th\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/old.creativeplaza.co.th\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/old.creativeplaza.co.th\/en\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":1,"href":"https:\/\/old.creativeplaza.co.th\/en\/wp-json\/wp\/v2\/pages\/60\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/old.creativeplaza.co.th\/en\/wp-json\/wp\/v2\/pages\/60\/revisions\/131"}],"up":[{"embeddable":true,"href":"https:\/\/old.creativeplaza.co.th\/en\/wp-json\/wp\/v2\/pages\/100"}],"wp:attachment":[{"href":"https:\/\/old.creativeplaza.co.th\/en\/wp-json\/wp\/v2\/media?parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}