<section class="panel h-text-align-center-m">
<figure class="panel__figure">
<img src="/mocks/img/hero-startpage.jpg" alt="" class="panel__image">
</figure>
<div class="panel__inner">
<div class="row row--justify-around">
<div class="col col--span-12 col--span-m-10 col--span-l-8 col--no-gutter">
<h1>Produkter och tjänster</h1>
<p>Här finns allt du behöver för att skapa världens bästa inomhusklimat. Med Swegons oslagbara urval av genomtänkta och pålitliga produkter och tjänster får du den optimala ventilationslösningen för varje projekt.</p>
<p>Letar du efter dokument för någon produkt så ange vad i sökfältet nedan. <br />
<a href="#">Eller sök via ordernummer</a>.
</p>
<form action="" method="get">
<div class="search-field search-field--big">
<div class="search-field__field">
<input type="search" class="search-field__input" />
<button class="search-field__submit" type="submit"></button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<section class="panel theme--white
panel--compact
panel--no-padding ">
<div class="panel__inner">
<div class="row">
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
<div class="card card--fluid-layout">
<a href="#" class="card__cta">
<figure class="card__figure">
<img src="/mocks/img/air-cooling-unit.jpg" alt="" class="card__image">
</figure>
<div class="card__body">
<h4 class="card__title">
Luftbehandling
</h4>
<p class="card__description">Brett utbud av rumsprodukter för den perfekta lösningen för varje typ av lokal.</p>
</div>
</a>
</div>
</div>
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
<div class="card card--fluid-layout">
<a href="#" class="card__cta">
<figure class="card__figure">
<img src="/mocks/img/ventilation-room.jpg" alt="" class="card__image">
</figure>
<div class="card__body">
<h4 class="card__title">
Rumsprodukter
</h4>
<p class="card__description">Brett utbud av rumsprodukter för den perfekta lösningen för varje typ av lokal.</p>
</div>
</a>
</div>
</div>
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
<div class="card card--fluid-layout">
<a href="#" class="card__cta">
<figure class="card__figure">
<img src="/mocks/img/office-coders.jpg" alt="" class="card__image">
</figure>
<div class="card__body">
<h4 class="card__title">
Behovs­styrda system
</h4>
<p class="card__description">Brett utbud av rumsprodukter för den perfekta lösningen för varje typ av lokal.</p>
</div>
</a>
</div>
</div>
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
<div class="card card--fluid-layout">
<a href="#" class="card__cta">
<figure class="card__figure">
<img src="/mocks/img/air-cooling-unit.jpg" alt="" class="card__image">
</figure>
<div class="card__body">
<h4 class="card__title">
Kyla- & värme­produktion
</h4>
<p class="card__description">Brett utbud av rumsprodukter för den perfekta lösningen för varje typ av lokal.</p>
</div>
</a>
</div>
</div>
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
<div class="card card--fluid-layout">
<a href="#" class="card__cta">
<figure class="card__figure">
<img src="/mocks/img/air-cooling-unit.jpg" alt="" class="card__image">
</figure>
<div class="card__body">
<h4 class="card__title">
Luftbehandling
</h4>
<p class="card__description">Brett utbud av rumsprodukter för den perfekta lösningen för varje typ av lokal.</p>
</div>
</a>
</div>
</div>
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
<div class="card card--fluid-layout">
<a href="#" class="card__cta">
<figure class="card__figure">
<img src="/mocks/img/ventilation-room.jpg" alt="" class="card__image">
</figure>
<div class="card__body">
<h4 class="card__title">
Rumsprodukter
</h4>
<p class="card__description">Brett utbud av rumsprodukter för den perfekta lösningen för varje typ av lokal.</p>
</div>
</a>
</div>
</div>
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
<div class="card card--fluid-layout">
<a href="#" class="card__cta">
<figure class="card__figure">
<img src="/mocks/img/office-coders.jpg" alt="" class="card__image">
</figure>
<div class="card__body">
<h4 class="card__title">
Behovs­styrda system
</h4>
<p class="card__description">Brett utbud av rumsprodukter för den perfekta lösningen för varje typ av lokal.</p>
</div>
</a>
</div>
</div>
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
<div class="card card--fluid-layout">
<a href="#" class="card__cta">
<figure class="card__figure">
<img src="/mocks/img/air-cooling-unit.jpg" alt="" class="card__image">
</figure>
<div class="card__body">
<h4 class="card__title">
Kyla- & värme­produktion
</h4>
<p class="card__description">Brett utbud av rumsprodukter för den perfekta lösningen för varje typ av lokal.</p>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="panel
panel--compact
panel--no-padding ">
<div class="panel__inner">
<p class="h-margin-x-1 h-margin-y-3">
<small class="h-text-color-gray-3">
<i>Whilst we have made every effort to ensure information on this website is up to date and accurate, the technical specification and availability of products/services listed on this website may vary market to market and are subject to change without notice. Please contact your regional representative or visit your local website for further details.</i>
</small>
</p>
</div>
</section>
{{#>@one-column-block--default hero}}
<form action="" method="get">
{{render "@search-field--big"}}
</form>
{{/@one-column-block--default}}
{{#>@panel theme="white" modifiers="compact,no-padding"}}
<div class="row">
{{#each products}}
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
{{> @card this}}
</div>
{{/each}}
{{#each products}}
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
{{> @card this}}
</div>
{{/each}}
</div>
{{/@panel}}
{{render "@disclaimer"}}
{
"marketSelectorModal": {
"id": "market-selector",
"closeLabel": "Stäng"
},
"hero": {
"title": "Produkter och tjänster",
"paragraph": "\n <p>Här finns allt du behöver för att skapa världens bästa inomhusklimat. Med Swegons oslagbara urval av genomtänkta och pålitliga produkter och tjänster får du den optimala ventilationslösningen för varje projekt.</p>\n\n <p>Letar du efter dokument för någon produkt så ange vad i sökfältet nedan. <br />\n <a href=\"#\">Eller sök via ordernummer</a>.</p>\n ",
"image": {
"src": "/mocks/img/hero-startpage.jpg",
"alt": ""
}
},
"products": [
{
"modifiers": "fluid-layout",
"title": "Luftbehandling",
"description": "Brett utbud av rumsprodukter för den perfekta lösningen för varje typ av lokal.",
"href": "#",
"image": {
"src": "/mocks/img/air-cooling-unit.jpg",
"alt": ""
}
},
{
"modifiers": "fluid-layout",
"title": "Rumsprodukter",
"description": "Brett utbud av rumsprodukter för den perfekta lösningen för varje typ av lokal.",
"href": "#",
"image": {
"src": "/mocks/img/ventilation-room.jpg",
"alt": ""
}
},
{
"modifiers": "fluid-layout",
"title": "Behovs­styrda system",
"description": "Brett utbud av rumsprodukter för den perfekta lösningen för varje typ av lokal.",
"href": "#",
"image": {
"src": "/mocks/img/office-coders.jpg",
"alt": ""
}
},
{
"modifiers": "fluid-layout",
"title": "Kyla- & värme­produktion",
"description": "Brett utbud av rumsprodukter för den perfekta lösningen för varje typ av lokal.",
"href": "#",
"image": {
"src": "/mocks/img/air-cooling-unit.jpg",
"alt": ""
}
}
]
}
No notes defined.