Vær med og forme fremtidens havbruk

Å jobbe hos en ledende global rådgiver og leverandør til havbruksnæringen gir deg spennende karrieremuligheter.

UTFORSK MULIGHETENE
{LOCATION}
{DEPARTMENT}
{APPLICATION_DEADLINE}

What's in it for you?

Benefits that you receive as an employee at ScaleAQ

Culture

Insert your text here

Job Security

Insert your text here

Development Opportunities

Insert your text here

Groundbreaking Technology

Insert your text here

Security & Benefits

Insert your text here

Hva kan vi tilby deg?

Dette får du som ansatt i ScaleAQ

Kultur

Hos ScaleAQ blir du en del av et samarbeidsorientert og hands-on arbeidsmiljø, der mennesker på tvers av fagområder jobber tett sammen. Ingeniører, biologer, utviklere og fagspesialister har et felles mål: å utvikle fremtidens havbruk. Kulturen vår bygger på tillit, ansvar og handlekraft, og gode ideer blir raskt til løsninger som skaper verdi. Du blir ikke bare en del av et team – du blir en del av et fellesskap som hver dag møter og løser reelle utfordringer.

Trygg arbeidsplass

ScaleAQ opererer i en global og raskt voksende næring som spiller en avgjørende rolle for fremtidens matproduksjon. Havbruk er en av verdens viktigste og raskest voksende næringer, og ScaleAQ Group er en ledende internasjonal leverandør av teknologi og løsninger. Dette gir et solid og stabilt grunnlag for langsiktige karrieremuligheter – også i et marked i stadig endring. Hos oss blir du en del av et selskap med en sterk markedsposisjon, global tilstedeværelse og høy relevans i tiårene som kommer.

Utviklingsmuligheter

Å jobbe i ScaleAQ Group betyr kontinuerlig læring og utvikling. Du får jobbe med komplekse, virkelige utfordringer som spenner over teknologi, biologi, drift og programvare. Dette gir en bratt læringskurve og gode muligheter til å utvikle både spisskompetanse og en bred systemforståelse. Gjennom tverrfaglige team og globale prosjekter får du erfaring som er vanskelig å finne andre steder – og reell påvirkning på løsningene som utvikles og forbedres.

Banebrytende teknologi

ScaleAQ ligger i front når det gjelder moderne teknologi for havbruksnæringen. Fra avanserte sensorsystemer og datadrevet beslutningsstøtte til integrerte programvareplattformer og smarte oppdrettsløsninger – hos oss jobber du med teknologi som har direkte innvirkning på fiskehelse, bærekraft og operasjonell effektivitet. Dette er ikke innovasjon på tegnebrettet, men teknologi som brukes i stor skala i reelle produksjonsmiljøer over hele verden og bidrar til å forme fremtidens havbruk.

Trygghet og goder

Hos ScaleAQ får du en konkurransedyktig kompensasjonspakke som gjenspeiler verdien av arbeidet og kompetansen din. Dette inkluderer attraktive lønnsbetingelser, gode pensjonsordninger og omfattende forsikringsdekning som gir trygghet for deg og familien din. I tillegg til de grunnleggende ordningene tilbyr vi en rekke ansattgoder som bidrar til en god balanse mellom jobb og fritid. Målet er enkelt: Du skal føle deg verdsatt og godt ivaretatt mens du bygger karrieren din hos oss.

OM SELSKAPET

Den unike styrken i merkevaren vår ligger i menneskene som jobber her. Med over 1 000 ansatte i 7 land er vi med på å forme fremtidens havbruk gjennom løsninger som styrker fiskevelferd, optimaliserer biologiske resultater, fremmer bærekraft, ivaretar sikkerhet og bidrar til økt lønnsomhet for oppdretteren.

ABOUT OUR COMPANY

The unique strength of our brand lies with our people. With over 1000 employees across 7 countries we shape the future of aquaculture by offering solutions that enhance fish welfare, optimize biological performance, promote sustainability, ensure safety, and boost profitability for the farmer. 

Ledige stillinger

Hvordan er det å jobbe hos ScaleAQ?

Møt noen av menneskene som jobber hos oss.

Lars Andreas Larsen

