GenerateBlocks Pro Portfolio Template

portfolio.htnl

<!-- wp:generateblocks/container {"uniqueId":"0fc6b28d","anchor":"portfolio","backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":4,"sizing":{"height":"","maxWidth":""},"globalStyleLabel":"Outer Container"} -->
<!-- wp:generateblocks/container {"uniqueId":"9e36eb19","isDynamic":true,"blockVersion":4,"sizing":{"maxWidth":""},"useGlobalMaxWidth":true,"spacing":{"paddingTop":"120px","paddingRight":"30px","paddingBottom":"120px","paddingLeft":"30px","marginRight":"auto","marginLeft":"auto"},"globalStyleLabel":"Main Padding"} -->
<!-- wp:generateblocks/headline {"uniqueId":"ec2f8859","element":"h1","blockVersion":3,"display":"inline-flex","spacing":{"paddingBottom":"4px"},"borders":{"borderBottomWidth":"1px","borderBottomStyle":"solid","borderBottomColor":"var(\u002d\u002dcontrast-3)"}} -->
<h1 class="gb-headline gb-headline-ec2f8859 gb-headline-text">Latest projects</h1>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/container {"uniqueId":"702ba69e","isDynamic":true,"blockVersion":4,"variantRole":"tabs","defaultOpenedTab":"1","tabButtonsType":"container"} -->
<!-- wp:generateblocks/container {"uniqueId":"ef20ee03","isDynamic":true,"blockVersion":4,"variantRole":"tab-buttons","display":"flex","flexDirection":"row","flexDirectionMobile":"column","overflowXMobile":"auto","sizing":{"maxWidthMobile":"100%","width":""},"lock":{"remove":true}} -->
<!-- wp:generateblocks/container {"uniqueId":"5a511677","backgroundColor":"var(\u002d\u002dbase-3)","textColor":"#ffffff","isDynamic":true,"blockVersion":4,"variantRole":"tab-button","flexGrowMobile":1,"flexShrinkMobile":0,"sizing":{"width":"25%","widthMobile":"100%"},"typography":{},"spacing":{"paddingTop":"30px","paddingRight":"30px","paddingBottom":"30px","paddingLeft":"30px","paddingTopTablet":"20px","paddingLeftTablet":"20px","paddingRightTablet":"20px","paddingBottomTablet":"20px"},"borders":{"borderTopLeftRadius":"","borderTopRightRadius":""},"backgroundColorHover":"var(\u002d\u002daccent)","backgroundColorCurrent":"var(\u002d\u002daccent)","textColorHover":"#ffffff","textColorCurrent":"#000000","htmlAttributes":[],"opacities":[],"transitions":[],"boxShadows":[],"transforms":[],"textShadows":[],"filters":[],"tabItemOpen":true} -->
<!-- wp:generateblocks/image {"uniqueId":"7f8a8d9a","mediaId":31270,"sizeSlug":"full","width":"140px","alignment":"center","blockVersion":2} -->
<figure class="gb-block-image gb-block-image-7f8a8d9a"><img class="gb-image gb-image-7f8a8d9a" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/logos-5.svg" alt="" title="logos-5"/></figure>
<!-- /wp:generateblocks/image -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"bb33ec74","backgroundColor":"var(\u002d\u002dbase-3)","textColor":"#ffffff","isDynamic":true,"blockVersion":4,"variantRole":"tab-button","flexGrowMobile":1,"flexShrinkMobile":0,"sizing":{"width":"25%","widthMobile":"100%"},"typography":{},"spacing":{"paddingTop":"30px","paddingRight":"30px","paddingBottom":"30px","paddingLeft":"30px","paddingTopTablet":"20px","paddingLeftTablet":"20px","paddingRightTablet":"20px","paddingBottomTablet":"20px"},"borders":{"borderTopLeftRadius":"","borderTopRightRadius":""},"backgroundColorHover":"var(\u002d\u002daccent)","backgroundColorCurrent":"var(\u002d\u002daccent)","textColorHover":"#ffffff","textColorCurrent":"#000000","htmlAttributes":[],"opacities":[],"transitions":[],"boxShadows":[],"transforms":[],"textShadows":[],"filters":[]} -->
<!-- wp:generateblocks/image {"uniqueId":"7a6ed6ae","mediaId":31271,"sizeSlug":"full","width":"140px","alignment":"center","blockVersion":2} -->
<figure class="gb-block-image gb-block-image-7a6ed6ae"><img class="gb-image gb-image-7a6ed6ae" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/logos-6.svg" alt="" title="logos-6"/></figure>
<!-- /wp:generateblocks/image -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"95549364","backgroundColor":"var(\u002d\u002dbase-3)","textColor":"#ffffff","isDynamic":true,"blockVersion":4,"variantRole":"tab-button","flexGrowMobile":1,"flexShrinkMobile":0,"sizing":{"width":"25%","widthMobile":"100%"},"typography":{},"spacing":{"paddingTop":"30px","paddingRight":"30px","paddingBottom":"30px","paddingLeft":"30px","paddingTopTablet":"20px","paddingLeftTablet":"20px","paddingRightTablet":"20px","paddingBottomTablet":"20px"},"borders":{"borderTopLeftRadius":"","borderTopRightRadius":""},"backgroundColorHover":"var(\u002d\u002daccent)","backgroundColorCurrent":"var(\u002d\u002daccent)","textColorHover":"#ffffff","textColorCurrent":"#000000","htmlAttributes":[],"opacities":[],"transitions":[],"boxShadows":[],"transforms":[],"textShadows":[],"filters":[]} -->
<!-- wp:generateblocks/image {"uniqueId":"94f28248","mediaId":31268,"sizeSlug":"full","width":"140px","alignment":"center","blockVersion":2} -->
<figure class="gb-block-image gb-block-image-94f28248"><img class="gb-image gb-image-94f28248" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/logos-3.svg" alt="" title="logos-3"/></figure>
<!-- /wp:generateblocks/image -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"f598d4d2","backgroundColor":"var(\u002d\u002dbase-3)","textColor":"#ffffff","isDynamic":true,"blockVersion":4,"variantRole":"tab-button","flexGrowMobile":1,"flexShrinkMobile":0,"sizing":{"width":"25%","widthMobile":"100%"},"typography":{},"spacing":{"paddingTop":"30px","paddingRight":"30px","paddingBottom":"30px","paddingLeft":"30px","paddingTopTablet":"20px","paddingLeftTablet":"20px","paddingRightTablet":"20px","paddingBottomTablet":"20px"},"borders":{"borderTopLeftRadius":"","borderTopRightRadius":""},"backgroundColorHover":"var(\u002d\u002daccent)","backgroundColorCurrent":"var(\u002d\u002daccent)","textColorHover":"#ffffff","textColorCurrent":"#000000","htmlAttributes":[],"opacities":[],"transitions":[],"boxShadows":[],"transforms":[],"textShadows":[],"filters":[]} -->
<!-- wp:generateblocks/image {"uniqueId":"0abbdd1e","mediaId":31269,"sizeSlug":"full","width":"140px","alignment":"center","blockVersion":2} -->
<figure class="gb-block-image gb-block-image-0abbdd1e"><img class="gb-image gb-image-0abbdd1e" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/logos-4.svg" alt="" title="logos-4"/></figure>
<!-- /wp:generateblocks/image -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"f0c5e492","backgroundColor":"#fafafa","isDynamic":true,"blockVersion":4,"variantRole":"tab-items","lock":{"remove":true}} -->
<!-- wp:generateblocks/container {"uniqueId":"49a89be6","backgroundColor":"var(\u002d\u002daccent)","isDynamic":true,"blockVersion":4,"variantRole":"tab-item","flexDirection":"column","spacing":{"paddingTop":"80px","paddingRight":"80px","paddingBottom":"80px","paddingLeft":"80px","paddingLeftMobile":"30px","paddingRightMobile":"30px"},"backgroundColorHover":"var(\u002d\u002daccent)","tabItemOpen":true} -->
<!-- wp:generateblocks/headline {"uniqueId":"a534d598","blockVersion":3} -->
<h2 class="gb-headline gb-headline-a534d598 gb-headline-text">Website Design &amp; Development Project One</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"776612ce","element":"p","blockVersion":3,"sizing":{"width":"66%","widthTablet":"100%"},"spacing":{"marginBottom":"0px"}} -->
<p class="gb-headline gb-headline-776612ce gb-headline-text">Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra sagittis nascetur ullam corper. Pharetra torquent auctor ultrices metus felis nibh velit. Natoque tellus ullam inceptos semper pharetra taciti volutpat nibh nostra.</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/image {"uniqueId":"d8e16ff9","mediaId":31281,"sizeSlug":"full","blockVersion":2,"spacing":{"marginBottom":"80px","marginTop":"80px"},"borders":{"borderTopLeftRadius":"4px","borderTopRightRadius":"4px","borderBottomLeftRadius":"4px","borderBottomRightRadius":"4px"}} -->
<figure class="gb-block-image gb-block-image-d8e16ff9"><img class="gb-image gb-image-d8e16ff9" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/michal-parzuchowski-Nh4Sxasye24-unsplash.webp" alt="" title="michal-parzuchowski-Nh4Sxasye24-unsplash"/></figure>
<!-- /wp:generateblocks/image -->

