Swegon Component Library

404 

<section class="panel theme--grey 
    panel--no-padding-bottom 
    panel--compact ">
    <div class="panel__inner">
        <div class="row row--justify-around h-text-align-center-m">
            <div class="col col--span-12 col--span-s-10 col--span-l-8">
                <h2>Hoppsan! 404 error.</h2>
                <div class="preamble">
                    <p>
                        Den här sidan finns inte. Det kan vara en trasig länk, eller sidan kanske helt enkelt saknas. Bara gå tillbaka och välj en annan länk.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="panel theme--grey 
    panel--compact ">
    <div class="panel__inner">
        <div class="row row--justify-around">
            <div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
                <div class="card ">
                    <a href="#" class="card__cta">

                        <div class="card__body">

                            <h4 class="card__title">
                                Varför Swegon?
                            </h4>

                        </div>
                    </a>
                </div>
            </div>
            <div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
                <div class="card ">
                    <a href="#" class="card__cta">

                        <div class="card__body">

                            <h4 class="card__title">
                                Berättelser
                            </h4>

                        </div>
                    </a>
                </div>
            </div>
            <div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
                <div class="card ">
                    <a href="#" class="card__cta">

                        <div class="card__body">

                            <h4 class="card__title">
                                Guider
                            </h4>

                        </div>
                    </a>
                </div>
            </div>
            <div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
                <div class="card ">
                    <a href="#" class="card__cta">

                        <div class="card__body">

                            <h4 class="card__title">
                                Produkter &amp; tjänster
                            </h4>

                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
 
{{#> @panel theme="grey" modifiers="no-padding-bottom,compact"}}
    <div class="row row--justify-around h-text-align-center-m">
        <div class="col col--span-12 col--span-s-10 col--span-l-8">
            <h2>Hoppsan! 404 error.</h2>
            <div class="preamble">
                <p>
                    Den här sidan finns inte. Det kan vara en trasig länk, eller sidan kanske helt enkelt saknas. Bara gå tillbaka och välj en annan länk.
                </p>
            </div>
        </div>
    </div>
{{/@panel}}

{{#> @panel theme="grey" modifiers="compact"}}
    <div class="row row--justify-around">
        {{#each links}}
        <div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
            {{> @card this}}
        </div>
        {{/each}}
    </div>
{{/@panel}}
 
{
  "marketSelectorModal": {
    "id": "market-selector",
    "closeLabel": "Stäng"
  },
  "links": [
    {
      "title": "Varför Swegon?"
    },
    {
      "title": "Berättelser"
    },
    {
      "title": "Guider"
    },
    {
      "title": "Produkter &amp; tjänster"
    }
  ]
}

No notes defined.