Skip to content

Layout

Uniform components and spacing across screen sizes..

Edit this section

Spacing methods

Spacing methods use baseline grids, padding and incremental spacing to adjust ratios and containers.

Edit this section

Text modules

Two columns

Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand, hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga saker som inte känns lika intressant under de varmaste sommarmånaderna.

Min sommar bestod inte bara av varma sommardagar utan även tillskott i familjen. För att ge vår dotter ett tillskott i framtiden har vi diskuterat hur vi vill spara till henne redan nu. Det kan upplevas som krångligt och långt bort men ofta ett välkommet tillskott för barnet i framtiden. Det finns många anledningar att spara till sina barn, barnbarn eller kanske barn till dina nära och kära. Du kanske vill hjälpa till med pengar till ett körkort, till utlandsstudier eller till ett lägenhetsköp – men inte vet hur du ska göra?

Jag har valt att öppna en Kapitalförsäkring Barn med min dotter som förmånstagare. Anledningen till detta är att jag på ett enklare sätt kan administrera kontot och bestämmer när pengarna ska betalas ut. Om pengarna ska betalas ut vid barnets 18-årsdag, senare eller löpande är ett beslut jag och min sambo inte behöver ta nu. Om jag dör är jag trygg med att pengarna tillfaller förmånstagaren (min dotter).

Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets namn men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.

Two columns with no title

<div class="if block">
  <div class="if container">
    <div class="if text layout columns">
      <div class="if text body">
        <p class="if">
          Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand,
          hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär
          höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som
          inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga
          saker som inte känns lika intressant under de varmaste sommarmånaderna.
        </p>
        <p class="if">
          Min sommar bestod inte bara av varma sommardagar utan även tillskott i familjen. För att ge vår dotter ett
          tillskott i framtiden har vi diskuterat hur vi vill spara till henne redan nu. Det kan upplevas som krångligt
          och långt bort men ofta ett välkommet tillskott för barnet i framtiden. Det finns många anledningar att spara
          till sina barn, barnbarn eller kanske barn till dina nära och kära. Du kanske vill hjälpa till med pengar till
          ett körkort, till utlandsstudier eller till ett lägenhetsköp – men inte vet hur du ska göra?
        </p>
      </div>
      <div class="if text body">
        <p class="if">
          Jag har valt att öppna en Kapitalförsäkring Barn med min dotter som förmånstagare. Anledningen till detta är
          att jag på ett enklare sätt kan administrera kontot och bestämmer när pengarna ska betalas ut. Om pengarna ska
          betalas ut vid barnets 18-årsdag, senare eller löpande är ett beslut jag och min sambo inte behöver ta nu. Om
          jag dör är jag trygg med att pengarna tillfaller förmånstagaren (min dotter).
        </p>
        <p class="if">
          Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets namn
          men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.
        </p>
      </div>
    </div>
  </div>
</div>

Flytta hit din tjänstepension och få upp till 1 miljon mer

Om du är 40 år och har 500 000 kr i upparbetat tjänstepensionskapital och sänker dina totala avgifter med 1 % så får du 1 117 222 kr mer i pension*. Bara sådär!

Att flytta pensioner i allmänhet och tjänstepensioner i synnerhet kan vara både krångligt och tidskrävande. För att en tjänstepension ska kunna flyttas behövs underskrift från firmatecknare på det bolag som en gång betalt in pengarna, även om du inte jobbar kvar där idag. Detta gör att många inte orkar fullfölja pensionsflytten då det helt enkelt är för mycket jobb. Underskrifterna måste dessutom vara i original och ibland även på särskilda blanketter som endast går att beställa via telefon hos det försäkringsbolag man vill flytta ifrån.

Vi på Avanza vill göra det så enkelt som möjligt för dig att flytta dina pensioner till oss. Därför har vi tagit fram ett nytt verktyg på vår sajt där du steg för steg tar dig igenom processen. Dessutom behöver du själv inte jaga din arbetsgivare efter signaturer – utan det fixar vi! Testa vår nya flyttprocess för tjänstepension här.

Two columns with title and emphasized text

<div class="if block">
  <div class="if container">
    <h4 class="if heading medium">Flytta hit din tjänstepension och få upp till 1 miljon mer</h4>
    <div class="if text layout columns">
      <div class="if text body">
        <p class="if text">
          <strong class="if">
            Om du är 40 år och har 500 000 kr i upparbetat tjänstepensionskapital och sänker dina totala avgifter med 1
            % så får du 1 117 222 kr mer i pension*. Bara sådär!
          </strong>
        </p>
        <p class="if">
          Att flytta pensioner i allmänhet och tjänstepensioner i synnerhet kan vara både krångligt och tidskrävande.
          För att en tjänstepension ska kunna flyttas behövs underskrift från firmatecknare på det bolag som en gång
          betalt in pengarna, även om du inte jobbar kvar där idag. Detta gör att många inte orkar fullfölja
          pensionsflytten då det helt enkelt är för mycket jobb. Underskrifterna måste dessutom vara i original och
          ibland även på särskilda blanketter som endast går att beställa via telefon hos det försäkringsbolag man vill
          flytta ifrån.
        </p>
      </div>
      <div class="if text body">
        <p class="if">
          Vi på Avanza vill göra det så enkelt som möjligt för dig att flytta dina pensioner till oss. Därför har vi
          tagit fram ett nytt verktyg på vår sajt där du steg för steg tar dig igenom processen. Dessutom behöver du
          själv inte jaga din arbetsgivare efter signaturer – utan det fixar vi! Testa vår nya flyttprocess för
          tjänstepension här.
        </p>
      </div>
    </div>
  </div>
</div>

Långsiktigt sparande

Om du är 40 år och har 500 000 kr i upparbetat tjänstepensionskapital och sänker dina totala avgifter med 1 % så får du 1 117 222 kr mer i pension*. Bara sådär!

