<article class="feature-presentation">
<div class="feature-presentation-inner">
<header class="feature-presentation-intro">
<div class="feature-banner">
<div class="feature-banner-inner">
<div class="feature-banner-media">
<div class="image" style="max-width: 546px;">
<div class="image-inner">
<span style="padding-bottom: 100%;" class="image-placeholder" data-img-attr='{"src":"/temp/Clever_Betalingflow_1.jpg","alt":"","srcset":"/temp/Clever_Betalingflow_1.jpg 1x,/temp/Clever_Betalingflow_1@2x.jpg 2x"}'></span>
<noscript><img src="/temp/Clever_Betalingflow_1.jpg" alt="" srcset="/temp/Clever_Betalingflow_1.jpg 1x,/temp/Clever_Betalingflow_1@2x.jpg 2x"></noscript>
</div>
</div>
</div>
<div class="feature-banner-content">
<h1 class="heading heading--secondary">Tillyke med din ny bil</h1>
<p>Når du har købt din bil, bestiller forhandleren dit abonnement hos Clever. Inden din bil bliver leveret, sørger vi for at få dit ladeboks sat op hjemme og sikrer, at du kommer godt i gang.</p>
</div>
</div>
</div>
</header>
<div class="feature-walkthrough">
<h2 class="heading heading--secondary feature-walkthrough-heading">Activating your membership</h2>
<ol>
<li class="feature-walkthrough-item">
<div class="feature-walkthrough-media">
<div class="image" style="max-width: 380px;">
<div class="image-inner">
<span style="padding-bottom: 100%;" class="image-placeholder" data-img-attr='{"src":"/temp/Clever_Betalingflow_2.jpg","alt":"","srcset":"/temp/Clever_Betalingflow_2.jpg 1x,/temp/Clever_Betalingflow_2@2x.jpg 2x"}'></span>
<noscript><img src="/temp/Clever_Betalingflow_2.jpg" alt="" srcset="/temp/Clever_Betalingflow_2.jpg 1x,/temp/Clever_Betalingflow_2@2x.jpg 2x"></noscript>
</div>
</div>
</div>
<h3 class="heading heading--small feature-walkthrough-item-heading">Et par spørsmål</h3>
<p>Når vi modtager bestillingen, sender vi dig en bestillingsbekræftelse samme dag. Du får også en velkomstemail, der linker til et spørgeskema, som du skal udfylde, så vi kan komme vidare med din installation.</p>
</li>
<li class="feature-walkthrough-item">
<div class="feature-walkthrough-media">
<div class="image" style="max-width: 380px;">
<div class="image-inner">
<span style="padding-bottom: 100%;" class="image-placeholder" data-img-attr='{"src":"/temp/Clever_Betalingflow_3.jpg","alt":"","srcset":"/temp/Clever_Betalingflow_3.jpg 1x,/temp/Clever_Betalingflow_3@2x.jpg 2x"}'></span>
<noscript><img src="/temp/Clever_Betalingflow_3.jpg" alt="" srcset="/temp/Clever_Betalingflow_3.jpg 1x,/temp/Clever_Betalingflow_3@2x.jpg 2x"></noscript>
</div>
</div>
</div>
<h3 class="heading heading--small feature-walkthrough-item-heading">Ordrebekræftelsen</h3>
<p>Når vi har modtaget dine svar, sender vi dig en ordrebekræftelse inden for 3 arbejdsdage med alle de informationer, du har brug for. Kræver din installation noget særligt, håndterer vi det med nogle få ekstra trin i processen.</p </li>
<li class="feature-walkthrough-item">
<div class="feature-walkthrough-media">
<div class="image" style="max-width: 380px;">
<div class="image-inner">
<span style="padding-bottom: 100%;" class="image-placeholder" data-img-attr='{"src":"/temp/Clever_Betalingflow_4.jpg","alt":"","srcset":"/temp/Clever_Betalingflow_4.jpg 1x,/temp/Clever_Betalingflow_2@2x.jpg 2x"}'></span>
<noscript><img src="/temp/Clever_Betalingflow_4.jpg" alt="" srcset="/temp/Clever_Betalingflow_4.jpg 1x,/temp/Clever_Betalingflow_2@2x.jpg 2x"></noscript>
</div>
</div>
</div>
<h3 class="heading heading--small feature-walkthrough-item-heading">Ordrebekræftelsen</h3>
<p>Når vi har modtaget dine svar, sender vi dig en ordrebekræftelse inden for 3 arbejdsdage med alle de informationer, du har brug for. Kræver din installation noget særligt, håndterer vi det med nogle få ekstra trin i processen.</p </li>
</ol>
<h2 class="heading heading--secondary feature-walkthrough-heading">Vi installere hjemmeladeboksen</h2>
<ol>
<li class="feature-walkthrough-item">
<div class="feature-walkthrough-media">
<div class="image" style="max-width: 380px;">
<div class="image-inner">
<span style="padding-bottom: 100%;" class="image-placeholder" data-img-attr='{"src":"/temp/Clever_Betalingflow_5.jpg","alt":"","srcset":"/temp/Clever_Betalingflow_5.jpg 1x,/temp/Clever_Betalingflow_5@2x.jpg 2x"}'></span>
<noscript><img src="/temp/Clever_Betalingflow_5.jpg" alt="" srcset="/temp/Clever_Betalingflow_5.jpg 1x,/temp/Clever_Betalingflow_5@2x.jpg 2x"></noscript>
</div>
</div>
</div>
<h3 class="heading heading--small feature-walkthrough-item-heading">Installationsdatoen</h3>
<p>Senest 3 arbejdsdage efter du har modtaget ordrebekræftelsen, kontakter vores elektriker dig, så i sammen kan finde et tidspunkt til installationen af ladeboksen.</p>
</li>
<li class="feature-walkthrough-item">
<div class="feature-walkthrough-media">
<div class="image" style="max-width: 380px;">
<div class="image-inner">
<span style="padding-bottom: 100%;" class="image-placeholder" data-img-attr='{"src":"/temp/Clever_Betalingflow_6.jpg","alt":"","srcset":"/temp/Clever_Betalingflow_6.jpg 1x,/temp/Clever_Betalingflow_6@2x.jpg 2x"}'></span>
<noscript><img src="/temp/Clever_Betalingflow_6.jpg" alt="" srcset="/temp/Clever_Betalingflow_6.jpg 1x,/temp/Clever_Betalingflow_6@2x.jpg 2x"></noscript>
</div>
</div>
</div>
<h3 class="heading heading--small feature-walkthrough-item-heading">Installationsdatoen</h3>
<p>Senest 3 arbejdsdage efter du har modtaget ordrebekræftelsen, kontakter vores elektriker dig, så i sammen kan finde et tidspunkt til installationen af ladeboksen.</p>
</li>
<li class="feature-walkthrough-item">
<div class="feature-walkthrough-media">
<div class="image" style="max-width: 380px;">
<div class="image-inner">
<span style="padding-bottom: 100%;" class="image-placeholder" data-img-attr='{"src":"/temp/Clever_Betalingflow_7.jpg","alt":"","srcset":"/temp/Clever_Betalingflow_7.jpg 1x,/temp/Clever_Betalingflow_7@2x.jpg 2x"}'></span>
<noscript><img src="/temp/Clever_Betalingflow_7.jpg" alt="" srcset="/temp/Clever_Betalingflow_7.jpg 1x,/temp/Clever_Betalingflow_7@2x.jpg 2x"></noscript>
</div>
</div>
</div>
<h3 class="heading heading--small feature-walkthrough-item-heading">Installationsdatoen</h3>
<p>Senest 3 arbejdsdage efter du har modtaget ordrebekræftelsen, kontakter vores elektriker dig, så i sammen kan finde et tidspunkt til installationen af ladeboksen.</p>
</li>
</ol>
</div>
<footer class="feature-presentation-footer">
<div class="feature-banner feature-banner--reversed">
<div class="feature-banner-inner">
<div class="feature-banner-media">
<div class="image">
<div class="image-inner">
<span style="padding-bottom: 100%;" class="image-placeholder" data-img-attr='{"src":"/temp/Clever_Betalingflow_12.jpg","alt":"","srcset":"/temp/Clever_Betalingflow_12.jpg 1x,/temp/Clever_Betalingflow_12@2x.jpg 2x"}'></span>
<noscript><img src="/temp/Clever_Betalingflow_12.jpg" alt="" srcset="/temp/Clever_Betalingflow_12.jpg 1x,/temp/Clever_Betalingflow_12@2x.jpg 2x"></noscript>
</div>
</div>
</div>
<div class="feature-banner-content">
<h1 class="heading heading--secondary">Enjoy the bright side</h1>
<p>Du har nu fri til køre og lade, alt det du vil med ubegrænset opladning, som passer dig.</p>
</div>
</div>
</div>
</footer>
</div>
</article>
<article class="feature-presentation">
<div class="feature-presentation-inner">
<header class="feature-presentation-intro">
{% include '@feature-banner' with featureBannerIntro only %}
</header>
{% include '@feature-walkthrough' with featureWalkthrough only %}
<footer class="feature-presentation-footer">
{% include '@feature-banner' with featureBannerFooter only %}
</footer>
</div>
</article>
{
"featureBannerIntro": {
"featureBannerImage": {
"url": "/temp/Clever_Betalingflow_1.jpg",
"lazyload": true,
"retina": true,
"width": 546,
"height": 546,
"contain": true,
"sizes": [
{
"url": "/temp/Clever_Betalingflow_1.jpg"
},
{
"url": "/temp/Clever_Betalingflow_1@2x.jpg"
}
]
},
"featureBannerHeading": "Tillyke med din ny bil",
"featureBannerBody": "<p>Når du har købt din bil, bestiller forhandleren dit abonnement hos Clever. Inden din bil bliver leveret, sørger vi for at få dit ladeboks sat op hjemme og sikrer, at du kommer godt i gang.</p>"
},
"featureWalkthrough": {
"featureWalkthroughSections": [
{
"heading": "Activating your membership",
"list": [
{
"heading": "Et par spørsmål",
"headingLevel": "h3",
"image": {
"url": "/temp/Clever_Betalingflow_2.jpg",
"lazyload": true,
"retina": true,
"width": 380,
"height": 380,
"contain": true,
"sizes": [
{
"url": "/temp/Clever_Betalingflow_2.jpg"
},
{
"url": "/temp/Clever_Betalingflow_2@2x.jpg"
}
]
},
"body": "<p>Når vi modtager bestillingen, sender vi dig en bestillingsbekræftelse samme dag. Du får også en velkomstemail, der linker til et spørgeskema, som du skal udfylde, så vi kan komme vidare med din installation.</p>"
},
{
"heading": "Ordrebekræftelsen",
"body": "<p>Når vi har modtaget dine svar, sender vi dig en ordrebekræftelse inden for 3 arbejdsdage med alle de informationer, du har brug for. Kræver din installation noget særligt, håndterer vi det med nogle få ekstra trin i processen.</p",
"image": {
"url": "/temp/Clever_Betalingflow_3.jpg",
"lazyload": true,
"retina": true,
"width": 380,
"height": 380,
"contain": true,
"sizes": [
{
"url": "/temp/Clever_Betalingflow_3.jpg"
},
{
"url": "/temp/Clever_Betalingflow_3@2x.jpg"
}
]
}
},
{
"heading": "Ordrebekræftelsen",
"body": "<p>Når vi har modtaget dine svar, sender vi dig en ordrebekræftelse inden for 3 arbejdsdage med alle de informationer, du har brug for. Kræver din installation noget særligt, håndterer vi det med nogle få ekstra trin i processen.</p",
"image": {
"url": "/temp/Clever_Betalingflow_4.jpg",
"lazyload": true,
"retina": true,
"width": 380,
"height": 380,
"contain": true,
"sizes": [
{
"url": "/temp/Clever_Betalingflow_4.jpg"
},
{
"url": "/temp/Clever_Betalingflow_2@2x.jpg"
}
]
}
}
]
},
{
"heading": "Vi installere hjemmeladeboksen",
"list": [
{
"heading": "Installationsdatoen",
"image": {
"url": "/temp/Clever_Betalingflow_5.jpg",
"lazyload": true,
"retina": true,
"width": 380,
"height": 380,
"contain": true,
"sizes": [
{
"url": "/temp/Clever_Betalingflow_5.jpg"
},
{
"url": "/temp/Clever_Betalingflow_5@2x.jpg"
}
]
},
"body": "<p>Senest 3 arbejdsdage efter du har modtaget ordrebekræftelsen, kontakter vores elektriker dig, så i sammen kan finde et tidspunkt til installationen af ladeboksen.</p>"
},
{
"heading": "Installationsdatoen",
"image": {
"url": "/temp/Clever_Betalingflow_6.jpg",
"lazyload": true,
"retina": true,
"width": 380,
"height": 380,
"contain": true,
"sizes": [
{
"url": "/temp/Clever_Betalingflow_6.jpg"
},
{
"url": "/temp/Clever_Betalingflow_6@2x.jpg"
}
]
},
"body": "<p>Senest 3 arbejdsdage efter du har modtaget ordrebekræftelsen, kontakter vores elektriker dig, så i sammen kan finde et tidspunkt til installationen af ladeboksen.</p>"
},
{
"heading": "Installationsdatoen",
"image": {
"url": "/temp/Clever_Betalingflow_7.jpg",
"lazyload": true,
"retina": true,
"width": 380,
"height": 380,
"contain": true,
"sizes": [
{
"url": "/temp/Clever_Betalingflow_7.jpg"
},
{
"url": "/temp/Clever_Betalingflow_7@2x.jpg"
}
]
},
"body": "<p>Senest 3 arbejdsdage efter du har modtaget ordrebekræftelsen, kontakter vores elektriker dig, så i sammen kan finde et tidspunkt til installationen af ladeboksen.</p>"
}
]
}
]
},
"featureBannerFooter": {
"featureBannerImage": {
"url": "/temp/Clever_Betalingflow_12.jpg",
"lazyload": true,
"retina": true,
"width": 546,
"height": 546,
"sizes": [
{
"url": "/temp/Clever_Betalingflow_12.jpg"
},
{
"url": "/temp/Clever_Betalingflow_12@2x.jpg"
}
]
},
"featureBannerHeading": "Enjoy the bright side",
"featureBannerBody": "<p>Du har nu fri til køre og lade, alt det du vil med ubegrænset opladning, som passer dig.</p>",
"featureBannerModifiers": [
"reversed"
]
}
}
No notes defined.