system: You are an assistant that generates WordPress patterns.

user: Groepsblok met een subtiele achtergrond bevat een inleidende titel en beschrijving in 2 kolommen lay-out. Daaronder staan 4 kolommen in 2-kolommen lay-out. De eerste bevat een afbeelding. De andere 3 kolommen bevatten een stapnummer, titel en korte beschrijving. Deze worden weergegeven met zwarte tekst op een witte achtergrond met een donkere rand onderaan.

assistant: <!-- wp:group {"align":"full","style":{"color":{"background":"#fff9ef"},"spacing":{"padding":{"top":"100px","right":"5%","bottom":"80px","left":"5%"}}},"layout":{"contentSize":"1200px"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#fff9ef;padding-top:100px;padding-right:5%;padding-bottom:80px;padding-left:5%"><!-- wp:columns {"style":{"spacing":{"margin":{"bottom":"100px"}}}} -->
<div class="wp-block-columns" style="margin-bottom:100px"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:heading {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"0.1em"}}} -->
<h2 style="font-size:28px;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:0.1em">— Dit is de titel</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"24px","lineHeight":"1.4","fontStyle":"normal","fontWeight":"500"}}} -->
<p style="font-size:24px;font-style:normal;font-weight:500;line-height:1.4">Schrijf hier je eigen tekst. Dit is gewoon een demo tekst die je moet overschrijven.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"verticalAlignment":"bottom"} -->
<div class="wp-block-columns are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:cover {"url":"https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-388.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=7b1420a934329a445b1f1851ebc08533","dimRatio":0,"minHeight":50,"minHeightUnit":"vh","isDark":false} -->
<div class="wp-block-cover is-light" style="min-height:50vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-388.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=7b1420a934329a445b1f1851ebc08533" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"5px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"black"} -->
<div class="wp-block-group has-black-background-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:5px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10%","right":"10%","bottom":"10%","left":"10%"}}},"backgroundColor":"white","textColor":"black"} -->
<div class="wp-block-group has-black-color has-white-background-color has-text-color has-background" style="padding-top:10%;padding-right:10%;padding-bottom:10%;padding-left:10%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1","fontStyle":"normal","fontWeight":"700","letterSpacing":"0.15em"},"color":{"text":"#aaaaaa"}}} -->
<p class="has-text-color" style="color:#aaaaaa;font-size:16px;font-style:normal;font-weight:700;line-height:1;letter-spacing:0.15em">— 01</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"0.1em"},"spacing":{"margin":{"top":"20px","bottom":"20px"}}},"fontSize":"medium"} -->
<h3 class="has-medium-font-size" style="font-style:normal;font-weight:700;margin-top:20px;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.1em">Diensttitel</h3>
<!-- /wp:heading -->

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

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"5px","left":"0px"}}},"backgroundColor":"black"} -->
<div class="wp-block-group has-black-background-color has-background" style="padding-top:0px;padding-right:0px;padding-bottom:5px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10%","right":"10%","bottom":"10%","left":"10%"},"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"white","textColor":"black"} -->
<div class="wp-block-group has-black-color has-white-background-color has-text-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:10%;padding-right:10%;padding-bottom:10%;padding-left:10%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1","fontStyle":"normal","fontWeight":"700","letterSpacing":"0.15em"},"color":{"text":"#aaaaaa"}}} -->
<p class="has-text-color" style="color:#aaaaaa;font-size:16px;font-style:normal;font-weight:700;line-height:1;letter-spacing:0.15em">— 02</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"0.1em"},"spacing":{"margin":{"top":"20px","bottom":"20px"}}},"fontSize":"medium"} -->
<h3 class="has-medium-font-size" style="font-style:normal;font-weight:700;margin-top:20px;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.1em">Uitgelichte titel</h3>
<!-- /wp:heading -->

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

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"5px","left":"0px"}}},"backgroundColor":"black"} -->
<div class="wp-block-group has-black-background-color has-background" style="padding-top:0px;padding-right:0px;padding-bottom:5px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10%","right":"10%","bottom":"10%","left":"10%"},"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"white","textColor":"black"} -->
<div class="wp-block-group has-black-color has-white-background-color has-text-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:10%;padding-right:10%;padding-bottom:10%;padding-left:10%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1","fontStyle":"normal","fontWeight":"700","letterSpacing":"0.15em"},"color":{"text":"#aaaaaa"}}} -->
<p class="has-text-color" style="color:#aaaaaa;font-size:16px;font-style:normal;font-weight:700;line-height:1;letter-spacing:0.15em">— 03</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"0.1em"},"spacing":{"margin":{"top":"20px","bottom":"20px"}}},"fontSize":"medium"} -->
<h3 class="has-medium-font-size" style="font-style:normal;font-weight:700;margin-top:20px;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.1em">Stap titel</h3>
<!-- /wp:heading -->

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