- section-xxl (For extra, extra large sections and small banners)
- section-xl (Extra large sections with plenty of spacing)
- section-l (Large sections and the one I use for most sections)
- section-m (Medium sections)
- section-s (Small sections)
- section-xs (Extra small sections)
- section-xxs (Extra extra small sections)
- section-hero (control the VH for hero banners, by default is set to 100vh)
- section-full (Creates a full width section removing padding on the sides, add another section class to add padding on the top and bottom)
- section-narrow (Creates a narrow section giving the content in the section 1000px)
- section-narrow-xs (Creates an extra narrow section giving the content in the section 720px)
- section-offset (Use for banners with overlay headers. This will offset the top padding)
XL HeaderGib hier deine Überschrift ein
L Header Gib hier deine Überschrift ein
M Header Gib hier deine Überschrift ein
S Header Gib hier deine Überschrift ein
Sub Header Gib hier deine Überschrift ein
Button Text L
Button Text M
Button Text S
Button Text XS
Text L Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Text M Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Text S Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Text XS Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.