Att flytta pensioner i allmänhet och tjänstepensioner i synnerhet kan vara både krångligt och tidskrävande. För att en tjänstepension ska kunna flyttas behövs underskrift från firmatecknare på det bolag som en gång betalt in pengarna, även om du inte jobbar kvar där idag. Detta gör att många inte orkar fullfölja pensionsflytten då det helt enkelt är för mycket jobb. Underskrifterna måste dessutom vara i original och ibland även på särskilda blanketter som endast går att beställa via telefon hos det försäkringsbolag man vill flytta ifrån.

An image of two female friends in the sofa looking at a laptop
Image caption
Two columns with title ,emphasized text and image to the right

<div class="if block">
  <div class="if container">
    <h2 class="if heading larger">Långsiktigt sparande</h2>
    <div class="if text layout columns">
      <div class="if text body">
        <p class="if text">
          <strong class="if">
            Om du är 40 år och har 500 000 kr i upparbetat tjänstepensionskapital och sänker dina totala avgifter med 1
            % så får du 1 117 222 kr mer i pension*. Bara sådär!
          </strong>
        </p>
        <p class="if">
          Att flytta pensioner i allmänhet och tjänstepensioner i synnerhet kan vara både krångligt och tidskrävande.
          För att en tjänstepension ska kunna flyttas behövs underskrift från firmatecknare på det bolag som en gång
          betalt in pengarna, även om du inte jobbar kvar där idag. Detta gör att många inte orkar fullfölja
          pensionsflytten då det helt enkelt är för mycket jobb. Underskrifterna måste dessutom vara i original och
          ibland även på särskilda blanketter som endast går att beställa via telefon hos det försäkringsbolag man vill
          flytta ifrån.
        </p>
      </div>
      <div class="if text body">
        <figure class="if">
          <img
            class="if"
            srcset="
              https://if-brand-static-cdn.azureedge.net/images/documentation/If-lifestyle-couple-relaxing.png     500w,
              https://if-brand-static-cdn.azureedge.net/images/documentation/If-lifestyle-couple-relaxing@2x.png 1000w,
              https://if-brand-static-cdn.azureedge.net/images/documentation/If-lifestyle-couple-relaxing@3x.png 1500w
            "
            sizes="(max-width: 720px) 500px,
            (max-width: 1200px) 1000px,
            1500px"
            src="https://if-brand-static-cdn.azureedge.net/images/documentation/If-lifestyle-couple-relaxing@3x.png"
            title="Långsiktigt sparande"
            alt="An image of two female friends in the sofa looking at a laptop"
          />
          <figcaption class="if text caption">Image caption</figcaption>
        </figure>
      </div>
    </div>
  </div>
</div>

Långsiktigt sparande

Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand, hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga saker som inte känns lika intressant under de varmaste sommarmånaderna.

Min sommar bestod inte bara av varma sommardagar utan även tillskott i familjen. För att ge vår dotter ett tillskott i framtiden har vi diskuterat hur vi vill spara till henne redan nu. Det kan upplevas som krångligt och långt bort men ofta ett välkommet tillskott för barnet i framtiden. Det finns många anledningar att spara till sina barn, barnbarn eller kanske barn till dina nära och kära. Du kanske vill hjälpa till med pengar till ett körkort, till utlandsstudier eller till ett lägenhetsköp – men inte vet hur du ska göra?

Jag har valt att öppna en Kapitalförsäkring Barn med min dotter som förmånstagare. Anledningen till detta är att jag på ett enklare sätt kan administrera kontot och bestämmer när pengarna ska betalas ut. Om pengarna ska betalas ut vid barnets 18-årsdag, senare eller löpande är ett beslut jag och min sambo inte behöver ta nu. Om jag dör är jag trygg med att pengarna tillfaller förmånstagaren (min dotter).

Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets namn men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.

Two columns with title

<div class="if block">
  <div class="if container">
    <h2 class="if heading larger">Långsiktigt sparande</h2>
    <div class="if text layout columns">
      <div class="if text body">
        <p class="if">
          Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand,
          hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär
          höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som
          inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga
          saker som inte känns lika intressant under de varmaste sommarmånaderna.
        </p>
        <p class="if">
          Min sommar bestod inte bara av varma sommardagar utan även tillskott i familjen. För att ge vår dotter ett
          tillskott i framtiden har vi diskuterat hur vi vill spara till henne redan nu. Det kan upplevas som krångligt
          och långt bort men ofta ett välkommet tillskott för barnet i framtiden. Det finns många anledningar att spara
          till sina barn, barnbarn eller kanske barn till dina nära och kära. Du kanske vill hjälpa till med pengar till
          ett körkort, till utlandsstudier eller till ett lägenhetsköp – men inte vet hur du ska göra?
        </p>
      </div>
      <div class="if text body">
        <p class="if">
          Jag har valt att öppna en Kapitalförsäkring Barn med min dotter som förmånstagare. Anledningen till detta är
          att jag på ett enklare sätt kan administrera kontot och bestämmer när pengarna ska betalas ut. Om pengarna ska
          betalas ut vid barnets 18-årsdag, senare eller löpande är ett beslut jag och min sambo inte behöver ta nu. Om
          jag dör är jag trygg med att pengarna tillfaller förmånstagaren (min dotter).
        </p>
        <p class="if">
          Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets namn
          men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.
        </p>
      </div>
    </div>
  </div>
</div>
An image of two female friends in the sofa looking at a laptop
Image caption

Om du är 40 år och har 500 000 kr i upparbetat tjänstepensionskapital och sänker dina totala avgifter med 1 % så får du 1 117 222 kr mer i pension*. Bara sådär!

