Go to content

Press enter

Gør dig stærkere

Bliv medlem Fordele Find svar Vælg 3F afdeling

• Søg
• Log ind
• Menu

Du er mere hos 3F

Som fagforening fokuserer vi på at sikre dig et godt liv – også efter fyraften.

Læs mere

Hero Configuration Tool

Layout & design settings - [Background type, effects, hero-size & colors]

Background: Image Video Color

Effect: Shadow Overlay

Mobile: Fullscreen

Desktop: Full Height Full Width

Min Height Desktop ⓘ

Vertical Alignment Mobile ↕ topcenterbottom

Vertical Alignment Desktop ↕ topcenterbottom

Horizontal Alignment Mobile ↔ leftcenterright

Horizontal Alignment Desktop ↔ leftcenterright

Bg Color

Heading Color

Subsection Color

Button colors:

Button-1 color

Button-1 text-color

Button-2 color

Button-2 text-color

Transparent buttons

Content editing - [Data for text, image & video]

Mobile Heading

Desktop Heading

Mobile Text <p> Som fagforening fokuserer vi på at sikre dig et godt liv – også efter fyraften. </p>

Desktop Text <p> Som fagforening fokuserer vi på at sikre dig et godt arbejdsliv. Det har vi arbejdet for i over 100 år. </p> <p> Men målet er at give vores medlemmer muligheden for at leve et godt liv – også efter fyraften. </p>

Button primary

Button secondary

Desktop Image

Mobile Image

Desktop images for testing purposes:

• https://www.3f.dk/cdn-cgi/image/,format=auto/-/media/images/artikler/uddannelser/skov-og-naturtekniker_ny.jpg
• https://images.pexels.com/photos/417827/pexels-photo-417827.jpeg
• https://images.pexels.com/photos/585419/pexels-photo-585419.jpeg
• https://images.pexels.com/photos/1227511/pexels-photo-1227511.jpeg

Desktop Video embed code

Mobile Video embed code

Pick 3F Cloudflare videos here
The embed code for the video should be an iframe containing the video source. Chose the tab Embed and copy the code snippet.
Toggle the settings to the following values before you copy the code snippet:

• controls: OFF
• autoplay: on
• loop: on
• preload: on
• muted: on
• lazy: on

Font size settings - [Font-size, button-size]

Heading Size (Mobile) 123456789101112131415

Heading Size (Desktop) 123456789101112131415

Subsection Size (Mobile) 123456789101112131415

Subsection Size (Desktop) 123456789101112131415

Buttons Size Default Small Large

Afprøv de tilgængelige konfigurationer herover. Ændringerne nulstilles når siden genindlæses. Tip: For bedre overblik kan Full Height Desktop med fordel slås fra under redigering af teksterne.

Link to documentation