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

.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.
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.