Two column text with image

A two-column layout for text and images which can be flipped horizontally, containing various optional titles and an optional caption

Usage details:

To use this element: @include('.srv.www.cerbaresearch.com.releases.20240226122031.web.app.themes.cerba.resources....library.blocks.two-column-text-with-image.two-column-text-with-image', $options)

Options used for this example:

[
	"supertitle" => "Lorem ipsum dolor sit amet",
	"col_title" => "",
	"layout" => "img-left",
	"body" => "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel turpis nibh. Curabitur vel magna quis turpis iaculis tempor at eu tellus. Proin nec massa maximus, luctus ex quis, placerat ligula. Nam dapibus vitae ipsum efficitur pulvinar. Suspendisse potenti. Etiam accumsan justo ac ligula tincidunt.</p><h3>Lorem ipsum dolor sit amet, consectetur</h3><ul><li>Lorem ipsum dolor sit amet, consectetur</li><li>Lorem ipsum dolor sit amet, consectetur</li><li>Lorem ipsum dolor sit amet, consectetur</li><li>Lorem ipsum dolor sit amet, consectetur</li></ul>",
	"image" => [
		"url" => "/assets/images/pattern-library/kitten-green.jpg"
	]
]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel turpis nibh. Curabitur vel magna quis turpis iaculis tempor at eu tellus. Proin nec massa maximus, luctus ex quis, placerat ligula. Nam dapibus vitae ipsum efficitur pulvinar. Suspendisse potenti. Etiam accumsan justo ac ligula tincidunt.

Lorem ipsum dolor sit amet, consectetur

  • Lorem ipsum dolor sit amet, consectetur
  • Lorem ipsum dolor sit amet, consectetur
  • Lorem ipsum dolor sit amet, consectetur
  • Lorem ipsum dolor sit amet, consectetur
Usage details:

To use this element: @include('.srv.www.cerbaresearch.com.releases.20240226122031.web.app.themes.cerba.resources....library.blocks.two-column-text-with-image.two-column-text-with-image', $options)

Options used for this example:

[
	"supertitle" => "",
	"col_title" => "Lorem ipsum dolor sit amet",
	"layout" => "img-left",
	"body" => "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa lectus, rhoncus non lorem a.</p><ul><li>Lorem ipsum dolor sit amet, consectetur</li><li>Lorem ipsum dolor sit amet, consectetur</li><li>Lorem ipsum dolor sit amet, consectetur</li><li>Lorem ipsum dolor sit amet, consectetur</li><li>Lorem ipsum dolor sit amet, consectetur</li><li>Lorem ipsum dolor sit amet, consectetur</li><li>Lorem ipsum dolor sit amet, consectetur</li></ul>",
	"image" => [
		"url" => "/assets/images/pattern-library/kitten-grey.jpg"
	],
	"caption" => "<p><strong>Lorem ipsum:</strong> Lorem ipsum dolor sit amet</p>"
]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa lectus, rhoncus non lorem a.

  • Lorem ipsum dolor sit amet, consectetur
  • Lorem ipsum dolor sit amet, consectetur
  • Lorem ipsum dolor sit amet, consectetur
  • Lorem ipsum dolor sit amet, consectetur
  • Lorem ipsum dolor sit amet, consectetur
  • Lorem ipsum dolor sit amet, consectetur
  • Lorem ipsum dolor sit amet, consectetur

Lorem ipsum: Lorem ipsum dolor sit amet

Usage details:

To use this element: @include('.srv.www.cerbaresearch.com.releases.20240226122031.web.app.themes.cerba.resources....library.blocks.two-column-text-with-image.two-column-text-with-image', $options)

Options used for this example:

[
	"supertitle" => "Lorem ipsum dolor sit amet",
	"col_title" => "",
	"layout" => "img-right",
	"body" => "<h3>Lorem ipsum dolor sit amet, consectetur</h3><p>Lorem ipsum dolor sit amet, consectetur adipscing elit, sed do eisumod temprot incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><h3>Lorem ipsum dolor sit amet, consectetur</h3><p>Lorem ipsum dolor sit amet, consectetur adipscing elit, sed do eisumod temprot incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>",
	"image" => [
		"url" => "/assets/images/pattern-library/kitten-smile.jpg"
	],
	"caption" => ""
]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur adipscing elit, sed do eisumod temprot incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur adipscing elit, sed do eisumod temprot incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.