Att flytta pensioner i allmänhet och tjänstepensioner i synnerhet kan vara både krångligt och tidskrävande. För att en tjänstepension ska kunna flyttas behövs underskrift från firmatecknare på det bolag som en gång betalt in pengarna, även om du inte jobbar kvar där idag. Detta gör att många inte orkar fullfölja pensionsflytten då det helt enkelt är för mycket jobb. Underskrifterna måste dessutom vara i original och ibland även på särskilda blanketter som endast går att beställa via telefon hos det försäkringsbolag man vill flytta ifrån.

Vi på Avanza vill göra det så enkelt som möjligt för dig att flytta dina pensioner till oss. Därför har vi tagit fram ett nytt verktyg på vår sajt där du steg för steg tar dig igenom processen. Dessutom behöver du själv inte jaga din arbetsgivare efter signaturer – utan det fixar vi! Testa vår nya flyttprocess för tjänstepension här.

Two columns with emphasized text and image on top

<div class="if block">
  <div class="if container">
    <figure class="if">
      <img
        class="if"
        srcset="
          https://if-brand-static-cdn.azureedge.net/images/documentation/If-lifestyle-couple-relaxing.png     500w,
          https://if-brand-static-cdn.azureedge.net/images/documentation/If-lifestyle-couple-relaxing@2x.png 1000w,
          https://if-brand-static-cdn.azureedge.net/images/documentation/If-lifestyle-couple-relaxing@3x.png 1500w
        "
        sizes="(max-width: 720px) 500px,
        (max-width: 1200px) 1000px,
        1500px"
        src="https://if-brand-static-cdn.azureedge.net/images/documentation/If-lifestyle-couple-relaxing@3x.png"
        title="Långsiktigt sparande"
        alt="An image of two female friends in the sofa looking at a laptop"
      />
      <figcaption class="if text caption">Image caption</figcaption>
    </figure>
    <div class="if text layout columns">
      <div class="if text body">
        <p class="if text">
          <strong class="if">
            Om du är 40 år och har 500 000 kr i upparbetat tjänstepensionskapital och sänker dina totala avgifter med 1
            % så får du 1 117 222 kr mer i pension*. Bara sådär!</strong
          >
        </p>
        <p class="if">
          Att flytta pensioner i allmänhet och tjänstepensioner i synnerhet kan vara både krångligt och tidskrävande.
          För att en tjänstepension ska kunna flyttas behövs underskrift från firmatecknare på det bolag som en gång
          betalt in pengarna, även om du inte jobbar kvar där idag. Detta gör att många inte orkar fullfölja
          pensionsflytten då det helt enkelt är för mycket jobb. Underskrifterna måste dessutom vara i original och
          ibland även på särskilda blanketter som endast går att beställa via telefon hos det försäkringsbolag man vill
          flytta ifrån.
        </p>
      </div>
      <div class="if text body">
        <p class="if">
          Vi på Avanza vill göra det så enkelt som möjligt för dig att flytta dina pensioner till oss. Därför har vi
          tagit fram ett nytt verktyg på vår sajt där du steg för steg tar dig igenom processen. Dessutom behöver du
          själv inte jaga din arbetsgivare efter signaturer – utan det fixar vi! Testa vår nya flyttprocess för
          tjänstepension här.
        </p>
      </div>
    </div>
  </div>
</div>

Långsiktigt sparande

Spara till barnen och ge bort en tryggare framtid

Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand, hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga saker som inte känns lika intressant under de varmaste sommarmånaderna.

Min sommar bestod inte bara av varma sommardagar utan även tillskott i familjen. För att ge vår dotter ett tillskott i framtiden har vi diskuterat hur vi vill spara till henne redan nu. Det kan upplevas som krångligt och långt bort men ofta ett välkommet tillskott för barnet i framtiden. Det finns många anledningar att spara till sina barn, barnbarn eller kanske barn till dina nära och kära. Du kanske vill hjälpa till med pengar till ett körkort, till utlandsstudier eller till ett lägenhetsköp – men inte vet hur du ska göra?

Jag har valt att öppna en Kapitalförsäkring Barn med min dotter som förmånstagare. Anledningen till detta är att jag på ett enklare sätt kan administrera kontot och bestämmer när pengarna ska betalas ut. Om pengarna ska betalas ut vid barnets 18-årsdag, senare eller löpande är ett beslut jag och min sambo inte behöver ta nu. Om jag dör är jag trygg med att pengarna tillfaller förmånstagaren (min dotter).

Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets namn men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.

Two columns witht title and lead text

<div class="if block">
  <div class="if container">
    <h2 class="if heading larger">Långsiktigt sparande</h2>
    <p class="if text lead">Spara till barnen och ge bort en tryggare framtid</p>
    <div class="if text layout columns">
      <div class="if text body">
        <p class="if">
          Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand,
          hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär
          höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som
          inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga
          saker som inte känns lika intressant under de varmaste sommarmånaderna.
        </p>
        <p class="if">
          Min sommar bestod inte bara av varma sommardagar utan även tillskott i familjen. För att ge vår dotter ett
          tillskott i framtiden har vi diskuterat hur vi vill spara till henne redan nu. Det kan upplevas som krångligt
          och långt bort men ofta ett välkommet tillskott för barnet i framtiden. Det finns många anledningar att spara
          till sina barn, barnbarn eller kanske barn till dina nära och kära. Du kanske vill hjälpa till med pengar till
          ett körkort, till utlandsstudier eller till ett lägenhetsköp – men inte vet hur du ska göra?
        </p>
      </div>
      <div class="if text body">
        <p class="if">
          Jag har valt att öppna en Kapitalförsäkring Barn med min dotter som förmånstagare. Anledningen till detta är
          att jag på ett enklare sätt kan administrera kontot och bestämmer när pengarna ska betalas ut. Om pengarna ska
          betalas ut vid barnets 18-årsdag, senare eller löpande är ett beslut jag och min sambo inte behöver ta nu. Om
          jag dör är jag trygg med att pengarna tillfaller förmånstagaren (min dotter).
        </p>
        <p class="if">
          Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets namn
          men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.
        </p>
      </div>
    </div>
  </div>
