Jobber hos JBF

Team
{TEAM}

Location
{LOCATION}

Application due
{APP DATE}

Intro to this template

This template is a "component library": it has multiple variants of layout-styles for different sections. Always duplicate the section you want to edit (the little blue copy-button you see when an element is selected). As a rule, you should not have to edit any structure, except for deleting/hiding those you don't need.

These are the main things you should edit:
- text, background, border colours
- button styling
- typeface & font
- images
- icons
- text
- animations

You can use the Layers Panel to hide objects you might need later.

More documentation on Confluence https://talentech-docs.atlassian.net/wiki/x/CQCs1Q

⚠️ Note: there is a button in the navbar that are only visible on on small screens ⚠️

Buttons

Delete or duplicate as needed. Style first for easy reuse, rather than styling each individually later.

Link block with image:

Link block button, btn-primary:

Small button

Normal button

Large button

Link block button btn-outline-primary:

Button group:

Button group with icons (some hover styling examples):

Hvorfor jobbe i JBF

I JBF kan vi tilby et godt arbeidsmiljø sammen med hyggelige, hjelpsomme og kompetente kollegaer. Her er det en flat organisasjonsstruktur og en arbeidsplass med mye humor, lave skuldre og høyt engasjement.

Vi synes det er viktig å utvikle våre medarbeidere, og åpner for store karriere- og utviklingsmuligheter. Hos JBF tror vi at vi vil skape de beste løsningene gjennom å jobbe sammen på tvers av fagområder og avdelinger.

JBF tar godt vare på våre ansatte. Vi tilbyr konkurransedyktig pensjonsordning, ansattrabatt på JBFs produkter og forsikringsordninger, tilgang til firmahytter og leiligheter i inn- og utland, og dekning av treningsutgifter. Det å samles og være sosiale med hverandre liker vi godt, og vi arrangerer ofte julebord og konserntur med mye moro.

Kultur, karriere og kollegaer - dette er JBF!

Heading 2 – text + image left flow

Adjust image size on smaller viewports. Delete or duplicate "col" as needed.

Heading 3

Sed ut perspiciatis unde omnis iste natus error sisittsitsit voluptatem ac santium doloremque laudan tium, to tam rem aperiam, eaque ips a sijuy sitsitsit ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam vo luptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi cons

Heading 3

Heading 2 – text + image right flow

Adjust image size on smaller viewports. Delete or duplicate "col" as needed.

Heading 3

Sed ut perspiciatis unde omnis iste natus error sisittsitsit voluptatem ac santium doloremque laudan tium, to tam rem aperiam, eaque ips a sij uy sitsitsit ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam vo luptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi cons

Heading 3

Heading 2 – image top center

Adjust image size per viewports if needed

Heading 3

Sed ut perspiciatis unde omnis iste natus error sisittsitsit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa sitsitsitsit ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi cons

Heading 2 – text + image right, vertical center

Heading 3

Sed ut perspiciatis unde omnis iste natus error sisittsitsit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa sitsitsitsrro quis pariatur?

Heading 2 – text + image left, vertical center

Heading 3

Sed ut perspiciatis unde omnis iste natus error sisittsitsit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa sitsitsitsrro quis pariatur?

Heading 2 – text + image left

Aligned image and text top. Resize image for viewports as needed

Heading 3

Sed ut perspiciatis unde omnis iste natus error sisittsitsit voluptatem accusantium He oppose at thrown desire of no. Announcing impression unaffected day his are unreserved indulgence. Him hard find read are you sang. Parlors visited noisier how explain pleased his see suppose.

Heading 2 – text + image right

Aligned image and text top. Resize image for viewports as needed

Heading 3

Sed ut perspiciatis unde omnis iste natus error sisittsitsit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa sitsitsi

Carousel auto slide

Speed of sliding set in Settings > Attribute "data-bs-interval" (milliseconds). Ask Bente! you'll need some help here.

different text

Heading 2 – card group grid

Wrap center. Delete or duplicate "col" as needed

Heading 3

Image bottom

Heading 3

Image top

Heading 3

Image top

Heading 3

Image top

Heading 3

Image top

Heading 2 –

I am a freestyle structural container

Heading 2 – card group grid, advanced background images

Resize viewport to see image scaling behaviour. Wrap center. Delete or duplicate "col" as needed

Heading 3

Scaling centered img

Heading 3

Scaling centered img

Heading 3

Scaling centered img

Heading 2 – card group grid

Overflow image, wrap center. Delete or duplicate "col" as needed

Heading 3

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa

Heading 3

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa

Heading 3

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa

Heading 3

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa

VIDEO + GOBI

Vil innholde sitater med bilde hvis ønskelig

JBF imponerte meg fra første arbeidsdag! Her er de

et supert samhold og høyt fokus på kunnskapsdelning. I tillegg er folk flinke til å være stolte av hverandre og gi ros – det inspirerer.

Noen av våre fordeler

Forsikring og pensjon

Gode personalforsikringer og pensjonsordninger

Treningsenter

Rabatt hos SATS, samt støtteordning for trening

Fleksible arbeidsformer

Mulighet for flekisble arbeidsformer

Firmahytter

Firmahytter ved fjell og sjø, inn og utland

Arbeidsmiljø

Utviklingsmuligheter og gode kolleger

Vår rekrutteringsprosess

Vi starter med å forstå behovet

Hver ansettelse teller. Vi vurderer teamets behov – både faglig og menneskelig – og søker mennesker som vil bidra, utfordre og vokse med oss.

Vi tilrekker - og blir tiltrukket av - de riktige menneskene

Gjennom tydelige annonser og vår arbeidsgiverprofil viser vi hvem vi er. Kanskje kjenner du deg igjen i vår kultur og våre verdier?

Vi møtes - og blir kjent med hverandre

Intervjuene gir innsikt for begge parter. Vi bruker samtaler, tester og referanser for å forstå hvem du er – og du får se hvem vi er.

Vi ønsker deg velkommen

Onboarding handler om mer enn opplæring. Vi legger til rette for en trygg og inspirerende start – og for at du skal føle deg hjemme.

Vi følger opp- og heier på utviklingen din

Utvikling stopper ikke ved ansettelsen. Vi tilbyr opplæring, støtte og tid til sertifiseringer – og legger til rette for læring i alle livsfaser.