# gutenberg/8.3.0/lib/patterns/numbered-features.php

Gutenberg, version 8.3.0. 13 lines.

- Page: https://pluginprobe.com/plugins/gutenberg/8.3.0/code/lib/patterns/numbered-features.php
- Raw: https://pluginprobe.com/plugins/gutenberg/8.3.0/raw/lib/patterns/numbered-features.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.3.0/code/lib/patterns/numbered-features.php#L10-L20`.

```php
<?php
/**
 * Numbered Features block pattern.
 *
 * @package gutenberg
 */

return array(
	'title'      => __( 'Numbered Features', 'gutenberg' ),
	'categories' => array( 'features' ),
	'content'    => "<!-- wp:group {\"align\":\"wide\",\"style\":{\"color\":{\"background\":\"#f3ece3\"}}} -->\n<div class=\"wp-block-group alignwide has-background\" style=\"background-color:#f3ece3\"><div class=\"wp-block-group__inner-container\"><!-- wp:group -->\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\"><!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"width\":33.33} -->\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\"><!-- wp:paragraph {\"align\":\"center\",\"customTextColor\":\"#e87b1d\",\"customFontSize\":90} -->\n<p style=\"color:#e87b1d;font-size:90px\" class=\"has-text-color has-text-align-center\"><strong>1</strong></p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":66.66} -->\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\"><!-- wp:paragraph {\"customTextColor\":\"#685203\",\"customFontSize\":32} -->\n<p style=\"color:#685203;font-size:32px\" class=\"has-text-color\">Custom Designs</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {\"customTextColor\":\"#000000\"} -->\n<p style=\"color:#000000\" class=\"has-text-color\">Extend it with over 54,000 plugins to help your website meet your needs.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:spacer {\"height\":20} -->\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"></div>\n<!-- /wp:spacer --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div></div>\n<!-- /wp:group -->\n\n<!-- wp:group -->\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\"><!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"width\":33.33} -->\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\"><!-- wp:paragraph {\"align\":\"center\",\"customTextColor\":\"#e87b1d\",\"customFontSize\":90} -->\n<p style=\"color:#e87b1d;font-size:90px\" class=\"has-text-color has-text-align-center\"><strong>2</strong></p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":66.66} -->\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\"><!-- wp:paragraph {\"customTextColor\":\"#685203\",\"customFontSize\":32} -->\n<p style=\"color:#685203;font-size:32px\" class=\"has-text-color\">High Performance</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {\"customTextColor\":\"#000000\"} -->\n<p style=\"color:#000000\" class=\"has-text-color\">Add an online store, galleries, mailing lists, forums, analytics, and much more.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:spacer {\"height\":20} -->\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"></div>\n<!-- /wp:spacer --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div></div>\n<!-- /wp:group -->\n\n<!-- wp:group -->\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\"><!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"width\":33.33} -->\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\"><!-- wp:paragraph {\"align\":\"center\",\"customTextColor\":\"#e87b1d\",\"customFontSize\":90} -->\n<p style=\"color:#e87b1d;font-size:90px\" class=\"has-text-color has-text-align-center\"><strong>3</strong></p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"width\":66.66} -->\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\"><!-- wp:paragraph {\"customTextColor\":\"#685203\",\"customFontSize\":32} -->\n<p style=\"color:#685203;font-size:32px\" class=\"has-text-color\">Easy and Accessible</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {\"customTextColor\":\"#000000\"} -->\n<p style=\"color:#000000\" class=\"has-text-color\">Hundreds of thousands of developers and site owners trust it worldwide.</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div></div>\n<!-- /wp:group --></div></div>\n<!-- /wp:group -->",
);

```