</div>

In split

Långsiktigt sparande

Spara till barnen och ge bort en tryggare framtid

Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand, hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga saker som inte känns lika intressant under de varmaste sommarmånaderna.

A section board with a lifestyle image to the left

<div class="if block" style="padding: 0;">
  <section class="if split small dark reverse">
    <div class="if container">
      <div class="if content">
        <h2 class="if heading larger">Långsiktigt sparande</h2>
        <p class="if text lead">Spara till barnen och ge bort en tryggare framtid</p>
        <p class="if text body">
          Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand,
          hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär
          höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som
          inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga
          saker som inte känns lika intressant under de varmaste sommarmånaderna.
        </p>
      </div>
      <div
        class="if image"
        style="background-image: url(https://if-brand-static-cdn.azureedge.net/images/documentation/If-lifestyle-comforting@3x.png);"
      ></div>
    </div>
  </section>
</div>

Långsiktigt sparande

Spara till barnen och ge bort en tryggare framtid

Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand, hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga saker som inte känns lika intressant under de varmaste sommarmånaderna.

A section board with a lifestyle image to the left

<div class="if block dark" style="padding: 0;">
  <section class="if split">
    <div class="if container">
      <div class="if content">
        <h2 class="if heading larger">Långsiktigt sparande</h2>
        <p class="if text lead">Spara till barnen och ge bort en tryggare framtid</p>
        <p class="if text body">
          Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand,
          hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär
          höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som
          inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga
          saker som inte känns lika intressant under de varmaste sommarmånaderna.
        </p>
      </div>
      <div
        class="if image"
        style="background-image: url(https://if-brand-static-cdn.azureedge.net/images/documentation/If-lifestyle-comforting@3x.png);"
      ></div>
    </div>
  </section>
</div>

Långsiktigt sparande

Spara till barnen och ge bort en tryggare framtid

Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand, hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga saker som inte känns lika intressant under de varmaste sommarmånaderna.

A section board with a studio image to the left

<div class="if block" style="padding: 0;">
  <section class="if split">
    <div class="if container">
      <div
        class="if image"
        style="background-image: url(https://design.if.eu/images/hug.png);background-size: contain;background-position: 75% center;"
      ></div>
      <div class="if content">
        <h2 class="if heading larger">Långsiktigt sparande</h2>
        <p class="if text lead">Spara till barnen och ge bort en tryggare framtid</p>
        <p class="if text body">
          Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand,
          hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär
          höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som
          inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga
          saker som inte känns lika intressant under de varmaste sommarmånaderna.
        </p>
      </div>
    </div>
  </section>
</div>

Långsiktigt sparande

Spara till barnen och ge bort en tryggare framtid

Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand, hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga saker som inte känns lika intressant under de varmaste sommarmånaderna.

A section board with a studio image to the right

<div class="if block" style="padding: 0;">
  <section class="if split small dark reverse">
    <div class="if container">
      <div class="if content">
        <h2 class="if heading larger">Långsiktigt sparande</h2>
        <p class="if text lead">Spara till barnen och ge bort en tryggare framtid</p>
        <p class="if text body">
          Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand,
          hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär
          höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som
          inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga
          saker som inte känns lika intressant under de varmaste sommarmånaderna.
        </p>
      </div>
      <div
        class="if image"
        style="background-image: url(https://design.if.eu/images/hug.png);background-size: contain;background-position: left center;"
      ></div>
    </div>
  </section>
</div>

Single column

If Villaförsäkring

Om du är 40 år och har 500 000 kr i upparbetat tjänstepensionskapital och sänker dina totala avgifter med 1 % så får du 1 117 222 kr mer i pension*. Bara sådär!

Att flytta pensioner i allmänhet och tjänstepensioner i synnerhet kan vara både krångligt och tidskrävande. För att en tjänstepension ska kunna flyttas behövs underskrift från firmatecknare på det bolag som en gång betalt in pengarna, även om du inte jobbar kvar där idag. Detta gör att många inte orkar fullfölja pensionsflytten då det helt enkelt är för mycket jobb. Underskrifterna måste dessutom vara i original och ibland även på särskilda blanketter som endast går att beställa via telefon hos det försäkringsbolag man vill flytta ifrån.

Single column with title and emphasized text

<div class="if block">
  <div class="if container">
    <h2 class="if heading large center">If Villaförsäkring</h2>
    <div class="if text layout column">
      <div class="if text body">
        <p class="if text">
          <strong class="if">
            Om du är 40 år och har 500 000 kr i upparbetat tjänstepensionskapital och sänker dina totala avgifter med 1
            % så får du 1 117 222 kr mer i pension*. Bara sådär!
          </strong>
        </p>
        <p class="if">
          Att flytta pensioner i allmänhet och tjänstepensioner i synnerhet kan vara både krångligt och tidskrävande.
          För att en tjänstepension ska kunna flyttas behövs underskrift från firmatecknare på det bolag som en gång
          betalt in pengarna, även om du inte jobbar kvar där idag. Detta gör att många inte orkar fullfölja
          pensionsflytten då det helt enkelt är för mycket jobb. Underskrifterna måste dessutom vara i original och
          ibland även på särskilda blanketter som endast går att beställa via telefon hos det försäkringsbolag man vill
          flytta ifrån.
        </p>
      </div>
    </div>
  </div>
</div>

If Villaförsäkring

En husägare kan råka ut för olika händelser. Det kan vara inbrott, brand- eller vattenskada eller att värmepannan går sönder. I villaförsäkringen ingår reseskydd och försäkring för de personliga saker du och familjen äger, hyr eller lånar. Villaförsäkringen kan du köpa till villa, radhus eller kedjehus.

