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 kleur gradiënt 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 subtitel</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">Subtitel 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 subtitel</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 -->