Full Width Banner With Overlap boxes

Don’t settle for average

Lorem Ipsum has been the industry’s standard dummy text

sviluppo web

Lorem Ipsum is simply dummy text of the printing.
Visualizza altro
Mobile Development

Lorem Ipsum is simply dummy text of the printing.
Visualizza altro
Digital Marketing

Lorem Ipsum is simply dummy text of the printing.
Visualizza altro
Codice del pattern
<!-- wp:cover {"customGradient":"linear-gradient(360deg,rgb(255,255,255) 47%,rgb(23,38,70) 47%,rgb(23,38,70) 58%)","contentPosition":"top center","isDark":false,"align":"full"} -->
<div class="wp-block-cover alignfull is-light has-custom-content-position is-position-top-center"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient" style="background:linear-gradient(360deg,rgb(255,255,255) 47%,rgb(23,38,70) 47%,rgb(23,38,70) 58%)"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"full","style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"50px","bottom":"50px","right":"15px","left":"15px"}}},"className":"alignwide","layout":{"inherit":true}} -->
<div class="wp-block-group alignfull alignwide" style="border-radius:10px;padding-top:50px;padding-right:15px;padding-bottom:50px;padding-left:15px"><!-- wp:heading {"textAlign":"center","style":{"color":{"background":"#ffffff00"},"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"1.5em","textTransform":"uppercase"}},"textColor":"white"} -->
<h2 class="has-text-align-center has-white-color has-text-color has-background" style="background-color:#ffffff00;font-size:1.5em;font-style:normal;font-weight:700;text-transform:uppercase">Don't settle for average</h2>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":5,"style":{"typography":{"fontSize":"16px","lineHeight":"1.3"},"color":{"text":"#fbde1f"}}} -->
<h5 class="has-text-align-center has-text-color" style="color:#fbde1f;font-size:16px;line-height:1.3">Lorem Ipsum has been the industry's standard dummy text </h5>
<!-- /wp:heading -->

<!-- wp:columns {"verticalAlignment":"center","style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"30px"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center" style="border-radius:10px;padding-top:30px"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"color":{"background":"#fff4e5"},"border":{"radius":"10px"},"spacing":{"padding":{"top":"40px","right":"20px","bottom":"40px","left":"20px"}}}} -->
<div class="wp-block-group has-background" style="border-radius:10px;background-color:#fff4e5;padding-top:40px;padding-right:20px;padding-bottom:40px;padding-left:20px"><!-- wp:heading {"textAlign":"center","level":4,"style":{"color":{"text":"#172646"},"typography":{"lineHeight":"1","fontSize":"19px"}}} -->
<h4 class="has-text-align-center has-text-color" style="color:#172646;font-size:19px;line-height:1">sviluppo web</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#172646"},"typography":{"fontSize":"16px"}}} -->
<p class="has-text-align-center has-text-color" style="color:#172646;font-size:16px">Lorem Ipsum is simply dummy text of the printing.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","align":"center","style":{"color":{"background":"#172646"},"spacing":{"padding":{"top":"5px","right":"20px","bottom":"5px","left":"20px"}},"border":{"radius":"5px"}}} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:5px;background-color:#172646;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px">Visualizza altro</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"color":{"background":"#e7fde9"},"border":{"radius":"10px"},"spacing":{"padding":{"top":"40px","right":"20px","bottom":"40px","left":"20px"}}}} -->
<div class="wp-block-group has-background" style="border-radius:10px;background-color:#e7fde9;padding-top:40px;padding-right:20px;padding-bottom:40px;padding-left:20px"><!-- wp:heading {"textAlign":"center","level":4,"style":{"color":{"text":"#172646"},"typography":{"lineHeight":"1","fontSize":"19px"}}} -->
<h4 class="has-text-align-center has-text-color" style="color:#172646;font-size:19px;line-height:1">Mobile Development</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#172646"},"typography":{"fontSize":"16px"}}} -->
<p class="has-text-align-center has-text-color" style="color:#172646;font-size:16px">Lorem Ipsum is simply dummy text of the printing.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","align":"center","style":{"color":{"background":"#172646"},"spacing":{"padding":{"top":"5px","right":"20px","bottom":"5px","left":"20px"}},"border":{"radius":"5px"}}} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:5px;background-color:#172646;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px">Visualizza altro</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"color":{"background":"#f2f2fd"},"border":{"radius":"10px"},"spacing":{"padding":{"top":"40px","right":"20px","bottom":"40px","left":"20px"}}}} -->
<div class="wp-block-group has-background" style="border-radius:10px;background-color:#f2f2fd;padding-top:40px;padding-right:20px;padding-bottom:40px;padding-left:20px"><!-- wp:heading {"textAlign":"center","level":4,"style":{"color":{"text":"#172646"},"typography":{"lineHeight":"1","fontSize":"19px"}}} -->
<h4 class="has-text-align-center has-text-color" style="color:#172646;font-size:19px;line-height:1">Digital Marketing</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#172646"},"typography":{"fontSize":"16px"}}} -->
<p class="has-text-align-center has-text-color" style="color:#172646;font-size:16px">Lorem Ipsum is simply dummy text of the printing.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","align":"center","style":{"color":{"background":"#172646"},"spacing":{"padding":{"top":"5px","right":"20px","bottom":"5px","left":"20px"}},"border":{"radius":"5px"}}} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:5px;background-color:#172646;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px">Visualizza altro</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->