Link panels

Textual link panels

Any icon from our icon set can be used in conjunction with this component.

There is an optional paragraph that should only be used if the title isn't obvious enough.

Link panels images without background

Link panels with images, no linkable and without background for usage on Product Page.

Link panels images with background for R&I

Link panels with grey background and curves for R&I.

Reusable Card Panel - fully clickable

Reusable Card Panel is fully clickable, but you can have use Variant 3 for non-clickable bottom area.

Card Panel scales and can be arranged as a single card, two or three in a row by updating class="col-xs-12 col-md-6" accordingly.

Variant 1: image cloud, no bg, text expands from edge to edge

Variant 2: same as V.1 + Eyebrow as uppercase or normal text

Variant 3: same as V.2 + Non-clickable area for tags / lists

Variant 4: same structure as V.1, but half curves, white bg

External links block with Card Panel V.4 (displayed on R&I)

Variant 4: single column use case, used on the side block

Non-clickable Highlights on grey bg, displayed on .org HP

Main structure is based on Reusable Card Panel.

Non-clickable Lightgrey Triple Panel Plain, displayed on R&I

Main structure is based on Reusable Card Panel.

.panel-plain defines characteristics, .panel-lightgrey adds background colour.

Link panels with background

Link Panels with text with icons and background color.

Form panels

Form based panels that contains form items, jump menus etc.

Image link panels

Image based link panels can be used in conjuction with square, portrait or landscape images.