system: You are an assistant that generates WordPress patterns.

user: Het toevoegen van een korte bio met social media handles

assistant: <!-- wp:group {"align":"full","style":{"color":{"background":"#10393b"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#10393b"><!-- wp:columns {"align":"full","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-columns alignfull" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}},"layout":{"type":"constrained","wideSize":"","justifyContent":"center"}} -->
<div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:media-text {"align":"","mediaPosition":"right","mediaType":"image","mediaWidth":30} -->
<div class="wp-block-media-text has-media-on-the-right is-stacked-on-mobile" style="grid-template-columns:auto 30%"><div class="wp-block-media-text__content"><!-- wp:paragraph {"placeholder":"Inhoud …","textColor":"vivid-green-cyan"} -->
<p class="has-vivid-green-cyan-color has-text-color">Welkom in mijn wereld</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":1,"textColor":"white","fontSize":"large"} -->
<h1 class="wp-block-heading has-white-color has-text-color has-large-font-size">Hallo ik ben Jan, een <br>Full Stack <strong>developer.</strong> <strong>Profesionele coder.</strong></h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:16px">Ik ben een full-stack web developer &amp; web designer die wereldwijd werkt. Ik heb een passie voor het ontwerpen en ontwikkelen van gebruiksvriendelijke websites. Ik heb alle vaardigheden om een nieuwe website van hoge kwaliteit te maken of bestaande websites te verbeteren voor particulieren en organisaties, met behulp van de nieuwste technieken en trends.</p>
<!-- /wp:paragraph --></div><figure class="wp-block-media-text__media"><img src="https://openaccess-cdn.clevelandart.org/1951.416/1951.416_web.jpg" alt="" /></figure></div>
<!-- /wp:media-text --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"full","style":{"spacing":{"margin":{"top":"0"},"padding":{"bottom":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns alignfull" style="margin-top:0;padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:column {"verticalAlignment":"top","width":"","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-top" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"}},"textColor":"white","fontSize":"medium"} -->
<h4 class="wp-block-heading has-text-align-center has-white-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:700;text-transform:uppercase">vind met mij</h4>
<!-- /wp:heading -->

<!-- wp:social-links {"iconColor":"white","iconColorValue":"#ffffff","openInNewTab":true,"size":"has-normal-icon-size","align":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal","flexWrap":"nowrap"}} -->
<ul class="wp-block-social-links aligncenter has-normal-icon-size has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"https://facebook.com","service":"facebook","label":"Facebook "} /-->

<!-- wp:social-link {"url":"https://linkedin.com/","service":"linkedin"} /-->

<!-- wp:social-link {"url":"https://wordpress.org/","service":"wordpress"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-top" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase"}},"textColor":"white","fontSize":"medium"} -->
<h4 class="wp-block-heading has-text-align-center has-white-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:700;text-transform:uppercase">Extra vaardigheden</h4>
<!-- /wp:heading -->

<!-- wp:social-links {"iconColor":"white","iconColorValue":"#ffffff","openInNewTab":true,"size":"has-normal-icon-size","align":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal","flexWrap":"nowrap"}} -->
<ul class="wp-block-social-links aligncenter has-normal-icon-size has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"https://github.com","service":"github"} /-->

<!-- wp:social-link {"url":"#","service":"pocket"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->