<section class="panel theme--dark-m h-text-align-center-m">
<figure class="panel__figure">
<img src="/mocks/img/ventilation-room.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>GOLD</h1>
<div class="preamble">
Marknadens mest energieffektiva luftbehandlingsaggregat med unikt och lättanvänt styrsystem.
</div>
</div>
</div>
</div>
</section>
<section class="panel h-text-align-center-m">
<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>Det finns en GOLD för varje behov</h1>
GOLD-aggregaten är avsedda för komfortventilation. För bästa prestanda utvecklar vi våra egna komponenter,
till exempel roterande värmeväxlare, fläkthjul och styrutrustning. Bygger du kontor eller butik?
Offentliga lokaler eller bostäder? Det finns alltid en modell som passar. Vår oslagbara kompetens och
support följer naturligtvis också med – ända från projektering och driftsättning fram till att aggregatet
tas ur bruk någon gång i framtiden.
</div>
</div>
</div>
</section>
<section class="panel theme--white
panel--no-padding-top
panel--compact ">
<div class="panel__inner">
<div class="row">
<div class="col">
<div class="
horizontal-scroller
horizontal-scroller--show-icon
" data-show-scroll-icon="true">
<div class="horizontal-scroller__scroller">
<table id="product-table">
<thead>
<tr>
<td></td>
<td><a href="#"><img src="/mocks/img/product-image-gold-rx.jpg" /></>
</td>
<td><a href="#"><img src="/mocks/img/product-image-gold-rx.jpg" /></>
</td>
<td><a href="#"><img src="/mocks/img/product-image-gold-rx.jpg" /></>
</td>
<td><a href="#"><img src="/mocks/img/product-image-gold-rx.jpg" /></>
</td>
</tr>
<tr>
<td></td>
<td>GOLD RX</td>
<td>GOLD PX</td>
<td>GOLD CX</td>
<td>GOLD RX/HC</td>
</tr>
</thead>
<tbody>
<tr>
<td>Värmeväxlare</td>
<td>Roterande</td>
<td>Motström</td>
<td>Batterikrets</td>
<td>Roterande</td>
</tr>
<tr>
<td>Luftflöde (m3/h) Ecodesign</td>
<td>290-46940</td>
<td>290-46940</td>
<td>290-46940</td>
<td>290-46940</td>
</tr>
<tr>
<td>Luftflöde (m3/s) Ecodesign</td>
<td>0,08-13</td>
<td>0,08-13</td>
<td>0,08-13</td>
<td>0,08-13</td>
</tr>
<tr>
<td>Eurovent-certifiering</td>
<td><img class="checkmark" alt="" src="/mocks/img/checkmark.svg"></td>
<td><img class="checkmark" alt="" src="/mocks/img/checkmark.svg"></td>
<td>-</td>
<td><img class="checkmark" alt="" src="/mocks/img/checkmark.svg"></td>
</tr>
<tr>
<td>Styrning och systeminegration</td>
<td><img class="checkmark" alt="" src="/mocks/img/checkmark.svg"></td>
<td><img class="checkmark" alt="" src="/mocks/img/checkmark.svg"></td>
<td><img class="checkmark" alt="" src="/mocks/img/checkmark.svg"></td>
<td><img class="checkmark" alt="" src="/mocks/img/checkmark.svg"></td>
</tr>
<tr>
<td>Toppanslutning</td>
<td><img class="checkmark" alt="" src="/mocks/img/checkmark.svg"></td>
<td><img class="checkmark" alt="" src="/mocks/img/checkmark.svg"></td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>Integrerad reversibel värmepump</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td><img class="checkmark" alt="" src="/mocks/img/checkmark.svg"></td>
</tr>
<tr>
<td>Hög anpassningsbarhet avseende hygienutförande(tillval)</td>
<td>●●●●</td>
<td>●●●●</td>
<td>●●●●</td>
<td>●●●</td>
</tr>
<tr>
<td>Hög energiåtervinning</td>
<td>●●●●●</td>
<td>●●●●</td>
<td>●●●</td>
<td>●●●</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="panel theme--white
panel--compact ">
<div class="panel__inner">
<h2 class="h-text-center">Cards with fixed layout</h2>
<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 card--image">
<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">System och crossover-produkter som arbetar på flera nivåer för att få en komplett lösning för inomhusklimat.</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--image">
<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">System och crossover-produkter som arbetar på flera nivåer för att få en komplett lösning för inomhusklimat.</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--image">
<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">System och crossover-produkter som arbetar på flera nivåer för att få en komplett lösning för inomhusklimat.</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--image">
<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">System och crossover-produkter som arbetar på flera nivåer för att få en komplett lösning för inomhusklimat.</p>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="panel theme--white
panel--compact
panel--no-padding-bottom ">
<div class="panel__inner">
<h2 class="h-text-center">Cards with fluid layout</h2>
<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 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">System och crossover-produkter som arbetar på flera nivåer för att få en komplett lösning för inomhusklimat.</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">System och crossover-produkter som arbetar på flera nivåer för att få en komplett lösning för inomhusklimat.</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">System och crossover-produkter som arbetar på flera nivåer för att få en komplett lösning för inomhusklimat.</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">System och crossover-produkter som arbetar på flera nivåer för att få en komplett lösning för inomhusklimat.</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>
{{render '@one-column-block--default' hero}}
{{render '@one-column-block--default' about}}
{{#> @panel theme="white" modifiers="no-padding-top,compact"}}
<div class="row">
<div class="col">
{{#> @horizontal-scroller showScrollIcon="true" contentContainer="product-table"}}
{{> @table productTable }}
{{/@horizontal-scroller}}
</div>
</div>
{{/@panel}}
{{#> @panel theme="white" modifiers="compact"}}
<h2 class="h-text-center">Cards with fixed layout</h2>
<div class="row row--justify-around">
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
{{render "@card--with-image"}}
</div>
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
{{render "@card--with-image"}}
</div>
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
{{render "@card--with-image"}}
</div>
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
{{render "@card--with-image"}}
</div>
</div>
{{/@panel}}
{{#> @panel theme="white" modifiers="compact,no-padding-bottom"}}
<h2 class="h-text-center">Cards with fluid layout</h2>
<div class="row row--justify-around">
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
{{render "@card--fluid-layout" }}
</div>
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
{{render "@card--fluid-layout"}}
</div>
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
{{render "@card--fluid-layout"}}
</div>
<div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
{{render "@card--fluid-layout"}}
</div>
</div>
{{/@panel}}
{{render "@disclaimer"}}
{
"marketSelectorModal": {
"id": "market-selector",
"closeLabel": "Stäng"
},
"hero": {
"theme": "dark-m",
"title": "GOLD",
"preamble": "Marknadens mest energieffektiva luftbehandlingsaggregat med unikt och lättanvänt styrsystem.",
"image": {
"src": "/mocks/img/ventilation-room.jpg",
"alt": ""
}
},
"about": {
"title": "Det finns en GOLD för varje behov",
"paragraph": "\n GOLD-aggregaten är avsedda för komfortventilation. För bästa prestanda utvecklar vi våra egna komponenter,\n till exempel roterande värmeväxlare, fläkthjul och styrutrustning. Bygger du kontor eller butik?\n Offentliga lokaler eller bostäder? Det finns alltid en modell som passar. Vår oslagbara kompetens och\n support följer naturligtvis också med – ända från projektering och driftsättning fram till att aggregatet\n tas ur bruk någon gång i framtiden.\n "
},
"productTable": {
"id": "product-table",
"headerRows": [
{
"cols": [
"",
"<a href=\"#\"><img src=\"/mocks/img/product-image-gold-rx.jpg\" /></>",
"<a href=\"#\"><img src=\"/mocks/img/product-image-gold-rx.jpg\" /></>",
"<a href=\"#\"><img src=\"/mocks/img/product-image-gold-rx.jpg\" /></>",
"<a href=\"#\"><img src=\"/mocks/img/product-image-gold-rx.jpg\" /></>"
]
},
{
"cols": [
"",
"GOLD RX",
"GOLD PX",
"GOLD CX",
"GOLD RX/HC"
]
}
],
"rows": [
{
"cols": [
"Värmeväxlare",
"Roterande",
"Motström",
"Batterikrets",
"Roterande"
]
},
{
"cols": [
"Luftflöde (m3/h) Ecodesign",
"290-46940",
"290-46940",
"290-46940",
"290-46940"
]
},
{
"cols": [
"Luftflöde (m3/s) Ecodesign",
"0,08-13",
"0,08-13",
"0,08-13",
"0,08-13"
]
},
{
"cols": [
"Eurovent-certifiering",
"<img class=\"checkmark\" alt=\"\" src=\"/mocks/img/checkmark.svg\">",
"<img class=\"checkmark\" alt=\"\" src=\"/mocks/img/checkmark.svg\">",
"-",
"<img class=\"checkmark\" alt=\"\" src=\"/mocks/img/checkmark.svg\">"
]
},
{
"cols": [
"Styrning och systeminegration",
"<img class=\"checkmark\" alt=\"\" src=\"/mocks/img/checkmark.svg\">",
"<img class=\"checkmark\" alt=\"\" src=\"/mocks/img/checkmark.svg\">",
"<img class=\"checkmark\" alt=\"\" src=\"/mocks/img/checkmark.svg\">",
"<img class=\"checkmark\" alt=\"\" src=\"/mocks/img/checkmark.svg\">"
]
},
{
"cols": [
"Toppanslutning",
"<img class=\"checkmark\" alt=\"\" src=\"/mocks/img/checkmark.svg\">",
"<img class=\"checkmark\" alt=\"\" src=\"/mocks/img/checkmark.svg\">",
"-",
"-"
]
},
{
"cols": [
"Integrerad reversibel värmepump",
"-",
"-",
"-",
"<img class=\"checkmark\" alt=\"\" src=\"/mocks/img/checkmark.svg\">"
]
},
{
"cols": [
"Hög anpassningsbarhet avseende hygienutförande(tillval)",
"●●●●",
"●●●●",
"●●●●",
"●●●"
]
},
{
"cols": [
"Hög energiåtervinning",
"●●●●●",
"●●●●",
"●●●",
"●●●"
]
}
]
}
}
No notes defined.