Bento Grid | IFM Investors

Bento Grid - Default Settings

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Get more insights in Private Markets 700

Click to see rich text example on the modal

Body Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Bullets example:

NORMAL consectetur adipiscing elit, sed do eiusmod tempor
BOLD consectetur adipiscing elit, sed do eiusmod tempor inc
ITALIC consectetur adipiscing elit, sed do eiusmod tempor ^2**terms and conition applied_11*
UNDERLINE adipiscing elit, sed do eiusmod tempor

Number example:

~~Strikethrough~~ sed do eiusmod tempor
~~COMBINATION adipiscing elit, sed do eiusmod tempor~~

Normal Bullets

One
Two
Three

Test	Test	Test	Test
Test	Test2	Test3	Test 4
Test 5	Test 6	Test 7	Test 8

No icon selected and card title are left empty

44%

Scenario when the text description is longer than the card size - Please adjust the description

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

82%

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Both icon and card title are specified

82%

Both icon and card title are specified

Bento Grid - Deep Sea Theme

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Get more insights in Private Markets 700

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

44%

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Scenario when we have a long text description to see how it looks on the card, this card is using size 50. Adjust the description to match with card size so it's not overlapping with the card size

82%

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

90+

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Bento Grid - Paperbark Theme

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Get more insights in Private Markets 700

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

44%

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

82%

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Bento Grid - Default Settings - No Description and no CTA - Small Spacing

Click to see rich text example on the modal

No icon selected and card title are left empty

44%

Scenario when the text description is longer than the card size - Please adjust the description

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

82%

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Both icon and card title are specified

82%

Both icon and card title are specified

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

90+

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

44%

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Scenario when we have a long text description to see how it looks on the card, this card is using size 50. Adjust the description to match with card size so it's not overlapping with the card size

82%

Our Infrastructure knowledge hub

Our infrastructure asset portfolio

2023 IFM Investors Sustainable Business Report

Zero time to spare

Infrastructure Outlook 2023: Uncertainty, transition and social factors

2024 Global Economic Outlook

Bento Grid - Default Settings

Click to see rich text example on the modal

No icon selected and card title are left empty

Scenario when the text description is longer than the card size - Please adjust the description

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Both icon and card title are specified

Both icon and card title are specified

Bento Grid - Deep Sea Theme

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Scenario when we have a long text description to see how it looks on the card, this card is using size 50. Adjust the description to match with card size so it's not overlapping with the card size

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Bento Grid - Paperbark Theme

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Bento Grid - Default Settings - No Description and no CTA - Small Spacing

Click to see rich text example on the modal

No icon selected and card title are left empty

Scenario when the text description is longer than the card size - Please adjust the description

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Both icon and card title are specified

Both icon and card title are specified

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

Scenario when we have a long text description to see how it looks on the card, this card is using size 50. Adjust the description to match with card size so it's not overlapping with the card size

Card Intro - Ut enim ad minim veniam, quis nostrud exercitation

We use essential cookies to make our website work efficiently.