Single column with title

<div class="if block">
  <div class="if container">
    <h2 class="if heading large center">If Villaförsäkring</h2>
    <div class="if text layout column">
      <div class="if text body">
        <p class="if">
          En husägare kan råka ut för olika händelser. Det kan vara inbrott, brand- eller vattenskada eller att
          värmepannan går sönder. I villaförsäkringen ingår reseskydd och försäkring för de personliga saker du och
          familjen äger, hyr eller lånar. Villaförsäkringen kan du köpa till villa, radhus eller kedjehus.
        </p>
      </div>
    </div>
  </div>
</div>

If Villaförsäkring

Villaförsäkringen gäller för dig, de du bor med, de saker du äger, hyr eller lånar, byggnaderna och tomten. Försäkringen är en trygghet för dig som äger hus.

En husägare kan råka ut för olika händelser. Det kan vara inbrott, brand- eller vattenskada eller att värmepannan går sönder. I villaförsäkringen ingår reseskydd och försäkring för de personliga saker du och familjen äger, hyr eller lånar. Villaförsäkringen kan du köpa till villa, radhus eller kedjehus.

Single column with title, lead text and a cta button

<div class="if block">
  <div class="if container">
    <h2 class="if heading large center">If Villaförsäkring</h2>
    <div class="if text layout column">
      <p class="if text lead">
        Villaförsäkringen gäller för dig, de du bor med, de saker du äger, hyr eller lånar, byggnaderna och tomten.
        Försäkringen är en trygghet för dig som äger hus.
      </p>
      <div class="if text body">
        <p class="if">
          En husägare kan råka ut för olika händelser. Det kan vara inbrott, brand- eller vattenskada eller att
          värmepannan går sönder. I villaförsäkringen ingår reseskydd och försäkring för de personliga saker du och
          familjen äger, hyr eller lånar. Villaförsäkringen kan du köpa till villa, radhus eller kedjehus.
        </p>
      </div>
    </div>
    <div style="display: flex; align-items: center; justify-content: center;margin-top:3rem;">
      <button type="button" class="if button primary">Jämför våra villaforsäkringar</button>
    </div>
  </div>
</div>

Långsiktigt sparande

Om du är 40 år och har 500 000 kr i upparbetat tjänstepensionskapital och sänker dina totala avgifter med 1 % så får du 1 117 222 kr mer i pension*. Bara sådär!

Att flytta pensioner i allmänhet och tjänstepensioner i synnerhet kan vara både krångligt och tidskrävande. För att en tjänstepension ska kunna flyttas behövs underskrift från firmatecknare på det bolag som en gång betalt in pengarna, även om du inte jobbar kvar där idag. Detta gör att många inte orkar fullfölja pensionsflytten då det helt enkelt är för mycket jobb. Underskrifterna måste dessutom vara i original och ibland även på särskilda blanketter som endast går att beställa via telefon hos det försäkringsbolag man vill flytta ifrån.

Våra spartips

  • Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets namn men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.
  • Börja spara tidigt
  • Ha ett belopp som ni alltid sätter in på barnens konto. Ha en lägre summa som ni kan sätta in ifall det blir för tight en månad.
Two columns with a box to the right

<div class="if block">
  <div class="if container">
    <h2 class="if heading larger">Långsiktigt sparande</h2>
    <div class="if text layout columns">
      <div class="if text body">
        <p class="if text">
          <strong class="if">
            Om du är 40 år och har 500 000 kr i upparbetat tjänstepensionskapital och sänker dina totala avgifter med 1
            % så får du 1 117 222 kr mer i pension*. Bara sådär!
          </strong>
        </p>
        <p class="if">
          Att flytta pensioner i allmänhet och tjänstepensioner i synnerhet kan vara både krångligt och tidskrävande.
          För att en tjänstepension ska kunna flyttas behövs underskrift från firmatecknare på det bolag som en gång
          betalt in pengarna, även om du inte jobbar kvar där idag. Detta gör att många inte orkar fullfölja
          pensionsflytten då det helt enkelt är för mycket jobb. Underskrifterna måste dessutom vara i original och
          ibland även på särskilda blanketter som endast går att beställa via telefon hos det försäkringsbolag man vill
          flytta ifrån.
        </p>
      </div>
      <div class="if text body">
        <div class="if text layout box right dark">
          <h4 class="if heading small">Våra spartips</h4>
          <ul>
            <li>
              Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets
              namn men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.
            </li>
            <li>Börja spara tidigt</li>
            <li>
              Ha ett belopp som ni alltid sätter in på barnens konto. Ha en lägre summa som ni kan sätta in ifall det
              blir för tight en månad.
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

Långsiktigt sparande

Våra spartips

  • Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets namn men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.
  • Ha ett belopp som ni alltid sätter in på barnens konto. Ha en lägre summa som ni kan sätta in ifall det blir för tight en månad.

Om du är 40 år och har 500 000 kr i upparbetat tjänstepensionskapital och sänker dina totala avgifter med 1 % så får du 1 117 222 kr mer i pension*. Bara sådär!

Att flytta pensioner i allmänhet och tjänstepensioner i synnerhet kan vara både krångligt och tidskrävande. För att en tjänstepension ska kunna flyttas behövs underskrift från firmatecknare på det bolag som en gång betalt in pengarna, även om du inte jobbar kvar där idag. Detta gör att många inte orkar fullfölja pensionsflytten då det helt enkelt är för mycket jobb. Underskrifterna måste dessutom vara i original och ibland även på särskilda blanketter som endast går att beställa via telefon hos det försäkringsbolag man vill flytta ifrån.

