<header class="o-header">
    <div class="wrapper">
        <div class="row justify-content-between align-items-center flex-nowrap">
            <div class="grid-auto">
                <a href="/" class="o-header__logo-link">
                    <span class="o-header__logo"><svg class="logotype">
                            <use xlink:href="#logotype-default"></use>
                        </svg>
                    </span>
                    <span class="u-visuallyhidden">Till startsidan</span>
                </a>
            </div>
            <div class="grid">
                <nav class="a-main-menu">
                    <ul class="a-main-menu__list">
                        <li class="u-hidden-mobile">
                            <a href="#" class="a-main-menu__list__link">
                                <span class="a-main-menu__list__text">Kunskap</span>
                            </a>

                        </li>
                        <li class="u-hidden-mobile">
                            <a href="#" class="a-main-menu__list__link">
                                <span class="a-main-menu__list__text">Innovation</span>
                            </a>

                        </li>
                        <li class="u-hidden-mobile">
                            <a href="#" class="a-main-menu__list__link is-current">
                                <span class="a-main-menu__list__text">Domäner</span>
                            </a>

                        </li>
                        <li class="u-hidden-mobile">
                            <button type="button" class="a-main-menu__list__link" aria-expanded="false" data-a11y-toggle="dropdown">
                                <span class="a-main-menu__list__text">Ämnen</span>
                                <div class="icon-arrow-down"></div>
                            </button>

                            <ul id="dropdown" class="a-main-menu__subnav u-box-shadow-card">
                                <li class="a-main-menu__subnav__item">
                                    <a href="#">Desinformation</a>
                                </li>
                                <li class="a-main-menu__subnav__item">
                                    <a href="#">Föräldraskap</a>
                                </li>
                                <li class="a-main-menu__subnav__item">
                                    <a href="#">Integritet</a>
                                </li>
                                <li class="a-main-menu__subnav__item">
                                    <a href="#">Källkritik</a>
                                </li>
                                <li class="a-main-menu__subnav__item">
                                    <a href="#">Ordlista</a>
                                </li>
                                <li class="a-main-menu__subnav__item">
                                    <a href="#">Så funkar internet</a>
                                </li>
                                <li class="a-main-menu__subnav__item">
                                    <a href="#">Sökkritik</a>
                                </li>
                                <li class="a-main-menu__subnav__item">
                                    <a href="#">Vanliga IT-brott</a>
                                </li>
                                <li class="a-main-menu__subnav__item">
                                    <a href="#">Yttrandefrihet</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <span class="a-main-menu__list__button">
                                <a href="#" class="a-button a-button--small a-button--lemon">
                                    <span class="a-button__text">Bli medlem</span>
                                </a>
                            </span>
                            <span class="a-main-menu__list__button">
                                <a href="/medlem/rhedman" class="a-button a-button--icon a-button--icon-left a-button--transparent">
                                    <span class="a-button__text u-nowrap">Min sida</span>
                                    <svg class="icon a-button__icon">
                                        <use xlink:href="#icon-user"></use>
                                    </svg>
                                </a>
                            </span>

                        </li>
                        <li>
                            <div id="readspeaker_button1" class="rs_skip rsbtn rs_preserve">
                                <a rel="nofollow" accesskey="L" class="rsbtn_play a-main-menu__list__link is-top-level" aria-describedby="readspeaker-info" href="//app-eu.readspeaker.com/cgi-bin/rsent?customerid=10645&amp;lang=<?php echo iis_set_language( 'sv_SE' ); ?>&amp;voice=Maja&amp;readclass=site__main&amp;url=<?php the_permalink(); ?>">
                                    <span class="a-main-menu__list__text rsbtn_left rsimg rspart"><span class="rsbtn_text"><span class="u-nowrap">Lyssna</span></span></span>
                                    <span class="rsbtn_right rsimg rsplay rspart"></span>
                                    <div class="a-button a-button--standalone-icon a-button--icon u-p-0">
                                        <svg class="icon a-button__icon ">
                                            <use xlink:href="#icon-speaker"></use>
                                        </svg>
                                    </div>
                                    <span class="u-visuallyhidden" id="readspeaker-info">Lyssna på sidans text med ReadSpeaker</span>
                                </a>
                            </div>

                        </li>
                        <li class="u-hidden-mobile">
                            <button type="button" class="a-main-menu__list__link js-toggle-domain-search" aria-expanded="false" data-a11y-toggle="domain-search">
                                <span class="a-main-menu__list__text">Sök ledig domän</span>
                                <div class="icon-arrow-down"></div>
                            </button>

                        </li>
                        <li>
                            <button type="button" class="a-main-menu__list__link js-toggle-mega-menu" aria-expanded="false" data-a11y-toggle="mega-menu">
                                <span class="a-main-menu__list__text">Meny</span>
                                <div class="icon-hamburger"></div>
                            </button>

                        </li>
                    </ul>
                </nav>

            </div>
        </div>
    </div>
