Stats icons

A block for highlighting individual stats with icons and a short description

Usage details:

To use this element: @include('.srv.www.cerbaresearch.com.releases.20240417123507.web.app.themes.cerba.resources....library.blocks.stats-icons.stats-icons', $options)

Options used for this example:

[
	"background" => "pink",
	"title" => "Enhance your research with patient- and science-driven insight",
	"icon_text_size" => "large",
	"icons" => [
		[
			"icon" => "people",
			"icon_title" => "27,258",
			"icon_subtitle" => "patients screened"
		],
		[
			"icon" => "pin",
			"icon_title" => "5,209",
			"icon_subtitle" => "sites"
		],
		[
			"icon" => "globe",
			"icon_title" => "55",
			"icon_subtitle" => "countries"
		]
	]
]

Enhance your research with patient- and science-driven insight

people icon

27,258

patients screened

map pin icon

5,209

sites

globe icon

55

countries

Usage details:

To use this element: @include('.srv.www.cerbaresearch.com.releases.20240417123507.web.app.themes.cerba.resources....library.blocks.stats-icons.stats-icons', $options)

Options used for this example:

[
	"background" => "purple",
	"title" => "",
	"icon_text_size" => "normal",
	"icons" => [
		[
			"icon" => "people",
			"icon_title" => "Client-specific",
			"icon_subtitle" => "Tailor-made proprietary/drug-specific panels"
		],
		[
			"icon" => "people",
			"icon_title" => "Validation",
			"icon_subtitle" => "In-house validation and method transfer to other Cerba Research labs"
		],
		[
			"icon" => "people",
			"icon_title" => "Harmonized",
			"icon_subtitle" => "Global acceptance criteria and instrument and assay standardization"
		]
	]
]
people icon

Client-specific

Tailor-made proprietary/drug-specific panels

people icon

Validation

In-house validation and method transfer to other Cerba Research labs

people icon

Harmonized

Global acceptance criteria and instrument and assay standardization

Usage details:

To use this element: @include('.srv.www.cerbaresearch.com.releases.20240417123507.web.app.themes.cerba.resources....library.blocks.stats-icons.stats-icons', $options)

Options used for this example:

[
	"background" => "purple",
	"title" => "A variant with custom icons",
	"icon_text_size" => "normal",
	"icons" => [
		[
			"icon" => "custom",
			"custom_icon" => [
				"url" => "/assets/images/pattern-library/placeholder.png"
			],
			"icon_title" => "Lorem ipsum",
			"icon_subtitle" => "Nullam faucibus congue leo, sit amet sodales leo aliquet id"
		],
		[
			"icon" => "custom",
			"custom_icon" => [
				"url" => "/assets/images/pattern-library/placeholder.png"
			],
			"icon_title" => "Lorem ipsum",
			"icon_subtitle" => "Nullam faucibus congue leo, sit amet sodales leo aliquet id"
		],
		[
			"icon" => "custom",
			"custom_icon" => [
				"url" => "/assets/images/pattern-library/placeholder.png"
			],
			"icon_title" => "Lorem ipsum",
			"icon_subtitle" => "Nullam faucibus congue leo, sit amet sodales leo aliquet id"
		]
	]
]

A variant with custom icons

Lorem ipsum

Nullam faucibus congue leo, sit amet sodales leo aliquet id

Lorem ipsum

Nullam faucibus congue leo, sit amet sodales leo aliquet id

Lorem ipsum

Nullam faucibus congue leo, sit amet sodales leo aliquet id