<!-- wp:generateblocks/headline {"uniqueId":"b9894ca4","element":"h3","blockVersion":3,"display":"inline-flex","typography":{"textTransform":"","fontWeight":""},"spacing":{"paddingTop":"","marginBottom":"60px","paddingBottom":"4px"},"borders":{"borderBottomWidth":"1px","borderBottomStyle":"solid","borderBottomColor":"var(\u002d\u002dcontrast-3)"}} -->
<h3 class="gb-headline gb-headline-b9894ca4 gb-headline-text">Scope of Work</h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/grid {"uniqueId":"5542df3b","columns":4,"horizontalGap":80,"verticalGap":60,"isDynamic":true,"blockVersion":3} -->
<!-- wp:generateblocks/container {"uniqueId":"03ef2f62","isGrid":true,"gridId":"5542df3b","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"10e6ce83","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-10e6ce83"><span class="gb-icon"><svg viewBox="0 0 256 256" fill="#000000" height="32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M221.87,83.16A104.1,104.1,0,1,1,195.67,49l22.67-22.68a8,8,0,0,1,11.32,11.32l-96,96a8,8,0,0,1-11.32-11.32l27.72-27.72a40,40,0,1,0,17.87,31.09,8,8,0,1,1,16-.9,56,56,0,1,1-22.38-41.65L184.3,60.39a87.88,87.88,0,1,0,23.13,29.67,8,8,0,0,1,14.44-6.9Z"></path></svg></span><span class="gb-headline-text">Research &amp; Strategy</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"cd4db0a4","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-cd4db0a4 gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"18f64200","isGrid":true,"gridId":"5542df3b","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"32d76038","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-32d76038"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-card-text" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"></path>   <path d="M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8zm0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"></path> </svg></span><span class="gb-headline-text">Content Creation</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"386a7489","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-386a7489 gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"60ee381d","isGrid":true,"gridId":"5542df3b","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"3f12173a","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-3f12173a"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-window-fullscreen" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M3 3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm1.5 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm1 .5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"></path>   <path d="M.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5H.5ZM1 5V2h14v3H1Zm0 1h14v8H1V6Z"></path> </svg></span><span class="gb-headline-text">Design &amp; Development</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"326fbe18","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-326fbe18 gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"6a16dd7d","isGrid":true,"gridId":"5542df3b","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"f49ce04a","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-f49ce04a"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-cloud-check" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M10.354 6.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708 0z" fill-rule="evenodd"></path>   <path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"></path> </svg></span><span class="gb-headline-text">Management &amp; Support</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"fc5a9b91","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-fc5a9b91 gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->

<!-- wp:generateblocks/container {"uniqueId":"48604fd1","isDynamic":true,"blockVersion":4,"display":"flex","flexDirectionMobile":"column","columnGap":"30px","columnGapMobile":"0px","rowGapMobile":"60px","spacing":{"marginTop":"80px","marginBottom":"80px"}} -->
<!-- wp:generateblocks/container {"uniqueId":"e91a4603","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthTablet":"","widthMobile":"100%"}} -->
<!-- wp:generateblocks/image {"uniqueId":"24366413","mediaId":31280,"sizeSlug":"full","blockVersion":2,"spacing":{"marginBottom":""},"borders":{"borderTopLeftRadius":"4px","borderTopRightRadius":"4px","borderBottomLeftRadius":"4px","borderBottomRightRadius":"4px"}} -->
<figure class="gb-block-image gb-block-image-24366413"><img class="gb-image gb-image-24366413" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/kelly-sikkema-io0ZLYbu31s-unsplash.webp" alt="" title="kelly-sikkema-io0ZLYbu31s-unsplash"/></figure>
<!-- /wp:generateblocks/image -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"808541e9","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthTablet":"","widthMobile":"100%"}} -->
<!-- wp:generateblocks/image {"uniqueId":"cb3c0441","mediaId":31279,"sizeSlug":"full","blockVersion":2,"spacing":{"marginBottom":""},"borders":{"borderTopLeftRadius":"4px","borderTopRightRadius":"4px","borderBottomLeftRadius":"4px","borderBottomRightRadius":"4px"}} -->
<figure class="gb-block-image gb-block-image-cb3c0441"><img class="gb-image gb-image-cb3c0441" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/harpal-singh-_zKxPsGOGKg-unsplash.webp" alt="" title="harpal-singh-_zKxPsGOGKg-unsplash"/></figure>
<!-- /wp:generateblocks/image -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/headline {"uniqueId":"70048232","blockVersion":3,"display":"flex","flexDirection":"column","alignItems":"center","rowGap":"5px","typography":{"textAlign":"center"},"spacing":{"marginBottom":""},"textColor":"var(\u002d\u002dcontrast-3)","hasIcon":true,"iconColor":"var(\u002d\u002dbase-2)","iconStyles":{"height":"100px","width":"100px"}} -->
<h2 class="gb-headline gb-headline-70048232"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-quote" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z"></path> </svg></span><span class="gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti phasellus semper blandit nibh aliquam metus ullam corper lobortis morbi cras.</span></h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"9f4d7b8a","element":"p","blockVersion":3,"display":"flex","flexDirection":"column","alignItems":"center","rowGap":"10px","typography":{"textAlign":"center","fontWeight":"700"},"spacing":{"marginBottom":"0px"},"textColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"80px","width":"80px"}} -->
<p class="gb-headline gb-headline-9f4d7b8a gb-headline-text">Paul Speh – CEO at Sparta</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/button {"uniqueId":"9bf1bd36","hasUrl":true,"blockVersion":4,"display":"flex","flexDirection":"row-reverse","alignItems":"center","justifyContent":"center","columnGap":"0.5em","sizing":{"width":"max-content"},"typography":{"fontSize":"16px","letterSpacing":"0.1em","fontWeight":"600","textTransform":"uppercase"},"spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px","marginLeft":"auto","marginRight":"auto","marginBottom":"80px","marginTop":"80px"},"borders":{"borderTopWidth":"4px","borderTopStyle":"solid","borderTopColor":"var(\u002d\u002dcontrast-2)","borderTopColorHover":"var(\u002d\u002dcontrast-3)","borderRightWidth":"4px","borderRightStyle":"solid","borderRightColor":"var(\u002d\u002dcontrast-2)","borderRightColorHover":"var(\u002d\u002dcontrast-3)","borderBottomWidth":"4px","borderBottomStyle":"solid","borderBottomColor":"var(\u002d\u002dcontrast-2)","borderBottomColorHover":"var(\u002d\u002dcontrast-3)","borderLeftWidth":"4px","borderLeftStyle":"solid","borderLeftColor":"var(\u002d\u002dcontrast-2)","borderLeftColorHover":"var(\u002d\u002dcontrast-3)"},"backgroundColor":"var(\u002d\u002daccent)","backgroundColorHover":"var(\u002d\u002daccent)","textColor":"var(\u002d\u002dcontrast-2)","textColorHover":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1em","width":"1em"},"opacities":[],"useTransition":true,"transitions":[{"state":"normal","target":"self","customSelector":"","timingFunction":"ease","property":"all","duration":0.5,"delay":""}],"boxShadows":[],"transforms":[],"textShadows":[],"filters":[]} -->
<a class="gb-button gb-button-9bf1bd36 gb-button-text" href="#">View Website</a>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/button {"uniqueId":"a25b468e","hasUrl":true,"blockVersion":4,"display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center","columnGap":"0.5em","sizing":{"width":"max-content"},"typography":{"fontSize":"14px","letterSpacing":"0.1em","fontWeight":"600","textTransform":"uppercase"},"spacing":{"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":"","marginLeft":"auto","marginRight":"auto","marginBottom":""},"borders":{"borderTopWidth":"","borderTopStyle":"","borderTopColor":"","borderTopColorHover":"","borderRightWidth":"","borderRightStyle":"","borderRightColor":"","borderRightColorHover":"","borderBottomWidth":"","borderBottomStyle":"","borderBottomColor":"","borderBottomColorHover":"","borderLeftWidth":"","borderLeftStyle":"","borderLeftColor":"","borderLeftColorHover":""},"backgroundColor":"var(\u002d\u002daccent)","backgroundColorHover":"var(\u002d\u002daccent)","textColor":"var(\u002d\u002dcontrast-2)","textColorHover":"var(\u002d\u002dcontrast-3)","hasIcon":true,"iconStyles":{"height":"1.2em","width":"1.2em"},"className":"smooth-scroll","opacities":[],"useTransition":true,"transitions":[{"state":"normal","target":"self","customSelector":"","timingFunction":"ease","property":"all","duration":0.5,"delay":""}],"boxShadows":[],"transforms":[],"textShadows":[],"filters":[]} -->
<a class="gb-button gb-button-a25b468e smooth-scroll" href="#portfolio"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-arrow-up-short" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z" fill-rule="evenodd"></path> </svg></span><span class="gb-button-text">Back to Top</span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"2cb10291","backgroundColor":"var(\u002d\u002daccent)","isDynamic":true,"blockVersion":4,"variantRole":"tab-item","flexDirection":"column","spacing":{"paddingTop":"80px","paddingRight":"80px","paddingBottom":"80px","paddingLeft":"80px","paddingLeftMobile":"30px","paddingRightMobile":"30px"},"backgroundColorHover":"var(\u002d\u002daccent)"} -->
<!-- wp:generateblocks/headline {"uniqueId":"4967886f","blockVersion":3} -->
<h2 class="gb-headline gb-headline-4967886f gb-headline-text">Website Design &amp; Development Project Two</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"767283d1","element":"p","blockVersion":3,"sizing":{"width":"66%","widthTablet":"100%"},"spacing":{"marginBottom":"0px"}} -->
<p class="gb-headline gb-headline-767283d1 gb-headline-text">Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra sagittis nascetur ullam corper. Pharetra torquent auctor ultrices metus felis nibh velit. Natoque tellus ullam inceptos semper pharetra taciti volutpat nibh nostra.</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/image {"uniqueId":"b91a88f2","mediaId":31384,"sizeSlug":"full","blockVersion":2,"spacing":{"marginBottom":"80px","marginTop":"80px"},"borders":{"borderTopLeftRadius":"4px","borderTopRightRadius":"4px","borderBottomLeftRadius":"4px","borderBottomRightRadius":"4px"}} -->
<figure class="gb-block-image gb-block-image-b91a88f2"><img class="gb-image gb-image-b91a88f2" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/daniel-korpai-vHVfpi3h5xk-unsplash.webp" alt="" title="daniel-korpai-vHVfpi3h5xk-unsplash"/></figure>
<!-- /wp:generateblocks/image -->

