<div class="wrapper">
<div class="row">
<div class="grid">
<figure class="o-hero o-hero--border-radius ">
<img src="/assets/images/hero.jpg" alt="hero" class="o-hero__image">
<figcaption class="o-hero__caption">
<div class="wrapper">
<div class="o-hero__text">
<h1 class="supersize">Visste du att internet är skitstort?</h1>
</div>
</div>
</figcaption>
</figure>
</div>
</div>
<div class="row u-m-t-2">
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
<div class="m-card m-card--padded">
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
<div class="m-card__content">
<a href="/components/preview/magazine" class="m-card__link">
<h2 class="">
Gymnasieskolor med hög bandbredd har bättre skolresultat
</h2>
</a>
</div>
</div>
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
<div class="m-card m-card--padded">
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
<div class="m-card__content">
<a href="/components/preview/magazine" class="m-card__link">
<h2 class="">
Gymnasieskolor med hög bandbredd har bättre skolresultat
</h2>
</a>
</div>
</div>
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
<div class="m-card m-card--padded">
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
<div class="m-card__content">
<a href="/components/preview/magazine" class="m-card__link">
<h2 class="">
Gymnasieskolor med hög bandbredd har bättre skolresultat
</h2>
</a>
</div>
</div>
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
<div class="m-card m-card--padded">
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
<div class="m-card__content">
<a href="/components/preview/magazine" class="m-card__link">
<h2 class="">
Gymnasieskolor med hög bandbredd har bättre skolresultat
</h2>
</a>
</div>
</div>
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
<div class="m-card m-card--padded">
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
<div class="m-card__content">
<a href="/components/preview/magazine" class="m-card__link">
<h2 class="">
Gymnasieskolor med hög bandbredd har bättre skolresultat
</h2>
</a>
</div>
</div>
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
<div class="m-card m-card--padded">
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
<div class="m-card__content">
<a href="/components/preview/magazine" class="m-card__link">
<h2 class="">
Gymnasieskolor med hög bandbredd har bättre skolresultat
</h2>
</a>
</div>
</div>
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
<div class="m-card m-card--padded">
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
<div class="m-card__content">
<a href="/components/preview/magazine" class="m-card__link">
<h2 class="">
Gymnasieskolor med hög bandbredd har bättre skolresultat
</h2>
</a>
</div>
</div>
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
<div class="m-card m-card--padded">
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
<div class="m-card__content">
<a href="/components/preview/magazine" class="m-card__link">
<h2 class="">
Gymnasieskolor med hög bandbredd har bättre skolresultat
</h2>
</a>
</div>
</div>
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
<div class="m-card m-card--padded">
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
<div class="m-card__content">
<a href="/components/preview/magazine" class="m-card__link">
<h2 class="">
Gymnasieskolor med hög bandbredd har bättre skolresultat
</h2>
</a>
</div>
</div>
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
<div class="m-card m-card--padded">
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
<div class="m-card__content">
<a href="/components/preview/magazine" class="m-card__link">
<h2 class="">
Gymnasieskolor med hög bandbredd har bättre skolresultat
</h2>
</a>
</div>
</div>
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
<div class="m-card m-card--padded">
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
<div class="m-card__content">
<a href="/components/preview/magazine" class="m-card__link">
<h2 class="">
Gymnasieskolor med hög bandbredd har bättre skolresultat
</h2>
</a>
</div>
</div>
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
<div class="m-card m-card--padded">
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
<div class="m-card__content">
<a href="/components/preview/magazine" class="m-card__link">
<h2 class="">
Gymnasieskolor med hög bandbredd har bättre skolresultat
</h2>
</a>
</div>
</div>
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
<div class="m-card m-card--padded">
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
<div class="m-card__content">
<a href="/components/preview/magazine" class="m-card__link">
<h2 class="">
Gymnasieskolor med hög bandbredd har bättre skolresultat
</h2>
</a>
</div>
</div>
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
<div class="m-card m-card--padded">
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
<div class="m-card__content">
<a href="/components/preview/magazine" class="m-card__link">
<h2 class="">
Gymnasieskolor med hög bandbredd har bättre skolresultat
</h2>
</a>
</div>
</div>
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
<div class="m-card m-card--padded">
<img src="/assets/images/ALX_0876.jpg" class="m-card__image m-card__media" alt="Hands typing on laptop">
<div class="m-card__content">
<a href="/components/preview/magazine" class="m-card__link">
<h2 class="">
Gymnasieskolor med hög bandbredd har bättre skolresultat
</h2>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="grid display-flex justify-content-between">
<a href="/components/preview/magazine" class="a-paging">
<span class="u-visuallyhidden">Bakåt</span>
<svg class="icon a-paging__icon">
<use xlink:href="#icon-arrow-backwards"></use>
</svg>
</a>
<a href="/components/preview/magazine" class="a-paging">
<span class="u-visuallyhidden">Framåt</span>
<svg class="icon a-paging__icon">
<use xlink:href="#icon-arrow-forwards"></use>
</svg>
</a>
</div>
</div>
</div>
<div class="wrapper">
<div class="row">
<div class="grid">
{{> @hero additional_classes="o-hero--border-radius" heading="Visste du att internet är skitstort?" hero_image="/assets/images/hero.jpg" text="Aenean imperdiet, turpis a lobortis maximus, ex justo hendrerit odio, non viverra odio tortor eget velit."}}
</div>
</div>
<div class="row u-m-t-2">
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
{{> @card}}
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
{{> @card}}
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
{{> @card}}
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
{{> @card}}
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
{{> @card}}
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
{{> @card}}
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
{{> @card}}
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
{{> @card}}
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
{{> @card}}
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
{{> @card}}
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
{{> @card}}
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
{{> @card}}
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
{{> @card}}
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
{{> @card}}
</div>
<div class="grid-lg-6 grid-md-9 grid-18 u-m-b-2">
{{> @card}}
</div>
</div>
<div class="row">
<div class="grid display-flex justify-content-between">
{{> @paging icon="arrow-backwards" text="Bakåt"}}
{{> @paging icon="arrow-forwards" text="Framåt"}}
</div>
</div>
</div>
{
"alt": "Hands typing on laptop",
"img_url": "/assets/images/ALX_0876.jpg",
"title": "Gymnasieskolor med hög bandbredd har bättre skolresultat",
"url": "/components/preview/magazine",
"exerpt": "Eget nulla <strong>facilisi etiam</strong> dignissim diam quis enim lobortis scelerisque. Faucibus a pellentesque sit amet porttitor.",
"is_padded": true,
"is_wide": false,
"has_shadow": false,
"has_button": false,
"read_time": true,
"has_border": false,
"has_image": true,
"has_radius": true
}
No notes defined.