Hero Section
Image & Minimum Height: large
Link style: button
CardList, no spacing, 3 columns
Info Card, Overlap on the previous section, default background color
CardList, no spacing, 3 columns
Info Card, Overlap on the previous section, background color: Cool Grey
CardList, no spacing, 3 columns
Info Card, Overlap on the previous section, background color: White 90%
Hero Section - Spacing: Vertical
Image & Minimum Height: medium
Link style: link
Hero Section
Image & Minimum Height: small
Hero Section
Image & Minimum Height: none
Text Section
Hero Video & Minimum Height: large ↓
Text Section
Hero Video & Minimum Height: medium ↓
CardList
Variant: image_with_text, 3 columns, background color: cool gray 20%, spacing: vertical
Automatisierte Probenvorbereitung (h4)
Effiziente und flexible Lösungen zur Vorbereitung von Proben für die Chromatographie.
Thermodesorption & Extraktionstechniken (h4)
Innovative Systeme wie SBSE (Stir Bar Sorptive Extraction) und Thermodesorption für hochsensitive Analysen
Laborautomation & Individuallösungen (h4)
Maßgeschneiderte Automationslösungen zur Optimierung von Arbeitsabläufen in analytischen Laboren
CardList
Variant: text, 2 columns, background color: cool gray 50%, spacing: vertical, centered.
Text Card 1, h4
background color: cool gray 20%
Text Card 2, h4
background color: cool gray 20%
CardList
Variant: Listing, 2 columns, spacing: vertical
Subtitle h6
Title h5
link style: button
Subtitle h6
Title h5
link style: link
CardList
Variant: link, 4 columns, background color: Midblue Neutral 10%, spacing: vertical
MediaWithText
Video, Media alignment: right, Media width: 50%, spacing: vertical
MediaWithText
Image, Media alignment: left, backgroundColor: Cool Grey, spacing: vertical, link style: button
MediaWithCards
Image, Media alignment: left, Media width: 50%, backgroundColor: Cool Grey, spacing: vertical, with text on image, cards variant: image_with_text, link style: link, with text on media, 2 cards
Text on media h4
Image with text card (with link)
Image with text card (without link)
MediaWithCards
Image, Media alignment: right, Media width: 66%, spacing: vertical, centered, cards variant: link, with text on media, 3 cards
MediaWithCards
Video, Media alignment: left, Media width: 66%, backgroundColor: Cool Grey, spacing: vertical, cards variant: image_with_text, link style: link, 4 cards
Card 1 h3
Card 2 h3
background color: Cool Grey 50%
Card 3 h4
Card 2 h2
This is H1
This is H2
This is H3
This is H4
This is H5
This is H6
- Number1
- Number2
- Number3
This is a Text
- This is a bullet point
- This is another point
- This is another point
- This is another point
- This is another point
- This is another point
- This is another point
- This is another point
- This is another point
- This is a bullet point
- This is a bullet point
This is a Text
This is a Quote !
Hello World
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#$%&*()”
Downloads section - alignment left
This is a H2 title
This is a text inside the Download section
Downloads Section - alignment right. Layout spacing = vertical. Background color = Cool grey 20%
Location 1
Description of location 1
Location 2
Description of location 2 (h5)
Description of location 2 (text)
Description of location 2 (text)
Description of location 2 (text)
Description of location 2 (text)
Description of location 2 (text)
Description of location 2 (text)
Location 3
CardList Variant info
Spacing = Vertical
CardList Variant info
Spacing = Vertical
CardList Variant info
Spacing = Vertical
CardList Variant info
Spacing = Vertical
CardList Variant Text
Spacing = Vertical
CardList Variant Text
Spacing = Vertical
CardList Variant Text
Spacing = Vertical
CardList Variant Text
Spacing = Vertical