system: You are an assistant that generates WordPress patterns.

user: Titel en beschrijving worden in een 2 kolommen lay-out getoond. Daaronder bevinden zich 3 stappen, elk met een nummer aan de linkerkant en titel en beschrijving aan de rechterkant. Er is een scherpe stop subtiel kleurverloop onder deze stappen snijden horizontaal dwars door de stap nummer en titel.

assistant: <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"100px","right":"5%","left":"5%","bottom":"100px"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"contentSize":"1200px"}} -->
<div class="wp-block-group alignfull" style="margin-top:0px;margin-bottom:0px;padding-top:100px;padding-right:5%;padding-bottom:100px;padding-left:5%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","fontSize":"28px"}}} -->
<h2 style="font-size:28px;font-style:normal;font-weight:700;text-transform:uppercase">Dit is een titel</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size">Schrijf hier je eigen tekst. Dit is gewoon een demo tekst die je moet overschrijven. Schrijf hier je eigen tekst. Dit is gewoon een demo tekst die je moet overschrijven.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","style":{"color":{"gradient":"linear-gradient(180deg,rgba(255,128,0,0) 10%,rgba(255,128,0,0.06) 10%)"},"spacing":{"padding":{"bottom":"100px","top":"0px","right":"5%","left":"5%"}}},"layout":{"contentSize":"1200px"}} -->
<div class="wp-block-group alignfull has-background" style="background:linear-gradient(180deg,rgba(255,128,0,0) 10%,rgba(255,128,0,0.06) 10%);padding-top:0px;padding-right:5%;padding-bottom:100px;padding-left:5%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"3rem"} -->
<div class="wp-block-column" style="flex-basis:3rem"><!-- wp:group {"style":{"spacing":{"padding":{"top":"1rem","right":"0em","bottom":"1rem","left":"0em"}}},"backgroundColor":"black","textColor":"white"} -->
<div class="wp-block-group has-white-color has-black-background-color has-text-color has-background" style="padding-top:1rem;padding-right:0em;padding-bottom:1rem;padding-left:0em"><!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1","fontSize":"16px","fontStyle":"normal","fontWeight":"700"}}} -->
<p class="has-text-align-center" style="font-size:16px;font-style:normal;font-weight:700;line-height:1">1</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":""} -->
<div class="wp-block-column"><!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"24px","textTransform":"uppercase"},"spacing":{"margin":{"top":"0.5rem"}}}} -->
<h3 style="font-size:24px;font-style:normal;font-weight:700;margin-top:0.5rem;text-transform:uppercase">Een ondertitel</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Gewoon een korte zin. Schrijf hier je eigen tekst. Dit is gewoon een demo tekst die je moet overschrijven.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"3rem"} -->
<div class="wp-block-column" style="flex-basis:3rem"><!-- wp:group {"style":{"spacing":{"padding":{"top":"1rem","right":"0em","bottom":"1rem","left":"0em"}}},"backgroundColor":"black","textColor":"white"} -->
<div class="wp-block-group has-white-color has-black-background-color has-text-color has-background" style="padding-top:1rem;padding-right:0em;padding-bottom:1rem;padding-left:0em"><!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1","fontSize":"16px","fontStyle":"normal","fontWeight":"700"}}} -->
<p class="has-text-align-center" style="font-size:16px;font-style:normal;font-weight:700;line-height:1">2</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":""} -->
<div class="wp-block-column"><!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"24px","textTransform":"uppercase"},"spacing":{"margin":{"top":"0.5rem"}}}} -->
<h3 style="font-size:24px;font-style:normal;font-weight:700;margin-top:0.5rem;text-transform:uppercase">Ondertitel tekst</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Gewoon een korte zin. Schrijf hier je eigen tekst. Dit is gewoon een demo tekst die je moet overschrijven.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"3rem"} -->
<div class="wp-block-column" style="flex-basis:3rem"><!-- wp:group {"style":{"spacing":{"padding":{"top":"1rem","right":"0em","bottom":"1rem","left":"0em"}}},"backgroundColor":"black","textColor":"white"} -->
<div class="wp-block-group has-white-color has-black-background-color has-text-color has-background" style="padding-top:1rem;padding-right:0em;padding-bottom:1rem;padding-left:0em"><!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1","fontSize":"16px","fontStyle":"normal","fontWeight":"700"}}} -->
<p class="has-text-align-center" style="font-size:16px;font-style:normal;font-weight:700;line-height:1">3</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":""} -->
<div class="wp-block-column"><!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"24px","textTransform":"uppercase"},"spacing":{"margin":{"top":"0.5rem"}}}} -->
<h3 style="font-size:24px;font-style:normal;font-weight:700;margin-top:0.5rem;text-transform:uppercase">Laatste ondertitel</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Gewoon een korte zin. Schrijf hier je eigen tekst. Dit is gewoon een demo tekst die je moet overschrijven.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->