Flex Cols Img

Description

The flex cols image component is a specific component that renders an optional image with 4 columns of content. Rarely used. Should be deprecated.

Sample Flex Column /w Image

Rendered


This is the header

This is a subheader. Tristique Sem Quam Adipiscing

first title

This is a body for section one.

second title

This is a body for section two.

third title

This is a body for section three.

fourth title

This is a body for section four.


Options

classes : string

image : string

header : string

title-1 : string

body-1 : string

title-2 : string

body-2 : string

title-3 : string

body-3 : string

title-4 : string

body-4 : string

image : string


Sample Flex Column /w Image

Code


{% include components/flex-cols-img.html header="This is the header" subheader="This is a subheader. Tristique Sem Quam Adipiscing" title-1="first title" body-1="This is a body for section one." title-2="second title" body-2="This is a body for section two." title-3="third title" body-3="This is a body for section three." title-4="fourth title" body-4="This is a body for section four." image="illustrations/illu_how-it-works.svg" %}

Rendered


This is the header

This is a subheader. Tristique Sem Quam Adipiscing

first title

This is a body for section one.

second title

This is a body for section two.

third title

This is a body for section three.

fourth title

This is a body for section four.