Heros text box
Description
Hero text box is a hero with one content text box. All options can be used together.
Text content options
- tag tag
- Title
- Rich-text
Media content options
- Image
- Background colors
- Primary color
- Secondary color
- Watermark
Height
- Default - fit-content
- Half height (50vh)
- Full height (100vh)
Content alignment
- Default - Box displaced/Overlaped
- Center (Vertically)
Global styling options
- Global styling for buttons (you can insert multiple button styled links)
- Default: Button link - arrow long
- Button filled
- Global background styling (Does not effect displaced or hightlighted heros)
- Default: Framed
- Overlay
Default
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
Align center
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
.bg--primary - Button with arrow
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
.bg--secondary - Button with arrow
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
Half height
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
Half height & Align center
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
Full height
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
Full height & Align center
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
Align center & filled buttons
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
.bg--primary & filled buttons
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
.bg--secondary & filled buttons
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
Align center & buttons
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
Hero text box - Global background style option: Overlay
Align center - .bg-overlay
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
.bg--primary or .bg--secondary does not get overlay
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
Full height - .bg-overlay-45deg (not centered)
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
Align center & buttons - .bg-overlay
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
Hero text box - hero bg color
.bg--primary & filled buttons - hero bg secondary
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
.bg--secondary & filled buttons - hero bg primary
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
Align center & buttons - hero bg primary
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
Align center - hero bg primary
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.
Watermark
Watermark - top right
Kommuneplanen er den bærende og helt afgørende plan, hvor borgere og virksomheder kan orientere sig om mål og regler for arealanvendelsen.This is a link.