# gutenberg/8.2.0/lib/patterns/features-services.php

Gutenberg, version 8.2.0. 13 lines.

- Page: https://pluginprobe.com/plugins/gutenberg/8.2.0/code/lib/patterns/features-services.php
- Raw: https://pluginprobe.com/plugins/gutenberg/8.2.0/raw/lib/patterns/features-services.php
- Modified: 2020-05-27T16:27:08+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/gutenberg/8.2.0/code/lib/patterns/features-services.php#L10-L20`.

```php
<?php
/**
 * Hero Two Columns block pattern.
 *
 * @package gutenberg
 */

return array(
	'title'         => __( 'Features and Services', 'gutenberg' ),
	'content'       => "<!-- wp:group {\"align\":\"wide\"} -->\n<div class=\"wp-block-group alignwide\"><div class=\"wp-block-group__inner-container\"><!-- wp:columns {\"align\":\"wide\"} -->\n<div class=\"wp-block-columns alignwide\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:group -->\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\"><!-- wp:group {\"gradient\":\"luminous-vivid-amber-to-luminous-vivid-orange\"} -->\n<div class=\"wp-block-group has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background has-background\"><div class=\"wp-block-group__inner-container\"></div></div>\n<!-- /wp:group -->\n\n<!-- wp:paragraph {\"textColor\":\"black\",\"style\":{\"typography\":{\"fontSize\":34}}} -->\n<p class=\"has-black-color has-text-color\" style=\"font-size:34px\">One</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {\"textColor\":\"black\",\"fontSize\":\"medium\"} -->\n<p class=\"has-black-color has-text-color has-medium-font-size\">This software is design for everyone, emphasizing accessibility, performance, security and ease of use.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"borderRadius\":2,\"backgroundColor\":\"black\",\"textColor\":\"black\",\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link has-black-color has-black-background-color has-text-color has-background\" style=\"border-radius:2px\">Learn more</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div></div>\n<!-- /wp:group --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:group -->\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\"><!-- wp:group {\"gradient\":\"light-green-cyan-to-vivid-green-cyan\"} -->\n<div class=\"wp-block-group has-light-green-cyan-to-vivid-green-cyan-gradient-background has-background\"><div class=\"wp-block-group__inner-container\"></div></div>\n<!-- /wp:group -->\n\n<!-- wp:paragraph {\"textColor\":\"black\",\"style\":{\"typography\":{\"fontSize\":34}}} -->\n<p class=\"has-black-color has-text-color\" style=\"font-size:34px\">Two</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {\"textColor\":\"black\",\"fontSize\":\"medium\"} -->\n<p class=\"has-black-color has-text-color has-medium-font-size\">Simple and predictable so you can easily get started. Offers powerful features for growth and success.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"borderRadius\":2,\"backgroundColor\":\"black\",\"textColor\":\"black\",\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link has-black-color has-black-background-color has-text-color has-background\" style=\"border-radius:2px\">Learn more</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div></div>\n<!-- /wp:group --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:group -->\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\"><!-- wp:group {\"gradient\":\"vivid-cyan-blue-to-vivid-purple\"} -->\n<div class=\"wp-block-group has-vivid-cyan-blue-to-vivid-purple-gradient-background has-background\"><div class=\"wp-block-group__inner-container\"></div></div>\n<!-- /wp:group -->\n\n<!-- wp:paragraph {\"textColor\":\"black\",\"style\":{\"typography\":{\"fontSize\":34}}} -->\n<p class=\"has-black-color has-text-color\" style=\"font-size:34px\">Three</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {\"textColor\":\"black\",\"fontSize\":\"medium\"} -->\n<p class=\"has-black-color has-text-color has-medium-font-size\">Works with minimum setup, so you can focus on sharing your story, product, or services freely.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"borderRadius\":2,\"backgroundColor\":\"black\",\"textColor\":\"black\",\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link has-black-color has-black-background-color has-text-color has-background\" style=\"border-radius:2px\">Learn more</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div></div>\n<!-- /wp:group --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div></div>\n<!-- /wp:group -->",
	'viewportWidth' => 1000,
);

```