Leder for merdanlegg
"Det beste med å jobbe i ScaleAQ er å være en del av næringens sterkeste fagmiljø og samarbeide tett med dyktige kolleger, kunder og samarbeidspartnere for å forme fremtidens havbruk. Jeg setter stor pris på det gode arbeidsmiljøet og en bedriftskultur som fokuserer på innovasjon og leveranse av løsninger med høy kvalitet. Som ansatt har jeg stor fleksibilitet og gode muligheter for personlig utvikling og økt ansvar.

Hvis du brenner for teknologi og havbruk, er ScaleAQ stedet for deg."

Nora Hegstad

Regnskapsfører
"For meg er det beste med å jobbe i ScaleAQ det gode arbeidsmiljøet – kollegene mine er vennlige, hjelpsomme og enkle å samarbeide med. Jeg setter også stor pris på muligheten til å jobbe med folk fra andre lokasjoner, både i Norge og internasjonalt. Det gir spennende innsikt i hvordan vi jobber på tvers av team, og gjør arbeidshverdagen mer variert og givende."

Veronica Lervik Furuvik

Anleggsleder
"Arbeidshverdagen i ScaleAQ er variert og givende – ingen dager er like, og det er motiverende å være en del av et fremtidsrettet team med så mye engasjement. Tilliten du får i rollen din gjør at du utvikler deg raskt, både faglig og personlig. Det beste med å jobbe i ScaleAQ er det gode arbeidsmiljøet og stoltheten av å bidra til en så viktig næring som virkelig gjør en forskjell for mennesker, miljøet og fremtiden."
"Det beste med å jobbe i ScaleAQ er å være en del av bransjens sterkeste fagmiljø og å samarbeide tett med dyktige kollegaer, kunder og partnere om å forme fremtidens havbruk.

Jeg setter stor pris på det gode arbeidsmiljøet og en selskapskultur med fokus på innovasjon og høy kvalitet på det vi leverer.

Som ansatt har jeg stor fleksibilitet og gode muligheter for personlig vekst og økt ansvar.

Er du lidenskapelig for teknologi og havbruk, så er ScaleAQ plassen for deg."
Lars Andreas Larsen
Head of Pens and Nets
"For meg er det beste med å jobbe i ScaleAQ det gode arbeidsmiljøet - kollegaene mine er hyggelige, hjelpsomme og lett å samarbeide med. Jeg setter også stor pris på muligheten til å jobbe med folk fra andre lokasjoner, både i Norge og internasjonalt. Det gir spennende innblikk i hvordan vi jobber på tvers, og gjøre hverdagen mer variert og givende."
Nora Hegstad
Accountant
"Det jeg elsker mest med min rolle i ScaleAQ, er at jeg får samarbeide og bli kjent med så mange ulike deler av selskapet - både kollegaer og de kule produktene vi leverer. Jeg får ta stor del i å kontinuerlig forbedre måten vi jobber på og systemene vi bruker, slik at den flinke gjengen rundt meg heller kan bruke tiden sin effektivt til å bistå kundene våre med saker de melder inn.

Arbeidsmiljøet på avdelingen her i Haugesund er helt unikt. Det er sosialt og inkluderende, og det er lett å komme inn som nyansatt når det er så mange kollegaer som har lyst til å hjelpe.

Har du lyst til å være med og være med å utvikle fremtidens løsninger innen havbruk, og samtidig jobbe sammen med en utrolig dyktig gjeng, hadde jeg ikke tvilt på å søke jobb hos ScaleAQ."
Julie Gustavson
Lead Technical Support and Training
"Hverdagen i ScaleAQ er variert og givende - ingen dager er like, og det gir energi å være en del av en framoverlent gjeng med et så stort engasjement. Tilliten man får i jobben gjør at man vokser raskt, både faglig og personlig. Det beste med å jobbe i ScaleAQ er det gode arbeidsmiljøet og stoltheten over å bidra i en så viktig næring som utgjør en forskjell for folk, miljø og fremtida."
Veronica Lervik Furuvik
Administrasjonsleder
"Å jobbe med service i ScaleAQ gir muligheten til å være tett på den nyeste teknologien i havbruksnæringen og bidra til bærekraftige løsninger.

Man får variert arbeidshverdag der ingen dager er like, med spennende utfordringer både teknisk og praktisk.

Teamet preges av samarbeid, faglig utvikling og en kultur hvor innsatsen din blir verdsatt og gir direkte verdi for kunden."
Runar Richardsen
Service Manager

