Capabilities

Desktop view

With 4 cards - Teaser style

With 1 teaser - Teaser style

With 3 teasers - Text card (image) style

With 7 teasers - Text card (image) style

With Quote element

Mobile view

Live example

How it works

The homepage capabilities is based on a container component which allows to define 1-n teasers
The container consist of section header, teasers and optional a quote
Styles for teasers
- Teaser style
  Image and title are linked
- Text card (image) style
  Image, title, text and linklist
- Text card (no image) style
  Title, text and linklist
Up to 4 teasers are in a row.
Single teaser is displayed horizontally. The image can be placed on the left or right.
Background color of the container is defined
On mobile image is not shown

How to use it

Make sure that the same style of all teasers is always applied in the container

This component has to be maintained through an Experience Fragment Homepage Content Section.

The location of the Capabilities Experience Fragment should be located under /content/experience-fragments/<country>/<language>/homepage-2025/capabilities/*

Definiton of teaser style

screenshot aem view teaser style definition

Enable quote