<!-- wp:generateblocks/headline {"uniqueId":"d31cb4e6","element":"h3","blockVersion":3,"display":"inline-flex","typography":{"textTransform":"","fontWeight":""},"spacing":{"paddingTop":"","marginBottom":"60px","paddingBottom":"4px"},"borders":{"borderBottomWidth":"1px","borderBottomStyle":"solid","borderBottomColor":"var(\u002d\u002dcontrast-3)"}} -->
<h3 class="gb-headline gb-headline-d31cb4e6 gb-headline-text">Scope of Work</h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/grid {"uniqueId":"0699c3f1","columns":4,"horizontalGap":80,"verticalGap":60,"isDynamic":true,"blockVersion":3} -->
<!-- wp:generateblocks/container {"uniqueId":"c1fe3e71","isGrid":true,"gridId":"0699c3f1","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"a75089f1","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-a75089f1"><span class="gb-icon"><svg viewBox="0 0 256 256" fill="#000000" height="32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M221.87,83.16A104.1,104.1,0,1,1,195.67,49l22.67-22.68a8,8,0,0,1,11.32,11.32l-96,96a8,8,0,0,1-11.32-11.32l27.72-27.72a40,40,0,1,0,17.87,31.09,8,8,0,1,1,16-.9,56,56,0,1,1-22.38-41.65L184.3,60.39a87.88,87.88,0,1,0,23.13,29.67,8,8,0,0,1,14.44-6.9Z"></path></svg></span><span class="gb-headline-text">Research &amp; Strategy</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"42188656","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-42188656 gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"c6a2e023","isGrid":true,"gridId":"0699c3f1","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"8e802a5a","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-8e802a5a"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-card-text" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"></path>   <path d="M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8zm0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"></path> </svg></span><span class="gb-headline-text">Content Creation</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"0900ddbe","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-0900ddbe gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"f2b33b52","isGrid":true,"gridId":"0699c3f1","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"7df158d7","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-7df158d7"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-window-fullscreen" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M3 3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm1.5 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm1 .5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"></path>   <path d="M.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5H.5ZM1 5V2h14v3H1Zm0 1h14v8H1V6Z"></path> </svg></span><span class="gb-headline-text">Design &amp; Development</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"bbb6c768","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-bbb6c768 gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"655eb2af","isGrid":true,"gridId":"0699c3f1","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"7c47443c","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-7c47443c"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-cloud-check" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M10.354 6.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708 0z" fill-rule="evenodd"></path>   <path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"></path> </svg></span><span class="gb-headline-text">Management &amp; Support</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"753f3c16","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-753f3c16 gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->

<!-- wp:generateblocks/container {"uniqueId":"0c18390c","isDynamic":true,"blockVersion":4,"display":"flex","flexDirectionMobile":"column","columnGap":"30px","columnGapMobile":"0px","rowGapMobile":"60px","spacing":{"marginTop":"80px","marginBottom":"80px"}} -->
<!-- wp:generateblocks/container {"uniqueId":"53c6ed77","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthTablet":"","widthMobile":"100%"}} -->
<!-- wp:generateblocks/image {"uniqueId":"b94944e1","mediaId":31280,"sizeSlug":"full","blockVersion":2,"spacing":{"marginBottom":""},"borders":{"borderTopLeftRadius":"4px","borderTopRightRadius":"4px","borderBottomLeftRadius":"4px","borderBottomRightRadius":"4px"}} -->
<figure class="gb-block-image gb-block-image-b94944e1"><img class="gb-image gb-image-b94944e1" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/kelly-sikkema-io0ZLYbu31s-unsplash.webp" alt="" title="kelly-sikkema-io0ZLYbu31s-unsplash"/></figure>
<!-- /wp:generateblocks/image -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"4181e6a8","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthTablet":"","widthMobile":"100%"}} -->
<!-- wp:generateblocks/image {"uniqueId":"7dd78323","mediaId":31279,"sizeSlug":"full","blockVersion":2,"spacing":{"marginBottom":""},"borders":{"borderTopLeftRadius":"4px","borderTopRightRadius":"4px","borderBottomLeftRadius":"4px","borderBottomRightRadius":"4px"}} -->
<figure class="gb-block-image gb-block-image-7dd78323"><img class="gb-image gb-image-7dd78323" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/harpal-singh-_zKxPsGOGKg-unsplash.webp" alt="" title="harpal-singh-_zKxPsGOGKg-unsplash"/></figure>
<!-- /wp:generateblocks/image -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/headline {"uniqueId":"5ea8ee91","blockVersion":3,"display":"flex","flexDirection":"column","alignItems":"center","rowGap":"5px","typography":{"textAlign":"center"},"spacing":{"marginBottom":""},"textColor":"var(\u002d\u002dcontrast-3)","hasIcon":true,"iconColor":"var(\u002d\u002dbase-2)","iconStyles":{"height":"100px","width":"100px"}} -->
<h2 class="gb-headline gb-headline-5ea8ee91"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-quote" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z"></path> </svg></span><span class="gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti phasellus semper blandit nibh aliquam metus ullam corper lobortis morbi cras.</span></h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"ecca15ab","element":"p","blockVersion":3,"display":"flex","flexDirection":"column","alignItems":"center","rowGap":"10px","typography":{"textAlign":"center","fontWeight":"700"},"spacing":{"marginBottom":"0px"},"textColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"80px","width":"80px"}} -->
<p class="gb-headline gb-headline-ecca15ab gb-headline-text">Paul Speh – CEO at Sparta</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/button {"uniqueId":"ca856292","hasUrl":true,"blockVersion":4,"display":"flex","flexDirection":"row-reverse","alignItems":"center","justifyContent":"center","columnGap":"0.5em","sizing":{"width":"max-content"},"typography":{"fontSize":"16px","letterSpacing":"0.1em","fontWeight":"600","textTransform":"uppercase"},"spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px","marginLeft":"auto","marginRight":"auto","marginBottom":"80px","marginTop":"80px"},"borders":{"borderTopWidth":"4px","borderTopStyle":"solid","borderTopColor":"var(\u002d\u002dcontrast-2)","borderTopColorHover":"var(\u002d\u002dcontrast-3)","borderRightWidth":"4px","borderRightStyle":"solid","borderRightColor":"var(\u002d\u002dcontrast-2)","borderRightColorHover":"var(\u002d\u002dcontrast-3)","borderBottomWidth":"4px","borderBottomStyle":"solid","borderBottomColor":"var(\u002d\u002dcontrast-2)","borderBottomColorHover":"var(\u002d\u002dcontrast-3)","borderLeftWidth":"4px","borderLeftStyle":"solid","borderLeftColor":"var(\u002d\u002dcontrast-2)","borderLeftColorHover":"var(\u002d\u002dcontrast-3)"},"backgroundColor":"var(\u002d\u002daccent)","backgroundColorHover":"var(\u002d\u002daccent)","textColor":"var(\u002d\u002dcontrast-2)","textColorHover":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1em","width":"1em"},"opacities":[],"useTransition":true,"transitions":[{"state":"normal","target":"self","customSelector":"","timingFunction":"ease","property":"all","duration":0.5,"delay":""}],"boxShadows":[],"transforms":[],"textShadows":[],"filters":[]} -->
<a class="gb-button gb-button-ca856292 gb-button-text" href="#">View Website</a>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/button {"uniqueId":"46422069","hasUrl":true,"blockVersion":4,"display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center","columnGap":"0.5em","sizing":{"width":"max-content"},"typography":{"fontSize":"14px","letterSpacing":"0.1em","fontWeight":"600","textTransform":"uppercase"},"spacing":{"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":"","marginLeft":"auto","marginRight":"auto","marginBottom":""},"borders":{"borderTopWidth":"","borderTopStyle":"","borderTopColor":"","borderTopColorHover":"","borderRightWidth":"","borderRightStyle":"","borderRightColor":"","borderRightColorHover":"","borderBottomWidth":"","borderBottomStyle":"","borderBottomColor":"","borderBottomColorHover":"","borderLeftWidth":"","borderLeftStyle":"","borderLeftColor":"","borderLeftColorHover":""},"backgroundColor":"var(\u002d\u002daccent)","backgroundColorHover":"var(\u002d\u002daccent)","textColor":"var(\u002d\u002dcontrast-2)","textColorHover":"var(\u002d\u002dcontrast-3)","hasIcon":true,"iconStyles":{"height":"1.2em","width":"1.2em"},"className":"smooth-scroll","opacities":[],"useTransition":true,"transitions":[{"state":"normal","target":"self","customSelector":"","timingFunction":"ease","property":"all","duration":0.5,"delay":""}],"boxShadows":[],"transforms":[],"textShadows":[],"filters":[]} -->
<a class="gb-button gb-button-46422069 smooth-scroll" href="#portfolio"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-arrow-up-short" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z" fill-rule="evenodd"></path> </svg></span><span class="gb-button-text">Back to Top</span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"50d09001","backgroundColor":"var(\u002d\u002daccent)","isDynamic":true,"blockVersion":4,"variantRole":"tab-item","flexDirection":"column","spacing":{"paddingTop":"80px","paddingRight":"80px","paddingBottom":"80px","paddingLeft":"80px","paddingLeftMobile":"30px","paddingRightMobile":"30px"},"backgroundColorHover":"var(\u002d\u002daccent)"} -->
<!-- wp:generateblocks/headline {"uniqueId":"22f5ddea","blockVersion":3} -->
<h2 class="gb-headline gb-headline-22f5ddea gb-headline-text">Website Design &amp; Development Project Three</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"fa61309e","element":"p","blockVersion":3,"sizing":{"width":"66%","widthTablet":"100%"},"spacing":{"marginBottom":"0px"}} -->
<p class="gb-headline gb-headline-fa61309e gb-headline-text">Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra sagittis nascetur ullam corper. Pharetra torquent auctor ultrices metus felis nibh velit. Natoque tellus ullam inceptos semper pharetra taciti volutpat nibh nostra.</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/image {"uniqueId":"fbacece3","mediaId":31281,"sizeSlug":"full","blockVersion":2,"spacing":{"marginBottom":"80px","marginTop":"80px"},"borders":{"borderTopLeftRadius":"4px","borderTopRightRadius":"4px","borderBottomLeftRadius":"4px","borderBottomRightRadius":"4px"}} -->
<figure class="gb-block-image gb-block-image-fbacece3"><img class="gb-image gb-image-fbacece3" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/michal-parzuchowski-Nh4Sxasye24-unsplash.webp" alt="" title="michal-parzuchowski-Nh4Sxasye24-unsplash"/></figure>
<!-- /wp:generateblocks/image -->

