Expanding cards block
A grid of expanding cards with title and expandable text content
A grid of expanding cards with title and expandable text content
To use this element: @include('.srv.www.cerbaresearch.com.releases.20240417123507.web.app.themes.cerba.resources....library.blocks.expanding-cards.expanding-cards', $options)
Options used for this example:
[
"title" => "Expanding cards block",
"cards" => [
[
"card_img" => [
"url" => "/assets/images/pattern-library/kitten-grey.jpg"
],
"card_title" => "Science",
"card_subtitle" => "Where it all begins",
"card_body" => "<p>Donec vestibulum suscipit vehicula. Phasellus risus augue, tincidunt id tempus id, posuere vitae leo. Etiam at porta magna. Donec varius turpis porttitor, iaculis augue eget, hendrerit leo. Praesent a convallis turpis. Vestibulum dapibus risus urna, sit amet porttitor tellus faucibus nec. Nullam hendrerit erat ligula, at mollis risus tincidunt id.</p>"
],
[
"card_img" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg"
],
"card_title" => "Project Management",
"card_subtitle" => "Getting the job done",
"card_body" => "<p>Donec vestibulum suscipit vehicula. Phasellus risus augue, tincidunt id tempus id, posuere vitae leo. Etiam at porta magna. Donec varius turpis porttitor, iaculis augue eget, hendrerit leo. Praesent a convallis turpis. Vestibulum dapibus risus urna, sit amet porttitor tellus faucibus nec. Nullam hendrerit erat ligula, at mollis risus tincidunt id.</p>"
],
[
"card_img" => [
"url" => "/assets/images/pattern-library/kitten-yawn.jpg"
],
"card_title" => "Sample Handling and Kit-building",
"card_subtitle" => "Delivering on the detail",
"card_body" => "<p>Donec vestibulum suscipit vehicula. Phasellus risus augue, tincidunt id tempus id, posuere vitae leo. Etiam at porta magna. Donec varius turpis porttitor, iaculis augue eget, hendrerit leo. Praesent a convallis turpis. Vestibulum dapibus risus urna, sit amet porttitor tellus faucibus nec. Nullam hendrerit erat ligula, at mollis risus tincidunt id.</p>"
],
[
"card_img" => [
"url" => "/assets/images/pattern-library/kitten-stretch.jpg"
],
"card_title" => "Quality",
"card_subtitle" => "Protecting our reputation",
"card_body" => "<p>Donec vestibulum suscipit vehicula. Phasellus risus augue, tincidunt id tempus id, posuere vitae leo. Etiam at porta magna. Donec varius turpis porttitor, iaculis augue eget, hendrerit leo. Praesent a convallis turpis. Vestibulum dapibus risus urna, sit amet porttitor tellus faucibus nec. Nullam hendrerit erat ligula, at mollis risus tincidunt id.</p>"
],
[
"card_img" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg"
],
"card_title" => "Business Operators",
"card_subtitle" => "Keeping us competitive",
"card_body" => "<p>Donec vestibulum suscipit vehicula. Phasellus risus augue, tincidunt id tempus id, posuere vitae leo. Etiam at porta magna. Donec varius turpis porttitor, iaculis augue eget, hendrerit leo. Praesent a convallis turpis. Vestibulum dapibus risus urna, sit amet porttitor tellus faucibus nec. Nullam hendrerit erat ligula, at mollis risus tincidunt id.</p>"
]
]
]