About us
Awards & Accreditations
A block with awards logos, CTA, and optional title and body copy
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.archive-content.archive-content', $options)
Options used for this example:
[]
A block with awards logos, CTA, and optional title and body copy
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.awards-list.awards-list', $options)
Options used for this example:
[
"bg_colour" => "white",
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "Awards & Accreditations",
"text_align" => "center",
"title" => "Awards list",
"copy" => "Sed turpis felis, vestibulum et leo vitae, laoreet hendrerit orci. Donec felis est, pretium vitae viverra sed, dignissim et tortor. Curabitur at enim ligula. Praesent feugiat commodo posuere. Fusce quis diam velit. Etiam fringilla feugiat diam ac auctor. Proin non nulla feugiat, molestie eros in, malesuada arcu.",
"logos" => [
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-cyber-essentials.png",
"alt" => "cyber essentials award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-gold-microsoft-partner.png",
"alt" => "gold Microsoft partner award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-iso-9001-certified.png",
"alt" => "ISO 9001 award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-bsi-iso-27001-certified.png",
"alt" => "ISO 27001 award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-microsoft-intelligent-security-association.png",
"alt" => "Microsoft intelligent security award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-microsoft-gold-five-competencies.png",
"alt" => "Microsoft five competencies gold award logo"
]
]
],
"cta" => [
"button_text" => "Primary Button",
"button_type" => "link",
"link_url" => "https://google.com"
]
]
Awards & Accreditations
A block with awards logos, CTA, and optional title and body copy
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.awards-logos.awards-logos', $options)
Options used for this example:
[
"carousel_type" => "static",
"logos" => [
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-cyber-essentials.png",
"alt" => "cyber essentials award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-gold-microsoft-partner.png",
"alt" => "gold Microsoft partner award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-iso-9001-certified.png",
"alt" => "ISO 9001 award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-bsi-iso-27001-certified.png",
"alt" => "ISO 27001 award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-microsoft-intelligent-security-association.png",
"alt" => "Microsoft intelligent security award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-microsoft-gold-five-competencies.png",
"alt" => "Microsoft five competencies gold award logo"
]
]
]
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.awards-logos.awards-logos', $options)
Options used for this example:
[
"carousel_type" => "tickertape",
"logos" => [
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-cyber-essentials.png",
"alt" => "cyber essentials award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-gold-microsoft-partner.png",
"alt" => "gold Microsoft partner award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-iso-9001-certified.png",
"alt" => "ISO 9001 award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-bsi-iso-27001-certified.png",
"alt" => "ISO 27001 award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-microsoft-intelligent-security-association.png",
"alt" => "Microsoft intelligent security award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-microsoft-gold-five-competencies.png",
"alt" => "Microsoft five competencies gold award logo"
]
]
]
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.awards-logos.awards-logos', $options)
Options used for this example:
[
"carousel_type" => "carousel",
"logos" => [
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-cyber-essentials.png",
"alt" => "cyber essentials award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-gold-microsoft-partner.png",
"alt" => "gold Microsoft partner award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-iso-9001-certified.png",
"alt" => "ISO 9001 award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-bsi-iso-27001-certified.png",
"alt" => "ISO 27001 award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-microsoft-intelligent-security-association.png",
"alt" => "Microsoft intelligent security award logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/awards-microsoft-gold-five-competencies.png",
"alt" => "Microsoft five competencies gold award logo"
]
]
]
]
Renders a grid of Cards
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....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" => "/assets/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" => "/assets/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" => "/assets/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" => "/assets/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.20240513082245.web.app.themes.sage.resources....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" => "/assets/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" => "/assets/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" => "/assets/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" => "/assets/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"
]
]
]
Block Tag
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....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" => "/assets/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" => "/assets/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" => "/assets/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" => "/assets/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" => "/assets/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" => "/assets/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" => "/assets/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" => "/assets/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.20240513082245.web.app.themes.sage.resources....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" => "/assets/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" => "/assets/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" => "/assets/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" => "/assets/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.20240513082245.web.app.themes.sage.resources....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" => "/assets/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" => "/assets/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" => "/assets/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" => "/assets/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"
]
]
]
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, tenet...
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, tenet...
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, tenet...
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, tenet...
Centered full-width quote block with the option to toggle avatar icon and text
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.centered-quote.centered-quote', $options)
Options used for this example:
[
"has_overlay" => true,
"person_avatar" => [
"has_person" => 1,
"person_image" => [
"url" => "/assets/images/pattern-library/gettyimages-1327498437-2048x2048.jpeg"
],
"person_name" => "John Smith",
"person_position" => "CEO"
],
"quote_body" => "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta mi dignissim ultricies suscipit. Nullam ut justo a velit vehicula vulputate sit amet a nisi.",
"toggle_logo" => 1,
"quote_logo" => [
"url" => "/assets/images/pattern-library/logo-yodel.png",
"alt" => "The Yodel logo"
]
]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta mi dignissim ultricies suscipit. Nullam ut justo a velit vehicula vulputate sit amet a nisi.
John Smith
CEO
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.centered-quote-carousel.centered-quote-carousel', $options)
Options used for this example:
[]
Narrow content area for content pages such as articles, centred to the page
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.centred-narrow-content.centred-narrow-content', $options)
Options used for this example:
[
"centred_content" => [
[
"content_type" => "heading",
"heading" => [
"heading_text" => "We speak to Yubico's CSO about the problem with passwords, different modern authentication solutions, and how to make passwordless a success in your organisation.",
"heading_size" => "h2"
]
],
[
"content_type" => "large_text",
"large_paragraph" => "<div>Here is an example of a startfirst using the large text. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</div>"
],
[
"content_type" => "text",
"copy" => "<div>Here is an example of a normal paragraph using the normal wysiwyg. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</div>"
]
]
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.centred-narrow-content.centred-narrow-content', $options)
Options used for this example:
[
"centred_content" => [
[
"content_type" => "text",
"copy" => "<div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div><div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat</div><div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</div>"
]
]
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.centred-narrow-content.centred-narrow-content', $options)
Options used for this example:
[
"centred_content" => [
[
"content_type" => "text",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.</p>"
],
[
"content_type" => "quote",
"quote" => [
"bg_colour" => "oatmeal",
"background_overlay" => [
"has_overlay" => true,
"overlay_image" => [
[
"url" => "/assets/images/patterns/Butterfly_2.svg",
"alt" => "A stylized version of the Kocho butterfly logo"
]
],
"overlay_position" => "top_right"
],
"show_quote" => true,
"quote_text" => "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>",
"quote_source" => "Bob Ross",
"quote_link" => [
"url" => "https://www.google.co.uk"
]
]
],
[
"content_type" => "text",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.</p>"
]
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.centred-narrow-content.centred-narrow-content', $options)
Options used for this example:
[
"centred_content" => [
[
"content_type" => "text",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.</p>"
],
[
"content_type" => "image",
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"image_source" => [
"title" => "google.com",
"url" => "https://google.com"
]
]
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.centred-narrow-content.centred-narrow-content', $options)
Options used for this example:
[
"centred_content" => [
[
"content_type" => "accordion",
"accordion" => [
"accordion_text" => "<p>Sustainable and secure growth that powers your potential. Select an option below to see how we can help your business.</p>",
"items" => [
[
"title" => "Identity",
"text" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>"
],
[
"title" => "Secure Workforce",
"text" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>"
],
[
"title" => "Secure Operation",
"text" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>"
],
[
"title" => "Innovation & Transformation",
"text" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>"
],
[
"title" => "Managed Services",
"text" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>"
]
]
]
]
]
]
Sustainable and secure growth that powers your potential. Select an option below to see how we can help your business.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.centred-narrow-content.centred-narrow-content', $options)
Options used for this example:
[
"centred_content" => [
[
"content_type" => "icons",
"icons" => [
"layout" => "grid",
"heading_level" => "h2",
"items" => [
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
]
]
]
],
[
"content_type" => "text",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.</p>"
],
[
"content_type" => "icons",
"icons" => [
"layout" => "stacked",
"heading_level" => "h2",
"items" => [
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
]
]
]
]
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.centred-narrow-content.centred-narrow-content', $options)
Options used for this example:
[
"centred_content" => [
[
"content_type" => "text",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><ul><li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.</li><li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.</li><li>Lorem ipsum dolor sit amet, consetetur sadip scing elitr, sed diam nonumy.</li></ul>"
]
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.centred-narrow-content.centred-narrow-content', $options)
Options used for this example:
[
"centred_content" => [
[
"content_type" => "text_button",
"text_button" => [
"text_align" => "left",
"title" => "Title text",
"title_size" => "h4",
"copy" => "<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ducimus atque, iusto neque eos cum asperiores aperiam omnis perspiciatis porro soluta error nemo aut fugiat similique ea minus quae provident voluptatum?</p>",
"text_has_button" => true,
"text_cta" => [
"button_text" => "Primary Button",
"button_style" => "primary-green",
"button_type" => "link",
"link_url" => "https://google.com"
],
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "Tag with Icon",
"bg_colour" => "white"
]
],
[
"content_type" => "text",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>"
]
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.centred-narrow-content.centred-narrow-content', $options)
Options used for this example:
[
"centred_content" => [
[
"content_type" => "text",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>"
],
[
"content_type" => "video",
"video_content" => [
"provider" => "youtube",
"embed_code" => "pVE92TNDwUk",
"title" => "Placeholder video",
"caption" => "A video from YouTube",
"sources" => [],
"modal" => false,
"overlay_img" => [
"url" => "/assets/images/pattern-library/placeholder-video-overlay.jpeg",
"alt" => "placeholder overlay"
],
"video_duration" => [
"video_hours" => "00",
"video_minutes" => "00",
"video_seconds" => "33"
]
]
]
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
A table for comparing pros and cons of up to 4 different tiers. The first tier is highlighted in lime
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.comparison-table.comparison-table', $options)
Options used for this example:
[
"table_subtitle" => "Side by side",
"table_title" => "A short heading about the comparison table",
"table_title_width" => "narrow",
"tiers" => [
[
"tier_title" => "Gold Tier",
"tier_body" => "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.",
"tier_bullets" => [
[
"tier_icons" => "tick",
"tier_text" => "Impressive feature goes here like this"
],
[
"tier_icons" => "tick",
"tier_text" => "Impressive feature goes here, this time over two short lines"
],
[
"tier_icons" => "tick",
"tier_text" => "Impressive feature goes here like this"
],
[
"tier_icons" => "tick",
"tier_text" => "Another example feature here"
],
[
"tier_icons" => "tick",
"tier_text" => "Impressive feature here"
],
[
"tier_icons" => "tick",
"tier_text" => "Impressive feature goes here"
]
]
],
[
"tier_title" => "Silver Tier",
"tier_body" => "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.",
"tier_bullets" => [
[
"tier_icons" => "tick",
"tier_text" => "Impressive feature goes here like this"
],
[
"tier_icons" => "tick",
"tier_text" => "Impressive feature goes here, this time over two short lines"
],
[
"tier_icons" => "tick",
"tier_text" => "Impressive feature goes here like this"
],
[
"tier_icons" => "cross",
"tier_text" => "An unimpressive example feature here"
],
[
"tier_icons" => "cross",
"tier_text" => "Another unimpressive feature here"
],
[
"tier_icons" => "cross",
"tier_text" => "One more unimpressive feature goes here"
]
]
],
[
"tier_title" => "Bronze Tier",
"tier_body" => "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.",
"tier_bullets" => [
[
"tier_icons" => "tick",
"tier_text" => "Impressive feature goes here like this"
],
[
"tier_icons" => "cross",
"tier_text" => "Unimpressive feature goes here, this time over two short lines"
],
[
"tier_icons" => "cross",
"tier_text" => "Unimpressive feature goes here like this"
],
[
"tier_icons" => "cross",
"tier_text" => "An unimpressive example feature here"
],
[
"tier_icons" => "cross",
"tier_text" => "Another unimpressive feature here"
],
[
"tier_icons" => "cross",
"tier_text" => "One more unimpressive feature goes here"
]
]
]
]
]
Side by side
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
Impressive feature goes here like this
Impressive feature goes here, this time over two short lines
Impressive feature goes here like this
Another example feature here
Impressive feature here
Impressive feature goes here
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
Impressive feature goes here like this
Impressive feature goes here, this time over two short lines
Impressive feature goes here like this
An unimpressive example feature here
Another unimpressive feature here
One more unimpressive feature goes here
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
Impressive feature goes here like this
Unimpressive feature goes here, this time over two short lines
Unimpressive feature goes here like this
An unimpressive example feature here
Another unimpressive feature here
One more unimpressive feature goes here
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.event-and-download.event-and-download', $options)
Options used for this example:
[
"bg_colour" => "oatmeal",
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"meta" => "E-Guide | 12min read",
"title_size" => "h3",
"title" => "Event and download form with a form",
"copy_type" => "manual",
"copy" => "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas egestas ex id lacus dictum cursus.<p><ul><li>Lorem ipsum</li><li>Dolor sit amet</li><li>Elitr nonumy</li></ul>",
"isButton" => false,
"form" => "<!--[if lte IE 8]><script charset=\"utf-8\" type=\"text/javascript\" src=\"//js.hsforms.net/forms/v2-legacy.js\"></script><![endif]--><script charset=\"utf-8\" type=\"text/javascript\" src=\"//js.hsforms.net/forms/v2.js\"></script><script>hbspt.forms.create([region => \"na1\",portalId => \"5837364\",formId => \"40b7d03f-265f-482e-9080-d9de7fa489d7\"]);</script>"
]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas egestas ex id lacus dictum cursus.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.event-and-download.event-and-download', $options)
Options used for this example:
[
"bg_colour" => "oatmeal",
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"meta" => "E-Guide | 12min read",
"title_size" => "h3",
"title" => "Event and download form with a button",
"copy_type" => "manual",
"copy" => "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas egestas ex id lacus dictum cursus.<p><ul><li>Lorem ipsum</li><li>Dolor sit amet</li><li>Elitr nonumy</li></ul>",
"isButton" => true,
"add_button" => [
"cta" => [
"button_text" => "Click me",
"button_type" => "link",
"link_url" => "https://google.com"
]
]
]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas egestas ex id lacus dictum cursus.
FAQs block
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.faqs.faqs', $options)
Options used for this example:
[
"bg_colour" => "ebony",
"has_tag" => true,
"tag_type" => "yellow-text",
"tag_text" => "FAQs",
"text_align" => "left",
"title" => "Great doesn't shy away from questions",
"copy" => "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.",
"has_button" => true,
"text_cta" => [
"button_text" => "Submit",
"button_type" => "link",
"link_url" => "#",
"button_style" => "primary-green"
],
"items" => [
[
"title" => "Example question one sits here like this",
"text" => "<p>Sleeping in the box more napping, more napping all the napping is exhausting find empty spot in cupboard and sleep all day roll over and sun my belly.</p><ul><li>Some list text</li><li><a href='#'>Test link</a></li></ul>"
],
[
"title" => "Example question one sits here like this",
"text" => "<p>I'm getting hungry for kick up litter for bawl under human beds for scratch the postman wake up lick paw wake up owner meow meow. I will ruin the couch with my claws burrow under covers as lick i the shoes shove bum in owner's face like camera lens. I show my fluffy belly but it's a trap! if you pet it i will tear up your hand purr when give birth claw at curtains stretch</p>"
],
[
"title" => "Example question one sits here like this",
"text" => "<p>Pushed the mug off the table. Ptracy eat an easter feather as if it were a bird then burp victoriously, but tender and i is playing on your console hooman yet cuddle no cuddle cuddle love scratch scratch and meow, for purrrrrr. Lick arm hair purrr purr littel cat, little cat purr purr for chase red laser dot. Lasers are tiny mice there's a forty year old lady there let us feast so stretch, yet groom forever, stretch tongue and leave it slightly out, blep yet chirp at birds but chase little red dot someday it will be mine!,</p>"
]
]
]
FAQs
Sleeping in the box more napping, more napping all the napping is exhausting find empty spot in cupboard and sleep all day roll over and sun my belly.
I'm getting hungry for kick up litter for bawl under human beds for scratch the postman wake up lick paw wake up owner meow meow. I will ruin the couch with my claws burrow under covers as lick i the shoes shove bum in owner's face like camera lens. I show my fluffy belly but it's a trap! if you pet it i will tear up your hand purr when give birth claw at curtains stretch
Pushed the mug off the table. Ptracy eat an easter feather as if it were a bird then burp victoriously, but tender and i is playing on your console hooman yet cuddle no cuddle cuddle love scratch scratch and meow, for purrrrrr. Lick arm hair purrr purr littel cat, little cat purr purr for chase red laser dot. Lasers are tiny mice there's a forty year old lady there let us feast so stretch, yet groom forever, stretch tongue and leave it slightly out, blep yet chirp at birds but chase little red dot someday it will be mine!,
Featured resource CTA with colour choices and two layout options (the overlap layout option has a split colour background based on the colours of the previous and subsequent blocks)
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.featured-resource-cta.featured-resource-cta', $options)
Options used for this example:
[
"layout" => "no_overlap",
"bg_colour" => "oatmeal",
"card_colour" => "white",
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"meta" => "E-Guide | 12min read",
"title_size" => "h3",
"title" => "This is an example of a featured resource CTA with an image of what you get.",
"cta" => [
"button_text" => "Learn more",
"button_type" => "link",
"link_url" => "https://google.com"
]
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.featured-resource-cta.featured-resource-cta', $options)
Options used for this example:
[
"layout" => "overlap",
"bg_colour" => "",
"card_colour" => "ebony",
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"meta" => "E-Guide | 12min read",
"title_size" => "h3",
"title" => "This is an example of a featured resource CTA with an image of what you get.",
"cta" => [
"button_text" => "Learn more",
"button_type" => "link",
"link_url" => "https://google.com"
]
]
A basic block containing a full width image
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.full-width-image.full-width-image', $options)
Options used for this example:
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
]
]
A timeline/history block
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.history.history', $options)
Options used for this example:
[
"title" => "Our History",
"copy" => "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.",
"events" => [
[
"subtitle" => "January",
"title" => "Example heading here",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborE.</p>",
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"side_title" => "2019"
],
[
"subtitle" => "January",
"title" => "Example heading here",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborE.</p>",
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"side_title" => "2019"
],
[
"subtitle" => "January",
"title" => "Example",
"copy" => "<p>With little text</p>",
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"side_title" => "2019"
],
[
"subtitle" => "January",
"title" => "Example heading here",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborE.</p>",
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"side_title" => "2019"
],
[
"subtitle" => "January",
"title" => "Example heading here",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborE.</p>",
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"side_title" => "2019"
],
[
"subtitle" => "January",
"title" => "Example heading here",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborE.</p>",
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"side_title" => "2019"
],
[
"subtitle" => "January",
"title" => "Example heading here",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborE.</p>",
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"side_title" => "2019"
]
]
]
January
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborE.
January
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborE.
January
With little text
January
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborE.
January
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborE.
January
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborE.
January
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut laborE.
Icons with title and text.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.icon-group.icon-group', $options)
Options used for this example:
[
"layout" => "grid",
"heading_level" => "h2",
"items" => [
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
]
]
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.icon-group.icon-group', $options)
Options used for this example:
[
"layout" => "stack",
"heading_level" => "h6",
"items" => [
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
]
]
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.icon-group.icon-group', $options)
Options used for this example:
[
"layout" => "grid",
"items" => [
[
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>"
],
[
"title" => "Example title here",
"copy" => "Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
]
]
]
A block to embed an iframe
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.iframe.iframe', $options)
Options used for this example:
[
"html" => "<div style='width => 100%'><iframe frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='https://maps.google.com/maps?width=100%25&height=600&hl=en&q=1%20Grafton%20Street,%20Dublin,%20Ireland+(My%20Business%20Name)&t=&z=14&ie=UTF8&iwloc=B&output=embed'><a href='https://www.gps.ie/truck-gps/'>delivery van gps</a></iframe></div>",
"custom_dimensions" => true,
"width" => "100%",
"height" => "500px"
]
Renders a carousel of images full screen
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.image-carousel.image-carousel', $options)
Options used for this example:
[
"images" => [
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
]
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
]
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
]
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
]
]
]
]
A list of job vacancies
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.job-list.job-list', $options)
Options used for this example:
[
"title" => "Join a team that's on a mission to become greater",
"sorted_vacancies" => [
"Sales" => [
[
"jobOpeningName" => "Sales Support Executive",
"id" => 89
],
[
"jobOpeningName" => "Client Manager",
"id" => 76
]
],
"Identity" => [
[
"jobOpeningName" => "Identity Architect",
"id" => 85
],
[
"jobOpeningName" => "External Identity Consultant",
"id" => 73
]
]
]
]
Cards to show key locations with an image and address
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.locations.locations', $options)
Options used for this example:
[
"background_overlay" => [
"has_overlay" => true,
"overlay_image" => [
[
"url" => "/assets/images/patterns/Butterfly_2.svg",
"alt" => "A stylized version of the Kocho butterfly logo"
]
],
"overlay_position" => "bottom_right"
],
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "Locations",
"locations" => [
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"office_location" => "London",
"body" => "Lorem ipsum dolor sit amet, consetetur sadipscing elitr. Lorem ipsum dolor sit amet.",
"address_lines" => [
[
"address" => "Waverley House"
],
[
"address" => "4th Floor"
],
[
"address" => "7-12 Noel Street"
],
[
"address" => "Westminster"
],
[
"address" => "London"
],
[
"address" => "W1F 8GQ"
],
[
"address" => "United Kingdom"
]
]
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"office_location" => "South Wales",
"body" => "Lorem ipsum dolor sit amet, consetetur sadipscing elitr. Lorem ipsum dolor sit amet.",
"address_lines" => [
[
"address" => "Waverley House"
],
[
"address" => "4th Floor"
],
[
"address" => "7-12 Noel Street"
],
[
"address" => "Westminster"
],
[
"address" => "London"
],
[
"address" => "W1F 8GQ"
],
[
"address" => "United Kingdom"
]
]
]
]
]
Locations
Lorem ipsum dolor sit amet, consetetur sadipscing elitr. Lorem ipsum dolor sit amet.
Waverley House
4th Floor
7-12 Noel Street
Westminster
London
W1F 8GQ
United Kingdom
Lorem ipsum dolor sit amet, consetetur sadipscing elitr. Lorem ipsum dolor sit amet.
Waverley House
4th Floor
7-12 Noel Street
Westminster
London
W1F 8GQ
United Kingdom
A carousel of logos
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.logo-tickertape.logo-tickertape', $options)
Options used for this example:
[
"logos" => [
[
"logo" => [
"url" => "/assets/images/pattern-library/logo-axa.png",
"alt" => "axa logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/logo-itv.png",
"alt" => "itv logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/logo-yodel.png",
"alt" => "yodel logo"
]
],
[
"logo" => [
"url" => "/assets/images/pattern-library/logo-informa.png",
"alt" => "informa logo"
]
]
]
]
Image or video with caption and optional side text, and several layout options
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.media-with-aside.media-with-aside', $options)
Options used for this example:
[
"media_type" => "image",
"image_options" => [
"image" => [
"url" => "/assets/images/pattern-library/gettyimages-944812540-2048x2048.jpeg",
"alt" => "A hilltop path with the sunset in the background"
],
"caption" => "Source => www.google.com"
],
"show_aside" => 1,
"layout_with_aside" => "right",
"aside" => [
"has_tag" => true,
"tag_text" => "Test this",
"tag_type" => "text",
"aside_title" => "Reach new levels",
"aside_title_size" => "h2",
"aside_body" => "Consider the wide range of data your company looks after, and the consequences of that falling into the wrong hands. Personal and financial data, client databases, blue prints, designs and intellectual property is all valuable and vital in keeping your business competitive and secure. ThirdSpace can keep you protected, and in doing so, help your company reach new levels of productivity and efficiency."
]
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.media-with-aside.media-with-aside', $options)
Options used for this example:
[
"media_type" => "image",
"image_options" => [
"image" => [
"url" => "/assets/images/pattern-library/gettyimages-944812540-2048x2048.jpeg",
"alt" => "A hilltop path with the sunset in the background"
],
"caption" => "Source => www.google.com"
],
"show_aside" => 0,
"layout_no_aside" => "center"
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.media-with-aside.media-with-aside', $options)
Options used for this example:
[
"media_type" => "image",
"image_options" => [
"image" => [
"url" => "/assets/images/pattern-library/gettyimages-944812540-2048x2048.jpeg",
"alt" => "A hilltop path with the sunset in the background"
],
"caption" => "Source => www.google.com"
],
"show_aside" => 0,
"layout_no_aside" => "left"
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.media-with-aside.media-with-aside', $options)
Options used for this example:
[
"media_type" => "video",
"video_options" => [
"provider" => "youtube",
"embed_code" => "pVE92TNDwUk",
"title" => "Placeholder video",
"caption" => "A video from YouTube",
"sources" => [],
"modal" => false,
"overlay_img" => [
"url" => "/assets/images/pattern-library/placeholder-video-overlay.jpeg",
"alt" => "placeholder overlay"
],
"video_duration" => [
"video_hours" => "00",
"video_minutes" => "00",
"video_seconds" => "33"
]
],
"show_aside" => 1,
"layout_with_aside" => "right",
"aside" => [
"aside_title" => "Reach new levels",
"aside_title_size" => "h2",
"aside_body" => "Consider the wide range of data your company looks after, and the consequences of that falling into the wrong hands. Personal and financial data, client databases, blue prints, designs and intellectual property is all valuable and vital in keeping your business competitive and secure. ThirdSpace can keep you protected, and in doing so, help your company reach new levels of productivity and efficiency."
]
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.media-with-aside.media-with-aside', $options)
Options used for this example:
[
"media_type" => "video",
"video_options" => [
"provider" => "youtube",
"embed_code" => "pVE92TNDwUk",
"title" => "Placeholder video",
"caption" => "A video from YouTube",
"sources" => [],
"modal" => false,
"overlay_img" => [
"url" => "/assets/images/pattern-library/placeholder-video-overlay.jpeg",
"alt" => "placeholder overlay"
],
"video_duration" => [
"video_hours" => "00",
"video_minutes" => "00",
"video_seconds" => "33"
]
],
"show_aside" => 0,
"layout_no_aside" => "center"
]
A video from YouTube
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.media-with-aside.media-with-aside', $options)
Options used for this example:
[
"media_type" => "video",
"video_options" => [
"provider" => "youtube",
"embed_code" => "pVE92TNDwUk",
"title" => "Placeholder video",
"caption" => "A video from YouTube",
"sources" => [],
"modal" => false,
"overlay_img" => [
"url" => "/assets/images/pattern-library/placeholder-video-overlay.jpeg",
"alt" => "placeholder overlay"
],
"video_duration" => [
"video_hours" => "00",
"video_minutes" => "00",
"video_seconds" => "33"
]
],
"show_aside" => 1,
"layout_with_aside" => "left",
"aside" => [
"aside_title" => "Reach new levels",
"aside_title_size" => "h2",
"aside_body" => "Consider the wide range of data your company looks after, and the consequences of that falling into the wrong hands. Personal and financial data, client databases, blue prints, designs and intellectual property is all valuable and vital in keeping your business competitive and secure. ThirdSpace can keep you protected, and in doing so, help your company reach new levels of productivity and efficiency."
]
]
A video from YouTube
Narrow content area for content pages such as articles
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.narrow-content.narrow-content', $options)
Options used for this example:
[
"content" => [
[
"content_type" => "heading",
"heading" => [
"heading_text" => "We speak to Yubico's CSO about the problem with passwords, different modern authentication solutions, and how to make passwordless a success in your organisation.",
"heading_size" => "h2"
]
],
[
"content_type" => "large_text",
"large_paragraph" => "<div>Here is an example of a startfirst using the large text. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</div>"
],
[
"content_type" => "text",
"copy" => "<div>Here is an example of a normal paragraph using the normal wysiwyg. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</div>"
]
]
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.narrow-content.narrow-content', $options)
Options used for this example:
[
"content" => [
[
"content_type" => "text",
"copy" => "<h2>Example narrow content block with iframe embed</h2><div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div><div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat</div><div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</div>"
],
[
"content_type" => "iframe",
"iframe_embed" => [
"html" => "<div style='width => 100%'><iframe width='100%' height='600' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='https://maps.google.com/maps?width=100%25&height=600&hl=en&q=1%20Grafton%20Street,%20Dublin,%20Ireland+(My%20Business%20Name)&t=&z=14&ie=UTF8&iwloc=B&output=embed'><a href='https://www.gps.ie/truck-gps/'>delivery van gps</a></iframe></div>"
]
]
]
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.narrow-content.narrow-content', $options)
Options used for this example:
[
"content" => [
[
"content_type" => "text",
"copy" => "<h2>Example narrow content block with quote</h2><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.</p>"
],
[
"content_type" => "quote",
"quote" => [
"bg_colour" => "oatmeal",
"background_overlay" => [
"has_overlay" => true,
"overlay_image" => [
[
"url" => "/assets/images/patterns/Butterfly_2.svg",
"alt" => "A stylized version of the Kocho butterfly logo"
]
],
"overlay_position" => "top_right"
],
"show_quote" => true,
"quote_text" => "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>",
"quote_source" => "Bob Ross",
"quote_link" => [
"url" => "https://www.google.co.uk"
]
]
],
[
"content_type" => "text",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.</p>"
]
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.narrow-content.narrow-content', $options)
Options used for this example:
[
"content" => [
[
"content_type" => "text",
"copy" => "<h2>Example narrow content block with image</h2><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.</p>"
],
[
"content_type" => "image",
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"image_source" => [
"title" => "google.com",
"url" => "https://google.com"
]
]
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.narrow-content.narrow-content', $options)
Options used for this example:
[
"content" => [
[
"content_type" => "accordion",
"accordion" => [
"accordion_text" => "<p>Sustainable and secure growth that powers your potential. Select an option below to see how we can help your business.</p>",
"items" => [
[
"title" => "Identity",
"text" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>"
],
[
"title" => "Secure Workforce",
"text" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>"
],
[
"title" => "Secure Operation",
"text" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>"
],
[
"title" => "Innovation & Transformation",
"text" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>"
],
[
"title" => "Managed Services",
"text" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>"
]
]
]
]
]
]
Sustainable and secure growth that powers your potential. Select an option below to see how we can help your business.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.narrow-content.narrow-content', $options)
Options used for this example:
[
"content" => [
[
"content_type" => "icons",
"icons" => [
"layout" => "grid",
"heading_level" => "h2",
"items" => [
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
]
]
]
],
[
"content_type" => "text",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.</p>"
],
[
"content_type" => "icons",
"icons" => [
"layout" => "stacked",
"heading_level" => "h2",
"items" => [
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit dolorum blanditiis minima beatae similique nostrum odit cum reiciendis autem omnis aspernatur provident est architecto quasi, dolore nemo ut iste illum?",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
]
]
]
]
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquya.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.narrow-content.narrow-content', $options)
Options used for this example:
[
"content" => [
[
"content_type" => "text",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><ul><li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.</li><li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.</li><li>Lorem ipsum dolor sit amet, consetetur sadip scing elitr, sed diam nonumy.</li></ul>"
]
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.narrow-content.narrow-content', $options)
Options used for this example:
[
"content" => [
[
"content_type" => "text",
"copy" => "<h2>Section title 1</h2><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><h2>Section title 2</h2><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><h2>Section title 3</h2><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><h2>Section title 4</h2><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><h2>Section title 5</h2><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>"
]
],
"show_sidebar" => true,
"sidebar" => [
"sidebar_type" => "text",
"anchor_to_existing_content" => true,
"image" => [
"url" => "/assets/images/pattern-library/logo-itv--large.png",
"alt" => "itv"
],
"title" => "Company Name",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>"
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.narrow-content.narrow-content', $options)
Options used for this example:
[
"content" => [
[
"content_type" => "text",
"copy" => "<h2>Narrow content variant with form in sidebar</h2><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>"
]
],
"show_sidebar" => true,
"sidebar" => [
"sidebar_type" => "form",
"form" => [
"form_title" => "Sign up now",
"form_text" => "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
"form" => "<!--[if lte IE 8]><script charset='utf-8' type='text/javascript' src='//js.hsforms.net/forms/v2-legacy.js'></script><![endif]--><script charset='utf-8' type='text/javascript' src='//js.hsforms.net/forms/v2.js'></script><script>hbspt.forms.create([region => 'na1',portalId => '5837364',formId => '2ba6a718-99af-4798-8910-e4864a90b417']);</script>"
]
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.narrow-content.narrow-content', $options)
Options used for this example:
[
"content" => [
[
"content_type" => "text_button",
"text_button" => [
"text_align" => "left",
"title" => "Title text",
"title_size" => "h4",
"copy" => "<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ducimus atque, iusto neque eos cum asperiores aperiam omnis perspiciatis porro soluta error nemo aut fugiat similique ea minus quae provident voluptatum?</p>",
"text_has_button" => true,
"text_cta" => [
"button_text" => "Primary Button",
"button_style" => "primary-green",
"button_type" => "link",
"link_url" => "https://google.com"
],
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "Tag with Icon",
"bg_colour" => "white"
]
],
[
"content_type" => "text",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>"
]
],
"show_sidebar" => true,
"sidebar" => [
"sidebar_type" => "form",
"form" => [
"form_title" => "Sign up now",
"form_text" => "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
"form" => "<!--[if lte IE 8]><script charset='utf-8' type='text/javascript' src='//js.hsforms.net/forms/v2-legacy.js'></script><![endif]--><script charset='utf-8' type='text/javascript' src='//js.hsforms.net/forms/v2.js'></script><script>hbspt.forms.create([region => 'na1',portalId => '5837364',formId => '2ba6a718-99af-4798-8910-e4864a90b417']);</script>"
]
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.narrow-content.narrow-content', $options)
Options used for this example:
[
"content" => [
[
"content_type" => "text",
"copy" => "<h2>Narrow content variant with E-Guide download in sidebar</h2><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>"
]
],
"show_sidebar" => true,
"sidebar" => [
"sidebar_type" => "post",
"article_card" => [
"article" => [
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"title" => "The latest news and views on Microsoft technology - The Microsoft Tech Update (Ignite Special)",
"featured_meta" => [
"top" => "E-Guide | 4min read"
],
"form" => "<!--[if lte IE 8]><script charset='utf-8' type='text/javascript' src='//js.hsforms.net/forms/v2-legacy.js'></script><![endif]--><script charset='utf-8' type='text/javascript' src='//js.hsforms.net/forms/v2.js'></script><script>hbspt.forms.create([region => 'na1',portalId => '5837364',formId => '2ba6a718-99af-4798-8910-e4864a90b417']);</script>"
]
]
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Variants of heroes for non-homepage pages
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.page-hero.page-hero', $options)
Options used for this example:
[
"hero_type" => "bg_image",
"hero_text" => "text",
"hero_bg_image" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg",
"alt" => "kitten"
],
"hero_text_content" => [
"has_tag" => true,
"tag_text" => "About us",
"title" => "This hero is the background image variant.",
"title_font_size" => "large",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>"
]
]
About us
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.page-hero.page-hero', $options)
Options used for this example:
[
"hero_type" => "bg_overlay",
"hero_text" => "title",
"hero_bg_overlay" => "funnel",
"has_tag" => true,
"tag_text" => "Case Study | 6 min read",
"hero_title" => "This hero is the background overlay variant.",
"title_font_size" => "large"
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.page-hero.page-hero', $options)
Options used for this example:
[
"hero_type" => "bg_overlay",
"hero_text" => "title",
"hero_bg_overlay" => "lines",
"has_tag" => true,
"tag_text" => "Case Study | 6 min read",
"hero_title" => "This hero is the background overlay variant with an author avatar added.",
"hero_title_size" => "h3",
"title_font_size" => "normal",
"hero_avatar" => [
"person_avatar" => [
"has_person" => true,
"person_image" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg",
"alt" => "kitten profile"
],
"person_name" => "Author Name",
"person_position" => "Author Company Position"
]
]
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.page-hero.page-hero', $options)
Options used for this example:
[
"hero_type" => "bg_overlay",
"hero_text" => "title",
"hero_bg_overlay" => "butterfly",
"has_tag" => true,
"tag_text" => "Case Study | 6 min read",
"hero_title" => "This hero is the background overlay variant with a butterfly overlay",
"hero_title_size" => "h3",
"title_font_size" => "normal"
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.page-hero.page-hero', $options)
Options used for this example:
[
"hero_type" => "split_image",
"hero_text" => "text",
"hero_image" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg",
"alt" => "kitten"
],
"hero_text_content" => [
"has_tag" => true,
"tag_text" => "About us",
"title" => "This hero is the split image variant.",
"title_size" => "h3",
"title_font_size" => "normal",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>"
]
]
About us
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.page-hero.page-hero', $options)
Options used for this example:
[
"hero_type" => "split_image",
"hero_text" => "quote",
"hero_image" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg",
"alt" => "kitten"
],
"hero_quote_content" => [
"hero_quote_text" => "This hero is the split image variant with quote text and the speaker's details.",
"hero_quote_name" => "Mr Cat",
"hero_quote_job" => "CEO",
"title_size" => "h3",
"title_font_size" => "normal"
]
]
Mr Cat | CEO
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.page-hero.page-hero', $options)
Options used for this example:
[
"hero_type" => "split_card",
"hero_text" => "title",
"featured_post" => [
"image" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg",
"alt" => "kitten"
],
"meta" => "Case Study | 4min Read",
"title" => "This is the title of a post that has been featured on this hero block",
"date" => "21.01.2022"
],
"has_tag" => true,
"tag_text" => "About us",
"hero_title" => "This hero is the split card variant with a featured post landscape card to the right.",
"title_font_size" => "normal",
"hero_title_size" => "h3"
]
About us
21.01.2022
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.page-hero.page-hero', $options)
Options used for this example:
[
"hero_type" => "split_video",
"hero_text" => "title",
"has_tag" => true,
"tag_text" => "Watch the video",
"hero_title" => "This hero is the split video variant with a relatively long title.",
"hero_title_size" => "h3",
"title_font_size" => "normal",
"hero_video" => [
"provider" => "youtube",
"embed_code" => "pVE92TNDwUk",
"title" => "Placeholder video",
"sources" => [],
"modal" => false,
"overlay_img" => [
"url" => "/assets/images/pattern-library/placeholder-video-overlay.jpeg",
"alt" => "placeholder overlay"
],
"video_duration" => [
"video_hours" => "00",
"video_minutes" => "00",
"video_seconds" => "33"
]
]
]
Watch the video
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.page-hero.page-hero', $options)
Options used for this example:
[
"hero_type" => "event",
"hero_event" => [
"event_columns" => [
[
"event_icons" => "calendar",
"column_title" => "Date & time",
"column_content" => "date_time",
"event_dates" => [
[
"date" => "20.01.2022 | 15.00"
],
[
"date" => "21.01.2022 | 15.00"
],
[
"date" => "22.01.2022 | 15.00"
]
]
],
[
"event_icons" => "location",
"column_title" => "Location",
"column_content" => "location",
"event_location" => [
"event_location_1" => "London",
"event_location_2" => "SN1 EB3",
"event_map" => "https://www.google.com"
]
],
[
"event_icons" => "ticket",
"column_title" => "Available seats",
"column_content" => "seats",
"event_seats" => [
"event_availability" => "12 of 20",
"event_booking" => "https://www.google.com"
]
]
]
],
"hero_text" => "title",
"hero_bg_overlay" => "funnel",
"has_tag" => true,
"tag_text" => "Event",
"title_font_size" => "normal",
"hero_title" => "This hero is the background overlay variant for a single event page",
"hero_title_size" => "h3"
]
Event
Date & time
Location
Available seats
12 of 20
Book your space
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.page-hero.page-hero', $options)
Options used for this example:
[
"hero_type" => "event",
"hero_event" => [
"event_columns" => [
[
"event_icons" => "calendar",
"column_title" => "Date & time",
"column_content" => "date_time",
"event_dates" => [
[
"date" => "20.01.2022 | 15.00"
],
[
"date" => "21.01.2022 | 15.00"
],
[
"date" => "22.01.2022 | 15.00"
]
]
],
[
"event_icons" => "location",
"column_title" => "Location",
"column_content" => "location",
"event_location" => [
"event_location_1" => "London",
"event_location_2" => "SN1 EB3",
"event_map" => "https://www.google.com"
]
],
[
"event_icons" => "ticket",
"column_title" => "Available seats",
"column_content" => "seats",
"event_seats" => [
"event_availability" => "12 of 20",
"event_booking" => "https://www.google.com"
]
]
]
],
"hero_text" => "title",
"hero_bg_overlay" => "butterfly",
"has_tag" => true,
"tag_text" => "Event",
"title_font_size" => "normal",
"hero_title" => "This hero is the background overlay variant for a single event page",
"hero_title_size" => "h3"
]
Event
Date & time
Location
Available seats
12 of 20
Book your space
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.page-hero.page-hero', $options)
Options used for this example:
[
"hero_type" => "event",
"hero_event" => [
"event_columns" => [
[
"event_icons" => "calendar",
"column_title" => "Date & time",
"column_content" => "date_time",
"event_dates" => [
[
"date" => "20.01.2022 | 15.00"
],
[
"date" => "21.01.2022 | 15.00"
],
[
"date" => "22.01.2022 | 15.00"
]
]
],
[
"event_icons" => "location",
"column_title" => "Location",
"column_content" => "location",
"event_location" => [
"event_location_1" => "London",
"event_location_2" => "SN1 EB3",
"event_map" => "https://www.google.com"
]
],
[
"event_icons" => "ticket",
"column_title" => "Available seats",
"column_content" => "seats",
"event_seats" => [
"event_availability" => "12 of 20",
"event_booking" => "https://www.google.com"
]
]
]
],
"hero_text" => "title",
"hero_bg_overlay" => "lines",
"has_tag" => true,
"tag_text" => "Event",
"title_font_size" => "normal",
"hero_title" => "This hero is the background overlay variant for a single event page",
"hero_title_size" => "h3"
]
Event
Date & time
Location
Available seats
12 of 20
Book your space
People row or grid with optional CTA
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.people.people', $options)
Options used for this example:
[
"bg_colour" => "ebony",
"title" => "The team driving you toward greater",
"has_tag" => true,
"tag_text" => "Our People",
"tag_type" => "yellow-text",
"text_align" => "left",
"title_size" => "h2",
"fetch_random" => true,
"people" => [
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Anna Web",
"job" => "Head of SOC"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Des Lekerman",
"job" => "Chief Executive Officer"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Anna Web",
"job" => "Head of SOC"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Des Lekerman",
"job" => "Chief Executive Officer"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Anna Web",
"job" => "Head of SOC"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Des Lekerman",
"job" => "Chief Executive Officer"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Anna Web",
"job" => "Head of SOC"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Des Lekerman",
"job" => "Chief Executive Officer"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Anna Web",
"job" => "Head of SOC"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Des Lekerman",
"job" => "Chief Executive Officer"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Anna Web",
"job" => "Head of SOC"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Des Lekerman",
"job" => "Chief Executive Officer"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Anna Web",
"job" => "Head of SOC"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Des Lekerman",
"job" => "Chief Executive Officer"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Anna Web",
"job" => "Head of SOC"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Des Lekerman",
"job" => "Chief Executive Officer"
]
]
]
Our People
Director of Sales
Director of Technology and Innovation
Country Director - South Africa
Integration Director
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.people.people', $options)
Options used for this example:
[
"bg_colour" => "ebony",
"title" => "You may also be interested in these lovely people",
"has_tag" => true,
"tag_text" => "Our People",
"tag_type" => "yellow-text",
"text_align" => "left",
"title_size" => "h2",
"fetch_random" => false,
"people" => [
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Anna Web",
"job" => "Head of SOC"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Des Lekerman",
"job" => "Chief Executive Officer"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Anna Web",
"job" => "Head of SOC"
],
[
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"headingLevel" => 3,
"url" => "#",
"title" => "Des Lekerman",
"job" => "Chief Executive Officer"
]
]
]
Our People
CEO
Chief Operating Officer
Chief Financial Officer
Chairman
Chief Sales Officer
Product Director
People Director
Director of Sales
Director of Business Transformation
Country Director - South Africa
Director of Information Security
Director of Technology and Innovation
Director of Solutions Delivery
Integration Director
Director of Alliances
The hero for the homepage
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.primary-hero.primary-hero', $options)
Options used for this example:
[
"title" => "Become greater.",
"title_colour" => "lime",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>",
"bg_image" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg",
"alt" => "kitten"
],
"button_type" => "video",
"button_text" => "Watch the Kocho Film",
"hero_video" => [
"provider" => "youtube",
"embed_code" => "pVE92TNDwUk",
"title" => "Placeholder video",
"caption" => "A video from YouTube",
"sources" => [],
"modal" => true
]
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.primary-hero.primary-hero', $options)
Options used for this example:
[
"title" => "Video background example.",
"title_colour" => "lime",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>",
"bg_image" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg",
"alt" => "kitten"
],
"has_video" => true,
"video" => [
"source" => [
"url" => "http://techslides.com/demos/sample-videos/small.mp4"
]
],
"button_type" => "video",
"button_text" => "Watch the Kocho Film",
"hero_video" => [
"provider" => "youtube",
"embed_code" => "pVE92TNDwUk",
"title" => "Placeholder video",
"caption" => "A video from YouTube",
"sources" => [],
"modal" => true
]
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.primary-hero.primary-hero', $options)
Options used for this example:
[
"title" => "Greater together.",
"has_tag" => true,
"tag_text" => "Careers",
"title_colour" => "lime",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>",
"bg_image" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg",
"alt" => "kitten"
],
"button_type" => "link",
"button_text" => "Current Vacancies",
"button_link" => [
"url" => "#"
]
]
Careers
Card for quotes and other text with optional quote styling and citation
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.quote-card.quote-card', $options)
Options used for this example:
[
"bg_colour" => "oatmeal",
"has_overlay" => true,
"show_quote" => true,
"quote_text" => "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>",
"quote_source" => "Bob Ross",
"quote_link" => [
"url" => "https://www.google.co.uk"
]
]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.quote-card.quote-card', $options)
Options used for this example:
[
"bg_colour" => "ebony",
"background_overlay" => [
"has_overlay" => false
],
"show_quote" => false,
"quote_text" => "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>",
"quote_source" => "",
"quote_link" => [
"url" => ""
]
]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
A block containing information about speakers and hosts.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.speaker-cards.speaker-cards', $options)
Options used for this example:
[
"block_type" => "expanded",
"has_tag" => true,
"tag_text" => "Speakers",
"tag_type" => "yellow-text",
"speakers" => [
[
"speaker" => [
"version" => "closed",
"profile" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg",
"alt" => "kitten"
],
"name" => "Jane Bloggs",
"subtitle" => "Guest",
"closed_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>",
"social_icons" => [
[
"name" => "twitter",
"url" => "https://twitter.com"
],
[
"name" => "linkedin",
"url" => "https://linkedin.com"
]
],
"has_button" => true,
"cta" => [
"button_text" => "Visit Profile",
"button_style" => "primary-green",
"button_type" => "link",
"link_url" => "https://google.com"
]
]
],
[
"speaker" => [
"version" => "closed",
"profile" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg",
"alt" => "kitten"
],
"name" => "Claire Speaker",
"subtitle" => "Guest",
"closed_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim.</p>",
"expanded_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>",
"social_icons" => [
[
"name" => "twitter",
"url" => "https://twitter.com"
],
[
"name" => "linkedin",
"url" => "https://linkedin.com"
]
]
]
],
[
"speaker" => [
"version" => "expanded",
"profile" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg",
"alt" => "kitten"
],
"name" => "Joe Speaker",
"subtitle" => "Guest",
"closed_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim.</p>",
"expanded_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>"
]
]
]
]
Speakers
Guest
Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis
Guest
Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.speaker-cards.speaker-cards', $options)
Options used for this example:
[
"block_type" => "expanded",
"has_tag" => true,
"tag_text" => "Speakers",
"tag_type" => "yellow-text",
"speakers" => [
[
"speaker" => [
"version" => "expanded",
"profile" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg",
"alt" => "kitten"
],
"name" => "Jane Bloggs",
"subtitle" => "Guest",
"closed_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim.</p>",
"expanded_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>",
"social_icons" => [
[
"name" => "twitter",
"url" => "https://twitter.com"
],
[
"name" => "linkedin",
"url" => "https://linkedin.com"
]
],
"has_button" => true,
"cta" => [
"button_text" => "Visit Profile",
"button_style" => "primary-green",
"button_type" => "link",
"link_url" => "https://google.com"
]
]
],
[
"speaker" => [
"version" => "expanded",
"profile" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg",
"alt" => "kitten"
],
"name" => "Claire Speaker",
"subtitle" => "Guest",
"closed_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim.</p>",
"expanded_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>",
"social_icons" => [
[
"name" => "twitter",
"url" => "https://twitter.com"
],
[
"name" => "linkedin",
"url" => "https://linkedin.com"
]
]
]
],
[
"speaker" => [
"version" => "expanded",
"profile" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg",
"alt" => "kitten"
],
"name" => "Joe Speaker",
"subtitle" => "Guest",
"closed_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim.</p>",
"expanded_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>"
]
]
]
]
Speakers
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.speaker-cards.speaker-cards', $options)
Options used for this example:
[
"block_type" => "single",
"has_overlay" => true,
"overlay_image" => [
"url" => "/assets/images/patterns/Butterfly_1.png",
"alt" => "butterfly"
],
"speaker" => [
"version" => "expanded",
"profile" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg",
"alt" => "kitten"
],
"name" => "Jane Bloggs",
"subtitle" => "Guest",
"closed_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim.</p>",
"expanded_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>",
"social_icons" => [
[
"name" => "twitter",
"url" => "https://twitter.com"
],
[
"name" => "linkedin",
"url" => "https://linkedin.com"
]
],
"has_button" => true,
"cta" => [
"button_text" => "Visit Profile",
"button_style" => "primary-green",
"button_type" => "link",
"link_url" => "https://google.com"
]
]
]
A block for key stats with colour and layout options
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.stat-block.stat-block', $options)
Options used for this example:
[
"stats_align" => "center",
"stats_theme" => "lemon",
"stats" => [
[
"stat_icon" => "98%",
"stat_desc" => "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
],
[
"stat_icon" => "100+",
"stat_desc" => "Nullam ut justo a velit vehicula vulputate sit amet a nisi."
]
]
]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam ut justo a velit vehicula vulputate sit amet a nisi.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.stat-block.stat-block', $options)
Options used for this example:
[
"stats_align" => "center",
"stats_theme" => "ebony",
"stats_icon_colour" => "lemon",
"stats" => [
[
"stat_icon" => "98%",
"stat_desc" => "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
],
[
"stat_icon" => "100+",
"stat_desc" => "Nullam ut justo a velit vehicula vulputate sit amet a nisi."
],
[
"stat_icon" => "\u00a345M",
"stat_desc" => "Mauris in dui mi. Donec finibus egestas nulla sed tempus. "
],
[
"stat_icon" => "47",
"stat_desc" => "Fusce pellentesque pellentesque mauris in luctus. Curabitur ut ligula pulvinar, volutpat nunc sit amet, feugiat libero."
]
]
]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam ut justo a velit vehicula vulputate sit amet a nisi.
Mauris in dui mi. Donec finibus egestas nulla sed tempus.
Fusce pellentesque pellentesque mauris in luctus. Curabitur ut ligula pulvinar, volutpat nunc sit amet, feugiat libero.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.stat-block.stat-block', $options)
Options used for this example:
[
"stats_align" => "right",
"stats_theme" => "ebony",
"stats_icon_colour" => "lime",
"stats" => [
[
"stat_icon" => "98%",
"stat_desc" => "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
],
[
"stat_icon" => "100+",
"stat_desc" => "Nullam ut justo a velit vehicula vulputate sit amet a nisi."
],
[
"stat_icon" => "\u00a345M",
"stat_desc" => "Mauris in dui mi. Donec finibus egestas nulla sed tempus. "
]
]
]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam ut justo a velit vehicula vulputate sit amet a nisi.
Mauris in dui mi. Donec finibus egestas nulla sed tempus.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.summit-agenda.summit-agenda', $options)
Options used for this example:
[]
Table used for generic purposes or events agenda
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.table.table', $options)
Options used for this example:
[
"bg_colour" => "white",
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "Agenda",
"text_align" => "left",
"title" => "Event agenda",
"copy" => "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.",
"body_rows" => [
[
"cells" => [
[
"element" => "th",
"text" => "asdasdasda"
],
[
"element" => "th",
"text" => "asdasdasda"
],
[
"element" => "th",
"text" => "asdasdasda"
],
[
"element" => "th",
"text" => "asdasdasda"
]
]
],
[
"cells" => [
[
"element" => "td",
"text" => "10:00 - 10:30",
"type" => "tag-text"
],
[
"element" => "td",
"text" => "Making the switch to modern authentication for seamless and secure access."
],
[
"element" => "td",
"text" => "The power of Microsoft Teams for remote worker productivity"
],
[
"element" => "td",
"text" => "Tools and solutions to protect sensitive files and guard against data loss. Including Azure Information Protection demonstration."
]
]
],
[
"cells" => [
[
"element" => "td",
"text" => "10:00 - 10:30",
"type" => "tag-text"
],
[
"element" => "td",
"text" => "Tools and solutions to detect, monitor and manage threats in real time. Including Microsoft Threat Protection demonstration."
],
[
"element" => "td",
"text" => "Break for lunch."
],
[
"element" => "td",
"text" => "Tools and solutions to protect."
]
]
],
[
"cells" => [
[
"element" => "td",
"text" => "10:00 - 10:30",
"type" => "tag-text"
],
[
"element" => "td",
"text" => "Tools and solutions to detect, monitor and manage threats in real time. Including Microsoft Threat Protection demonstration."
],
[
"element" => "td",
"text" => "Break for lunch."
],
[
"element" => "td",
"text" => "Tools and solutions to protect."
]
]
]
]
]
Agenda
asdasdasda |
asdasdasda |
asdasdasda |
asdasdasda |
---|---|---|---|
10:00 - 10:30 |
Making the switch to modern authentication for seamless and secure access. |
The power of Microsoft Teams for remote worker productivity |
Tools and solutions to protect sensitive files and guard against data loss. Including Azure Information Protection demonstration. |
10:00 - 10:30 |
Tools and solutions to detect, monitor and manage threats in real time. Including Microsoft Threat Protection demonstration. |
Break for lunch. |
Tools and solutions to protect. |
10:00 - 10:30 |
Tools and solutions to detect, monitor and manage threats in real time. Including Microsoft Threat Protection demonstration. |
Break for lunch. |
Tools and solutions to protect. |
Used for filtering content
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.tag-cloud.tag-cloud', $options)
Options used for this example:
[
"title" => "An insight into our world.",
"post_types" => [
"case-studies",
"events"
],
"filters" => [
[
"title" => "What we do",
"tags" => [
[
"text" => "Digital Transformation",
"value" => "Digital-Transformation"
],
[
"text" => "ID Management",
"value" => "ID-Management"
],
[
"text" => "On-site Support",
"value" => "On-site-Support"
]
]
],
[
"title" => "Testing",
"tags" => [
[
"text" => "Test",
"value" => "Test"
]
]
]
]
]
What we do
Testing
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.tall-image.tall-image', $options)
Options used for this example:
[]
A block that displays text and optional image side by side on desktop and stacked on mobile, with optional cards that display beneath.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"image_position" => "left",
"variant" => "wide",
"shape" => "half",
"tag" => "What we do",
"title" => "**Greatness** is small things done well.",
"title_highlight_colour" => "lime",
"bg_colour" => "ebony",
"content_type" => "accordion",
"background_logo" => true,
"accordion" => [
"accordion_text" => "<p>Sustainable and secure growth that powers your potential. **Select an option below** to see how we can help your business.</p>",
"text_highlight_colour" => "lemon",
"items" => [
[
"title" => "Identity",
"text" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>"
],
[
"title" => "Secure Workforce",
"text" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>"
],
[
"title" => "Secure Operation",
"text" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>"
],
[
"title" => "Innovation & Transformation",
"text" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>"
],
[
"title" => "Managed Services",
"text" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>"
]
]
],
"include_image" => true,
"image" => [
"url" => "/assets/images/pattern-library/kitten-stretch.jpg",
"alt" => "kitten"
]
]
What we do
Sustainable and secure growth that powers your potential. Select an option below to see how we can help your business.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"variant" => "default",
"bg_colour" => "ebony",
"text" => [
"text_align" => "left",
"title" => "A short heading to accompany some key tech-focused points",
"title_size" => "h2",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>",
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "At a glance"
],
"include_image" => false,
"include_cards" => true,
"badges" => [
"default_colour" => "white",
"per_line" => 4,
"badges" => [
[
"title" => "The first step to our industry leading approach goes here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit eos explicabo, assumenda ab a rem tempora earum modi repellendus cupiditate, nam exercitationem, autem minima blanditiis tenetur praesentium quia quos neque.</p>",
"icon" => [
"url" => "/assets/images/pattern-library/circle.png",
"alt" => "icon"
],
"link" => [
"title" => "Learn More",
"url" => "#"
]
],
[
"title" => "This here is the second step to our industry leading approach over a few lines",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit eos explicabo, assumenda ab a rem tempora earum modi repellendus cupiditate, nam exercitationem, autem minima blanditiis tenetur praesentium quia quos neque.</p>",
"icon" => [
"url" => "/assets/images/pattern-library/circle.png",
"alt" => "icon"
],
"link" => [
"title" => "Learn More",
"url" => "#"
]
],
[
"title" => "The third and almost final step of our industry leading approach goes here",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit eos explicabo, assumenda ab a rem tempora earum modi repellendus cupiditate, nam exercitationem, autem minima blanditiis tenetur praesentium quia quos neque.</p>",
"icon" => [
"url" => "/assets/images/pattern-library/circle.png",
"alt" => "icon"
],
"link" => [
"title" => "Learn More",
"url" => "#"
]
],
[
"title" => "The fourth step to our approach is shortest",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit eos explicabo, assumenda ab a rem tempora earum modi repellendus cupiditate, nam exercitationem, autem minima blanditiis tenetur praesentium quia quos neque.</p>",
"icon" => [
"url" => "/assets/images/pattern-library/circle.png",
"alt" => "icon"
],
"link" => [
"title" => "Learn More",
"url" => "#"
]
]
]
]
]
At a glance
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"variant" => "narrow",
"bg_colour" => "white",
"text" => [
"text_align" => "left",
"title" => "A short heading to accompany some key tech-focused points",
"title_size" => "h2",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>",
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "At a glance"
],
"include_cards" => true,
"card_position" => "side",
"badges" => [
"default_colour" => "oatmeal",
"default_highlight_colour" => "lime",
"per_line" => 4,
"badges" => [
[
"title" => "Tech Name / Title",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam.</p>",
"link" => [
"title" => "",
"url" => "#"
]
],
[
"title" => "Tech Name / Title",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam.</p>",
"link" => [
"title" => "",
"url" => "#"
]
]
]
]
]
At a glance
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"variant" => "default",
"bg_colour" => "oatmeal",
"text" => [
"text_align" => "left",
"title" => "A short heading to accompany some key industry-focused points",
"title_layout" => "half",
"title_size" => "h2",
"copy" => "",
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "Our Approach"
],
"include_cards" => true,
"card_position" => "under",
"badges" => [
"default_colour" => "white",
"default_highlight_colour" => "lime",
"per_line" => 3,
"badges" => [
[
"title" => "A heading goes here talking about a key aspect of this specific solution over a few lines",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam.</p>",
"link" => [
"title" => "",
"url" => "#"
]
],
[
"title" => "A heading goes here talking about a key aspect of this specific solution over a few lines",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam.</p>",
"link" => [
"title" => "",
"url" => "#"
]
],
[
"title" => "A heading goes here talking about a key aspect of this specific solution over a few lines",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam.</p>",
"link" => [
"title" => "",
"url" => "#"
]
]
]
]
]
Our Approach
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"image_position" => "right",
"variant" => "default",
"bg_colour" => "white",
"text" => [
"text_align" => "left",
"title" => "A short heading about our secure workforce goes here",
"title_size" => "h2",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>",
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "Innovation & Transformation"
],
"include_image" => true,
"image" => [
"url" => "/assets/images/pattern-library/kitten-stretch.jpg",
"alt" => "kitten"
]
]
Innovation & Transformation
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"image_position" => "left",
"variant" => "default",
"bg_colour" => "white",
"text" => [
"text_align" => "left",
"title" => "A short heading about our secure workforce goes here",
"title_size" => "h2",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>",
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "Innovation & Transformation"
],
"include_image" => true,
"image" => [
"url" => "/assets/images/pattern-library/kitten-stretch.jpg",
"alt" => "kitten"
]
]
Innovation & Transformation
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"image_position" => "left",
"variant" => "wide",
"shape" => "half",
"bg_colour" => "white",
"text" => [
"text_align" => "left",
"title" => "Thinking of joining us?",
"title_size" => "h2",
"copy" => "<p>You're in the right place!</p><p> Here you'll find everything you need to know about life at ThirdSpace and our current career opportunities. A few members of our team have also shared their experiences of their career journeys with us. Where could yours take you?</p><p> Want to find out more? Get in touch \u2013 we're more than happy to answer your questions.</p>",
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "Join Us"
],
"include_image" => true,
"image" => [
"url" => "/assets/images/pattern-library/kitten-stretch.jpg",
"alt" => "kitten"
]
]
Join Us
You're in the right place!
Here you'll find everything you need to know about life at ThirdSpace and our current career opportunities. A few members of our team have also shared their experiences of their career journeys with us. Where could yours take you?
Want to find out more? Get in touch – we're more than happy to answer your questions.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"image_position" => "right",
"variant" => "wide",
"shape" => "half",
"bg_colour" => "white",
"text" => [
"text_align" => "left",
"title" => "Thinking of joining us?",
"title_size" => "h2",
"copy" => "<p>You're in the right place!</p><p> Here you'll find everything you need to know about life at ThirdSpace and our current career opportunities. A few members of our team have also shared their experiences of their career journeys with us. Where could yours take you?</p><p> Want to find out more? Get in touch \u2013 we're more than happy to answer your questions.</p>"
],
"include_image" => true,
"image" => [
"url" => "/assets/images/pattern-library/kitten-yawn.jpg",
"alt" => "kitten"
]
]
You're in the right place!
Here you'll find everything you need to know about life at ThirdSpace and our current career opportunities. A few members of our team have also shared their experiences of their career journeys with us. Where could yours take you?
Want to find out more? Get in touch – we're more than happy to answer your questions.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"image_position" => "left",
"variant" => "wide",
"shape" => "full",
"bg_colour" => "white",
"text" => [
"text_align" => "left",
"title" => "Thinking of joining us?",
"title_size" => "h2",
"copy" => "<p>You're in the right place!</p><p> Here you'll find everything you need to know about life at ThirdSpace and our current career opportunities. A few members of our team have also shared their experiences of their career journeys with us. Where could yours take you?</p><p> Want to find out more? Get in touch \u2013 we're more than happy to answer your questions.</p>",
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "Join Us"
],
"include_image" => true,
"image" => [
"url" => "/assets/images/pattern-library/kitten-stretch.jpg",
"alt" => "kitten"
]
]
Join Us
You're in the right place!
Here you'll find everything you need to know about life at ThirdSpace and our current career opportunities. A few members of our team have also shared their experiences of their career journeys with us. Where could yours take you?
Want to find out more? Get in touch – we're more than happy to answer your questions.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"image_position" => "right",
"variant" => "wide",
"shape" => "full",
"bg_colour" => "white",
"text" => [
"text_align" => "left",
"title" => "Thinking of joining us?",
"title_size" => "h2",
"copy" => "<p>You're in the right place!</p><p> Here you'll find everything you need to know about life at ThirdSpace and our current career opportunities. A few members of our team have also shared their experiences of their career journeys with us. Where could yours take you?</p><p> Want to find out more? Get in touch \u2013 we're more than happy to answer your questions.</p>"
],
"include_image" => true,
"image" => [
"url" => "/assets/images/pattern-library/kitten-yawn.jpg",
"alt" => "kitten"
]
]
You're in the right place!
Here you'll find everything you need to know about life at ThirdSpace and our current career opportunities. A few members of our team have also shared their experiences of their career journeys with us. Where could yours take you?
Want to find out more? Get in touch – we're more than happy to answer your questions.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"image_position" => "right",
"variant" => "wide",
"shape" => "full",
"tag" => "Block tag",
"standfirst" => "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur.",
"bg_colour" => "ebony",
"title" => "A short title about our secure workforce",
"title_highlight_colour" => "lime",
"title_size" => "title_normal",
"title_layout" => "half",
"text" => [
"title" => "",
"standfirst" => "",
"icons" => [
"heading_level" => "h2",
"items" => [
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur.</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur.</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
],
[
"title" => "Example title here",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur.</p>",
"image" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "icon"
]
]
]
]
],
"include_image" => true,
"image" => [
"url" => "/assets/images/pattern-library/kitten-yawn.jpg",
"alt" => "kitten"
]
]
Block tag
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"image_position" => "right",
"bg_colour" => "white",
"variant" => "narrow",
"text" => [
"text_align" => "left",
"title" => "Our commitment<br>to our people",
"title_size" => "h2",
"copy" => "<p>We're committed to ensuring the members of our team are empowered and encouraged to grow professionally and develop their skills.</p><p>Our need to adapt, evolve and freely experiment with new ideas is vital to our success, and we do everything we can to support individuals that share those ideals.</p>",
"has_tag" => false
],
"include_image" => true,
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
]
]
We're committed to ensuring the members of our team are empowered and encouraged to grow professionally and develop their skills.
Our need to adapt, evolve and freely experiment with new ideas is vital to our success, and we do everything we can to support individuals that share those ideals.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"image_position" => "left",
"bg_colour" => "white",
"variant" => "narrow",
"text" => [
"text_align" => "left",
"title" => "Our commitment<br>to our people",
"title_size" => "h2",
"copy" => "<p>We're committed to ensuring the members of our team are empowered and encouraged to grow professionally and develop their skills.</p><p>Our need to adapt, evolve and freely experiment with new ideas is vital to our success, and we do everything we can to support individuals that share those ideals.</p>",
"has_tag" => false
],
"include_image" => true,
"image" => [
"url" => "/assets/images/pattern-library/kitten-wave.jpg",
"alt" => "kitten"
]
]
We're committed to ensuring the members of our team are empowered and encouraged to grow professionally and develop their skills.
Our need to adapt, evolve and freely experiment with new ideas is vital to our success, and we do everything we can to support individuals that share those ideals.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"image_position" => "left",
"variant" => "default",
"bg_colour" => "white",
"text" => [
"text_align" => "left",
"title" => "A short heading about our secure workforce goes here",
"title_size" => "h2",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>",
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "Innovation & Transformation"
],
"include_image" => true,
"image" => [
"url" => "/assets/images/pattern-library/kitten-stretch.jpg",
"alt" => "kitten"
],
"include_cards" => true,
"card_position" => "side",
"badges" => [
"default_colour" => "ebony",
"default_highlight_colour" => "lemon",
"per_line" => 4,
"badges" => [
[
"title" => "Badge title",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit</p>",
"link" => [
"title" => "Learn More",
"url" => "#"
]
],
[
"title" => "Badge title",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit</p>",
"link" => [
"title" => "Learn More",
"url" => "#"
]
],
[
"title" => "Badge title",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit</p>",
"link" => [
"title" => "Learn More",
"url" => "#"
]
],
[
"title" => "Badge title",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit</p>",
"link" => [
"title" => "Learn More",
"url" => "#"
]
]
]
]
]
Innovation & Transformation
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"image_position" => "right",
"variant" => "wide",
"bg_colour" => "white",
"text" => [
"text_align" => "left",
"title" => "Thinking of joining us?",
"title_size" => "h2",
"copy" => "<p>You're in the right place!</p><p> Here you'll find everything you need to know about life at ThirdSpace and our current career opportunities. A few members of our team have also shared their experiences of their career journeys with us. Where could yours take you?</p>"
],
"include_image" => true,
"image" => [
"url" => "/assets/images/pattern-library/kitten-yawn.jpg",
"alt" => "kitten"
],
"include_cards" => true,
"badges" => [
"default_colour" => "oatmeal",
"default_highlight_colour" => "lime",
"per_line" => 3,
"badges" => [
[
"title" => "Badge title",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius rerum soluta</p>",
"link" => [
"title" => "Learn More",
"url" => "#"
]
],
[
"title" => "Badge title",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius rerum soluta</p>",
"link" => [
"title" => "Learn More",
"url" => "#"
]
],
[
"title" => "Badge title",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius rerum soluta</p>",
"link" => [
"title" => "Learn More",
"url" => "#"
]
],
[
"title" => "Badge title",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius rerum soluta</p>",
"link" => [
"title" => "Learn More",
"url" => "#"
]
]
]
]
]
You're in the right place!
Here you'll find everything you need to know about life at ThirdSpace and our current career opportunities. A few members of our team have also shared their experiences of their career journeys with us. Where could yours take you?
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-image-cards.text-image-cards', $options)
Options used for this example:
[
"image_position" => "left",
"bg_colour" => "oatmeal",
"variant" => "narrow",
"text" => [
"text_align" => "left",
"title" => "Our commitment<br>to our people",
"title_size" => "h2",
"copy" => "<p>We're committed to ensuring the members of our team are empowered and encouraged to grow professionally and develop their skills.</p>",
"has_tag" => false
],
"include_image" => true,
"image" => [
"url" => "/assets/images/pattern-library/kitten-wave.jpg",
"alt" => "kitten"
],
"include_cards" => true,
"badges" => [
"default_colour" => "white",
"default_highlight_colour" => "ebony",
"per_line" => 3,
"badges" => [
[
"title" => "Badge title",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>",
"link" => [
"title" => "Learn More",
"url" => "#"
]
],
[
"title" => "Badge title",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>",
"link" => [
"title" => "Learn More",
"url" => "#"
]
],
[
"title" => "Badge title",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>",
"link" => [
"title" => "Learn More",
"url" => "#"
]
],
[
"title" => "Badge title",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>",
"link" => [
"title" => "Learn More",
"url" => "#"
]
],
[
"title" => "Badge title",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>",
"link" => [
"title" => "Learn More",
"url" => "#"
]
],
[
"title" => "Badge title",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>",
"link" => [
"title" => "Learn More",
"url" => "#"
]
]
]
]
]
We're committed to ensuring the members of our team are empowered and encouraged to grow professionally and develop their skills.
A block with text and a CTA button
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-with-cta.text-with-cta', $options)
Options used for this example:
[
"bg_colour" => "lime",
"layout" => "full",
"has_overlay" => true,
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit aliquet egestas parturient.<strong> Semper placerat consequat etiam</strong></p>",
"cta" => [
"button_text" => "Primary Button",
"button_type" => "link",
"link_url" => "https://google.com",
"button_style" => "primary-ebony"
]
]
Lorem ipsum dolor sit amet consectetur adipiscing elit aliquet egestas parturient. Semper placerat consequat etiam
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-with-cta.text-with-cta', $options)
Options used for this example:
[
"bg_colour" => "lemon",
"layout" => "contain",
"has_overlay" => true,
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit aliquet egestas parturient.</p>",
"cta" => [
"button_text" => "Primary Button",
"button_type" => "link",
"link_url" => "https://google.com",
"button_style" => "primary-ebony"
]
]
Lorem ipsum dolor sit amet consectetur adipiscing elit aliquet egestas parturient.
Two column block with text and form
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-with-form.text-with-form', $options)
Options used for this example:
[
"text_align" => "left",
"title" => "Title text",
"title_size" => "h2",
"copy" => "<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ducimus atque, iusto neque eos cum asperiores aperiam omnis perspiciatis porro soluta error nemo aut fugiat similique ea minus quae provident voluptatum?</p>",
"text_has_button" => true,
"text_cta" => [
"button_text" => "Primary Button",
"button_style" => "primary-green",
"button_type" => "link",
"link_url" => "https://google.com"
],
"bg_colour" => "oatmeal",
"header" => [
"has_tag" => true,
"tag_type" => "text",
"tag_text" => "Tag with Icon"
],
"form" => "<!--[if lte IE 8]><script charset='utf-8' type='text/javascript' src='//js.hsforms.net/forms/v2-legacy.js'></script><![endif]--><script charset='utf-8' type='text/javascript' src='//js.hsforms.net/forms/v2.js'></script><script>hbspt.forms.create([region => 'na1',portalId => '5837364',formId => '2ba6a718-99af-4798-8910-e4864a90b417']);</script>"
]
Tag with Icon
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ducimus atque, iusto neque eos cum asperiores aperiam omnis perspiciatis porro soluta error nemo aut fugiat similique ea minus quae provident voluptatum?
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-with-form.text-with-form', $options)
Options used for this example:
[
"text_align" => "left",
"title" => "Title text",
"title_size" => "h2",
"copy" => "<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ducimus atque, iusto neque eos cum asperiores aperiam omnis perspiciatis porro soluta error nemo aut fugiat similique ea minus quae provident voluptatum?</p>",
"text_has_button" => true,
"text_cta" => [
"button_text" => "Primary Button",
"button_style" => "primary-green",
"button_type" => "link",
"link_url" => "https://google.com"
],
"bg_colour" => "white",
"header" => [
"has_tag" => true,
"tag_type" => "text",
"tag_text" => "Tag with Icon"
],
"form" => "<!--[if lte IE 8]><script charset='utf-8' type='text/javascript' src='//js.hsforms.net/forms/v2-legacy.js'></script><![endif]--><script charset='utf-8' type='text/javascript' src='//js.hsforms.net/forms/v2.js'></script><script>hbspt.forms.create([region => 'na1',portalId => '5837364',formId => '2705141b-ffd6-4b42-809b-c3bedd559596']);</script>",
"show_card" => true,
"card_bg_colour" => "oatmeal",
"card_tag_text" => "Get in touch",
"card_links" => [
[
"text" => "0800 044 5009",
"url" => "tel:0800445009"
],
[
"text" => "[email protected]",
"url" => "mailto:[email protected]"
]
],
"card_social_text" => "Stay up to date:",
"card_social_icons" => [
[
"name" => "Facebook",
"url" => "https://www.facebook.com",
"img" => [
"url" => "/app/themes/sage/resources/assets/images/social-icons/facebook-ebony.svg"
],
"absolute" => false
],
[
"name" => "Twitter",
"url" => "https://www.twitter.com",
"img" => [
"url" => "/app/themes/sage/resources/assets/images/social-icons/twitter-ebony.svg"
],
"absolute" => false
],
[
"name" => "LinkedIn",
"url" => "https://www.linkedin.com",
"img" => [
"url" => "/app/themes/sage/resources/assets/images/social-icons/linkedin-ebony.svg"
],
"absolute" => false
]
]
]
Tag with Icon
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ducimus atque, iusto neque eos cum asperiores aperiam omnis perspiciatis porro soluta error nemo aut fugiat similique ea minus quae provident voluptatum?
A block with tag, title and columns of text with supporting icons.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-with-icon-columns.text-with-icon-columns', $options)
Options used for this example:
[
"bg_colour" => "oatmeal",
"has_tag" => true,
"tag_text" => "Introduction",
"tag_type" => "icon",
"text_align" => "left",
"title" => "Getting the job done",
"title_size" => "h2",
"icon_columns" => [
[
"title" => "Cloud based solutions provide total security and enhance productivity",
"copy" => "Lorem ipsum dolor sit amet consectetur adipiscing elit nunc potenti congue, molestie nostra aptent viverra justo vestibulum per vehicula fusce.",
"icon" => [
"url" => "/assets/images/icons/brand-icons/id.svg",
"alt" => "id icon"
]
],
[
"title" => "Project managers are no longer confined to the office - manage workflow on the move",
"copy" => "Lorem ipsum dolor sit amet consectetur adipiscing elit nunc potenti congue, molestie nostra aptent viverra justo vestibulum per vehicula fusce.",
"icon" => [
"url" => "/assets/images/icons/brand-icons/rocket.svg",
"alt" => "rocket icon"
]
],
[
"title" => "Approve job changes and foremen requests from any site, at any time",
"copy" => "Lorem ipsum dolor sit amet consectetur adipiscing elit nunc potenti congue, molestie nostra aptent viverra justo vestibulum per vehicula fusce.",
"icon" => [
"url" => "/assets/images/icons/brand-icons/notebook.svg",
"alt" => "notebook icon"
]
],
[
"title" => "Project managers are no longer confined to the office - manage workflow on the move",
"copy" => "Lorem ipsum dolor sit amet consectetur adipiscing elit nunc potenti congue, molestie nostra aptent viverra justo vestibulum per vehicula fusce.",
"icon" => [
"url" => "/assets/images/icons/brand-icons/gift.svg",
"alt" => "gift icon"
]
]
]
]
A two column block with two layout options and a choice of either a case study card or custom text column
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-with-image.text-with-image', $options)
Options used for this example:
[
"bg_colour" => "white",
"layout" => "img-right",
"has_top_tag" => 0,
"top_tag_type" => "",
"top_tag_text" => "",
"top_title" => "",
"content_type" => "case_study",
"case_study_title_size" => "h2",
"meta" => "Case Study | 12min Read",
"icon" => [
"url" => "/assets/images/pattern-library/logo-informa.png",
"alt" => "the Informa logo"
],
"title" => "Devising a Stirling approach to threat protection in the higher education sector.",
"cta" => [
"button_text" => "Read More",
"button_type" => "link",
"link_url" => "https://google.com"
],
"image" => [
"url" => "/assets/images/pattern-library/gettyimages-1327498437-2048x2048.jpeg",
"alt" => "kitten"
]
]
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-with-image.text-with-image', $options)
Options used for this example:
[
"bg_colour" => "oatmeal",
"layout" => "img-right",
"has_top_tag" => 0,
"top_tag_type" => "",
"top_tag_text" => "",
"top_title" => "",
"content_type" => "custom",
"custom" => [
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "Location",
"text_align" => "left",
"title" => "Where to find us",
"copy" => "<p>Lorem ipsum dolor sit amet, consetetur adipiscing elitr.</p><p><u>The Red Church,</u><br/>Redfield,</br>Bristol,</br>BS15 4LD</p>",
"has_button" => true,
"cta" => [
"button_text" => "Get Directions",
"button_type" => "link",
"link_url" => "https://google.com"
]
],
"image" => [
"url" => "/assets/images/pattern-library/gettyimages-1338923760-2048x2048.jpeg",
"alt" => "nighttime timelapse of winding hilltop road"
]
]
Location
Lorem ipsum dolor sit amet, consetetur adipiscing elitr.
The Red Church,
Redfield,Bristol,BS15 4LD
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-with-image.text-with-image', $options)
Options used for this example:
[
"bg-colour" => "white",
"layout" => "img-left",
"has_top_tag" => 1,
"top_tag_type" => "icon",
"top_tag_text" => "Featured",
"top_title" => "The latest and greatest from our world",
"content_type" => "case_study",
"case_study_title_size" => "h3",
"meta" => "Case Study | 12min Read",
"icon" => [
"url" => "/assets/images/pattern-library/logo-informa.png",
"alt" => "the Informa logo"
],
"title" => "Devising a Stirling approach to threat protection in the higher education sector.",
"cta" => [
"button_text" => "Read More",
"button_type" => "link",
"link_url" => "https://google.com"
],
"image" => [
"url" => "/assets/images/pattern-library/gettyimages-1327498437-2048x2048.jpeg",
"alt" => "kitten"
]
]
Featured
Text block with a bullet list
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-with-list.text-with-list', $options)
Options used for this example:
[
"has_tag" => false,
"tag_type" => "",
"tag_text" => "",
"block_title_size" => "small",
"title" => "More than just a job",
"title_colour" => "lemon",
"body" => "At vero eos at accusam et justo duo dolore et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.",
"bullet_icons" => false,
"bullet_title_layout" => "inline",
"bullet_title_colour" => "lemon",
"bullet_colour" => "lemon",
"bullet_lists" => [
[
"bullet_title" => "Learn and develop everyday",
"bullet_text" => "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper, diam sit amet mattis blandit, tortor tellus eleifend eros, feugiat tincidunt nunc metus nec magna. Sed rutrum laoreet nulla non vehicula. Maecenas scelerisque urna elit, non gravida est elementum nec. In non lectus finibus, consectetur eros in, tincidunt augue."
],
[
"bullet_title" => "Enjoy a great work/life balance",
"bullet_text" => "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper, diam sit amet mattis blandit, tortor tellus eleifend eros, feugiat tincidunt nunc metus nec magna. Sed rutrum laoreet nulla non vehicula. Maecenas scelerisque urna elit, non gravida est elementum nec. In non lectus finibus, consectetur eros in, tincidunt augue."
],
[
"bullet_title" => "Celebrate your successes",
"bullet_text" => "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper, diam sit amet mattis blandit, tortor tellus eleifend eros, feugiat tincidunt nunc metus nec magna. Sed rutrum laoreet nulla non vehicula. Maecenas scelerisque urna elit, non gravida est elementum nec. In non lectus finibus, consectetur eros in, tincidunt augue."
]
]
]
At vero eos at accusam et justo duo dolore et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper, diam sit amet mattis blandit, tortor tellus eleifend eros, feugiat tincidunt nunc metus nec magna. Sed rutrum laoreet nulla non vehicula. Maecenas scelerisque urna elit, non gravida est elementum nec. In non lectus finibus, consectetur eros in, tincidunt augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper, diam sit amet mattis blandit, tortor tellus eleifend eros, feugiat tincidunt nunc metus nec magna. Sed rutrum laoreet nulla non vehicula. Maecenas scelerisque urna elit, non gravida est elementum nec. In non lectus finibus, consectetur eros in, tincidunt augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper, diam sit amet mattis blandit, tortor tellus eleifend eros, feugiat tincidunt nunc metus nec magna. Sed rutrum laoreet nulla non vehicula. Maecenas scelerisque urna elit, non gravida est elementum nec. In non lectus finibus, consectetur eros in, tincidunt augue.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.text-with-list.text-with-list', $options)
Options used for this example:
[
"has_tag" => true,
"tag_type" => "yellow-text",
"tag_text" => "Our Values",
"title" => "The Kocho Way",
"block_title_size" => "large",
"title_colour" => "white",
"body" => "",
"bullet_icons" => true,
"bullet_title_layout" => "not_inline",
"bullet_title_colour" => "lime",
"bullet_colour" => "lemon",
"bullet_lists" => [
[
"icon" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"bullet_title" => "Do what's right",
"bullet_text" => "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper, diam sit amet mattis blandit, tortor tellus eleifend eros, feugiat tincidunt nunc metus nec magna. Sed rutrum laoreet nulla non vehicula. Maecenas scelerisque urna elit, non gravida est elementum nec. In non lectus finibus, consectetur eros in, tincidunt augue."
],
[
"icon" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"bullet_title" => "Think greater",
"bullet_text" => "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper, diam sit amet mattis blandit, tortor tellus eleifend eros, feugiat tincidunt nunc metus nec magna. Sed rutrum laoreet nulla non vehicula. Maecenas scelerisque urna elit, non gravida est elementum nec. In non lectus finibus, consectetur eros in, tincidunt augue."
],
[
"icon" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
],
"bullet_title" => "Better together",
"bullet_text" => "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper, diam sit amet mattis blandit, tortor tellus eleifend eros, feugiat tincidunt nunc metus nec magna. Sed rutrum laoreet nulla non vehicula. Maecenas scelerisque urna elit, non gravida est elementum nec. In non lectus finibus, consectetur eros in, tincidunt augue."
]
]
]
Our Values
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper, diam sit amet mattis blandit, tortor tellus eleifend eros, feugiat tincidunt nunc metus nec magna. Sed rutrum laoreet nulla non vehicula. Maecenas scelerisque urna elit, non gravida est elementum nec. In non lectus finibus, consectetur eros in, tincidunt augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper, diam sit amet mattis blandit, tortor tellus eleifend eros, feugiat tincidunt nunc metus nec magna. Sed rutrum laoreet nulla non vehicula. Maecenas scelerisque urna elit, non gravida est elementum nec. In non lectus finibus, consectetur eros in, tincidunt augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ullamcorper, diam sit amet mattis blandit, tortor tellus eleifend eros, feugiat tincidunt nunc metus nec magna. Sed rutrum laoreet nulla non vehicula. Maecenas scelerisque urna elit, non gravida est elementum nec. In non lectus finibus, consectetur eros in, tincidunt augue.
Two column grid with optional title and subtitle, and a choice of bullets or text for the second column
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.two-column-grid.two-column-grid', $options)
Options used for this example:
[
"theme" => "white",
"title_options" => [
"show_tag" => 1,
"top_tag" => "Introduction",
"top_title" => "",
"top_heading_size" => ""
],
"col_1" => [
"col_1_heading" => "A short overview-like heading goes here about the industry in question.",
"col_1_heading_size" => "h2",
"col_1_standfirst" => "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor indivunt.",
"col_1_body" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor indivunt.</p>"
],
"col_2" => [
"layout_type" => "text",
"bullet_heading" => "",
"col_2_body" => "<p>Employees are demanding more high-tech solutions, the sector is seeing increasing regulatory pressure, whilst more collaborative and sub-contracted projects means more digital information and intellectual property being shared between parties.</p><p>For maximum efficiency, companies in the sector rely on a distributed workforce, a broad supply chain and real-time data sharing.</p>",
"cta" => ""
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor indivunt.
Employees are demanding more high-tech solutions, the sector is seeing increasing regulatory pressure, whilst more collaborative and sub-contracted projects means more digital information and intellectual property being shared between parties.
For maximum efficiency, companies in the sector rely on a distributed workforce, a broad supply chain and real-time data sharing.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.two-column-grid.two-column-grid', $options)
Options used for this example:
[
"theme" => "oatmeal",
"title_options" => [
"show_tag" => 1,
"top_tag" => "Our Approach",
"top_title" => "Your journey toward greatness",
"top_heading_size" => "h2"
],
"col_1" => [
"col_1_body" => "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor indivunt.</p>"
],
"col_2" => [
"layout_type" => "button",
"bullet_heading" => "",
"col_2_body" => "",
"cta" => [
"button_text" => "Learn More",
"button_type" => "link",
"link_url" => "https://google.com"
]
]
]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor indivunt.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.two-column-grid.two-column-grid', $options)
Options used for this example:
[
"theme" => "white",
"title_options" => [
"show_tag" => 1,
"top_tag" => "Our people",
"top_title" => ""
],
"col_1" => [
"col_1_heading" => "A short heading about our people culture goes here",
"col_1_heading_size" => "h2",
"col_1_body" => "<p>A short bit of paragraph text about our people culture goes here</p>"
],
"col_2" => [
"layout_type" => "text",
"bullet_heading" => "",
"col_2_body" => "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget mollis mauris. In eu volutpat sapien, aliquam lacinia diam. In hac habitasse platea dictumst. Nulla facilisi. Integer felis justo, dictum vitae vestibulum eu, commodo nec leo. Aenean aliquam ex interdum sapien auctor posuere. Etiam viverra felis vitae porta commodo.</p>",
"cta" => [
"button_text" => "Meet our people",
"button_type" => "link",
"link_url" => "https://google.com"
]
]
]
A short bit of paragraph text about our people culture goes here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget mollis mauris. In eu volutpat sapien, aliquam lacinia diam. In hac habitasse platea dictumst. Nulla facilisi. Integer felis justo, dictum vitae vestibulum eu, commodo nec leo. Aenean aliquam ex interdum sapien auctor posuere. Etiam viverra felis vitae porta commodo.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.two-column-grid.two-column-grid', $options)
Options used for this example:
[
"theme" => "ebony",
"title_options" => [
"show_tag" => 0,
"top_tag" => "",
"top_title" => ""
],
"col_1" => [
"col_1_heading" => "How we help propel businesses like yours toward greater.",
"col_1_heading_size" => "h3",
"col_1_body" => "<p>We understand the clear role enterprise mobility can play in addressing these challenges, and we know how to implement solutions that work for you.</p>"
],
"col_2" => [
"layout_type" => "bullets",
"bullet_heading" => "We can help you:",
"bullets" => [
[
"bullet_text" => "Lorem ipsum dolor sit amet"
],
[
"bullet_text" => "Praesent ut metus vel purus rutrum iaculis sit amet sed elit"
],
[
"bullet_text" => "Donec feugiat venenatis leo vitae imperdiet."
]
],
"col_2_body" => ""
]
]
We understand the clear role enterprise mobility can play in addressing these challenges, and we know how to implement solutions that work for you.
We can help you:
Lorem ipsum dolor sit amet
Praesent ut metus vel purus rutrum iaculis sit amet sed elit
Donec feugiat venenatis leo vitae imperdiet.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.two-column-grid.two-column-grid', $options)
Options used for this example:
[
"theme" => "ebony",
"title_options" => [
"show_tag" => 0,
"top_tag" => "",
"top_title" => "Constructing an efficient and secure digital future",
"top_heading_size" => "h3"
],
"col_1" => [
"col_1_body" => "<p>What would happen if your data fell into the wrong hands? Personal and financial data, blueprints, designs and intellectual property is all valuable and vital in keeping your business competitive and secure.</p>"
],
"col_2" => [
"layout_type" => "bullets",
"bullet_heading" => "",
"bullets" => [
[
"bullet_text" => "Lorem ipsum dolor sit amet"
],
[
"bullet_text" => "Praesent ut metus vel purus rutrum iaculis sit amet sed elit"
],
[
"bullet_text" => "Donec feugiat venenatis leo vitae imperdiet."
]
],
"col_2_body" => ""
]
]
What would happen if your data fell into the wrong hands? Personal and financial data, blueprints, designs and intellectual property is all valuable and vital in keeping your business competitive and secure.
Lorem ipsum dolor sit amet
Praesent ut metus vel purus rutrum iaculis sit amet sed elit
Donec feugiat venenatis leo vitae imperdiet.
Two-column block with quote and optional person details, and a second column with either an image or a CTA with optional body text
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.two-column-quote.two-column-quote', $options)
Options used for this example:
[
"bg_colour" => "ebony",
"has_overlay" => true,
"quote_body" => "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta mi dignissim ultricies suscipit. Nullam ut justo a velit vehicula vulputate sit amet a nisi.",
"person_avatar" => [
"has_person" => 1,
"person_image" => [
"url" => "/assets/images/pattern-library/gettyimages-1327498437-2048x2048.jpeg"
],
"person_name" => "John Smith",
"person_position" => "CEO"
],
"toggle_logo" => 1,
"quote_logo" => [
"url" => "/assets/images/pattern-library/logo-yodel.png",
"alt" => "The Yodel logo"
],
"col_2_options" => "cta",
"col_2_cta" => [
"cta_body" => "Need help becoming greater?",
"cta" => [
"button_text" => "Speak to an expert",
"button_type" => "link",
"link_url" => "https://google.com"
]
]
]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta mi dignissim ultricies suscipit. Nullam ut justo a velit vehicula vulputate sit amet a nisi.
John Smith
CEO
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.two-column-quote.two-column-quote', $options)
Options used for this example:
[
"bg_colour" => "green",
"has_overlay" => true,
"quote_body" => "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta mi dignissim ultricies suscipit. Nullam ut justo a velit vehicula vulputate sit amet a nisi.",
"person_avatar" => [
"has_person" => 1,
"person_name" => "John Smith",
"person_position" => "CEO"
],
"toggle_logo" => 0,
"col_2_options" => "image",
"image" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg",
"alt" => "kitten"
]
]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta mi dignissim ultricies suscipit. Nullam ut justo a velit vehicula vulputate sit amet a nisi.
John Smith
CEO
A column of WYSIWYG text with a quote right
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.two-column-text-with-quote.two-column-text-with-quote', $options)
Options used for this example:
[
"bg_colour" => "oatmeal",
"standfirst" => "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas egestas ex id lacus dictum cursus. Cras efficitur fermentum quam, in finibus ligula sollicitudin quis. ",
"content" => "<p>Adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis. Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis.</p><p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis.</p>",
"social_icons" => [
[
"name" => "twitter",
"url" => "https://www.twitter.com"
],
[
"name" => "linkedin",
"url" => "https://www.linkedin.com"
]
],
"quote_text" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis.</p>"
]
Adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis. Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis.
Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis.
Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis.
A block with title, text and optional button
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.vertical-text-with-cta.vertical-text-with-cta', $options)
Options used for this example:
[
"bg_colour" => "ebony",
"has_overlay" => true,
"has_tag" => true,
"tag_type" => "yellow-text",
"tag_text" => "Block Tag",
"text_align" => "center",
"title" => "Vertical Text with CTA Block",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit bibendum ante vel vitae eget, vestibulum lobortis ut feugiat tristique est nisl felis ad sem. Volutpat dui nec tortor ligula, nascetur euismod orci.</p>",
"has_button" => true,
"cta" => [
"button_text" => "Primary Button",
"button_style" => "primary-green",
"button_type" => "link",
"link_url" => "https://google.com"
]
]
Block Tag
Lorem ipsum dolor sit amet consectetur adipiscing elit bibendum ante vel vitae eget, vestibulum lobortis ut feugiat tristique est nisl felis ad sem. Volutpat dui nec tortor ligula, nascetur euismod orci.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.vertical-text-with-cta.vertical-text-with-cta', $options)
Options used for this example:
[
"bg_colour" => "oatmeal",
"has_overlay" => true,
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "Block Tag",
"text_align" => "center",
"title" => "Vertical Text with CTA Block",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit bibendum ante vel vitae eget, vestibulum lobortis ut feugiat tristique est nisl felis ad sem. Volutpat dui nec tortor ligula, nascetur euismod orci.</p>"
]
Block Tag
Lorem ipsum dolor sit amet consectetur adipiscing elit bibendum ante vel vitae eget, vestibulum lobortis ut feugiat tristique est nisl felis ad sem. Volutpat dui nec tortor ligula, nascetur euismod orci.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.vertical-text-with-cta.vertical-text-with-cta', $options)
Options used for this example:
[
"bg_colour" => "white",
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "Block Tag",
"text_align" => "left",
"title" => "Left Aligned",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit bibendum ante vel vitae eget, vestibulum lobortis ut feugiat tristique est nisl felis ad sem. Volutpat dui nec tortor ligula, nascetur euismod orci.</p>",
"has_button" => true,
"cta" => [
"button_text" => "Primary Button",
"button_style" => "primary-green",
"button_type" => "link",
"link_url" => "https://google.com"
]
]
Block Tag
Lorem ipsum dolor sit amet consectetur adipiscing elit bibendum ante vel vitae eget, vestibulum lobortis ut feugiat tristique est nisl felis ad sem. Volutpat dui nec tortor ligula, nascetur euismod orci.
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.vertical-text-with-cta.vertical-text-with-cta', $options)
Options used for this example:
[
"bg_colour" => "white",
"has_tag" => false,
"tag_type" => "",
"tag_text" => "",
"text_align" => "left",
"title" => "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor indivunt ut labore et dolore magna aliquyam erat.",
"title_size" => "h5",
"copy" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit bibendum ante vel vitae eget, vestibulum lobortis ut feugiat tristique est nisl felis ad sem. Volutpat dui nec tortor ligula, nascetur euismod orci.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor indivunt ut labore et dolore magna aliquyam erat.</p>",
"has_button" => true,
"cta" => [
"button_text" => "Download",
"button_style" => "primary-green",
"button_type" => "link",
"link_url" => "https://google.com"
]
]
Lorem ipsum dolor sit amet consectetur adipiscing elit bibendum ante vel vitae eget, vestibulum lobortis ut feugiat tristique est nisl felis ad sem. Volutpat dui nec tortor ligula, nascetur euismod orci.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor indivunt ut labore et dolore magna aliquyam erat.
Narrow video block with optional text
To use this element: @include('.srv.www.kocho.co.uk.releases.20240513082245.web.app.themes.sage.resources....library.blocks.video-block.video-block', $options)
Options used for this example:
[
"text" => [
"text_align" => "left",
"title" => "Title text",
"title_size" => "h3",
"copy" => "<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ducimus atque, iusto neque eos cum asperiores aperiam omnis perspiciatis porro soluta error nemo aut fugiat similique ea minus quae provident voluptatum?</p>",
"text_has_button" => false,
"text_cta" => "",
"has_tag" => true,
"tag_type" => "icon",
"tag_text" => "Tag with Icon",
"bg_colour" => "white"
],
"provider" => "youtube",
"embed_code" => "pVE92TNDwUk",
"title" => "Placeholder video",
"caption" => "",
"sources" => [],
"modal" => false,
"overlay_img" => [
"url" => "/assets/images/pattern-library/placeholder-video-overlay.jpeg",
"alt" => "placeholder overlay"
],
"video_duration" => [
"video_hours" => "00",
"video_minutes" => "00",
"video_seconds" => "33"
]
]
Tag with Icon
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ducimus atque, iusto neque eos cum asperiores aperiam omnis perspiciatis porro soluta error nemo aut fugiat similique ea minus quae provident voluptatum?