<!-- wp:generateblocks/headline {"uniqueId":"a4a368a6","element":"h3","blockVersion":3,"display":"inline-flex","typography":{"textTransform":"","fontWeight":""},"spacing":{"paddingTop":"","marginBottom":"60px","paddingBottom":"4px"},"borders":{"borderBottomWidth":"1px","borderBottomStyle":"solid","borderBottomColor":"var(\u002d\u002dcontrast-3)"}} -->
<h3 class="gb-headline gb-headline-a4a368a6 gb-headline-text">Scope of Work</h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/grid {"uniqueId":"0686b2a7","columns":4,"horizontalGap":80,"verticalGap":60,"isDynamic":true,"blockVersion":3} -->
<!-- wp:generateblocks/container {"uniqueId":"d005e214","isGrid":true,"gridId":"0686b2a7","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"cf84142b","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-cf84142b"><span class="gb-icon"><svg viewBox="0 0 256 256" fill="#000000" height="32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M221.87,83.16A104.1,104.1,0,1,1,195.67,49l22.67-22.68a8,8,0,0,1,11.32,11.32l-96,96a8,8,0,0,1-11.32-11.32l27.72-27.72a40,40,0,1,0,17.87,31.09,8,8,0,1,1,16-.9,56,56,0,1,1-22.38-41.65L184.3,60.39a87.88,87.88,0,1,0,23.13,29.67,8,8,0,0,1,14.44-6.9Z"></path></svg></span><span class="gb-headline-text">Research &amp; Strategy</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"865b7559","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-865b7559 gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"03d8503b","isGrid":true,"gridId":"0686b2a7","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"8c4c33a5","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-8c4c33a5"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-card-text" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"></path>   <path d="M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8zm0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"></path> </svg></span><span class="gb-headline-text">Content Creation</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"66ce19f2","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-66ce19f2 gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"e1c18d30","isGrid":true,"gridId":"0686b2a7","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"bfa214f5","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-bfa214f5"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-window-fullscreen" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M3 3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm1.5 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm1 .5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"></path>   <path d="M.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5H.5ZM1 5V2h14v3H1Zm0 1h14v8H1V6Z"></path> </svg></span><span class="gb-headline-text">Design &amp; Development</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"4418a43f","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-4418a43f gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"a0f8b41f","isGrid":true,"gridId":"0686b2a7","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"c258c9aa","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-c258c9aa"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-cloud-check" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M10.354 6.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708 0z" fill-rule="evenodd"></path>   <path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"></path> </svg></span><span class="gb-headline-text">Management &amp; Support</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"5bea461e","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-5bea461e gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->

<!-- wp:generateblocks/container {"uniqueId":"696edae5","isDynamic":true,"blockVersion":4,"display":"flex","flexDirectionMobile":"column","columnGap":"30px","columnGapMobile":"0px","rowGapMobile":"60px","spacing":{"marginTop":"80px","marginBottom":"80px"}} -->
<!-- wp:generateblocks/container {"uniqueId":"c805935a","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthTablet":"","widthMobile":"100%"}} -->
<!-- wp:generateblocks/image {"uniqueId":"19803881","mediaId":31280,"sizeSlug":"full","blockVersion":2,"spacing":{"marginBottom":""},"borders":{"borderTopLeftRadius":"4px","borderTopRightRadius":"4px","borderBottomLeftRadius":"4px","borderBottomRightRadius":"4px"}} -->
<figure class="gb-block-image gb-block-image-19803881"><img class="gb-image gb-image-19803881" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/kelly-sikkema-io0ZLYbu31s-unsplash.webp" alt="" title="kelly-sikkema-io0ZLYbu31s-unsplash"/></figure>
<!-- /wp:generateblocks/image -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"8f265062","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthTablet":"","widthMobile":"100%"}} -->
<!-- wp:generateblocks/image {"uniqueId":"201cd74c","mediaId":31279,"sizeSlug":"full","blockVersion":2,"spacing":{"marginBottom":""},"borders":{"borderTopLeftRadius":"4px","borderTopRightRadius":"4px","borderBottomLeftRadius":"4px","borderBottomRightRadius":"4px"}} -->
<figure class="gb-block-image gb-block-image-201cd74c"><img class="gb-image gb-image-201cd74c" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/harpal-singh-_zKxPsGOGKg-unsplash.webp" alt="" title="harpal-singh-_zKxPsGOGKg-unsplash"/></figure>
<!-- /wp:generateblocks/image -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/headline {"uniqueId":"40c2d582","blockVersion":3,"display":"flex","flexDirection":"column","alignItems":"center","rowGap":"5px","typography":{"textAlign":"center"},"spacing":{"marginBottom":""},"textColor":"var(\u002d\u002dcontrast-3)","hasIcon":true,"iconColor":"var(\u002d\u002dbase-2)","iconStyles":{"height":"100px","width":"100px"}} -->
<h2 class="gb-headline gb-headline-40c2d582"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-quote" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z"></path> </svg></span><span class="gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti phasellus semper blandit nibh aliquam metus ullam corper lobortis morbi cras.</span></h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"cf66d80c","element":"p","blockVersion":3,"display":"flex","flexDirection":"column","alignItems":"center","rowGap":"10px","typography":{"textAlign":"center","fontWeight":"700"},"spacing":{"marginBottom":"0px"},"textColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"80px","width":"80px"}} -->
<p class="gb-headline gb-headline-cf66d80c gb-headline-text">Paul Speh – CEO at Sparta</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/button {"uniqueId":"a1a9fe75","hasUrl":true,"blockVersion":4,"display":"flex","flexDirection":"row-reverse","alignItems":"center","justifyContent":"center","columnGap":"0.5em","sizing":{"width":"max-content"},"typography":{"fontSize":"16px","letterSpacing":"0.1em","fontWeight":"600","textTransform":"uppercase"},"spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px","marginLeft":"auto","marginRight":"auto","marginBottom":"80px","marginTop":"80px"},"borders":{"borderTopWidth":"4px","borderTopStyle":"solid","borderTopColor":"var(\u002d\u002dcontrast-2)","borderTopColorHover":"var(\u002d\u002dcontrast-3)","borderRightWidth":"4px","borderRightStyle":"solid","borderRightColor":"var(\u002d\u002dcontrast-2)","borderRightColorHover":"var(\u002d\u002dcontrast-3)","borderBottomWidth":"4px","borderBottomStyle":"solid","borderBottomColor":"var(\u002d\u002dcontrast-2)","borderBottomColorHover":"var(\u002d\u002dcontrast-3)","borderLeftWidth":"4px","borderLeftStyle":"solid","borderLeftColor":"var(\u002d\u002dcontrast-2)","borderLeftColorHover":"var(\u002d\u002dcontrast-3)"},"backgroundColor":"var(\u002d\u002daccent)","backgroundColorHover":"var(\u002d\u002daccent)","textColor":"var(\u002d\u002dcontrast-2)","textColorHover":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1em","width":"1em"},"opacities":[],"useTransition":true,"transitions":[{"state":"normal","target":"self","customSelector":"","timingFunction":"ease","property":"all","duration":0.5,"delay":""}],"boxShadows":[],"transforms":[],"textShadows":[],"filters":[]} -->
<a class="gb-button gb-button-a1a9fe75 gb-button-text" href="#">View Website</a>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/button {"uniqueId":"291018b4","hasUrl":true,"blockVersion":4,"display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center","columnGap":"0.5em","sizing":{"width":"max-content"},"typography":{"fontSize":"14px","letterSpacing":"0.1em","fontWeight":"600","textTransform":"uppercase"},"spacing":{"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":"","marginLeft":"auto","marginRight":"auto","marginBottom":""},"borders":{"borderTopWidth":"","borderTopStyle":"","borderTopColor":"","borderTopColorHover":"","borderRightWidth":"","borderRightStyle":"","borderRightColor":"","borderRightColorHover":"","borderBottomWidth":"","borderBottomStyle":"","borderBottomColor":"","borderBottomColorHover":"","borderLeftWidth":"","borderLeftStyle":"","borderLeftColor":"","borderLeftColorHover":""},"backgroundColor":"var(\u002d\u002daccent)","backgroundColorHover":"var(\u002d\u002daccent)","textColor":"var(\u002d\u002dcontrast-2)","textColorHover":"var(\u002d\u002dcontrast-3)","hasIcon":true,"iconStyles":{"height":"1.2em","width":"1.2em"},"className":"smooth-scroll","opacities":[],"useTransition":true,"transitions":[{"state":"normal","target":"self","customSelector":"","timingFunction":"ease","property":"all","duration":0.5,"delay":""}],"boxShadows":[],"transforms":[],"textShadows":[],"filters":[]} -->
<a class="gb-button gb-button-291018b4 smooth-scroll" href="#portfolio"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-arrow-up-short" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z" fill-rule="evenodd"></path> </svg></span><span class="gb-button-text">Back to Top</span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"6ff9ebfe","backgroundColor":"var(\u002d\u002daccent)","isDynamic":true,"blockVersion":4,"variantRole":"tab-item","flexDirection":"column","spacing":{"paddingTop":"80px","paddingRight":"80px","paddingBottom":"80px","paddingLeft":"80px","paddingLeftMobile":"30px","paddingRightMobile":"30px"},"backgroundColorHover":"var(\u002d\u002daccent)"} -->
<!-- wp:generateblocks/headline {"uniqueId":"6400acc5","blockVersion":3} -->
<h2 class="gb-headline gb-headline-6400acc5 gb-headline-text">Website Design &amp; Development Project Four</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"dfb61e5b","element":"p","blockVersion":3,"sizing":{"width":"66%","widthTablet":"100%"},"spacing":{"marginBottom":"0px"}} -->
<p class="gb-headline gb-headline-dfb61e5b gb-headline-text">Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra sagittis nascetur ullam corper. Pharetra torquent auctor ultrices metus felis nibh velit. Natoque tellus ullam inceptos semper pharetra taciti volutpat nibh nostra.</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/image {"uniqueId":"3aeb04e7","mediaId":31384,"sizeSlug":"full","blockVersion":2,"spacing":{"marginBottom":"80px","marginTop":"80px"},"borders":{"borderTopLeftRadius":"4px","borderTopRightRadius":"4px","borderBottomLeftRadius":"4px","borderBottomRightRadius":"4px"}} -->
<figure class="gb-block-image gb-block-image-3aeb04e7"><img class="gb-image gb-image-3aeb04e7" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/daniel-korpai-vHVfpi3h5xk-unsplash.webp" alt="" title="daniel-korpai-vHVfpi3h5xk-unsplash"/></figure>
<!-- /wp:generateblocks/image -->

