Prices
Description:
The Prices block displays a price comparison in the form of cards. These are always the same width and are displayed next to each other on a dark background. When mobile, the cards are displayed one below the other from left to right. A text is displayed centred above the cards. A title, a price, a text and a link are displayed in the centre of the cards. This link is displayed as a button in black
Settings:
- The number of cards can be set(1 - 6; default: 3)
- For each card, you can set whether it should be highlighted
- If a card is highlighted, the background is black and the title and link are displayed in the primary colour
- A heading can optionally be placed in front of the introductory text
- If this is activated, the heading size can be selected(H2 (default), H3, H4)
- The dark background can optionally be replaced with an image
- The set image is displayed under a grey overlay so that the text is still legible
Examples:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
- Lorem Ipsum 1
- Lorem Ipsum 2
- Lorem Ipsum 3
- Lorem Ipsum 4
- Lorem Ipsum 5
- Lorem Ipsum 6
- Lorem Ipsum 1
- Lorem Ipsum 2
- Lorem Ipsum 3
- Lorem Ipsum 4
- Lorem Ipsum 5
- Lorem Ipsum 6
- Lorem Ipsum 1
- Lorem Ipsum 2
- Lorem Ipsum 3
- Lorem Ipsum 4
- Lorem Ipsum 5
- Lorem Ipsum 6
- Lorem Ipsum 1
- Lorem Ipsum 2
- Lorem Ipsum 3
- Lorem Ipsum 4
- Lorem Ipsum 5
- Lorem Ipsum 6
- Lorem Ipsum 1
- Lorem Ipsum 2
- Lorem Ipsum 3
- Lorem Ipsum 4
- Lorem Ipsum 5
- Lorem Ipsum 6
- Lorem Ipsum 1
- Lorem Ipsum 2
- Lorem Ipsum 3
- Lorem Ipsum 4
- Lorem Ipsum 5
- Lorem Ipsum 6
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Price block with heading (H2)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Price block with heading (H3)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Price block with heading (H4)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.