<section class="panel
panel--image-background-m
panel--no-padding
panel--tiny-padding-vertical-m
panel--no-margin-image ">
<figure class="panel__figure">
<img src="/mocks/img/ventilation-room.jpg" alt="" class="panel__image">
</figure>
<div class="panel__inner">
<div class="row">
<div class="col col--span-12 col--span-m-9 col--span-l-6 col--no-gutter col--gutter-m col--bottom-gutter-m">
<section class="panel theme--grey
panel--compact theme-white h-full-height">
<div class="panel__inner">
<h2>Du är inte ensam</h2>
<h6 class="h-text-color-green">Bloggen för privatpersoner</h6>
<p>Många har suttit i samma sits som du och frågat sig ”Hur gör vi med ventilationen?”. <a href="#">Och många tusentals har sedan</a> valt Swegon. Därför finns det massor av berättelser, till exempel om tekniska utmaningar som lösts, eller hur driftsekonomin blivit en glad överraskning. Referenserna är helt enkelt bevis på att vi levererar det vi utlovar – eller lite till.</p>
<a href="#" class="button">Guider</a>
</div>
</section>
</div>
</div>
<div class="row row--direction-row-reverse-m">
<div class="col col--span-12 col--span-m-9 col--span-l-6 col--no-gutter col--gutter-m">
<section class="panel theme--white
panel--compact theme-white h-full-height">
<div class="panel__inner">
<h2>Vi vet vad vi pratar om</h2>
<h6 class="h-text-color-red">Bloggen för proffs</h6>
</h6>
<p>Det krävs vissa grundkunskaper för att förstå vad som är rätt och vad som är bra i olika sammanhang. <a href="#">Om du är osäker på det här med</a> inomhusklimat hjälper våra guider dig att förstå vad vi pratar om.</p>
<a href="#" class="button">Guider</a>
</div>
</section>
</div>
</div>
</div>
</section>
{{#> @panel backgroundPanel}}
<div class="row">
<div class="col col--span-12 col--span-m-9 col--span-l-6 col--no-gutter col--gutter-m col--bottom-gutter-m">
{{#> @panel ../firstColumn}}
{{#if title}}
<h2>{{{title}}}</h2>
{{/if}}
{{#if subtitle}}
<h6 class="h-text-color-{{subTitleColor}}">{{{subtitle}}}</h6>
{{/if}}
{{#if paragraph}}
{{{paragraph}}}
{{/if}}
{{#if cta}}
<a href="#" class="button">{{cta}}</a>
{{/if}}
{{/@panel}}
</div>
</div>
<div class="row row--direction-row-reverse-m">
<div class="col col--span-12 col--span-m-9 col--span-l-6 col--no-gutter col--gutter-m">
{{#> @panel ../secondColumn}}
{{#if title}}
<h2>{{{title}}}</h2>
{{/if}}
{{#if subtitle}}
<h6 class="h-text-color-{{subTitleColor}}">{{{subtitle}}}</h6>
{{/if}}
{{#if paragraph}}
{{{paragraph}}}
{{/if}}
{{#if cta}}
<a href="#" class="button">{{cta}}</a>
{{/if}}
{{/@panel}}
</div>
</div>
{{/@panel}}
{
"backgroundPanel": {
"modifiers": [
"image-background-m",
"no-padding",
"tiny-padding-vertical-m",
"no-margin-image"
],
"image": {
"src": "/mocks/img/ventilation-room.jpg",
"alt": ""
}
},
"firstColumn": {
"additionalClasses": "theme-white h-full-height",
"modifiers": [
"compact"
],
"theme": "grey",
"subTitleColor": "green",
"title": "Du är inte ensam",
"subtitle": "Bloggen för privatpersoner",
"paragraph": "<p>Många har suttit i samma sits som du och frågat sig ”Hur gör vi med ventilationen?”. <a href=\"#\">Och många tusentals har sedan</a> valt Swegon. Därför finns det massor av berättelser, till exempel om tekniska utmaningar som lösts, eller hur driftsekonomin blivit en glad överraskning. Referenserna är helt enkelt bevis på att vi levererar det vi utlovar – eller lite till.</p>",
"cta": "Guider"
},
"secondColumn": {
"additionalClasses": "theme-white h-full-height",
"modifiers": [
"compact"
],
"theme": "white",
"subTitleColor": "red",
"title": "Vi vet vad vi pratar om",
"subtitle": "Bloggen för proffs</h6>",
"paragraph": "<p>Det krävs vissa grundkunskaper för att förstå vad som är rätt och vad som är bra i olika sammanhang. <a href=\"#\">Om du är osäker på det här med</a> inomhusklimat hjälper våra guider dig att förstå vad vi pratar om.</p>",
"cta": "Guider"
}
}
No notes defined.