<!-- wp:generateblocks/headline {"uniqueId":"72f00713","element":"h3","blockVersion":3,"display":"inline-flex","typography":{"textTransform":"","fontWeight":""},"spacing":{"paddingTop":"","marginBottom":"60px","paddingBottom":"4px"},"borders":{"borderBottomWidth":"1px","borderBottomStyle":"solid","borderBottomColor":"var(\u002d\u002dcontrast-3)"}} -->
<h3 class="gb-headline gb-headline-72f00713 gb-headline-text">Scope of Work</h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/grid {"uniqueId":"4495dd03","columns":4,"horizontalGap":80,"verticalGap":60,"isDynamic":true,"blockVersion":3} -->
<!-- wp:generateblocks/container {"uniqueId":"163af785","isGrid":true,"gridId":"4495dd03","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"2e6e65e3","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-2e6e65e3"><span class="gb-icon"><svg viewBox="0 0 256 256" fill="#000000" height="32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M221.87,83.16A104.1,104.1,0,1,1,195.67,49l22.67-22.68a8,8,0,0,1,11.32,11.32l-96,96a8,8,0,0,1-11.32-11.32l27.72-27.72a40,40,0,1,0,17.87,31.09,8,8,0,1,1,16-.9,56,56,0,1,1-22.38-41.65L184.3,60.39a87.88,87.88,0,1,0,23.13,29.67,8,8,0,0,1,14.44-6.9Z"></path></svg></span><span class="gb-headline-text">Research &amp; Strategy</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"d4b2cb0d","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-d4b2cb0d gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"f664664a","isGrid":true,"gridId":"4495dd03","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"56b64858","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-56b64858"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-card-text" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"></path>   <path d="M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8zm0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"></path> </svg></span><span class="gb-headline-text">Content Creation</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"6209f144","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-6209f144 gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"aa2ffc77","isGrid":true,"gridId":"4495dd03","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"98c7d7ca","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-98c7d7ca"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-window-fullscreen" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M3 3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm1.5 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm1 .5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"></path>   <path d="M.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5H.5ZM1 5V2h14v3H1Zm0 1h14v8H1V6Z"></path> </svg></span><span class="gb-headline-text">Design &amp; Development</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"4be11ab6","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-4be11ab6 gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"26219326","isGrid":true,"gridId":"4495dd03","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","widthTablet":"50%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"de5cd060","element":"h4","blockVersion":3,"display":"flex","alignItems":"flex-start","columnGap":"0.5em","hasIcon":true,"iconColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1.2em","width":"1.2em"}} -->
<h4 class="gb-headline gb-headline-de5cd060"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-cloud-check" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M10.354 6.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708 0z" fill-rule="evenodd"></path>   <path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"></path> </svg></span><span class="gb-headline-text">Management &amp; Support</span></h4>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"6e694fa1","element":"p","blockVersion":3,"display":"flex","alignItems":"center","columnGap":"0.5em","spacing":{"marginBottom":"0px"},"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-6e694fa1 gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti semper blandit nibh aliquam metus ullam corper morbi.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->

<!-- wp:generateblocks/container {"uniqueId":"30e70049","isDynamic":true,"blockVersion":4,"display":"flex","flexDirectionMobile":"column","columnGap":"30px","columnGapMobile":"0px","rowGapMobile":"60px","spacing":{"marginTop":"80px","marginBottom":"80px"}} -->
<!-- wp:generateblocks/container {"uniqueId":"a87cc0f0","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthTablet":"","widthMobile":"100%"}} -->
<!-- wp:generateblocks/image {"uniqueId":"d3dadff7","mediaId":31280,"sizeSlug":"full","blockVersion":2,"spacing":{"marginBottom":""},"borders":{"borderTopLeftRadius":"4px","borderTopRightRadius":"4px","borderBottomLeftRadius":"4px","borderBottomRightRadius":"4px"}} -->
<figure class="gb-block-image gb-block-image-d3dadff7"><img class="gb-image gb-image-d3dadff7" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/kelly-sikkema-io0ZLYbu31s-unsplash.webp" alt="" title="kelly-sikkema-io0ZLYbu31s-unsplash"/></figure>
<!-- /wp:generateblocks/image -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"f0cdd73c","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthTablet":"","widthMobile":"100%"}} -->
<!-- wp:generateblocks/image {"uniqueId":"240b0d15","mediaId":31279,"sizeSlug":"full","blockVersion":2,"spacing":{"marginBottom":""},"borders":{"borderTopLeftRadius":"4px","borderTopRightRadius":"4px","borderBottomLeftRadius":"4px","borderBottomRightRadius":"4px"}} -->
<figure class="gb-block-image gb-block-image-240b0d15"><img class="gb-image gb-image-240b0d15" src="https://wbcollective.dev/portfolio/wp-content/uploads/sites/39/2023/09/harpal-singh-_zKxPsGOGKg-unsplash.webp" alt="" title="harpal-singh-_zKxPsGOGKg-unsplash"/></figure>
<!-- /wp:generateblocks/image -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/headline {"uniqueId":"2a174c8a","blockVersion":3,"display":"flex","flexDirection":"column","alignItems":"center","rowGap":"5px","typography":{"textAlign":"center"},"spacing":{"marginBottom":""},"textColor":"var(\u002d\u002dcontrast-3)","hasIcon":true,"iconColor":"var(\u002d\u002dbase-2)","iconStyles":{"height":"100px","width":"100px"}} -->
<h2 class="gb-headline gb-headline-2a174c8a"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-quote" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z"></path> </svg></span><span class="gb-headline-text">Pretium lorem primis senectus lectus donec ultricies tortor fusce morbi risus curae. Dignissim lacus convallis mauris enim mattis magnis senectus montes mollis taciti phasellus semper blandit nibh aliquam metus ullam corper lobortis morbi cras.</span></h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"c477dc81","element":"p","blockVersion":3,"display":"flex","flexDirection":"column","alignItems":"center","rowGap":"10px","typography":{"textAlign":"center","fontWeight":"700"},"spacing":{"marginBottom":"0px"},"textColor":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"80px","width":"80px"}} -->
<p class="gb-headline gb-headline-c477dc81 gb-headline-text">Paul Speh – CEO at Sparta</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/button {"uniqueId":"9a411dbc","hasUrl":true,"blockVersion":4,"display":"flex","flexDirection":"row-reverse","alignItems":"center","justifyContent":"center","columnGap":"0.5em","sizing":{"width":"max-content"},"typography":{"fontSize":"16px","letterSpacing":"0.1em","fontWeight":"600","textTransform":"uppercase"},"spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px","marginLeft":"auto","marginRight":"auto","marginBottom":"80px","marginTop":"80px"},"borders":{"borderTopWidth":"4px","borderTopStyle":"solid","borderTopColor":"var(\u002d\u002dcontrast-2)","borderTopColorHover":"var(\u002d\u002dcontrast-3)","borderRightWidth":"4px","borderRightStyle":"solid","borderRightColor":"var(\u002d\u002dcontrast-2)","borderRightColorHover":"var(\u002d\u002dcontrast-3)","borderBottomWidth":"4px","borderBottomStyle":"solid","borderBottomColor":"var(\u002d\u002dcontrast-2)","borderBottomColorHover":"var(\u002d\u002dcontrast-3)","borderLeftWidth":"4px","borderLeftStyle":"solid","borderLeftColor":"var(\u002d\u002dcontrast-2)","borderLeftColorHover":"var(\u002d\u002dcontrast-3)"},"backgroundColor":"var(\u002d\u002daccent)","backgroundColorHover":"var(\u002d\u002daccent)","textColor":"var(\u002d\u002dcontrast-2)","textColorHover":"var(\u002d\u002dcontrast-3)","iconStyles":{"height":"1em","width":"1em"},"opacities":[],"useTransition":true,"transitions":[{"state":"normal","target":"self","customSelector":"","timingFunction":"ease","property":"all","duration":0.5,"delay":""}],"boxShadows":[],"transforms":[],"textShadows":[],"filters":[]} -->
<a class="gb-button gb-button-9a411dbc gb-button-text" href="#">View Website</a>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/button {"uniqueId":"226479e7","hasUrl":true,"blockVersion":4,"display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center","columnGap":"0.5em","sizing":{"width":"max-content"},"typography":{"fontSize":"14px","letterSpacing":"0.1em","fontWeight":"600","textTransform":"uppercase"},"spacing":{"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":"","marginLeft":"auto","marginRight":"auto","marginBottom":""},"borders":{"borderTopWidth":"","borderTopStyle":"","borderTopColor":"","borderTopColorHover":"","borderRightWidth":"","borderRightStyle":"","borderRightColor":"","borderRightColorHover":"","borderBottomWidth":"","borderBottomStyle":"","borderBottomColor":"","borderBottomColorHover":"","borderLeftWidth":"","borderLeftStyle":"","borderLeftColor":"","borderLeftColorHover":""},"backgroundColor":"var(\u002d\u002daccent)","backgroundColorHover":"var(\u002d\u002daccent)","textColor":"var(\u002d\u002dcontrast-2)","textColorHover":"var(\u002d\u002dcontrast-3)","hasIcon":true,"iconStyles":{"height":"1.2em","width":"1.2em"},"className":"smooth-scroll","opacities":[],"useTransition":true,"transitions":[{"state":"normal","target":"self","customSelector":"","timingFunction":"ease","property":"all","duration":0.5,"delay":""}],"boxShadows":[],"transforms":[],"textShadows":[],"filters":[]} -->
<a class="gb-button gb-button-226479e7 smooth-scroll" href="#portfolio"><span class="gb-icon"><svg viewBox="0 0 16 16" class="bi bi-arrow-up-short" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z" fill-rule="evenodd"></path> </svg></span><span class="gb-button-text">Back to Top</span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->