</header>

<div class="site">
    <section class="o-section">
        <div class="wrapper o-section__content ">

            <h1>Section grey</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum enim ac facilisis vehicula. Ut consequat consequat velit vel tempus. Sed non massa purus. Donec iaculis justo tristique ultrices tempus. Sed erat lectus, malesuada non lectus a, accumsan aliquam libero. Nunc sed dolor turpis. Nunc efficitur malesuada enim non viverra. Vestibulum in mi suscipit, laoreet purus eu, elementum nunc. Aliquam mattis leo sit amet erat posuere fermentum. Nunc mollis tortor quis enim facilisis, nec porttitor metus volutpat. Ut eu augue porttitor, placerat quam in, molestie nunc. Nam lacinia dignissim justo, ac mollis lorem vulputate sit amet. Maecenas feugiat eget erat nec suscipit. Phasellus pretium tellus ut pellentesque fringilla. In sodales maximus lorem eget vulputate. Donec viverra massa vel urna efficitur rutrum.</p>
        </div>
    </section>
    <section class="o-section o-section--white">
        <div class="wrapper o-section__content  o-section__content--rectangle-left">

            <h1>Section white</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum enim ac facilisis vehicula. Ut consequat consequat velit vel tempus. Sed non massa purus. Donec iaculis justo tristique ultrices tempus. Sed erat lectus, malesuada non lectus a, accumsan aliquam libero. Nunc sed dolor turpis. Nunc efficitur malesuada enim non viverra. Vestibulum in mi suscipit, laoreet purus eu, elementum nunc. Aliquam mattis leo sit amet erat posuere fermentum. Nunc mollis tortor quis enim facilisis, nec porttitor metus volutpat. Ut eu augue porttitor, placerat quam in, molestie nunc. Nam lacinia dignissim justo, ac mollis lorem vulputate sit amet. Maecenas feugiat eget erat nec suscipit. Phasellus pretium tellus ut pellentesque fringilla. In sodales maximus lorem eget vulputate. Donec viverra massa vel urna efficitur rutrum.</p>
        </div>
    </section>
    <section class="o-section">
        <div class="wrapper o-section__content ">

            <h1>Section grey</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum enim ac facilisis vehicula. Ut consequat consequat velit vel tempus. Sed non massa purus. Donec iaculis justo tristique ultrices tempus. Sed erat lectus, malesuada non lectus a, accumsan aliquam libero. Nunc sed dolor turpis. Nunc efficitur malesuada enim non viverra. Vestibulum in mi suscipit, laoreet purus eu, elementum nunc. Aliquam mattis leo sit amet erat posuere fermentum. Nunc mollis tortor quis enim facilisis, nec porttitor metus volutpat. Ut eu augue porttitor, placerat quam in, molestie nunc. Nam lacinia dignissim justo, ac mollis lorem vulputate sit amet. Maecenas feugiat eget erat nec suscipit. Phasellus pretium tellus ut pellentesque fringilla. In sodales maximus lorem eget vulputate. Donec viverra massa vel urna efficitur rutrum.</p>
        </div>
    </section>
    <section class="o-section o-section--white">
        <div class="wrapper o-section__content  o-section__content--rectangle-right">

            <h1>Section white</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum enim ac facilisis vehicula. Ut consequat consequat velit vel tempus. Sed non massa purus. Donec iaculis justo tristique ultrices tempus. Sed erat lectus, malesuada non lectus a, accumsan aliquam libero. Nunc sed dolor turpis. Nunc efficitur malesuada enim non viverra. Vestibulum in mi suscipit, laoreet purus eu, elementum nunc. Aliquam mattis leo sit amet erat posuere fermentum. Nunc mollis tortor quis enim facilisis, nec porttitor metus volutpat. Ut eu augue porttitor, placerat quam in, molestie nunc. Nam lacinia dignissim justo, ac mollis lorem vulputate sit amet. Maecenas feugiat eget erat nec suscipit. Phasellus pretium tellus ut pellentesque fringilla. In sodales maximus lorem eget vulputate. Donec viverra massa vel urna efficitur rutrum.</p>
        </div>
    </section>