Vi på Avanza vill göra det så enkelt som möjligt för dig att flytta dina pensioner till oss. Därför har vi tagit fram ett nytt verktyg på vår sajt där du steg för steg tar dig igenom processen. Dessutom behöver du själv inte jaga din arbetsgivare efter signaturer – utan det fixar vi! Testa vår nya flyttprocess för tjänstepension här.

Two columns with a large box on top

<div class="if block dark">
  <div class="if container">
    <h2 class="if heading larger">Långsiktigt sparande</h2>
    <div class="if text layout box large">
      <h4 class="if heading small">Våra spartips</h4>
      <ul>
        <li>
          Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets namn
          men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.
        </li>
        <li>
          Ha ett belopp som ni alltid sätter in på barnens konto. Ha en lägre summa som ni kan sätta in ifall det blir
          för tight en månad.
        </li>
      </ul>
    </div>
    <div class="if text layout columns">
      <div class="if text body">
        <p class="if text">
          <strong class="if">
            Om du är 40 år och har 500 000 kr i upparbetat tjänstepensionskapital och sänker dina totala avgifter med 1
            % så får du 1 117 222 kr mer i pension*. Bara sådär!
          </strong>
        </p>
        <p class="if">
          Att flytta pensioner i allmänhet och tjänstepensioner i synnerhet kan vara både krångligt och tidskrävande.
          För att en tjänstepension ska kunna flyttas behövs underskrift från firmatecknare på det bolag som en gång
          betalt in pengarna, även om du inte jobbar kvar där idag. Detta gör att många inte orkar fullfölja
          pensionsflytten då det helt enkelt är för mycket jobb. Underskrifterna måste dessutom vara i original och
          ibland även på särskilda blanketter som endast går att beställa via telefon hos det försäkringsbolag man vill
          flytta ifrån.
        </p>
      </div>
      <div class="if text body">
        <p class="if">
          Vi på Avanza vill göra det så enkelt som möjligt för dig att flytta dina pensioner till oss. Därför har vi
          tagit fram ett nytt verktyg på vår sajt där du steg för steg tar dig igenom processen. Dessutom behöver du
          själv inte jaga din arbetsgivare efter signaturer – utan det fixar vi! Testa vår nya flyttprocess för
          tjänstepension här.
        </p>
      </div>
    </div>
  </div>
</div>

Långsiktigt sparande

Våra spartips

  1. Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets namn men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.
  2. Ha ett belopp som ni alltid sätter in på barnens konto. Ha en lägre summa som ni kan sätta in ifall det blir för tight en månad.

Om du är 40 år och har 500 000 kr i upparbetat tjänstepensionskapital och sänker dina totala avgifter med 1 % så får du 1 117 222 kr mer i pension*. Bara sådär!

Att flytta pensioner i allmänhet och tjänstepensioner i synnerhet kan vara både krångligt och tidskrävande. För att en tjänstepension ska kunna flyttas behövs underskrift från firmatecknare på det bolag som en gång betalt in pengarna, även om du inte jobbar kvar där idag. Detta gör att många inte orkar fullfölja pensionsflytten då det helt enkelt är för mycket jobb. Underskrifterna måste dessutom vara i original och ibland även på särskilda blanketter som endast går att beställa via telefon hos det försäkringsbolag man vill flytta ifrån.

Vi på Avanza vill göra det så enkelt som möjligt för dig att flytta dina pensioner till oss. Därför har vi tagit fram ett nytt verktyg på vår sajt där du steg för steg tar dig igenom processen. Dessutom behöver du själv inte jaga din arbetsgivare efter signaturer – utan det fixar vi! Testa vår nya flyttprocess för tjänstepension här.

Two columns with large box on top

<div class="if block dark">
  <div class="if container">
    <h2 class="if heading larger">Långsiktigt sparande</h2>
    <div class="if text layout box large">
      <h4 class="if heading small">Våra spartips</h4>
      <ol>
        <li>
          Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets namn
          men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.
        </li>
        <li>
          Ha ett belopp som ni alltid sätter in på barnens konto. Ha en lägre summa som ni kan sätta in ifall det blir
          för tight en månad.
        </li>
      </ol>
    </div>
    <div class="if text layout columns">
      <div class="if text body">
        <p class="if text">
          <strong class="if">
            Om du är 40 år och har 500 000 kr i upparbetat tjänstepensionskapital och sänker dina totala avgifter med 1
            % så får du 1 117 222 kr mer i pension*. Bara sådär!
          </strong>
        </p>
        <p class="if">
          Att flytta pensioner i allmänhet och tjänstepensioner i synnerhet kan vara både krångligt och tidskrävande.
          För att en tjänstepension ska kunna flyttas behövs underskrift från firmatecknare på det bolag som en gång
          betalt in pengarna, även om du inte jobbar kvar där idag. Detta gör att många inte orkar fullfölja
          pensionsflytten då det helt enkelt är för mycket jobb. Underskrifterna måste dessutom vara i original och
          ibland även på särskilda blanketter som endast går att beställa via telefon hos det försäkringsbolag man vill
          flytta ifrån.
        </p>
      </div>
      <div class="if text body">
        <p class="if">
          Vi på Avanza vill göra det så enkelt som möjligt för dig att flytta dina pensioner till oss. Därför har vi
          tagit fram ett nytt verktyg på vår sajt där du steg för steg tar dig igenom processen. Dessutom behöver du
          själv inte jaga din arbetsgivare efter signaturer – utan det fixar vi! Testa vår nya flyttprocess för
          tjänstepension här.
        </p>
      </div>
    </div>
  </div>
</div>

Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand, hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga saker som inte känns lika intressant under de varmaste sommarmånaderna.

