Gå till navigering Gå till innehåll

Översikt block

Block: "Stora kort"

LEAB Car On Ice Road
[Block: Stora kort]

Kort med text och bild

Kort med text och bild, men utan skuggad ram.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Exempel länk

LEAB Kapphast
[Block: Stora kort]

Kort med text och bild

Kort med text och bild, med skuggad ram.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Exempel länk

[Block: Stora kort]

Kort med statistik

Respektive "kort" kan ha ett unikt suffix och text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Statistik

120 x
Max 120 tecken får anges i beskrivningstexten.
2
heje hejheter

Statistik 3

-49 °c
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.

Statistik 4

10 sek
Ett suffix kan vara vad som helst.
LEAB Byggel Small
[Block: Stora kort]

Kort med mediabakgrund

Ett "stort kort" med stillbild och utan länk-knapp

LEAB People On Bicycle
[Block: Stora kort]

Kort med mediabakgrund (2)

Kort med mediabakgrund men som inte är valt att vara ett "stort kort".

[Block: Stora kort]

Kort med mediabakgrund (3)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

En insprängd call-to-action för uppmärksamhet

[Block: Media] Bild eller inbäddad video, ex: Youtube eller Vimeo. 
LEAB Product Solklart Frisbee
[Block: Media] Bild eller inbäddad video, ex: Youtube eller Vimeo.

Block: Enspaltig sektion

Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

Block: Tvåspaltig sektion

Vänsterkolumn. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Högerkolumn. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Block: Text med fullbred bakgrundsbild

En ingresstext: Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Bilden kan positioneras bakom, under eller ovanför texten.
I detta fall Nedanför med Vit toning.

Block: Små kort med ikoner

Detta block går det att lägga till hur många "kort" som helst i flera olika kategorier/grupper. I visningssyfte så är det bara två kort tillhörande en grupp.

Grupp-rubrik

Construction Sign

SVG-bild/grafik

Hur ett "kort" ser ut med en svg-bild som valt format. Stöd för knapplänk finns tillgängligt.

Mountains

Vanlig miljöbild

Hur ett "kort" ser ut med en vanlig jpg bild som valt format. Med knapplänk.

Block: Karusell

Skapas automatiskt en karusell om blocket har fler än 4 kort eller om ytan förminskas och kortens totala bredd blir bredare än själva behållaren. De länkade sidorna behöver i sin tur ha bild (eller kortbild) för att synas.

Block: Infografik

Modulen idag består endast av en "donut"-diagram samt möjlighet att använda statiska bilder. Men möjligheten finns att senare bygga ut denna med fler varianter om så önskas. 

56%

Animerad donut

Donut/Cirkeldiagrammet kan användas med valfritt suffix och siffrorna animeras automatiskt. Om suffixet är procent (%) så kommer även en decimal att läggas till.

123k

Ej animerad helcirkel

Donut/Cirkeldiagram som ej valts att animeras. Unikt suffix kan användas för att matcha innehållet. Olika färgteman finns också som tillval.

78.5h

Animerad donut

Om suffixen inte är procent (%) kommer den automatiskt kapa decimalerna och alltid animeras 100% av ringen (om animering är aktiverad).

Temp Icon Chart

SVG/Raster-bild

Användning av en bild istället för en animerad "donut". Detta ersätter helt enkelt diagrammet med en utvald bild. Bäst rekommenderat är en SVG, men fungerar även med en vanlig bild om det skulle behövas.

* Fotnot för infografiken. Om man behöver ange källanvisningar, översättningar, eller andra noteringar och parentetiska inlägg, som inte är så väsentliga att läsaren inte kan frångå dem utan att gå miste om viktig information. En länk som kanske förklarar ännu mer?

Block: Lediga tjänster

Lägg till länkar till aktuella jobbannonser.
Rubrik, sista ansökningsdag och vilken typ av omfattning anges för respektive post och hämtas ej från den aktuella sidan.

Kundtjänst för kvällar och helger (exempel)

  • Halvtid

Elkraftingenjör (exempel)

  • Heltid

En fotnot till blocket kan se ut exempelvis:

Gör en spontanansökan

Går du i skola/är du student?  Läs mer om vad vi kan erbjuda dig.