</div>

<section class="o-mailchimp o-mailchimp--static" data-mailchimp="iis-mailchimp-static-form" id="iis-mailchimp-static-form">
    <div class="wrapper">
        <div class="o-mailchimp__wrapper">
            <div class="row flex-row-reverse o-mailchimp__close">
                <button type="button" class="a-button a-button--transparent a-button--icon js-close-mailchimp-popup">
                    <span class="a-button__text">Stäng</span>
                    <svg class="icon a-button__icon">
                        <use xlink:href="#icon-close"></use>
                    </svg>
                </button>
            </div>
            <div class="row flex-row-reverse o-mailchimp__row-bottom">
                <div class="o-mailchimp__image-container grid-18 grid-lg-10">
                    <img src="/assets/images/hero.jpg" alt="hero" class="o-mailchimp__image">
                </div>
                <div class="o-mailchimp__content grid-18 grid-lg-8">
                    <h1 class="o-mailchimp__headline">Nyhetsbrev från Internetstiftelsen</h1>
                    <p class="o-mailchimp__preamble">Cirka en gång i månaden tipsar vi om intressanta evenemang och roliga projekt som vi driver. Se till att du håller dig uppdaterad genom att prenumerera på nyhetsbrevet!</p>
                    <form action="./" method="post">
                        <div class="m-form-control row">
                            <div class="m-form__row grid-18 grid-lg-14 grid-md-10 u-m-b-2">
                                <div class="field-group">
                                    <label for="email" class="a-label u-visuallyhidden">Din e-postadress</label>
                                    <input type="email" class="a-input js-mailchimp-email" name="email" placeholder="Din e-postadress" required />
                                </div>
                            </div>
                            <div class="m-form__row grid-18 grid-lg-14 grid-md-10">
                                <div class="o-mailchimp__policy">
                                    <fieldset class="field-group">
                                        <legend class="u-visuallyhidden">Integritetspolicy</legend>
                                        <div class="checkbox">
                                            <input id="pa-iis-mailchimp-static-form" name="policy-agree" class="o-mailchimp__policy-agree a-checkbox u-visuallyhidden" type="checkbox" value="1" />
                                            <label for="pa-iis-mailchimp-static-form" class="u-p-r-0"><span>Jag samtycker till att ta emot nyhetsbrev och har tagit del av <a href="https://internetstiftelsen.se/om-webbplatsen/integritetspolicy-for-besokare-pa-internetstiftelsens-webbplatser/" target="_blank" class="u-link">integritetspolicyn</a></span></label>
                                        </div>
                                    </fieldset>
                                </div>
                            </div>
                        </div>
                        <input type="text" name="hname" class="mailchimp__hname-field is-hidden" placeholder="Leave this field empty" />
                        <input type="hidden" name="mailchimp_list" value="b28f7d99cd" />
                        <input type="hidden" name="tags" value="" />
                        <button type="submit" class="a-button js-mailchimp-btn has-loader u-m-t-2">
                            <span class="a-button__text">Prenumerera</span>
                        </button>
                        <div data-mailchimp-result="1"></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="o-mailchimp o-mailchimp--sliding" data-mailchimp="iis-mailchimp-sliding-form" id="iis-mailchimp-sliding-form" data-slider-delay="5000" aria-hidden="true">
    <div class="wrapper">
        <div class="o-mailchimp__wrapper">
            <div class="row flex-row-reverse o-mailchimp__close">
                <button type="button" class="a-button a-button--transparent a-button--icon js-close-mailchimp-popup" aria-controls="iis-mailchimp-sliding-form">
                    <span class="a-button__text">Stäng</span>
                    <svg class="icon a-button__icon">
                        <use xlink:href="#icon-close"></use>
                    </svg>
                </button>
            </div>
            <div class="row flex-row-reverse o-mailchimp__row-bottom">
                <div class="o-mailchimp__image-container grid-18 grid-lg-10">
                    <img src="/assets/images/hero.jpg" alt="hero" class="o-mailchimp__image">
                </div>
                <div class="o-mailchimp__content grid-18 grid-lg-8">
                    <h1 class="o-mailchimp__headline">Nyhetsbrev från Internetstiftelsen</h1>
                    <p class="o-mailchimp__preamble">Cirka en gång i månaden tipsar vi om intressanta evenemang och roliga projekt som vi driver. Se till att du håller dig uppdaterad genom att prenumerera på nyhetsbrevet!</p>
                    <form action="./" method="post">
                        <div class="m-form-control row">
                            <div class="m-form__row grid-18 grid-lg-14 grid-md-10 u-m-b-2">
                                <div class="field-group">
                                    <label for="email" class="a-label u-visuallyhidden">Din e-postadress</label>
                                    <input type="email" class="a-input js-mailchimp-email" name="email" placeholder="Din e-postadress" required />
                                </div>
                            </div>
                            <div class="m-form__row grid-18 grid-lg-14 grid-md-10">
                                <div class="o-mailchimp__policy">
                                    <fieldset class="field-group">
                                        <legend class="u-visuallyhidden">Integritetspolicy</legend>
                                        <div class="checkbox">
                                            <input id="pa-iis-mailchimp-sliding-form" name="policy-agree" class="o-mailchimp__policy-agree a-checkbox u-visuallyhidden" type="checkbox" value="1" />
                                            <label for="pa-iis-mailchimp-sliding-form" class="u-p-r-0">
                                                <span>Jag samtycker till att ta emot nyhetsbrev och har tagit del av <a href="https://internetstiftelsen.se/om-webbplatsen/integritetspolicy-for-besokare-pa-internetstiftelsens-webbplatser/" target="_blank" class="u-link">integritetspolicyn</a></span>
                                            </label>
                                        </div>
                                    </fieldset>
                                </div>
                            </div>
                        </div>
                        <input type="text" name="hname" class="mailchimp__hname-field is-hidden" placeholder="Leave this field empty" />
                        <input type="hidden" name="mailchimp_list" value="b28f7d99cd" />
                        <input type="hidden" name="tags" value="" />
                        <button type="submit" class="a-button js-mailchimp-btn has-loader u-m-t-2">
                            <span class="a-button__text">Prenumerera</span>
                        </button>
                        <div data-mailchimp-result="1"></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="wrapper-fluid">
    <div class="o-footer" id="siteFooter">
        <div class="row">
            <div class="grid-18 o-footer__info">
                <div class="row">
                    <div class="grid-18 grid-lg-9 o-footer__info__freetext">
                        <p class="o-footer__paragraph"><a href="https://internetstiftelsen.se">Internetstiftelsen</a> verkar för ett internet som bidrar positivt till människan och samhället. Vi är en oberoende organisation som säkerställer en stark och säker infrastruktur för internet i Sverige. Vårt mål är att alla ska våga och kunna använda internet. Vi finns i Sverige och ansvarar för den svenska toppdomänen .se och driften av toppdomänen .nu.</p>
                    </div>
                    <div class="grid-18 grid-lg-9 o-footer__info__contact">
                        <div class="row o-footer__info__contact__row-first">
                            <div class="grid-md-9 grid-lg-18 grid-xl-9 grid-18 o-footer__info__address1">
                                <ul class="u-list-clean o-footer__info__contact__address">
                                    <li class="o-footer__info__contact__address__li">Internetstiftelsen</li>
                                    <li class="o-footer__info__contact__address__li">Hammarby Kaj 10D</li>
                                    <li class="o-footer__info__contact__address__li">Box 92073</li>
                                    <li class="o-footer__info__contact__address__li">120 07 Stockholm</li>
                                </ul>
                            </div>
                            <div class="grid-md-9 grid-lg-18 grid-xl-9 grid-18 o-footer__info__address2">
                                <ul class="u-list-clean o-footer__info__contact__address">
                                    <li class="o-footer__info__contact__address__li">E-post: <a class="o-footer__link" href="mailto:info@internetstiftelsen.se">info@internetstiftelsen.se</a></li>
                                    <li class="o-footer__info__contact__address__li">Telefon: <a class="o-footer__link" href="tel:084523500">08-452 35 00</a></li>
                                    <li class="o-footer__info__contact__address__li">Organisationsnummer: 802405-0190</li>
                                </ul>
                            </div>
                        </div>
                        <div class="row o-footer__info__contact__row-second">
                            <div class="grid-19 grid-md-9 o-footer__info__ISO">
                                <a href="https://internetstiftelsen.se/docs/Certifikat_27001_UKAS_sv.pdf" class="o-footer__link o-footer__external-link">
                                    <img src="https://internetstiftelsen.se/app/themes/internetstiftelsen/images/ISO_27001_2013_black_TM.svg" class="o-footer__external-logo" alt="Certifierade enligt ISO/IEC 27001:2013">
                                    <span>Certifierade enligt ISO/IEC<br>27001:2013</span>
                                </a>
                            </div>
                            <div class="grid-19 grid-md-9 o-footer__info__CC">
                                <a href="https://creativecommons.org/licenses/by/4.0/legalcode.sv" class="o-footer__link o-footer__external-link">
                                    <img class="o-footer__external-logo o-footer__external-logo--cc" src="https://svenskarnaochinternet.se/app/uploads/2019/10/ccby.png" alt="Creative Commons licens&lt;br&gt;Erkännande 4.0 Internationell">
                                    <span>Creative Commons licens<br>Erkännande 4.0 Internationell</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="grid-18 o-footer__logotypes">
                <div class="row">
                    <div class="o-footer__logotypes__item">
                        <a href="https://svenskarnaochinternet.se" class="o-footer__logotypes__item__link">
                            <div class="o-footer__logotypes__item__inner">
                                <div class="o-footer__logotypes__item__front">
                                    <img class="o-footer__logotype" alt="Svenskarna och internet" src="https://static.internetstiftelsen.se/images/logotypes/svenskarna-och-internet.svg">
                                </div>
                                <div class="o-footer__logotypes__item__back">
                                    <h2>Svenskarna och internet</h2>
                                    <span>En årlig studie av svenska folkets internetvanor</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="o-footer__logotypes__item">
                        <a href="https://internetdagarna.se" class="o-footer__logotypes__item__link">
                            <div class="o-footer__logotypes__item__inner">
                                <div class="o-footer__logotypes__item__front">
                                    <img class="o-footer__logotype" alt="Internetdagarna" src="https://static.internetstiftelsen.se/images/logotypes/internetdagarna.svg">
                                </div>
                                <div class="o-footer__logotypes__item__back">
                                    <h2>Internetdagarna</h2>
                                    <span>Internetdagarna är en konferens som arrangeras av Internetstiftelsen</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="o-footer__logotypes__item">
                        <a href="https://goto10.se" class="o-footer__logotypes__item__link">
                            <div class="o-footer__logotypes__item__inner">
                                <div class="o-footer__logotypes__item__front">
                                    <img class="o-footer__logotype" alt="Goto10" src="https://static.internetstiftelsen.se/images/logotypes/goto-10.svg">
                                </div>
                                <div class="o-footer__logotypes__item__back">
                                    <h2>Goto 10</h2>
                                    <span>Goto 10 är en start- och mötesplats för internetrelaterade frågor som drivs av Internetstiftelsen</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--<div class="o-footer__logotypes__item">
						<a href="https://bredbandskollen.se" class="o-footer__logotypes__item__link">
							<div class="o-footer__logotypes__item__inner">
								<div class="o-footer__logotypes__item__front">
									<img class="o-footer__logotype"  alt="Bredbandskollen" src="https://static.internetstiftelsen.se/images/logotypes/bredbandskollen.svg">
								</div>
								<div class="o-footer__logotypes__item__back">
									<h2>Bredbandskollen</h2>
									<span>Bredbandskollen är ett oberoende konsumentverktyg som drivs av Internetstiftelsen</span>
								</div>
							</div>
						</a>
					</div>-->
                    <div class="o-footer__logotypes__item">
                        <a href="https://internetmuseum.se" class="o-footer__logotypes__item__link">
                            <div class="o-footer__logotypes__item__inner">
                                <div class="o-footer__logotypes__item__front">
                                    <img class="o-footer__logotype" alt="Internetmuseum" src="https://static.internetstiftelsen.se/images/logotypes/internetmuseum.svg">
                                </div>
                                <div class="o-footer__logotypes__item__back">
                                    <h2>Internetmuseum</h2>
                                    <span>Ett digitalt museum som byggts, och kureras av Internetstiftelsen</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="o-footer__logotypes__item">
                        <a href="https://digitalalektioner.se" class="o-footer__logotypes__item__link">
                            <div class="o-footer__logotypes__item__inner">
                                <div class="o-footer__logotypes__item__front">
                                    <img class="o-footer__logotype" alt="Digitala lektioner" src="https://static.internetstiftelsen.se/images/logotypes/digitala-lektioner.svg">
                                </div>
                                <div class="o-footer__logotypes__item__back">
                                    <h2>Digitala lektioner</h2>
                                    <span>Öppen digital lärresurs med färdiga lektioner för alla stadier i grundskolan</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="o-footer__logotypes__item">
                        <a href="https://digitalalektioner.se" class="o-footer__logotypes__item__link">
                            <div class="o-footer__logotypes__item__inner">
                                <div class="o-footer__logotypes__item__front">
                                    <img class="o-footer__logotype" alt="Internetkunskap" src="https://static.internetstiftelsen.se/images/logotypes/internetkunskap.svg">
                                </div>
                                <div class="o-footer__logotypes__item__back">
                                    <h2>Internetkunskap</h2>
                                    <span>Samlad kunskap som hjälper dig att bli en säker och medveten internetanvändare</span>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!--<div class="o-footer__logotypes__item">
						<a href="https://internetstiftelsen.se" class="o-footer__logotypes__item__link">
							<div class="o-footer__logotypes__item__inner">
								<div class="o-footer__logotypes__item__front">
									<img class="o-footer__logotype"  alt="Internetstiftelsen" src="https://static.internetstiftelsen.se/images/logotypes/internetstiftelsen.svg">
								</div>
								<div class="o-footer__logotypes__item__back">
									<h2>Internetstiftelsen</h2>
									<span>Internetstiftelsen verkar för ett internet som bidrar positivt till människan och samhället</span>
								</div>
							</div>
						</a>
					</div>-->
                </div>
            </div>
        </div>
        <div class="row">
            <div class="u-p-y-1 o-footer__bottom-links">
                <nav>
                    <ul class="u-list-clean display-flex">
                        <li class="u-p-x-1"><a href="https://internetstiftelsen.se/om-webbplatsen/" class="o-footer__link o-footer__about-link">Om webbplatsen</a></li>
                        <li class="u-p-x-1"><a href="https://internetstiftelsen.se/om-webbplatsen/cookies/" class="o-footer__link o-footer__about-link">Om cookies</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>
{{render '@header'}}
{{render '@sections'}}
{{render '@mailchimp'}}
{{render '@footer'}}
/* No context defined. */

No notes defined.