"Det beste med å jobbe i ScaleAQ er å være en del av bransjens sterkeste fagmiljø og å samarbeide tett med dyktige kollegaer, kunder og partnere om å forme fremtidens havbruk.

Jeg setter stor pris på det gode arbeidsmiljøet og en selskapskultur med fokus på innovasjon og høy kvalitet på det vi leverer. Som ansatt har jeg stor fleksibilitet og gode muligheter for personlig vekst og økt ansvar. Er du lidenskapelig for teknologi og havbruk, så er ScaleAQ plassen for deg."

Lars Andreas Larsen
Head of Pens and Nets
"For meg er det beste med å jobbe i ScaleAQ det gode arbeidsmiljøet - kollegaene mine er hyggelige, hjelpsomme og lett å samarbeide med. Jeg setter også stor pris på muligheten til å jobbe med folk fra andre lokasjoner, både i Norge og internasjonalt. Det gir spennende innblikk i hvordan vi jobber på tvers, og gjøre hverdagen mer variert og givende."
Nora Hegstad
Accountant
"Det jeg elsker mest med min rolle i ScaleAQ, er at jeg får samarbeide og bli kjent med så mange ulike deler av selskapet - både kollegaer og de kule produktene vi leverer. Jeg får ta stor del i å kontinuerlig forbedre måten vi jobber på og systemene vi bruker, slik at den flinke gjengen rundt meg heller kan bruke tiden sin effektivt til å bistå kundene våre med saker de melder inn.

Arbeidsmiljøet på avdelingen her i Haugesund er helt unikt. Det er sosialt og inkluderende, og det er lett å komme inn som nyansatt når det er så mange kollegaer som har lyst til å hjelpe.

Har du lyst til å være med og være med å utvikle fremtidens løsninger innen havbruk, og samtidig jobbe sammen med en utrolig dyktig gjeng, hadde jeg ikke tvilt på å søke jobb hos ScaleAQ."
Julie Gustavson
Lead Technical Support and Training
"Hverdagen i ScaleAQ er variert og givende - ingen dager er like, og det gir energi å være en del av en framoverlent gjeng med et så stort engasjement. Tilliten man får i jobben gjør at man vokser raskt, både faglig og personlig. Det beste med å jobbe i ScaleAQ er det gode arbeidsmiljøet og stoltheten over å bidra i en så viktig næring som utgjør en forskjell for folk, miljø og fremtida."
Veronica Lervik Furuvik
Administrasjonsleder
"Å jobbe med service i ScaleAQ gir muligheten til å være tett på den nyeste teknologien i havbruksnæringen og bidra til bærekraftige løsninger.

Man får variert arbeidshverdag der ingen dager er like, med spennende utfordringer både teknisk og praktisk.

Teamet preges av samarbeid, faglig utvikling og en kultur hvor innsatsen din blir verdsatt og gir direkte verdi for kunden."
Runar Richardsen
Service Manager

Changelog – delete this section

Changelog V8

- fixed card width and height issues for safari
- added a few more card options
- fixed gobi in card grid to shrink
- fixed circular images

Guidelines for creating templates for others' to use

when creating templates for other people to use, bear in mind they are not designers and developers:
- deeply nested divs needs to have paddings that make them easy to select
-- cols must be easy to select and duplicate
-- cards must be easily selectable (for them to add borders and backgrounds)
- divs must accomodate many variants of copy. potentially long or short headings, long or short words, lots of text, or just a little. 

🌸 Note: For standard css, use the style manager options. For adding classes, use only Bootstrap classes.
🌸 Tip: use .BODY-WRAP to set paddings for all sections

Notes

-⚠️ class-names in capital letters are not functional. They are purely to make the divs in the Layer-manager possible to identify. Therefore they appear first. No styling should be applied to them
-⚠️ some components are hand-crafted for specific content, marked with badge:
crafted SECTION

Typography – changing globally

- Apply font to entire page: Select .BODY-WRAP. Apply your font. This will change all text to children of .BODY-WRAP unless there are overrides in the style manager.

- Heading scale. Headings should be sized proportionally, logically, and with rem. Our default scale is called The Major Second (1.125). To change this globally, you can find other scales in this scale generator and / or convert px to rem here. You can of course override these values for individual elements.

