Demo page of "4 navigation card" Element | Access to Insurance Initiative

This is how it looks with different amount of items per row:

First of 4 items

Second of 4 items

Third of 4 items

Fourth of 4 items

First of 3 items

Second of 3 items

Third of 3 items

Those are the possibilities of icons/images

Font Awesome Icon with circle

choose Icon of font awesome in section "Icon". It shows a circle around, automatically.

Each element can have a link

Individual uploaded Icon

choose picture mode "Icon" to show it with a circle around

Individual Picture

upload/choose individual image and choose picture mode "full". Image is larger and without red circle.

No icon in "icon" sections should be choosen, otherwise this will be displayed. (Icon is "stronger" than image)

Without icon or image

you can leave fields empty and it doesnt't show anything above the text.

All elements in one row does have the same height (dependant on the highest element)

Styles in CK-Editor:

To have more styles, choose Text format "Full HTML"

Example of how to use the "4 navigation card" Element

This is how it looks with different amount of items per row:

First of 4 items

Second of 4 items

Third of 4 items

Fourth of 4 items

First of 3 items

Second of 3 items

Third of 3 items

First of 2 items

Second of 2 items

First of 1 item

Those are the possibilities of icons/images

Font Awesome Icon with circle

Individual uploaded Icon

Individual Picture

Without icon or image

Styles in CK-Editor:

Subscribe to our list

About A2ii

Sponsors

Example of how to use the "4 navigation card" Element

This is how it looks with different amount of items per row:

First of 4 items

Second of 4 items

Third of 4 items

Fourth of 4 items

First of 3 items

Second of 3 items

Third of 3 items

First of 2 items

Second of 2 items

First of 1 item

Those are the possibilities of icons/images

Font Awesome Icon with circle

Individual uploaded Icon

Individual Picture

Without icon or image

Styles in CK-Editor:

Subscribe to our list

Share insights on Social Media

About A2ii

Sponsors