<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>

                            <p class="o-hero__paragraph">Aenean imperdiet, turpis a lobortis maximus, ex justo hendrerit odio, non viverra odio tortor eget velit.</p>
                        </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="http://www.google.se" 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="http://www.google.se" 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="http://www.google.se" 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="http://www.google.se" 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="http://www.google.se" 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="http://www.google.se" 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="http://www.google.se" 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="http://www.google.se" 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="http://www.google.se" 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="http://www.google.se" 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="http://www.google.se" 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="http://www.google.se" 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="http://www.google.se" 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="http://www.google.se" 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="http://www.google.se" 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="http://www.google.se" 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="http://www.google.se" 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": "http://www.google.se",
  "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.