To use this element: @include('.srv.www.kocho.co.uk.releases.20241029111403.web.app.themes.sage10.app.View.......library.blocks.card-grid.card-grid', $options)

Options used for this example:

[
	"cta" => [
		"button_text" => "See more",
		"button_type" => "link",
		"link_url" => "#",
		"button_style" => "primary-green"
	],
	"articles" => [
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read with long meta description to overflow or wrap"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		]
	]
]

To use this element: @include('.srv.www.kocho.co.uk.releases.20241029111403.web.app.themes.sage10.app.View.......library.blocks.card-grid.card-grid', $options)

Options used for this example:

[
	"hasTitle" => 1,
	"has_tag" => true,
	"tag_type" => "icon",
	"tag_text" => "Block Tag",
	"cardGridTitle" => [
		"gridTitle" => "You may also like...",
		"gridTitleHeadingLevel" => 3
	],
	"cta" => [
		"button_text" => "See more",
		"button_type" => "link",
		"link_url" => "#",
		"button_style" => "primary-green"
	],
	"articles" => [
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read with long meta description to overflow or wrap"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		]
	]
]

To use this element: @include('.srv.www.kocho.co.uk.releases.20241029111403.web.app.themes.sage10.app.View.......library.blocks.card-grid.card-grid', $options)

Options used for this example:

[
	"cta" => [
		"button_text" => "See more",
		"button_type" => "link",
		"link_url" => "#",
		"button_style" => "primary-green"
	],
	"articles" => [
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		]
	]
]

To use this element: @include('.srv.www.kocho.co.uk.releases.20241029111403.web.app.themes.sage10.app.View.......library.blocks.card-grid.card-grid', $options)

Options used for this example:

[
	"cta" => [
		"button_text" => "See more",
		"button_type" => "link",
		"link_url" => "#",
		"button_style" => "primary-green"
	],
	"articles" => [
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		],
		[
			"hoverPop" => true,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "",
			"tags" => [
				"theme" => "dark-oatmeal-font",
				"limit" => false,
				"items" => []
			],
			"meta" => "10.12.2021 | 4min read"
		]
	]
]

To use this element: @include('.srv.www.kocho.co.uk.releases.20241029111403.web.app.themes.sage10.app.View.......library.blocks.card-grid.card-grid', $options)

Options used for this example:

[
	"articles" => [
		[
			"hoverPop" => false,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Libero autem dolores pariatur veniam ab quod odit obcaecati harum, unde iusto provident quibusdam cupiditate nulla fuga voluptatum quia, tenetur, blanditiis voluptates?",
			"tags" => [
				"limit" => 2,
				"theme" => "oatmeal",
				"items" => [
					[
						"text" => "Transformation"
					],
					[
						"text" => "Identity"
					],
					[
						"text" => "Identity"
					]
				]
			],
			"meta" => "Test | aasasd"
		],
		[
			"hoverPop" => false,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Libero autem dolores pariatur veniam ab quod odit obcaecati harum, unde iusto provident quibusdam cupiditate nulla fuga voluptatum quia, tenetur, blanditiis voluptates?",
			"tags" => [
				"limit" => 2,
				"theme" => "oatmeal",
				"items" => [
					[
						"text" => "Transformation"
					],
					[
						"text" => "Identity"
					],
					[
						"text" => "Identity"
					]
				]
			],
			"meta" => "Test | aasasd"
		],
		[
			"hoverPop" => false,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Libero autem dolores pariatur veniam ab quod odit obcaecati harum, unde iusto provident quibusdam cupiditate nulla fuga voluptatum quia, tenetur, blanditiis voluptates?",
			"tags" => [
				"limit" => 2,
				"theme" => "oatmeal",
				"items" => [
					[
						"text" => "Transformation"
					],
					[
						"text" => "Identity"
					],
					[
						"text" => "Identity"
					]
				]
			],
			"meta" => "Test | aasasd"
		],
		[
			"hoverPop" => false,
			"headerTags" => [
				"theme" => "dark-lemon-font",
				"items" => [
					[
						"text" => "Transformation"
					]
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/kitten-green.jpg",
				"alt" => "kitten"
			],
			"headingLevel" => 3,
			"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
			"text" => "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Libero autem dolores pariatur veniam ab quod odit obcaecati harum, unde iusto provident quibusdam cupiditate nulla fuga voluptatum quia, tenetur, blanditiis voluptates?",
			"tags" => [
				"limit" => 2,
				"theme" => "oatmeal",
				"items" => [
					[
						"text" => "Transformation"
					],
					[
						"text" => "Identity"
					],
					[
						"text" => "Identity"
					]
				]
			],
			"meta" => "Test | aasasd"
		]
	]
]