Change the new sizes in this code. Go to Custom code > CSS > scroll down to the bottom, and paste & save 

h1, .h1 {
font-size: 3rem;
}
h2, .h2 {
font-size: 1.802rem;
}
h3, .h3 {
font-size: 1.602rem;
}
h4, .h4 {
font-size: 1.424rem;
}
h5, .h5 {
font-size: 1.266rem;
}
h6, .h6 {
font-size: 1rem;
font-weight: bold;
}
.card h3, .card h5 {
font-size: 1.266rem;
}
🌸 Tip: you have to use the headings sequentially: you cannot skip a heading level (for ex having a H1, and then the next is H3). If you need a heading to LOOK like another, you can apply a class in the Style manager.   

h1 .h1 Sed ut perspiciatis unde omnis iste natus error

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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 seq

h2 .h2 Sed ut perspiciatis unde omnis iste natus error

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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 seq

h3 .h3 Sed ut perspiciatis unde omnis iste natus error

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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 seq

h4 .h4 Sed ut perspiciatis unde omnis iste natus error

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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 seq
h5 .h5 Sed ut perspiciatis unde omnis iste natus error
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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 seq
h6 .h6 Sed ut perspiciatis unde omnis iste natus error
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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 seq

Helper classes – delete this section

Animations

Fade in-out to background colour
Style manager > Extra
State:
Set background colour
+ transition: background-color. 0.6 sec. (speed)
Hover:
Set background colour
+ transition: background-color. 0.6 sec. (speed)

Ease in-out

Advanced object animations

Made with Animate library – see Confluence

Scroll-triggered animations

Done with AOS library – see Confluence
Use Bootstrap classes shadow-sm shadow or shadow-lg. For hand-crafted shadows create with box shadow in Style Manager
shadow-sm
shadow
shadow-lg

Borders

🌸 Tip: use border-classes to add/remove borders: .border / .border-0
🌸 Border radius: choose a class .border-1, .border-2, .border-3, .border-5, .border-5 
⚠️ For custom borders on one, two, or three sides only:
- Style the element with desired border in the style manager
- add classes (for example) border-top-0 border-bottom-0 border-end-0

…this will give you the result like this box 

More helper classes

See getbootstrap.com for more helper classes

Våre verdier

Våre verdier tar utgangspunkt i enkle 3 verdibegreper som skal legge føringer for hvordan vi ønsker å opptre internt og eksternt. Sammen gjennomsyrer de alt som gjøres og bidrar til å tydeliggjøre vår identitet og vårt mål som er å sikre en bærekraftig vekst i fremtidens akvakultur.

bygg tillit

Ansattes mandat til å ta egne beslutninger er avgjørende for en organisasjon som er avhengig av nære kunderelasjoner og raske handlinger. Tillit skaper et sterkt ScaleAQ team.

ta ansvar

Vi tar ansvar for både vårt eget arbeid og vårt kollektive ansvar for miljøet. Vi skaper bærekraftige løsninger som er basert på innsikt hos våre kunder og samarbeidspartnere.

gå lengre

Vi skal tørre å være tydelige og handlekraftige, nysgjerrige, visjonære og nytenkende på vegne av hele akvakulturen. Vi skal dele vår kunnskap for å gjøre en forskjell i havbruksnæringen.

Stolthet i røttene. Kraft for fremtiden.

WE Grow Heritage forankrer kulturen vår i historien til selskapene i ScaleAQ-gruppen. Her løfter vi fram erfaringene, verdiene og stoltheten som har formet oss. Vi bruker dem aktivt når vi bygger veien videre.

Gjennom WE Grow Heritage skal vi:
  • styrke forståelsen for historien og arven vår
  • gi ansatte innsikt i tradisjonene og verdiene som har formet oss
  • gi ansatte et innblikk i næringen og dens betydning for trygge og sikre arbeidsplasser
Når vi kjenner hvor vi kommer fra, står vi sterkere i det vi skal bli!

Én kultur. Ett tankesett. Én retning.

WE Grow Culture skal styrke vår felles kultur på tvers av selskapene i ScaleAQ-gruppen. Her omsetter vi verdiene våre til konkret atferd i hverdagen, slik at kulturen ikke bare beskrives – men leves.

