Download Code
<!-- wp:greenshift-blocks/container {"id":"gsbp-1489491","align":"full"} -->
<div class="wp-block-greenshift-blocks-container alignfull gspb_container gspb_container-gsbp-1489491" id="gspb_container-id-gsbp-1489491"><!-- wp:greenshift-blocks/element {"id":"gsbp-4beb226","type":"inner","localId":"gsbp-4beb226","localStyles":{"flexbox":{"type":"flexbox","flexDirection":["row","column"],"justifyContent":[null,"flex-start"]}},"align":"full"} -->
<div class="gsbp-4beb226 alignfull"><!-- wp:greenshift-blocks/element {"id":"gsbp-579beaa","dynamicGClasses":[{"value":"tabindex","type":"data","label":"tabindex","data":"0"},{"value":"expanel","type":"local","label":"expanel","localed":false,"css":".expanel{padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;overflow:hidden;}.expanel{color:#ffffff;}.expanel{position:relative;}.expanel{flex:1;}\n.expanel:hover, .expanel:focus, .expanel.active{flex:4; min-height:400px}.expanel{transition:all 0.5s cubic-bezier(0.165,0.84,0.44,1);}.expanel{height:700px;min-height:150px;}@media (max-width: 991.98px){.expanel{min-height:150px;}}@media (max-width: 575.98px){.expanel{height:400px;}}","attributes":{"responsive":{"customcss":"{CURRENT}{flex:1;}\n{CURRENT}:hover, {CURRENT}:focus, {CURRENT}.active{flex:4; min-height:400px}"},"csstransform":{"time":"0.5"},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["20px"],"right":["20px"],"bottom":["20px"],"left":["20px"]},"locked":true},"overflow":["hidden"]},"typography":{"textShadow":{},"color":"#ffffff"},"size":{"customWidth":{"value":[]},"customHeight":{"value":["700px",null,null,"400px"]},"heightType":"custom","minHeight":["150px","150px"]},"position":{"positionType":["relative","","",""],"positions":{"values":{}}}},"originalID":"gsbp-579beaa","originalBlock":"greenshift-blocks/element","selectors":[{"value":"::before","attributes":{"position":{"positionType":["absolute","","",""],"positions":{"values":{"top":["0px"],"bottom":["0px"],"right":["0px"],"left":["0px"]}}},"background":{"color":"#000000"},"csstransform":{"opacity":"0.2","time":"0.35"}},"css":".expanel::before{background-color:#000000;}.expanel::before{position:absolute;top:0px;right:0px;bottom:0px;left:0px;}.expanel::before{transition:all 0.35s cubic-bezier(0.165,0.84,0.44,1);opacity:0.2;}.expanel::before{content: \u0022\u0022}"},{"value":" .titleinpanel","attributes":{"typography":{"textShadow":{},"useFluid":true,"fluidSizeMin":"3rem","fluidSizePerfect":"5vw","fluidSizeMax":"4.5rem","fluidLineMin":"4rem","fluidLinePerfect":"6vw","fluidLineMax":"5rem","fluidSizeCustomValue":["clamp(3rem, 5vw, 4.5rem)"],"fluidLineCustomValue":["clamp(4rem, 6vw, 5rem)"],"customweight":"custom","customweightnumber":900,"transform":"uppercase"},"position":{"positionType":["absolute","relative","",""],"positions":{"values":{"left":["50px","0px"],"bottom":["0px"]}}},"csstransform":{"rotateZ":["-90",0],"time":0.5,"origin":["center left"]}},"css":".expanel .titleinpanel{text-transform:uppercase;}.expanel .titleinpanel{font-size:clamp(3rem, 5vw, 4.5rem);}.expanel .titleinpanel{line-height:clamp(4rem, 6vw, 5rem);}.expanel .titleinpanel{font-weight:900!important;}.expanel .titleinpanel{position:absolute;bottom:0px;left:50px;}@media (max-width: 991.98px){.expanel .titleinpanel{position:relative;left:0px;}}.expanel .titleinpanel{transition:all 0.5s cubic-bezier(0.165,0.84,0.44,1);transform: rotateZ(-90deg);transform-origin:center left;}@media (max-width: 991.98px){.expanel .titleinpanel{transform: rotateZ(0deg);}}"},{"value":" .hideninpanel","attributes":{"responsive":{"customcss":".hideninpanel{opacity:0;transition: 0.3s ease;transition-delay:0.2s}\n.expanel:hover .hideninpanel, .expanel:focus .hideninpanel, .expanel.active .hideninpanel{opacity:1;}"},"spacing":{"margin":{"values":{"bottom":["25px"]},"locked":false},"padding":{"values":{},"locked":false}},"size":{"customWidth":{"value":["500px",null,null,"300px"]},"customHeight":{"value":[]},"widthType":"custom"},"position":{"positionType":["absolute","","",""],"positions":{"values":{"top":["30px","auto"],"right":["30px"],"bottom":[null,"30px"],"left":[null,"30px"]}}},"flexbox":{"type":"flexbox","flexDirection":["column"],"alignItems":["flex-end","flex-start"]}},"css":".expanel .hideninpanel{margin-bottom:25px;}.expanel .hideninpanel{position:absolute;top:30px;right:30px;}@media (max-width: 991.98px){.expanel .hideninpanel{top:auto;bottom:30px;left:30px;}}.hideninpanel{opacity:0;transition: 0.3s ease;transition-delay:0.2s}\n.expanel:hover .hideninpanel, .expanel:focus .hideninpanel, .expanel.active .hideninpanel{opacity:1;}.expanel .hideninpanel{width:500px;}@media (max-width: 575.98px){.expanel .hideninpanel{width:300px;}}.expanel .hideninpanel{display:flex;flex-direction:column;align-items:flex-end;}@media (max-width: 991.98px){.expanel .hideninpanel{align-items:flex-start;}}"}]}],"type":"inner","className":"expanel","localId":"gsbp-579beaa","localStyles":{"background":{"color":"#000000","image":["https://greenshift.wpsoul.net/wp-content/uploads/2024/01/0_0.webp"],"size":["initial"],"repeat":["no-repeat"]},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{},"locked":false}}}} -->
<div tabindex="0" class="expanel gsbp-579beaa"><!-- wp:greenshift-blocks/element {"id":"gsbp-54d764e","dynamicGClasses":[],"textContent":"Marketing","tag":"span","className":"titleinpanel","localId":"gsbp-54d764e","localStyles":{"position":{"positionType":["","","",""],"positions":{"values":{}}},"typography":{},"csstransform":{}}} -->
<span class="titleinpanel gsbp-54d764e">Marketing</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-cdab123","dynamicGClasses":[],"type":"inner","className":"hideninpanel","localId":"gsbp-cdab123","localStyles":{"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{},"locked":false}},"flexbox":{},"position":{"positionType":["","","",""],"positions":{"values":{}}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}}} -->
<div class="hideninpanel gsbp-cdab123"><!-- wp:greenshift-blocks/element {"id":"gsbp-7d9616b","textContent":"Non voluptate velit excepteur. Adipisicing consequat sunt irure ipsum duis reprehenderit commodo esse dolore . Deserunt ipsum eiusmod consequat et aliqua enim dolor quis aliquip","tag":"span","localId":"gsbp-7d9616b","localStyles":{"typography":{"textShadow":{},"alignment":["right","left"],"size":["16px"]}}} -->
<span class="gsbp-7d9616b">Non voluptate velit excepteur. Adipisicing consequat sunt irure ipsum duis reprehenderit commodo esse dolore . Deserunt ipsum eiusmod consequat et aliqua enim dolor quis aliquip</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-a5a23ba","dynamicGClasses":[{"value":"btnlink","type":"local","label":"btnlink","localed":false,"css":".btnlink{padding-top:10px;padding-right:35px;padding-bottom:10px;padding-left:35px;}.btnlink{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.btnlink{border-style:solid;border-width:2px;border-color:#ffffffb8;}.btnlink, .btnlink a{text-decoration:none;}.btnlink{color:#ffffff;}","attributes":{"background":{"color":""},"typography":{"textShadow":{},"color":"#ffffff","decoration":"remove"},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["10px"],"bottom":["10px"],"right":["35px"],"left":["35px"]},"locked":false}},"border":{"borderRadius":{"values":{"topLeft":["5px"],"topRight":["5px"],"bottomRight":["5px"],"bottomLeft":["5px"]},"locked":true},"style":{"all":["solid"]},"size":{"all":[2]},"color":{"all":["#ffffffb8"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{},"preset":1}},"originalID":"gsbp-a5a23ba","originalBlock":"greenshift-blocks/element","selectors":[]}],"textContent":"Buy Now!","tag":"a","className":"btnlink","localId":"gsbp-a5a23ba","localStyles":{"spacing":{"margin":{"values":{"bottom":["30px"],"top":["20px"]},"locked":false},"padding":{"values":{},"locked":false}},"flexbox":{"type":"inline-block"}},"href":"#"} -->
<a class="btnlink gsbp-a5a23ba" href="#">Buy Now!</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-8cf4c9a","dynamicGClasses":[{"value":"tabindex","type":"data","label":"tabindex","data":"0"},{"value":"expanel","type":"local","label":"expanel","css":"","attributes":{},"selectors":[]}],"type":"inner","className":"expanel","localId":"gsbp-8cf4c9a","localStyles":{"background":{"color":"#000000","image":["https://greenshift.wpsoul.net/wp-content/uploads/2023/06/mj_tango_3a.webp"],"size":["initial"],"repeat":["no-repeat"],"positionImage":[{"x":0.21,"y":0.27}]},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{},"locked":false}}}} -->
<div tabindex="0" class="expanel gsbp-8cf4c9a"><!-- wp:greenshift-blocks/element {"id":"gsbp-cf090fc","dynamicGClasses":[],"textContent":"USABILITY","tag":"span","className":"titleinpanel","localId":"gsbp-cf090fc","localStyles":{"position":{"positionType":["","","",""],"positions":{"values":{}}},"typography":{},"csstransform":{}}} -->
<span class="titleinpanel gsbp-cf090fc">USABILITY</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-bd8e2b4","dynamicGClasses":[],"type":"inner","className":"hideninpanel","localId":"gsbp-bd8e2b4","localStyles":{"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{},"locked":false}},"flexbox":{},"position":{"positionType":["","","",""],"positions":{"values":{}}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}}} -->
<div class="hideninpanel gsbp-bd8e2b4"><!-- wp:greenshift-blocks/element {"id":"gsbp-770d3bf","textContent":"Non voluptate velit excepteur. Adipisicing consequat sunt irure ipsum duis reprehenderit commodo esse dolore . Deserunt ipsum eiusmod consequat et aliqua enim dolor quis aliquip","tag":"span","localId":"gsbp-770d3bf","localStyles":{"typography":{"textShadow":{},"alignment":["right","left"],"size":["16px"]}}} -->
<span class="gsbp-770d3bf">Non voluptate velit excepteur. Adipisicing consequat sunt irure ipsum duis reprehenderit commodo esse dolore . Deserunt ipsum eiusmod consequat et aliqua enim dolor quis aliquip</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-8228010","dynamicGClasses":[{"value":"btnlink","type":"local","label":"btnlink","localed":false,"css":".btnlink{padding-top:10px;padding-right:35px;padding-bottom:10px;padding-left:35px;}.btnlink{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.btnlink{border-style:solid;border-width:2px;border-color:#ffffffb8;}.btnlink, .btnlink a{text-decoration:none;}.btnlink{color:#ffffff;}","attributes":{"background":{"color":""},"typography":{"textShadow":{},"color":"#ffffff","decoration":"remove"},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["10px"],"bottom":["10px"],"right":["35px"],"left":["35px"]},"locked":false}},"border":{"borderRadius":{"values":{"topLeft":["5px"],"topRight":["5px"],"bottomRight":["5px"],"bottomLeft":["5px"]},"locked":true},"style":{"all":["solid"]},"size":{"all":[2]},"color":{"all":["#ffffffb8"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{},"preset":1}},"originalID":"gsbp-a5a23ba","originalBlock":"greenshift-blocks/element","selectors":[]}],"textContent":"Buy Now!","tag":"a","className":"btnlink","localId":"gsbp-8228010","localStyles":{"spacing":{"margin":{"values":{"bottom":["30px"],"top":["20px"]},"locked":false},"padding":{"values":{},"locked":false}},"flexbox":{"type":"inline-block"}},"href":"#"} -->
<a class="btnlink gsbp-8228010" href="#">Buy Now!</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-fedb57c","dynamicGClasses":[{"value":"tabindex","type":"data","label":"tabindex","data":"0"},{"value":"expanel","type":"local","label":"expanel","css":"","attributes":{},"selectors":[]}],"type":"inner","className":"expanel","localId":"gsbp-fedb57c","localStyles":{"background":{"color":"#000000","image":["https://greenshift.wpsoul.net/wp-content/uploads/2023/06/0_3.webp"],"size":["initial"],"repeat":["no-repeat"],"positionImage":[{"x":0.4,"y":0.47}]},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{},"locked":false}}}} -->
<div tabindex="0" class="expanel gsbp-fedb57c"><!-- wp:greenshift-blocks/element {"id":"gsbp-ee3af2f","dynamicGClasses":[],"textContent":"CREATIVITY","tag":"span","className":"titleinpanel","localId":"gsbp-ee3af2f","localStyles":{"position":{"positionType":["","","",""],"positions":{"values":{}}},"typography":{},"csstransform":{}}} -->
<span class="titleinpanel gsbp-ee3af2f">CREATIVITY</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-27db304","dynamicGClasses":[],"type":"inner","className":"hideninpanel","localId":"gsbp-27db304","localStyles":{"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{},"locked":false}},"flexbox":{},"position":{"positionType":["","","",""],"positions":{"values":{}}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}}} -->
<div class="hideninpanel gsbp-27db304"><!-- wp:greenshift-blocks/element {"id":"gsbp-a21badd","textContent":"Non voluptate velit excepteur. Adipisicing consequat sunt irure ipsum duis reprehenderit commodo esse dolore . Deserunt ipsum eiusmod consequat et aliqua enim dolor quis aliquip","tag":"span","localId":"gsbp-a21badd","localStyles":{"typography":{"textShadow":{},"alignment":["right","left"],"size":["16px"]}}} -->
<span class="gsbp-a21badd">Non voluptate velit excepteur. Adipisicing consequat sunt irure ipsum duis reprehenderit commodo esse dolore . Deserunt ipsum eiusmod consequat et aliqua enim dolor quis aliquip</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-f0f933d","dynamicGClasses":[{"value":"btnlink","type":"local","label":"btnlink","localed":false,"css":".btnlink{padding-top:10px;padding-right:35px;padding-bottom:10px;padding-left:35px;}.btnlink{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.btnlink{border-style:solid;border-width:2px;border-color:#ffffffb8;}.btnlink, .btnlink a{text-decoration:none;}.btnlink{color:#ffffff;}","attributes":{"background":{"color":""},"typography":{"textShadow":{},"color":"#ffffff","decoration":"remove"},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["10px"],"bottom":["10px"],"right":["35px"],"left":["35px"]},"locked":false}},"border":{"borderRadius":{"values":{"topLeft":["5px"],"topRight":["5px"],"bottomRight":["5px"],"bottomLeft":["5px"]},"locked":true},"style":{"all":["solid"]},"size":{"all":[2]},"color":{"all":["#ffffffb8"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{},"preset":1}},"originalID":"gsbp-a5a23ba","originalBlock":"greenshift-blocks/element","selectors":[]}],"textContent":"Buy Now!","tag":"a","className":"btnlink","localId":"gsbp-f0f933d","localStyles":{"spacing":{"margin":{"values":{"bottom":["30px"],"top":["20px"]},"locked":false},"padding":{"values":{},"locked":false}},"flexbox":{"type":"inline-block"}},"href":"#"} -->
<a class="btnlink gsbp-f0f933d" href="#">Buy Now!</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-be13a2a","dynamicGClasses":[{"value":"tabindex","type":"data","label":"tabindex","data":"0"},{"value":"expanel","type":"local","label":"expanel","css":"","attributes":{},"selectors":[]}],"type":"inner","className":"expanel","localId":"gsbp-be13a2a","localStyles":{"background":{"color":"#000000","image":["https://greenshift.wpsoul.net/wp-content/uploads/2023/06/sizam_MYSTICAL__BLACK_MARBLE__SPHERES__LIBRA_ZODIAC__GREEK_STAT_0297fa4e-9dcd-4ffd-a21a-074819b84a1f.webp"],"size":["initial"],"repeat":["no-repeat"]},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{},"locked":false}}}} -->
<div tabindex="0" class="expanel gsbp-be13a2a"><!-- wp:greenshift-blocks/element {"id":"gsbp-91387fe","dynamicGClasses":[],"textContent":"DESIGN","tag":"span","className":"titleinpanel","localId":"gsbp-91387fe","localStyles":{"position":{"positionType":["","","",""],"positions":{"values":{}}},"typography":{},"csstransform":{}}} -->
<span class="titleinpanel gsbp-91387fe">DESIGN</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-5a1227d","dynamicGClasses":[],"type":"inner","className":"hideninpanel","localId":"gsbp-5a1227d","localStyles":{"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{},"locked":false}},"flexbox":{},"position":{"positionType":["","","",""],"positions":{"values":{}}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}}} -->
<div class="hideninpanel gsbp-5a1227d"><!-- wp:greenshift-blocks/element {"id":"gsbp-f8ca651","textContent":"Non voluptate velit excepteur. Adipisicing consequat sunt irure ipsum duis reprehenderit commodo esse dolore . Deserunt ipsum eiusmod consequat et aliqua enim dolor quis aliquip","tag":"span","localId":"gsbp-f8ca651","localStyles":{"typography":{"textShadow":{},"alignment":["right","left"],"size":["16px"]}}} -->
<span class="gsbp-f8ca651">Non voluptate velit excepteur. Adipisicing consequat sunt irure ipsum duis reprehenderit commodo esse dolore . Deserunt ipsum eiusmod consequat et aliqua enim dolor quis aliquip</span>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-72c55ef","dynamicGClasses":[{"value":"btnlink","type":"local","label":"btnlink","localed":false,"css":".btnlink{padding-top:10px;padding-right:35px;padding-bottom:10px;padding-left:35px;}.btnlink{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.btnlink{border-style:solid;border-width:2px;border-color:#ffffffb8;}.btnlink, .btnlink a{text-decoration:none;}.btnlink{color:#ffffff;}","attributes":{"background":{"color":""},"typography":{"textShadow":{},"color":"#ffffff","decoration":"remove"},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["10px"],"bottom":["10px"],"right":["35px"],"left":["35px"]},"locked":false}},"border":{"borderRadius":{"values":{"topLeft":["5px"],"topRight":["5px"],"bottomRight":["5px"],"bottomLeft":["5px"]},"locked":true},"style":{"all":["solid"]},"size":{"all":[2]},"color":{"all":["#ffffffb8"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{},"preset":1}},"originalID":"gsbp-a5a23ba","originalBlock":"greenshift-blocks/element","selectors":[]}],"textContent":"Buy Now!","tag":"a","className":"btnlink","localId":"gsbp-72c55ef","localStyles":{"spacing":{"margin":{"values":{"bottom":["30px"],"top":["20px"]},"locked":false},"padding":{"values":{},"locked":false}},"flexbox":{"type":"inline-block"}},"href":"#"} -->
<a class="btnlink gsbp-72c55ef" href="#">Buy Now!</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/container -->

Expandable panels

Marketing
Non voluptate velit excepteur. Adipisicing consequat sunt irure ipsum duis reprehenderit commodo esse dolore . Deserunt ipsum eiusmod consequat et aliqua enim dolor quis aliquip Buy Now!
USABILITY
Non voluptate velit excepteur. Adipisicing consequat sunt irure ipsum duis reprehenderit commodo esse dolore . Deserunt ipsum eiusmod consequat et aliqua enim dolor quis aliquip Buy Now!
CREATIVITY
Non voluptate velit excepteur. Adipisicing consequat sunt irure ipsum duis reprehenderit commodo esse dolore . Deserunt ipsum eiusmod consequat et aliqua enim dolor quis aliquip Buy Now!
DESIGN
Non voluptate velit excepteur. Adipisicing consequat sunt irure ipsum duis reprehenderit commodo esse dolore . Deserunt ipsum eiusmod consequat et aliqua enim dolor quis aliquip Buy Now!