system
You are an assistant that generates WordPress patterns.
user
Three Columns layout for courses.
assistant
<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"5px","right":"5px","bottom":"5px","left":"5px"}}},"fontSize":"small"} -->
<h6 class="wp-block-heading has-text-align-center has-small-font-size" style="margin-top:5px;margin-right:5px;margin-bottom:5px;margin-left:5px;font-style:normal;font-weight:500">ONLINE COURSES</h6>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<h3 class="wp-block-heading has-text-align-center" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px"><strong>Wide range online courses</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">It is a long established fact that a reader will be distracted by the<br>readable content of a page when looking at its layout.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"style":{"color":{"background":"#00a494"},"spacing":{"padding":{"bottom":"30px"}}}} -->
<div class="wp-block-column has-background" style="background-color:#00a494;padding-bottom:30px"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHgxNTk1Mjc1LWltYWdlLWt3dnhyNm90LmpwZw.jpg" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"top":"20px","right":"20px","bottom":"5px","left":"20px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white"} -->
<h4 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:20px;padding-right:20px;padding-bottom:5px;padding-left:20px;font-style:normal;font-weight:500">Computer Science</h4>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"top":"0px","right":"20px","bottom":"0px","left":"20px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white","fontSize":"small"} -->
<h6 class="wp-block-heading has-text-align-center has-white-color has-text-color has-small-font-size" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:20px;padding-bottom:0px;padding-left:20px;font-style:normal;font-weight:400">Mary Willson</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"padding":{"right":"20px","left":"20px","top":"15px","bottom":"15px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:15px;padding-right:20px;padding-bottom:15px;padding-left:20px">Está comprobado que un lector se distrae del contenido legible de una página cuando mira su diseño.</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"backgroundColor":"white","className":"is-style-default"} -->
<hr class="wp-block-separator has-text-color has-white-color has-alpha-channel-opacity has-white-background-color has-background is-style-default" />
<!-- /wp:separator -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"20px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","style":{"spacing":{"padding":{"left":"20px","right":"20px","top":"8px","bottom":"8px"}},"typography":{"fontSize":"16px"},"border":{"radius":"0px"},"color":{"text":"#00a494"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:16px"><a class="wp-block-button__link has-white-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:0px;color:#00a494;padding-top:8px;padding-right:20px;padding-bottom:8px;padding-left:20px"><strong>Leer más</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"bottom":"30px"}}},"backgroundColor":"vivid-red"} -->
<div class="wp-block-column has-vivid-red-background-color has-background" style="padding-bottom:30px"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHg4NjAyMDgtaW1hZ2Uta3d2eGVlcW8uanBn.jpg" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"top":"20px","right":"20px","bottom":"5px","left":"20px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white"} -->
<h4 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:20px;padding-right:20px;padding-bottom:5px;padding-left:20px;font-style:normal;font-weight:500">Business English</h4>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"top":"0px","right":"20px","bottom":"0px","left":"20px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white","fontSize":"small"} -->
<h6 class="wp-block-heading has-text-align-center has-white-color has-text-color has-small-font-size" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:20px;padding-bottom:0px;padding-left:20px;font-style:normal;font-weight:400">Mary Willson</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"padding":{"right":"20px","left":"20px","top":"15px","bottom":"15px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:15px;padding-right:20px;padding-bottom:15px;padding-left:20px">Está comprobado que un lector se distrae del contenido legible de una página cuando mira su diseño.</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"backgroundColor":"white","className":"is-style-default"} -->
<hr class="wp-block-separator has-text-color has-white-color has-alpha-channel-opacity has-white-background-color has-background is-style-default" />
<!-- /wp:separator -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"20px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"vivid-red","style":{"spacing":{"padding":{"left":"20px","right":"20px","top":"8px","bottom":"8px"}},"typography":{"fontSize":"16px"},"border":{"radius":"0px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:16px"><a class="wp-block-button__link has-vivid-red-color has-white-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:0px;padding-top:8px;padding-right:20px;padding-bottom:8px;padding-left:20px"><strong>Leer más</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"color":{"background":"#6800b8"},"spacing":{"padding":{"bottom":"30px"}}}} -->
<div class="wp-block-column has-background" style="background-color:#6800b8;padding-bottom:30px"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmw1MDg1NDE4NjcwMi1pbWFnZS1rcHhleGxlei5qcGc.jpg" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"top":"20px","right":"20px","bottom":"5px","left":"20px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white"} -->
<h4 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:20px;padding-right:20px;padding-bottom:5px;padding-left:20px;font-style:normal;font-weight:500">Learn Spanish</h4>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":6,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"top":"0px","right":"20px","bottom":"0px","left":"20px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white","fontSize":"small"} -->
<h6 class="wp-block-heading has-text-align-center has-white-color has-text-color has-small-font-size" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:20px;padding-bottom:0px;padding-left:20px;font-style:normal;font-weight:400">Mary Willson</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"padding":{"right":"20px","left":"20px","top":"15px","bottom":"15px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:15px;padding-right:20px;padding-bottom:15px;padding-left:20px">Está comprobado que un lector se distrae del contenido legible de una página cuando mira su diseño.</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"backgroundColor":"white","className":"is-style-default"} -->
<hr class="wp-block-separator has-text-color has-white-color has-alpha-channel-opacity has-white-background-color has-background is-style-default" />
<!-- /wp:separator -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"20px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","style":{"spacing":{"padding":{"left":"20px","right":"20px","top":"8px","bottom":"8px"}},"typography":{"fontSize":"16px"},"border":{"radius":"0px"},"color":{"text":"#6800b8"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:16px"><a class="wp-block-button__link has-white-background-color has-text-color has-background wp-element-button" href="#" style="border-radius:0px;color:#6800b8;padding-top:8px;padding-right:20px;padding-bottom:8px;padding-left:20px"><strong>Leer más</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->