Gjennom WE Grow Culture skal vi:
  • bygge felles kulturforståelse og tankesett
  • omsette verdiene våre til konkret atferd gjennom våre seks leveregler
  • gi støtte i hverandres arbeidshverdag

Trygg og handlekraftig ledelse i hele organisasjonen

WE Grow Leadership er ScaleAQ DNAs eget program for å utvikle ledere som bygger tillit, tar ansvar og skaper retning. Programmet skal styrke lederskapet på alle nivåer og gi ledere verktøyene de trenger for å ta gode beslutninger i en organisasjon i utvikling.

WE Grow Leadership handler om at god ledelse er en avgjørende suksessfaktor for alt vi ønsker å få til. Våre ledere er viktige kulturbærere og rollemodeller, og vi legger vekt på å utvikle ledere som bygger tillit, tar ansvar og skaper retning. Vi ønsker å styrke lederskap på alle nivåer og gi ledere verktøyene de trenger for å ta gode beslutninger i en organisasjon i utvikling.

Gjennom WE Grow Leadership skal vi:
  • utvikle trygg og handlekraftig ledelse
  • gi verktøy for å bygge tillit og ta ansvar
  • styrke beslutningskraft i hele organisasjonen

Riktig kompetanse. Høy kvalitet. Trygg gjennomføring.

WE Grow Skills skal sikre at ansatte har kompetansen som trengs for å levere kvalitet i arbeidshverdagen – i dag og i fremtiden. Her utvikler vi både faglig styrke og øver på ferdigheter på tvers av roller og fagområder. Vi tilbyr kurs og muligheter for egen utvikling.

Gjennom WE Grow Skills skal vi:
  • styrke faglig utvikling på tvers av roller og fag
  • gi praktiske verktøy som løfter kvalitet, drift og trygghet
  • drive kontinuerlig forbedring og økt gjennomføringskraft
Målet er å gjøre det enklere å gjøre en god jobb – hver dag.

Våre leveregler

  • Jeg leverer som avtalt og gjør kunden god.
  • Jeg er raus og spiller på lag.
  • Jeg tar eierskap, handler og følger opp.
  • Jeg bidrar til sikkerhet, trygghet og trivsel.
  • Jeg strekker meg – med lyst og fornuft.
  • Jeg er nysgjerrig, tør å feile, lærer og deler.

Bærekraft i havbruk

ScaleAQ Group integrerer bærekraft i alle deler av virksomheten som en global teknologipartner til havbruksnæringen. Med et sterkt fokus på biologi og miljøansvar utvikler vi løsninger som støtter bærekraftig vekst og smartere drift i hele næringen.

Vår ambisjon er å være en kunnskapsdrevet rådgiver og en langsiktig partner for kundene våre. Derfor leveres våre produkter med dokumentasjon, innsikt og oppfølgingstjenester som bidrar til å forbedre effektivitet, rapportering og informasjonsflyt – og som gjør det mulig for kundene våre å skape større verdi gjennom hele produksjonsløpet.
Les mer

Buttons – delete this section

Icon buttons: set aria-lable attribute (describe what the button does / where it goes) in Settings-tab
Button groups
Button group fullwidth

Intro

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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 consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
crafted SECTION

{TITLE}

🌸 Tip: sidebar. Duplicate/remove .LIST-GROUP-ITEM
{AD_TEXT}

Details

Location
{LOCATION}
Department
{DEPARTMENT}
Application deadline
{APPLICATION_DEADLINE}
Job ID
{JOB_ID}
Category
{CATEGORY}
Salary range
{SALARY_RANGE}

Contact

{CONTACT_PERSONS}

Image center

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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 consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Image floats

🌸 Tip: controlled by .float-start and .float-end
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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 consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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 consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Zig-zag, vertical center align

🌸 Tip: duplicate .ZIG-ZAG-RIGHT-CENTER / .ZIG-ZAG-LEFT-CENTER

Image

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae 

Image

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae 

Zig-zag, vertical top align

🌸 Tip: duplicate .ZIG-ZAG-RIGHT-TOP / .ZIG-ZAG-LEFT-TOP

Image

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae 

Image

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae 

Card-grid, list

🌸 Tip: duplicate/remove .CARD-GRID-LIST-ITEM
🌸 Tip: use border-classes to add/remove borders: .border / .border-0
🌸 Tip: increase / decrease rounded corners with .rounded-0, .rounded-1, .rounded-2, .rounded-3, .rounded-4, .rounded-5   
⭐️

