This demo represent API Connector feature
Download Code
<!-- wp:greenshift-blocks/element {"id":"gsbp-ce06cf0","textContent":"This demo represent \u003ca href=\u0022https://greenshiftwp.com/api-connector/\u0022\u003eAPI Connector\u003c/a\u003e feature","localId":"gsbp-ce06cf0","isVariation":"divtext"} -->
<div>This demo represent <a href="https://greenshiftwp.com/api-connector/">API Connector</a> feature</div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-fb89cc1","tag":"form","type":"inner","localId":"gsbp-fb89cc1","prettyStyles":true,"styleAttributes":{"display":["flex"],"columnGap":["15px"],"rowGap":["15px"],"flexDirection":[null,null,null,"column"]}} -->
<form class="gsbp-fb89cc1" method="get" action="" data-pretty-styles="true"><!-- wp:greenshift-blocks/element {"id":"gsbp-a5f8fda","type":"inner","localId":"gsbp-a5f8fda","styleAttributes":{"display":["flex"],"flexDirection":["row"],"columnGap":["15px"],"rowGap":["15px"],"flexGrow":["1"]}} -->
<div class="gsbp-a5f8fda"><!-- wp:greenshift-blocks/element {"id":"gsbp-76c5498","tag":"input","className":"search-input-api","localId":"gsbp-76c5498","formAttributes":{"value":"nature","placeholder":"What to search ...","name":"search","id":"search","required":true},"styleAttributes":{"borderBottomLeftRadius":["5px"],"borderBottomRightRadius":["5px"],"borderTopLeftRadius":["5px"],"borderTopRightRadius":["5px"],"borderRadiusCustom_Extra":false,"borderRadiusLink_Extra":true,"flexGrow":["1"]},"enableSpecificity":true} -->
<input class="search-input-api gsbp-76c5498" name="search" id="search" placeholder="What to search ..." required value="nature"/>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-66116c0","tag":"select","className":"color-select-api","localId":"gsbp-66116c0","formAttributes":{"options":[{"label":"Black And White","value":"black_and_white"},{"label":"Black","value":"black"},{"label":"White","value":"white"},{"label":"Yellow","value":"yellow"},{"label":"Orange","value":"orange"},{"label":"Red","value":"red"},{"label":"Purple","value":"purple"},{"label":"Teal","value":"teal"},{"label":"Magenta","value":"magenta"},{"label":"Green","value":"green"},{"label":"Blue","value":"blue"}]},"styleAttributes":{"borderBottomLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderBottomRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderTopLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderTopRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderRadiusCustom_Extra":false,"borderRadiusLink_Extra":true}} -->
<select class="color-select-api gsbp-66116c0"><option value="black_and_white">Black And White</option><option value="black">Black</option><option value="white">White</option><option value="yellow">Yellow</option><option value="orange">Orange</option><option value="red">Red</option><option value="purple">Purple</option><option value="teal">Teal</option><option value="magenta">Magenta</option><option value="green">Green</option><option value="blue">Blue</option></select>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-b2a8e43","interactionLayers":[{"actions":[{"actionname":"customapi","api_filters":{"apiMethod":"GET","result_selector":".outputresults-api","result_handle":"replace","loader_selector":".loader-api","apiUrl":"https://api.unsplash.com/search/photos?page=1\u0026query={{VALUE:.search-input-api}}\u0026client_id=61uJ-nN3hc3K2Y0oq0V3e2xexMqITSemf8tqDcVhqgY\u0026color={{VALUE:.color-select-api}}","responseField":"results","no_data_text":"No results for your criteria","custom_response":true,"repeatable":true,"response_selector":".result-api","responseMaps":[{"name":".image-api","value":"urls[small]"},{"name":".date-api","value":"updated_at","format":"date"},{"name":".title-api","value":"description"},{"name":".description-api","value":"alt_description"},{"name":".open-lightbox-api","value":"urls[full]"},{"name":".avatar-photo-api","value":"user[profile_image][small]"},{"name":".user-link-api","value":"user[links][html]"},{"name":".user-location-api","value":"user[location]"},{"name":".user-name-api","value":"user[name]"},{"name":".link-download-api","value":"links[download]"},{"name":".link-go-api","value":"links[html]"},{"name":".likes-api","value":"likes"},{"name":".color-api","value":"color"}]}}],"env":"no-action","triggerData":{"trigger":"click"}}],"textContent":"Search","tag":"button","localId":"gsbp-b2a8e43","formAttributes":{"type":"button"},"styleAttributes":{"display":["inline-block"],"paddingTop":["10px"],"paddingBottom":["10px"],"paddingLeft":["25px"],"paddingRight":["25px"],"borderCustom_Extra":false,"borderLink_Extra":false,"whiteSpace":["nowrap"],"backgroundColor":["#c2fbd7"],"boxShadow":["inset 0 -25px 18px -14px #2cbb6333, 0 2px 4px 0 #2cbb6326, 0 16px 32px 0 #2cbb6326"],"boxShadow_hover":["inset 0 -25px 18px -14px #2cbb6359, 0 2px 4px 0 #2cbb6340, 0 16px 32px 0 #2cbb6340"],"color":["#008000"],"transform_hover":["scale(1.05) rotateZ(-1deg)"],"transform_focus":["scale(1.05) rotateZ(-1deg) translateY(3px)"],"transition":["0.25s"],"textDecoration":["none"],"borderWidth":["1px"],"borderStyle":["solid"],"borderColor":["#00000000"],"borderBottomLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderBottomRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderTopLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderTopRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderRadiusCustom_Extra":false,"borderRadiusLink_Extra":true,"fontSize":["19px"]}} -->
<button data-gspbactions="[{"actions":[{"actionname":"customapi","api_filters":{"apiMethod":"GET","result_selector":".outputresults-api","result_handle":"replace","loader_selector":".loader-api","apiUrl":"https://api.unsplash.com/search/photos?page=1&query={{VALUE:.search-input-api}}&client_id=61uJ-nN3hc3K2Y0oq0V3e2xexMqITSemf8tqDcVhqgY&color={{VALUE:.color-select-api}}","responseField":"results","no_data_text":"No results for your criteria","custom_response":true,"repeatable":true,"response_selector":".result-api","responseMaps":[{"name":".image-api","value":"urls[small]"},{"name":".date-api","value":"updated_at","format":"date"},{"name":".title-api","value":"description"},{"name":".description-api","value":"alt_description"},{"name":".open-lightbox-api","value":"urls[full]"},{"name":".avatar-photo-api","value":"user[profile_image][small]"},{"name":".user-link-api","value":"user[links][html]"},{"name":".user-location-api","value":"user[location]"},{"name":".user-name-api","value":"user[name]"},{"name":".link-download-api","value":"links[download]"},{"name":".link-go-api","value":"links[html]"},{"name":".likes-api","value":"likes"},{"name":".color-api","value":"color"}]}}],"env":"no-action","triggerData":{"trigger":"click"}}]" class="gsbp-b2a8e43" type="button">Search</button>
<!-- /wp:greenshift-blocks/element --></form>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-6411971","dynamicGClasses":[{"value":"hide_onfront","type":"preset","label":"hide_onfront"}],"interactionLayers":[],"type":"inner","className":"result-api hide_onfront","localId":"gsbp-6411971","dynamicAttributes":[],"metadata":{"name":"Result Template Box"}} -->
<div class="result-api hide_onfront"><!-- wp:greenshift-blocks/element {"id":"gsbp-44bc502","type":"inner","animation":{"duration":800,"easing":"ease","type":"fade-up","onchild":true,"onsplit":false,"onscrub":false,"onchild_delay":true,"onselector_active":true,"activeselector":".result-loaded"},"className":"","localId":"gsbp-44bc502","styleAttributes":{"backgroundColor":["#ffffff"],"paddingTop":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d40, 1rem)"],"paddingBottom":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d40, 1rem)"],"paddingRight":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d40, 1rem)"],"paddingLeft":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d40, 1rem)"],"borderWidth":["1px"],"borderStyle":["solid"],"borderColor":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dedges-color, #00000012)"],"borderCustom_Extra":false,"borderLink_Extra":false,"borderBottomLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderBottomRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderTopLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderTopRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderRadiusCustom_Extra":false,"borderRadiusLink_Extra":true,"display":["flex"],"flexDirection":["row",null,null,"column"],"columnGap":["30px"],"rowGap":["30px"]},"metadata":{"name":"Result Template"}} -->
<div data-aos="fade-up" data-aos-easing="ease" data-aos-duration="800" class="gsbp-44bc502"><!-- wp:greenshift-blocks/element {"id":"gsbp-b087778","interactionLayers":[],"tag":"img","animation":{"duration":800,"easing":"ease","type":"","usegsap":true,"customProps":[{"name":"","value":""},{"name":"","value":""}],"multiple_animation":"[{\u0022_id\u0022:\u0022MyOTcyMD\u0022}]"},"className":"image-api","localId":"gsbp-b087778","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/10/atomicdeviant_explosion_of_colors_a_macro_photograph_of_a_pile__c7e4c4b9-52dd-4a6d-8913-a03a68bdcd17.webp","alt":"","mediaid":4125,"originalWidth":816,"originalHeight":1456,"styleAttributes":{"width":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dsize\u002d\u002dxxl, 150px)",null,null,"100%"],"height":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dsize\u002d\u002dhigh, 220px)",null,null,"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dsize\u002d\u002dgrand, 300px)"],"objectFit":["cover"],"borderBottomLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderBottomRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderTopLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderTopRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderRadiusCustom_Extra":false,"borderRadiusLink_Extra":true}} -->
<img data-gsapinit="1" data-duration="0.8" data-customprops="[{"name":"","value":""},{"name":"","value":""}]" data-from="yes" data-multianimations="[{"_id":"MyOTcyMD"}]" class="image-api gsbp-b087778" src="https://greenshift.wpsoul.net/wp-content/uploads/2024/10/atomicdeviant_explosion_of_colors_a_macro_photograph_of_a_pile__c7e4c4b9-52dd-4a6d-8913-a03a68bdcd17.webp" alt="" width="816" height="1456" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-305d835","type":"inner","localId":"gsbp-305d835","styleAttributes":{"flexGrow":["1"],"display":["flex"],"flexDirection":["column"],"justifyContent":["space-between"],"rowGap":[null,null,null,"15px"]}} -->
<div class="gsbp-305d835"><!-- wp:greenshift-blocks/element {"id":"gsbp-62cf848","type":"inner","localId":"gsbp-62cf848"} -->
<div><!-- wp:greenshift-blocks/element {"id":"gsbp-14c22e9","type":"inner","localId":"gsbp-14c22e9","styleAttributes":{"display":["flex"],"flexDirection":["row",null,null,"column"],"justifyContent":["space-between",null,null,"flex-start"],"columnGap":["25px",null,null,"5px"],"rowGap":["25px",null,null,"5px"],"alignItems":["flex-start",null,null,"stretch"],"marginBottom":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d30, 0.67rem)"]}} -->
<div class="gsbp-14c22e9"><!-- wp:greenshift-blocks/element {"id":"gsbp-1aeaa5c","type":"inner","localId":"gsbp-1aeaa5c","styleAttributes":{},"metadata":{"name":"Title area"}} -->
<div class="gsbp-1aeaa5c"><!-- wp:greenshift-blocks/element {"id":"gsbp-1e2f6a3","textContent":"12 Jan 2024","className":"date-api","localId":"gsbp-1e2f6a3","styleAttributes":{"fontSize":["13px"],"opacity":[0.5]},"isVariation":"divtext","metadata":{"name":"Date"}} -->
<div class="date-api gsbp-1e2f6a3">12 Jan 2024</div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-58d51a8","textContent":"Photo Name and Title","className":"title-api","localId":"gsbp-58d51a8","styleAttributes":{"fontWeight":["bold"],"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002dl, 1.55rem)"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002d-l, 2.37rem)"],"lineClamp":[3]},"isVariation":"divtext"} -->
<div class="title-api gsbp-58d51a8">Photo Name and Title</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-31f6ea4","type":"inner","localId":"gsbp-31f6ea4","styleAttributes":{"display":["flex"],"flexDirection":["row"],"alignItems":["center"],"columnGap":["5px"],"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002ds, 1rem)"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002d-s, 1.4rem)"]},"metadata":{"name":"Rating area"}} -->
<div class="gsbp-31f6ea4"><!-- wp:greenshift-blocks/element {"id":"gsbp-902d4dd","tag":"svg","icon":{"icon":{"font":"rhicon rhi-hearttip","svg":"","image":""},"type":"font"},"localId":"gsbp-902d4dd","styleAttributes":{"width":["18px"],"height":["18px"],"fill":["#ce0000"]}} -->
<svg viewBox="0 0 1024 1024" width="1024" height="1024" class="gsbp-902d4dd"><path d="M934.176 168.48c-116.128-115.072-301.824-117.472-422.112-9.216-120.32-108.256-305.952-105.856-422.144 9.216-119.712 118.528-119.712 310.688 0 429.28 34.208 33.888 353.696 350.112 353.696 350.112 37.856 37.504 99.072 37.504 136.896 0 0 0 349.824-346.304 353.696-350.112 119.744-118.592 119.744-310.752-0.032-429.28zM888.576 552.576l-353.696 350.112c-12.576 12.512-33.088 12.512-45.6 0l-353.696-350.112c-94.4-93.44-94.4-245.472 0-338.912 91.008-90.080 237.312-93.248 333.088-7.104l43.392 39.040 43.36-39.040c95.808-86.144 242.112-83.008 333.12 7.104 94.4 93.408 94.4 245.44 0.032 338.912zM296.096 240.032c8.864 0 16 7.168 16 16s-7.168 16-16 16h-0.032c-57.408 0-103.968 46.56-103.968 103.968v0.032c0 8.832-7.168 16-16 16s-16-7.168-16-16v0c0-75.072 60.832-135.904 135.872-135.968 0.064 0 0.064-0.032 0.128-0.032z" /></svg>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-dd5fc1c","textContent":"12","className":"likes-api","localId":"gsbp-dd5fc1c","isVariation":"divtext"} -->
<div class="likes-api">12</div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-0eab523","textContent":"likes","localId":"gsbp-0eab523","isVariation":"divtext"} -->
<div>likes</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-96023d0","textContent":"The photo Description with a bit longer text goes here","className":"description-api","localId":"gsbp-96023d0","styleAttributes":{"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002ds, 1rem)"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002ds, 1.4rem)"]},"isVariation":"divtext"} -->
<div class="description-api gsbp-96023d0">The photo Description with a bit longer text goes here</div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-7750019","dynamicGClasses":[{"value":"gs-parent-hover","type":"preset","label":"gs-parent-hover"},{"value":"gs_button_w_icon","type":"local","label":"gs_button_w_icon","localed":false,"css":"","attributes":{},"originalBlock":"greenshift-blocks/element","selectors":[{"value":" svg","attributes":{"styleAttributes":{"maxHeight":["13px"],"fill":["#000000"]}},"css":".gs_button_w_icon svg{max-height:13px;fill:#000000;}"}]}],"interactionLayers":[{"actions":[{"actionname":"lightbox"}],"env":"no-action","triggerData":{"trigger":"click"}}],"tag":"a","type":"inner","className":"gs-parent-hover gs_button_w_icon open-lightbox-api","localId":"gsbp-7750019","href":"#","styleAttributes":{"display":["inline-block"],"position":["relative"],"overflow":["hidden"],"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002dxs, 0.85rem)"],"paddingTop":["4px"],"paddingBottom":["4px"],"paddingLeft":["15px"],"paddingRight":["15px"],"borderBottomLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderBottomRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderTopLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderTopRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dmini, 5px)"],"borderRadiusCustom_Extra":false,"borderRadiusLink_Extra":true,"marginTop":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d50, 1.5rem)"],"backgroundColor":["#fafafa"],"backgroundColor_focus":["#f0f0f1"],"borderRadius":["0.25rem"],"borderStyle":["solid"],"borderWidth":["1px"],"borderColor":["#0000001a"],"boxShadow":["0 1px 3px 0 #00000005"],"boxShadow_hover":["0 4px 12px 0 #0000001a"],"boxShadow_focus":["0 2px 4px 0 #0000001a"],"color":["#000000d9"],"color_hover":["#000000a6"],"transform_hover":["translateY(-1px)"],"transform_focus":["translateY(0px)"],"transition":["0.25s"],"textDecoration":["none"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002dxs, 1.15rem)"]},"isVariation":"buttonoverlay"} -->
<a data-gspbactions="[{"actions":[{"actionname":"lightbox"}],"env":"no-action","triggerData":{"trigger":"click"}}]" class="gs-parent-hover gs_button_w_icon open-lightbox-api gsbp-7750019" href="#"><!-- wp:greenshift-blocks/element {"id":"gsbp-313b6f8","tag":"span","type":"inner","localId":"gsbp-313b6f8","styleAttributes":{"display":["flex"],"flexDirection":["row"],"alignItems":["center"],"position":["relative"],"zIndex":["1"]},"metadata":{"name":"Content Area"}} -->
<span class="gsbp-313b6f8"><!-- wp:greenshift-blocks/element {"id":"gsbp-a079178","textContent":"Open Full Size","tag":"span","localId":"gsbp-a079178"} -->
<span>Open Full Size</span>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-662db29","tag":"svg","icon":{"icon":{"font":"rhicon rhi-arrow-right","svg":"","image":""},"type":"font"},"localId":"gsbp-662db29","styleAttributes":{"width":["0px"],"height":["18px"],"fill":["#ffffff"],"width_hover":["18px"],"parentClassLink_Extra":true,"hoverClass_Extra":".gs-parent-hover","marginLeft_hover":["10px"],"transition":["all 0.5s ease"]}} -->
<svg viewBox="0 0 896 1024" width="896" height="1024" class="gsbp-662db29"><path d="M436.202 76.202l-39.598 39.598c-9.372 9.372-9.372 24.568 0 33.942l310.26 310.258h-682.864c-13.254 0-24 10.746-24 24v56c0 13.254 10.746 24 24 24h682.864l-310.26 310.26c-9.372 9.372-9.372 24.568 0 33.942l39.598 39.598c9.372 9.372 24.568 9.372 33.942 0l418.828-418.828c9.372-9.372 9.372-24.568 0-33.942l-418.83-418.828c-9.372-9.374-24.568-9.374-33.94 0z" /></svg>
<!-- /wp:greenshift-blocks/element --></span>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-c8e362d","type":"inner","localId":"gsbp-c8e362d","styleAttributes":{"display":["flex"],"flexColumns_Extra":2,"flexWidths_Extra":{"desktop":{"name":"67/33","widths":[66.66,33.33]},"tablet":{"name":"67/33","widths":[66.66,33.33]},"mobile":{"name":"100/100","widths":[100,100]}},"alignItems":["center"],"rowGap":[null,null,null,"25px"],"columnGap":[null,null,null,"25px"]},"metadata":{"name":"Bottom Area"}} -->
<div class="gsbp-c8e362d"><!-- wp:greenshift-blocks/element {"id":"gsbp-2099aec","type":"inner","localId":"gsbp-2099aec","styleAttributes":{"display":["flex"],"flexColumns_Extra":3,"flexWidths_Extra":{"desktop":{"name":"33/33/33","widths":[33.33,33.33,33.33]},"tablet":{"name":"33/33/33","widths":[33.33,33.33,33.33]},"mobile":{"name":"100/100/100","widths":[100,100,100]}},"columnGap":["10px"],"rowGap":["10px"]}} -->
<div class="gsbp-2099aec"><!-- wp:greenshift-blocks/element {"id":"gsbp-6f5229d","type":"inner","localId":"gsbp-6f5229d","styleAttributes":{},"metadata":{"name":"Author Area"}} -->
<div class="gsbp-6f5229d"><!-- wp:greenshift-blocks/element {"id":"gsbp-87e9eef","textContent":"Photo By","localId":"gsbp-87e9eef","styleAttributes":{"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002dmini, 11px)"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002dmini, 14px)"],"opacity":[0.4],"marginBottom":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d20, 0.44rem)"]},"isVariation":"divtext"} -->
<div class="gsbp-87e9eef">Photo By</div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-4da5a77","tag":"a","type":"inner","className":"user-link-api","localId":"gsbp-4da5a77","href":"#","linkNewWindow":true,"styleAttributes":{"display":["flex"],"flexDirection":["row"],"columnGap":["6px"],"alignItems":["center"]}} -->
<a class="user-link-api gsbp-4da5a77" href="#" target="_blank" rel="noopener"><!-- wp:greenshift-blocks/element {"id":"gsbp-1053d23","tag":"img","className":"avatar-photo-api","localId":"gsbp-1053d23","src":"https://greenshift.wpsoul.net/wp-content/uploads/2025/02/avatar-8.webp","alt":"","mediaid":4538,"originalWidth":150,"originalHeight":150,"styleAttributes":{"width":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dsize\u002d\u002dxs, 17px)"],"height":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dsize\u002d\u002dxs, 17px)"],"borderBottomLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderBottomRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderTopLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderTopRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderRadiusCustom_Extra":false,"borderRadiusLink_Extra":true}} -->
<img class="avatar-photo-api gsbp-1053d23" src="https://greenshift.wpsoul.net/wp-content/uploads/2025/02/avatar-8.webp" alt="" width="150" height="150" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-3a43c49","textContent":"John Doe","className":"user-name-api","localId":"gsbp-3a43c49","styleAttributes":{"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002dxs, 0.85rem)"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002dxs, 1.15rem)"],"fontWeight":["600"],"whiteSpace":["nowrap"],"overflow":["hidden"],"textOverflow":["ellipsis"]},"isVariation":"divtext"} -->
<div class="user-name-api gsbp-3a43c49">John Doe</div>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-62b1db1","type":"inner","localId":"gsbp-62b1db1","styleAttributes":{},"metadata":{"name":"Button Area"}} -->
<div class="gsbp-62b1db1"><!-- wp:greenshift-blocks/element {"id":"gsbp-6d43ac1","textContent":"User Location","localId":"gsbp-6d43ac1","styleAttributes":{"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002dmini, 11px)"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002dmini, 14px)"],"opacity":[0.4],"marginBottom":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d20, 0.44rem)"]},"isVariation":"divtext"} -->
<div class="gsbp-6d43ac1">User Location</div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-e1be200","textContent":"Munich","className":"user-location-api","localId":"gsbp-e1be200","styleAttributes":{"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002dxs, 0.85rem)"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002dxs, 1.15rem)"],"fontWeight":["600"]},"isVariation":"divtext"} -->
<div class="user-location-api gsbp-e1be200">Munich</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-8403a84","type":"inner","localId":"gsbp-8403a84","styleAttributes":{},"metadata":{"name":"Button Area"}} -->
<div class="gsbp-8403a84"><!-- wp:greenshift-blocks/element {"id":"gsbp-1f5ed2c","textContent":"Primary Color","localId":"gsbp-1f5ed2c","styleAttributes":{"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002dmini, 11px)"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002dmini, 14px)"],"opacity":[0.4],"marginBottom":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d20, 0.44rem)"]},"isVariation":"divtext"} -->
<div class="gsbp-1f5ed2c">Primary Color</div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-fd12712","interactionLayers":[{"actions":[{"actionname":"set-variable","attr":"color","attrValue":"{{CONTENT}}"}],"env":"no-action","triggerData":{"trigger":"on-load"}}],"textContent":"red","className":"color-api","localId":"gsbp-fd12712","styleAttributes":{"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002dxs, 0.85rem)"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002dxs, 1.15rem)"],"fontWeight":["600"]},"isVariation":"divtext"} -->
<div data-gspbactions="[{"actions":[{"actionname":"set-variable","attr":"color","attrValue":"{{CONTENT}}"}],"env":"no-action","triggerData":{"trigger":"on-load"}}]" class="color-api gsbp-fd12712">red</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-dbe93ac","type":"inner","localId":"gsbp-dbe93ac","styleAttributes":{"display":["flex"],"flexDirection":["row"],"columnGap":["15px"],"rowGap":["15px"],"alignItems":["center"],"justifyContent":["flex-end",null,null,"flex-start"]},"metadata":{"name":"Button Area"}} -->
<div class="gsbp-dbe93ac"><!-- wp:greenshift-blocks/element {"id":"gsbp-de98b70","tag":"a","type":"inner","className":"link-go-api","localId":"gsbp-de98b70","href":"#","linkNewWindow":true,"styleAttributes":{"width":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dsize\u002d\u002dm, 56px)"],"height":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dsize\u002d\u002dm, 56px)"],"borderWidth":["1px"],"borderStyle":["dashed"],"borderColor":["#085ec7"],"borderCustom_Extra":false,"borderLink_Extra":false,"borderBottomLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderBottomRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderTopLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderTopRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderRadiusCustom_Extra":false,"borderRadiusLink_Extra":true,"paddingLink_Extra":"all","paddingTop":["17px"],"paddingBottom":["17px"],"paddingLeft":["17px"],"paddingRight":["17px"],"display":["inline-flex"],"alignItems":["center"],"justifyContent":["center"]}} -->
<a class="link-go-api gsbp-de98b70" href="#" target="_blank" rel="noopener"><!-- wp:greenshift-blocks/element {"id":"gsbp-defdd67","tag":"svg","icon":{"icon":{"font":"rhicon rhi-external-link","svg":"","image":""},"type":"font"},"localId":"gsbp-defdd67","styleAttributes":{"width":["100%"],"height":["100%"],"fill":["#6265ff"]}} -->
<svg viewBox="0 0 1024 1024" width="1024" height="1024" class="gsbp-defdd67"><path d="M995.2 0l-326.4 0.34c-15.906-0-28.8 12.894-28.8 28.8v0 66.62c-0 0.002-0 0.004-0 0.006 0 15.906 12.894 28.8 28.8 28.8 0.204 0 0.407-0.002 0.61-0.006l-0.030 0 147.26-5.44 4.12 4.12-557.72 557.74c-4.361 4.346-7.059 10.358-7.059 17s2.698 12.654 7.058 16.999l0.001 0.001 46 46c4.346 4.361 10.358 7.059 17 7.059s12.654-2.698 16.999-7.058l0.001-0.001 557.72-557.74 4.12 4.12-5.44 147.26c-0.004 0.173-0.006 0.376-0.006 0.58 0 15.906 12.894 28.8 28.8 28.8 0.002 0 0.004-0 0.006-0l66.62 0c15.906 0 28.8-12.894 28.8-28.8v-0l0.34-326.4c0-15.906-12.894-28.8-28.8-28.8v0zM864 576h-32c-17.673 0-32 14.327-32 32v0 308c0 6.627-5.373 12-12 12v0h-680c-6.627 0-12-5.373-12-12v0-680c0-6.627 5.373-12 12-12v0h308c17.673 0 32-14.327 32-32v0-32c0-17.673-14.327-32-32-32v0h-320c-53.019 0-96 42.981-96 96v0 704c0 53.019 42.981 96 96 96v0h704c53.019 0 96-42.981 96-96v0-320c0-17.673-14.327-32-32-32v0z" /></svg>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-0f2af07","tag":"a","type":"inner","className":"link-download-api","localId":"gsbp-0f2af07","href":"#","styleAttributes":{"width":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dsize\u002d\u002dm, 56px)"],"height":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dsize\u002d\u002dm, 56px)"],"paddingLink_Extra":"all","paddingTop":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d40, 1rem)"],"paddingBottom":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d40, 1rem)"],"paddingLeft":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d40, 1rem)"],"paddingRight":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d40, 1rem)"],"borderWidth":["1px"],"borderStyle":["dashed"],"borderColor":["#085ec7"],"borderCustom_Extra":false,"borderLink_Extra":false,"borderBottomLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderBottomRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderTopLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderTopRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dcircle, 50%)"],"borderRadiusCustom_Extra":false,"borderRadiusLink_Extra":true,"display":["inline-flex"],"justifyContent":["center"],"alignItems":["center"]}} -->
<a class="link-download-api gsbp-0f2af07" href="#"><!-- wp:greenshift-blocks/element {"id":"gsbp-08816ef","tag":"svg","icon":{"icon":{"font":"rhicon rhi-download1","svg":"","image":""},"type":"font"},"localId":"gsbp-08816ef","styleAttributes":{"width":["100%"],"height":["100%"],"fill":["#2a2dff"]}} -->
<svg viewBox="0 0 1024 1024" width="1024" height="1024" class="gsbp-08816ef"><path d="M864 0h-704c-70.688 0-128 57.312-128 128v768c0 70.688 57.312 128 128 128h704c70.688 0 128-57.312 128-128v-768c0-70.688-57.312-128-128-128zM928 896c0 35.328-28.672 64-64 64h-704c-35.328 0-64-28.672-64-64v-64h832v64zM928 768h-832v-640c0-35.328 28.672-64 64-64h704c35.328 0 64 28.672 64 64v640zM648.576 425.024l-104.576 126.496v-391.52c0-17.664-14.304-32-32-32s-32 14.336-32 32v392.736l-105.568-127.712c-12.544-12.576-32.864-12.576-45.408 0-12.576 12.608-12.576 32.96 0 45.568l158.112 191.36c6.72 6.688 15.584 9.568 24.352 9.088 8.736 0.48 17.632-2.4 24.352-9.088l158.112-191.36c12.576-12.608 12.576-32.96 0-45.568-12.512-12.544-32.864-12.544-45.376 0z" /></svg>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-dc3c830","type":"inner","animation":{"duration":800,"easing":"ease","type":"fade-up","onchild":true,"onsplit":false,"onscrub":false,"onchild_delay":true,"onselector_active":true,"activeselector":".loaded"},"className":"outputresults-api","localId":"gsbp-dc3c830","styleAttributes":{"display":["flex"],"flexDirection":["column"],"rowGap":["25px"],"justifyContent":["flex-start"],"alignItems":["stretch"]},"metadata":{"name":"Result Output Block"}} -->
<div data-aos="fade-up" data-aos-easing="ease" data-aos-duration="800" class="outputresults-api gsbp-dc3c830"><!-- wp:greenshift-blocks/element {"id":"gsbp-fa8107c","textContent":"Result Output Here","localId":"gsbp-fa8107c","styleAttributes":{"fontSize":["15px"],"backgroundColor":["#fcfcfc"],"paddingTop":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d40, 1rem)"],"paddingBottom":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d40, 1rem)"],"paddingLeft":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d50, 1.5rem)"],"paddingRight":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d50, 1.5rem)"],"hideOnFrontend_Extra":true},"isVariation":"divtext"} -->
<div class="gsbp-fa8107c">Result Output Here</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-27a2b3e","dynamicGClasses":[],"type":"inner","className":"loader-api","localId":"gsbp-27a2b3e","metadata":{"name":"Loader Container"}} -->
<div class="loader-api"><!-- wp:greenshift-blocks/element {"id":"gsbp-skl111a","type":"inner","animation":{"duration":500,"easing":"ease","type":"zoom-in-up","onclass_active":true},"localId":"gsbp-skl111a","styleAttributes":{"display":["flex"],"flexDirection":["row"],"rowGap":["20px"],"columnGap":["20px"]}} -->
<div data-aos-easing="ease" data-aos-duration="500" class="gsbp-skl111a"><!-- wp:greenshift-blocks/element {"id":"gsbp-f6e13c9","dynamicGClasses":[{"value":"background-shimmer","type":"local","label":"background-shimmer","css":"","attributes":{},"selectors":[]}],"type":"no","className":"background-shimmer","localId":"gsbp-f6e13c9","styleAttributes":{"width":["150px"],"height":["200px"]},"enableSpecificity":true} -->
<div class="background-shimmer gsbp-f6e13c9"></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-33e9b4e","type":"inner","localId":"gsbp-33e9b4e","styleAttributes":{"flexGrow":["1"],"display":["flex"],"flexDirection":["column"],"columnGap":["15px"],"rowGap":["10px"]}} -->
<div class="gsbp-33e9b4e"><!-- wp:greenshift-blocks/element {"id":"gsbp-skl222a","dynamicGClasses":[{"value":"background-shimmer","type":"local","label":"background-shimmer","localed":false,"css":".background-shimmer{background-image:linear-gradient(90deg,rgba(0,0,0,0.05) 20%,rgba(0,0,0,0.01) 49%,rgba(0,0,0,0.05) 80%);height:20px;border-bottom-left-radius:var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dsmall, 10px);border-bottom-right-radius:var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dsmall, 10px);border-top-left-radius:var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dsmall, 10px);border-top-right-radius:var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dsmall, 10px);background-size:200% 100%;animation:gs_shimmer 3.0s infinite linear;}\n @keyframes gs_shimmer {\n 0% {\n background-position: 100%;\n }\n 100% {\n background-position: -100%;\n }\n }\n @media (prefers-reduced-motion) {\n .background-shimmer {\n animation: none !important;\n }\n }","attributes":{"styleAttributes":{"imageGradient_Extra":true,"backgroundImage":["linear-gradient(90deg,rgba(0,0,0,0.05) 20%,rgba(0,0,0,0.01) 49%,rgba(0,0,0,0.05) 80%)"],"height":["20px"],"borderBottomLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dsmall, 10px)"],"borderBottomRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dsmall, 10px)"],"borderTopLeftRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dsmall, 10px)"],"borderTopRightRadius":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dborder-radius\u002d\u002dsmall, 10px)"],"borderRadiusCustom_Extra":false,"borderRadiusLink_Extra":true,"backgroundSize":["200% 100%"],"animation_keyframes_Extra":[{"name":"gs_shimmer","code":" 0% {\n background-position: 100%;\n }\n 100% {\n background-position: -100%;\n }"}],"animation":["gs_shimmer 3.0s infinite linear"]}},"originalID":"gsbp-skl222a","originalBlock":"greenshift-blocks/element","tag":"div","selectors":[]}],"type":"no","className":"background-shimmer","localId":"gsbp-skl222a","styleAttributes":{"width":["80%"]}} -->
<div class="background-shimmer gsbp-skl222a"></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-skl333a","dynamicGClasses":[{"value":"background-shimmer","type":"local","label":"background-shimmer","css":"","attributes":{},"selectors":[]}],"type":"no","className":"background-shimmer","localId":"gsbp-skl333a"} -->
<div class="background-shimmer"></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-skl444a","dynamicGClasses":[{"value":"background-shimmer","type":"local","label":"background-shimmer","css":"","attributes":{},"selectors":[]}],"type":"no","className":"background-shimmer","localId":"gsbp-skl444a"} -->
<div class="background-shimmer"></div>
<!-- /wp:greenshift-blocks/element -->
<!-- wp:greenshift-blocks/element {"id":"gsbp-46d9ef1","dynamicGClasses":[{"value":"background-shimmer","type":"local","label":"background-shimmer","css":"","attributes":{},"selectors":[]}],"type":"no","className":"background-shimmer","localId":"gsbp-46d9ef1","styleAttributes":{"width":["200px"]}} -->
<div class="background-shimmer gsbp-46d9ef1"></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->
