Teasers

Use this to add teasers, which consist of an icon with a title, optional secondary title and body text shown below or to the left of it.

You can also add one or more buttons or turn the entire teaser into a link.

Using the Teaser Card skin you can also show images instead of or together with the icon.

Other teaser skins allow you to add Jumbotrons and sliders with overlay boxes.

Be aware, that the below are just examples, how teasers can look.

Of course any font, size, colour, and other style of your teaser can be changed globally to fit your exact design requirements via the template style settings.

Standard without icon

This is a standard teaser with left aligned text and no titles at all. Nullam quis risus eget urna mollis ornare vel eu leo.

This is a standard teaser with centered text and no titles at all. Nullam quis risus eget urna mollis ornare vel eu leo.

Without any icon

This is a standard teaser with left aligned text and no secondary title. Nullam quis risus eget urna mollis ornare vel eu leo.

Without any icon

Some secondary title

This text is left aligned. Nullam quis risus eget urna mollis ornare vel eu leo.

Without any icon

Some secondary title

This text is centered. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis www.seeems.dk ornare vel eu leo. Nullam quis risus eget urna mollis some link ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo.

With border

This is a standard teaser with a default border. The text is left aligned and with no titles at all. Nullam quis risus eget urna mollis ornare vel eu leo.

This is a standard teaser where the border has the primary colour. The text is centered and with no titles at all. Nullam quis risus eget urna mollis ornare vel eu leo.

This is a standard teaser where the border has the lightest colour. This is, why you cannot see it, but you can see the padding.

Without any icon

This is a standard teaser where the border has the semi light colour. The text is left aligned and without a secondary title. Nullam quis risus eget urna mollis ornare vel eu leo.

Without any icon

Some secondary title

The border has the semi dark colour. The text is left aligned. Nullam quis risus eget urna mollis ornare vel eu leo.

Without any icon

Some secondary title

The border has the darkest colour. The text is centered. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis www.seeems.dk ornare vel eu leo. Nullam quis risus eget urna mollis some link ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo.

With background

No/transparent background

Some secondary title

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis www.seeems.dk ornare vel eu leo. Nullam quis risus eget urna mollis some link ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo.

No/transparent background

Some secondary title

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis www.seeems.dk ornare vel eu leo. Nullam quis risus eget urna mollis some link ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo.

With background and border

Standard with icon

Just a title

A title

And a secondary title

Just a title

A title

And a secondary title

Icon to the left

This is a standard teaser. Nullam quis risus eget urna mollis ornare vel eu leo.

Icon to the left

Some secondary title

This is a standard teaser. Nullam quis risus eget urna mollis ornare vel eu leo.

Icon is in the top

This text is left aligned. Nullam quis risus eget urna mollis ornare vel eu leo.

Icon is in the top

Some secondary title

This text is centered. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis www.seeems.dk ornare vel eu leo. Nullam quis risus eget urna mollis some link ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo.

With border

Just a title

Just a title

A title

And a secondary title

Just a title

A title

And a secondary title

Icon to the left

This is a standard teaser. Nullam quis risus eget urna mollis ornare vel eu leo.

Icon to the left

Some secondary title

This is a standard teaser. Nullam quis risus eget urna mollis ornare vel eu leo.

Icon is in the top

This text is left aligned. Nullam quis risus eget urna mollis ornare vel eu leo.

Icon is in the top

Some secondary title

This text is centered. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis www.seeems.dk ornare vel eu leo. Nullam quis risus eget urna mollis some link ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo.

With background

Custom

Card

Different widths

Equal height of all teasers in same row

Equal height of all teasers in same columns grid

Specify exactly which teasers shall have equal height

Example of colour combinations