Emoji

sed ur
5

Number

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

Icon

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

Image

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae 

Image circle

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laue ipsa quae ab illo inventore veritatis et quasi architecto beatae 
Department for Administrative Affairs

Text

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

Card-grid, basic

🌸 Tip: duplicate/remove .CARD-BASIC
🌸 Tip: use border-classes to add/remove borders: .border / .border-0

Plain

Sed ur

Plain w footer

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium 
9

Number left

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo"
9

Number center

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo"
5

Number circle left

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo"
5

Number circle center

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

Icon circle left & footer

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

Icon circle center & footer

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

Image circle left & footer

Sed ur

Image circle center & footer

Sed ut perspiciatis unde omnis iste natus error sit volupta ab illo inventore veritatis et quasi architecto beatae vitaNOTE: safari needs .d-flex .align-items-stretch on the .col for full height and .w-100 on .cardSed ut perspiciatis unde omnis iste natus error sit volupta ab illo

Card image bottom

NOTE: safari needs .d-flex .align-items-stretch on the .col for full height and .w-100 on .card

Card image top & card footer

NOTE: safari needs .d-flex .align-items-stretch on the .col for full height and .w-100 on .card
Button
Button
Card-header

Kitchen sink

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium 
card-link
card-link
I am a list item in a list group
I am a list item in a list group
I am a list item in a list group
Button
Button

Card-grid, overflows

🌸 Tip: duplicate/remove .CARD-OVERFLOW
🌸 Tip: use border-classes to add/remove borders: .border / .border-0
8

Overflow number circle left

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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 qSed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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 q
1

Overflow number circle center

NOTE: safari needs .d-flex .align-items-stretch on the .col for full height and .w-100 on .card
Text

Overflow text center

Sed ur
Text

Overflow text left

Sed ut perspiciatis unde omnis iste natus error sit volupta ab illo inventore veritatis et quasi architecto beatae vitaNOTE: safari needs .d-flex .align-items-stretch on the .col for full height and .w-100 on .cardSed ut perspiciatis unde omnis iste natus error sit volupta ab illo 

Overflow icon circle center

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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 q

Overflow icon circle left

NOTE: safari needs .d-flex .align-items-stretch on the .col for full height and .w-100 on .card

Overflow icon square center

Sed ur

Overflow icon square left

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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 q

Overflow image square center

NOTE: safari needs .d-flex .align-items-stretch on the .col for full height and .w-100 on .cardSed ut perspiciatis unde omnis iste natus error sit volupta ab illo inventore veritatis et quasi architecto beatae vita

Overflow image circle center

NOTE: safari needs .d-flex .align-items-stretch on the .col for full height and .w-100 on .card

Card-grid, overlays

🌸 Tip: overlays has to be on cards. See Bootstrap for doc

Some text over an image

Card-grid, horizontal scroll ⚠️ 

🌸 Tip: .col- classes must be used to set width on the cards
🌸 Tip: duplicate / remove .CARD-BASIC

Card-title

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium 

Card-title

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium 

Card-title

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium 

Card-title

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium 
crafted SECTION

Card-grid, testimonials with video (HTML, Youtube, Vimeo)

🌸 Tip: duplicate / remove .CARD-BASIC
🌸 Info: portrait video format only
Sed ur
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas 
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas 
Sed ur
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas 
crafted SECTION

Gobi cards !higly custom!

⚠️ INFO. This section is highly custom for this scenario. It does NOT use a the grid (row-cols-…), only controlling width of cols with col-x-x. Be careful and check viewports. Do not move the Gobi vid, duplicate only.
🌸 Tip: duplicate / remove .CARD-BASIC or .CARD-GOBI
🌸 Info: portrait video format only
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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
"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo"
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi 
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae 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 
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, 

Video and video grid (HTML, Youtube, Vimeo)

🌸 Tip: duplicate / delete .VID-GRID-ITEM
🌸 Tip: control video width with .row-cols- (for full-width, remove .row-cols-md-2) 

Gobi collection

Trigger offcanvas (slide up)

Leaflet map

🌸 Tip: remove class cs-darkmap to display light map
crafted SECTION

I am a blockquote, here is my opinion with a fixed image background.