Min sommar bestod inte bara av varma sommardagar utan även tillskott i familjen. För att ge vår dotter ett tillskott i framtiden har vi diskuterat hur vi vill spara till henne redan nu. Det kan upplevas som krångligt och långt bort men ofta ett välkommet tillskott för barnet i framtiden. Det finns många anledningar att spara till sina barn, barnbarn eller kanske barn till dina nära och kära. Du kanske vill hjälpa till med pengar till ett körkort, till utlandsstudier eller till ett lägenhetsköp – men inte vet hur du ska göra?

Jag har valt att öppna en Kapitalförsäkring Barn med min dotter som förmånstagare. Anledningen till detta är att jag på ett enklare sätt kan administrera kontot och bestämmer när pengarna ska betalas ut. Om pengarna ska betalas ut vid barnets 18-årsdag, senare eller löpande är ett beslut jag och min sambo inte behöver ta nu. Om jag dör är jag trygg med att pengarna tillfaller förmånstagaren (min dotter).

  • Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets namn men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.
  • Börja spara tidigt
  • Ha ett belopp som ni alltid sätter in på barnens konto. Ha en lägre summa som ni kan sätta in ifall det blir för tight en månad.
Two columns with a list

<div class="if block">
  <div class="if container">
    <div class="if text layout columns">
      <div class="if text body">
        <p class="if">
          Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand,
          hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär
          höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som
          inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga
          saker som inte känns lika intressant under de varmaste sommarmånaderna.
        </p>
        <p class="if">
          Min sommar bestod inte bara av varma sommardagar utan även tillskott i familjen. För att ge vår dotter ett
          tillskott i framtiden har vi diskuterat hur vi vill spara till henne redan nu. Det kan upplevas som krångligt
          och långt bort men ofta ett välkommet tillskott för barnet i framtiden. Det finns många anledningar att spara
          till sina barn, barnbarn eller kanske barn till dina nära och kära. Du kanske vill hjälpa till med pengar till
          ett körkort, till utlandsstudier eller till ett lägenhetsköp – men inte vet hur du ska göra?
        </p>
      </div>
      <div class="if text body">
        <p class="if">
          Jag har valt att öppna en Kapitalförsäkring Barn med min dotter som förmånstagare. Anledningen till detta är
          att jag på ett enklare sätt kan administrera kontot och bestämmer när pengarna ska betalas ut. Om pengarna ska
          betalas ut vid barnets 18-årsdag, senare eller löpande är ett beslut jag och min sambo inte behöver ta nu. Om
          jag dör är jag trygg med att pengarna tillfaller förmånstagaren (min dotter).
        </p>
        <ul>
          <li>
            Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets namn
            men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.
          </li>
          <li>Börja spara tidigt</li>
          <li>
            Ha ett belopp som ni alltid sätter in på barnens konto. Ha en lägre summa som ni kan sätta in ifall det blir
            för tight en månad.
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>

Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand, hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga saker som inte känns lika intressant under de varmaste sommarmånaderna.

Min sommar bestod inte bara av varma sommardagar utan även tillskott i familjen. För att ge vår dotter ett tillskott i framtiden har vi diskuterat hur vi vill spara till henne redan nu. Det kan upplevas som krångligt och långt bort men ofta ett välkommet tillskott för barnet i framtiden. Det finns många anledningar att spara till sina barn, barnbarn eller kanske barn till dina nära och kära. Du kanske vill hjälpa till med pengar till ett körkort, till utlandsstudier eller till ett lägenhetsköp – men inte vet hur du ska göra?

Jag har valt att öppna en Kapitalförsäkring Barn med min dotter som förmånstagare. Anledningen till detta är att jag på ett enklare sätt kan administrera kontot och bestämmer när pengarna ska betalas ut. Om pengarna ska betalas ut vid barnets 18-årsdag, senare eller löpande är ett beslut jag och min sambo inte behöver ta nu. Om jag dör är jag trygg med att pengarna tillfaller förmånstagaren (min dotter).

  1. Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets namn men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.
  2. Börja spara tidigt
  3. Ha ett belopp som ni alltid sätter in på barnens konto. Ha en lägre summa som ni kan sätta in ifall det blir för tight en månad.
Two columns with a list

<div class="if block">
  <div class="if container">
    <div class="if text layout columns">
      <div class="if text body">
        <p class="if">
          Nu är semestertiden över för de flesta av oss och förhoppningsvis har ni haft en härlig sommar. Utöver strand,
          hängmatta och grill så innebär ledigheten en möjlighet att reflektera och stanna upp. För mig innebär
          höstterminen en möjlighet att sätta upp nya mål. Det är ett utmärkt tillfälle att ta tag i de där sakerna som
          inte riktigt prioriterats de senaste månaderna. Jag ser över sparandet, försäkringar och diverse andra viktiga
          saker som inte känns lika intressant under de varmaste sommarmånaderna.
        </p>
        <p class="if">
          Min sommar bestod inte bara av varma sommardagar utan även tillskott i familjen. För att ge vår dotter ett
          tillskott i framtiden har vi diskuterat hur vi vill spara till henne redan nu. Det kan upplevas som krångligt
          och långt bort men ofta ett välkommet tillskott för barnet i framtiden. Det finns många anledningar att spara
          till sina barn, barnbarn eller kanske barn till dina nära och kära. Du kanske vill hjälpa till med pengar till
          ett körkort, till utlandsstudier eller till ett lägenhetsköp – men inte vet hur du ska göra?
        </p>
      </div>
      <div class="if text body">
        <p class="if">
          Jag har valt att öppna en Kapitalförsäkring Barn med min dotter som förmånstagare. Anledningen till detta är
          att jag på ett enklare sätt kan administrera kontot och bestämmer när pengarna ska betalas ut. Om pengarna ska
          betalas ut vid barnets 18-årsdag, senare eller löpande är ett beslut jag och min sambo inte behöver ta nu. Om
          jag dör är jag trygg med att pengarna tillfaller förmånstagaren (min dotter).
        </p>
        <ol>
          <li>
            Utöver kapitalförsäkring kan du välja att öppna ett konto direkt i barnets namn. Kontot står i barnets namn
            men administreras av föräldrarna. Vid barnets 18-årsdag övergår kontot helt till barnet.
          </li>
          <li>Börja spara tidigt</li>
          <li>
            Ha ett belopp som ni alltid sätter in på barnens konto. Ha en lägre summa som ni kan sätta in ifall det blir
            för tight en månad.
          </li>
        </ol>
      </div>
    </div>
  </div>
