<div class="row ">
<div class="col col--span-12 col--span-l-6 col--bottom-gutter-l col--no-gutter col--gutter-right-l">
<section class="panel
panel--compact
panel--min-height-l h-full-height">
<div class="panel__inner">
<div class="main-content">
<h2>Du är inte ensam</h2>
<h6 class="">
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. 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. 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. 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>
</div>
</section>
</div>
<div class="col col--span-12 col--span-l-6 col--bottom-gutter-l col--no-gutter col--gutter-left-l">
<section class="panel
panel--no-padding
panel--min-height-l h-full-height">
<div class="js-embedded-video-player embedded-video-player embedded-video-player--cover embedded-video-player--full-height">
<video aria-labelledby=Video title class="embedded-video-player__embedded" poster=/mocks/img/video-cover.jpg name="media">
<source src=/mocks/video/sample-5s.mp4 type="video/mp4">
</video>
<button id=Video title class="embedded-video-player__cover">
<span class="embedded-video-player__label">
Play video (2 min)
</span>
</button>
</div>
</section>
</div>
</div>
<div class="row {{#if reverse}}row--direction-row-reverse{{/if}}">
<div class="col col--span-12 col--span-l-6 col--bottom-gutter-l col--no-gutter col--gutter-{{#if reverse}}left{{else}}right{{/if}}-l">
{{#> @panel firstColumn}}
<div class="main-content">
{{#if title}}
<h2>{{{title}}}</h2>
{{/if}}
{{#if subtitle}}
<h6 class="{{#if subTitleColor}}h-text-color-{{subTitleColor}}{{/if}}">
{{{subtitle}}}
</h6>
{{/if}}
{{#if paragraph}}
{{{paragraph}}}
{{/if}}
{{#if cta}}
<a href="#" class="button {{#if buttonModifier}}{{buttonModifier}}{{/if}}">
{{cta}}
</a>
{{/if}}
{{#> @partial-block}}
{{/@partial-block}}
</div>
{{/@panel}}
</div>
<div class="col col--span-12 col--span-l-6 col--bottom-gutter-l col--no-gutter col--gutter-{{#if reverse}}right{{else}}left{{/if}}-l">
{{#> @panel secondColumn }}
<div class="main-content">
{{#if title}}
<h2>{{{title}}}</h2>
{{/if}}
{{#if subtitle}}
<h6 class="{{#if subTitleColor}}h-text-color-{{subTitleColor}}{{/if}}">
{{{subtitle}}}
</h6>
{{/if}}
{{#if paragraph}}
{{{paragraph}}}
{{/if}}
{{#if cta}}
<a href="#" class="button {{#if buttonModifier}}{{buttonModifier}}{{/if}}">
{{cta}}
</a>
{{/if}}
{{#> @partial-block}}
{{/@partial-block}}
</div>
{{/@panel}}
</div>
</div>
{
"firstColumn": {
"additionalClasses": "h-full-height",
"modifiers": [
"compact",
"min-height-l"
],
"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. 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. 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. 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": {
"modifiers": [
"no-padding",
"min-height-l"
],
"additionalClasses": "h-full-height",
"withoutContent": true,
"panelVideoEmbedded": {
"coverImageUrl": "/mocks/img/video-cover.jpg",
"url": "/mocks/video/sample-5s.mp4",
"altText": "Video cover image",
"name": "Video title",
"label": "Play video (2 min)",
"modifiers": [
"cover",
"full-height"
]
}
}
}
No notes defined.