</div>
Edit this section

Responsive layout grid

The If Design System includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. The grid comes with multiple tiers, one tier for each breakpoint (media query range).

.if.col-4--xs
.if.col-4--xs
.if.col-4--xs
.if.col-3--xs
.if.col-3--xs
.if.col-3--xs
.if.col-3--xs
.if.col-6--xs
.if.col-6--xs
.if.col-2--xs
.if.col-6--xs
.if.col-4--xs
Edit this section

Usage

Container

Normal container
Fluid container
Wide container
Across (full width) container

Types

Standard fixed width grid

.if.col-4--xs
.if.col-4--xs
.if.col-4--xs
.if.col-3--xs
.if.col-3--xs
.if.col-3--xs
.if.col-3--xs
.if.col-6--xs
.if.col-6--xs
.if.col-2--xs
.if.col-6--xs
.if.col-4--xs
    1. Column
    2. Gutter

Fluid grid, fixed margins

The fluid grid comes with fixed margins, so that the main content container has a fluid width.

.if.col-4--xs
.if.col-4--xs
.if.col-4--xs
.if.col-3--xs
.if.col-3--xs
.if.col-3--xs
.if.col-3--xs
.if.col-6--xs
.if.col-6--xs
.if.col-2--xs
.if.col-6--xs
.if.col-4--xs

Full width grid

The full width grid takes 100% of the container, in any breakpoint.

.if.col-4--xs
.if.col-4--xs
.if.col-4--xs
.if.col-3--xs
.if.col-3--xs
.if.col-3--xs
.if.col-3--xs
.if.col-6--xs
.if.col-6--xs
.if.col-2--xs
.if.col-6--xs
.if.col-4--xs
    1. Column
    2. Gutter

Nested grid

.if.col-4--xs
.if.col-3--xs
.if.col-3--xs
.if.col-3--xs
.if.col-3--xs
<div class="if grid">
  <div class="if row">
    <div class="if col-4--xs"></div>
    <div class="if col-8--xs">
      <div class="if grid across">
        <div class="if row">
          <div class="if col-3--xs"></div>
          <div class="if col-3--xs"></div>
          <div class="if col-3--xs"></div>
          <div class="if col-3--xs"></div>
        </div>
      </div>
    </div>
  </div>
</div>

Wider fixed grid

The wider fixed grid is a bit wider than the standard fixed grid. This allows for wider components, like the product matrix table with many products.

.if.col-4--xs
.if.col-4--xs
.if.col-4--xs
.if.col-3--xs
.if.col-3--xs
.if.col-3--xs
.if.col-3--xs
.if.col-6--xs
.if.col-6--xs
.if.col-2--xs
.if.col-6--xs
.if.col-4--xs
Edit this section

Grid options

Responsive UI

Responsive layouts in the If Design System should adapt to any possible screen size. This UI guidance includes a flexible grid that ensures consistency across layouts and breakpoint details about how content reflows on different screens.

Breakpoints

For optimal user experience, If user interfaces should adapt layouts for the following breakpoint widths: 360px, 400px, 720px, 960px, 1200px, 1440px, 1920px, 2560px, 3200px and 3840px.

XXS
≥22.5rem / 360px
Extra small
≥25rem / 400px
Smaller
≥45rem / 720px
Small
≥60rem / 960px
Medium
≥75rem / 1200px
Large
≥90rem / 1440px
Extra large
≥120rem / 1920px
XXL
≥160rem / 2560px
Huge
≥200rem / 3200px
Huger
≥240rem / 3840px
Grid behavior Horizontal at all times Collapsed to start, horizontal above breakpoints
Class postfix --xxs --xs --smlr- --sm- --md- --lg- --xl- --xxl- --huge- --xl-
# of columns 12
Normal column width fluid fluid fluid fluid 44px 48px 60px 70px 70px 70px
Normal gutter width 24px 32px 40px 40px 40px 40px 40px 40px 40px 40px
Normal container width 100% 100% 100% 100% 968px 1016px 1160px 1280px 1280px 1280px
Fluid gutter width 24px 32px 40px 40px 40px 40px 40px 40px 40px 40px
Fluid column width fluid fluid fluid fluid fluid fluid fluid fluid fluid fluid
Fluid container width 100% 100% 100% 100% auto auto auto auto auto auto
Wide column width fluid fluid fluid fluid 48px 60px 70px 68px 68px 68px
Wide gutter width 24px 32px 40px 40px 40px 40px 40px 56px 56px 56px
Wide container width 100% 100% 100% 100% 1016px 1160px 1280px 1432px 1432px 1432px
Across (full width) column width fluid fluid fluid fluid fluid fluid fluid fluid fluid fluid
Across (full width) gutter width 24px 32px 40px 40px 40px 40px 40px 56px 56px 56px
Across (full width) container width 100% 100% 100% 100% 100% 100% 100% 100% 100% 100%
Nestable Yes
Offsets No
Edit this section

Baseline grid

.if.col-4--xs
.if.col-4--xs
.if.col-4--xs
.if.col-3--xs
.if.col-3--xs
.if.col-3--xs
.if.col-3--xs
.if.col-6--xs
.if.col-6--xs
.if.col-2--xs
.if.col-6--xs
.if.col-4--xs
Edit this section

Contact us