<div class="car-brand-overview">
<div class="car-brand-overview-inner">
<div class="car-brand-overview-column">
<div class="car-brand-overview-column-inner">
<h1 class="heading heading--main visuallyhidden">BMW x Clever</h1>
<div class="car-brand-overview-logo">
<div class="image" style="max-width: 57px;">
<div class="image-inner">
<span style="padding-bottom: 100%;" class="image-placeholder transparent"></span>
<img src="/temp/logo-bmw.png" alt="" srcset="/temp/logo-bmw.png 1x,/temp/logo-bmw@2x.png 2x">
</div>
</div>
<span class="icon icon-x-clever">
<span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 186.92 27.99">
<path d="M55.75 20.63c-1.86 1.8-4.38 2.91-7.17 2.91-5.7 0-10.31-4.62-10.31-10.31 0-5.7 4.62-10.31 10.31-10.31 2.73 0 5.21 1.06 7.06 2.8l2.01-2.09A13.091 13.091 0 0048.57 0c-7.3 0-13.22 5.92-13.22 13.22s5.92 13.22 13.22 13.22c3.58 0 6.82-1.42 9.2-3.73l-2.02-2.08zm75.32-12.39l-6.65 13.85-6.65-13.85h-3.15L124.41 28l9.79-19.76h-3.13zm12.42 8.93c0 5.43 3.92 9.28 9.67 9.28 4.38 0 6.83-1.93 7.63-2.77l-1.72-2.1c-.56.49-2.42 2.24-5.88 2.24-3.71 0-6.34-2.17-6.79-5.57h15.62c.04-.35.07-.67.07-1.09 0-5.36-3.82-9.28-9.28-9.28-5.43.01-9.32 3.93-9.32 9.29m2.94-1.3c.53-3.26 3.01-5.36 6.37-5.36 3.4 0 5.88 2.07 6.37 5.36h-12.74zm-59.8 1.3c0 5.43 3.92 9.28 9.67 9.28 4.38 0 6.83-1.93 7.63-2.77l-1.72-2.1c-.56.49-2.42 2.24-5.88 2.24-3.71 0-6.34-2.17-6.79-5.57h15.62c.04-.35.07-.67.07-1.09 0-5.36-3.82-9.28-9.28-9.28-5.43.01-9.32 3.93-9.32 9.29m2.94-1.3c.53-3.26 3.01-5.36 6.37-5.36 3.4 0 5.88 2.07 6.37 5.36H89.57zm97.35-7.7c-.64-.15-1.21-.28-2.28-.28-2.91 0-5.66 2.36-6.61 4.73V8.24h-2.87V26.1h2.87v-7.68c0-4.32 2.32-7.8 6.38-7.8.97 0 1.67.12 2.5.37V8.17zM73.47 26.1H70.6V.36h2.87V26.1zM0 7.602l1.415-1.414 7.07 7.071-1.414 1.414z" />
<path d="M12.726 6.187L14.14 7.6l-7.07 7.07-1.415-1.413z" />
<path d="M14.143 18.831l-1.414 1.414-7.071-7.07 1.414-1.415z" />
<path d="M1.415 20.247L.001 18.833l7.07-7.071 1.415 1.414z" />
</svg>
</span>
</span>
</div>
<div class="car-brand-overview-body">
<p>BMW har indgået et partnerskab med Clever, så alle vores kunder nu kan få Clever Unlimited med ubegrænset opladning hjemme, på arbejdet og på farten til en fast pris om måneden.</p>
</div>
<dl class="specifications">
<div class="specifications-inner">
<div class="specifications-item">
<dt class="specifications-term">Elbil <span class="tooltip js-tooltip">This is a description that is quite long y'know</span></dt>
<dd class="specifications-description">
<span>max</span> 699 <span>kr/md</span>
</dd>
</div>
<div class="specifications-item">
<dt class="specifications-term">Plugin-hybrid <span class="tooltip js-tooltip">This is a description</span></dt>
<dd class="specifications-description">
<span>max</span> 399 <span>kr/md</span>
</dd>
</div>
</div>
</dl>
<p><small>De anførte abonnementspriser er for Clever Unlimited med hjemmeladeboks. Clever Unlimited uden hjemmeladeboks koster 399 kr/md for BMW elbiler og 199 kr/md for BMW plugin-hybrider.</small></p>
</div>
</div>
<div class="car-brand-overview-column">
<div class="car-brand-overview-components">
<div class="image">
<div class="image-inner">
<span style="padding-bottom: 55.55555555555556%;" class="image-placeholder"></span>
<img src="/temp/hero-example.jpg" alt="">
</div>
</div>
<a href="#" class="cta cta--decorated">
<span class="text">Sign up to receive news about new cars and more</span>
<span class="icon icon-cta-arrow-right">
<span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.5 15.1">
<path d="M49 0l-1.5 1.4 5.2 5.2H0v2h52.7l-5.2 5.1 1.5 1.4 7.5-7.5z" />
</svg></span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="car-brand-overview{% if carBrandOverviewModifiers is defined and carBrandOverviewModifiers|length %} car-brand-overview--{{ carBrandOverviewModifiers|join(' car-brand-overview--') }}{% endif %}">
<div class="car-brand-overview-inner">
<div class="car-brand-overview-column">
<div class="car-brand-overview-column-inner">
<h1 class="heading heading--main visuallyhidden">BMW x Clever</h1>
<div class="car-brand-overview-logo">
{% include '@image' with carBrandOverviewLogo %}
{% include '@icon' with { source: 'icon-x-clever.svg' } %}
</div>
{% if carBrandOverviewBody %}
<div class="car-brand-overview-body">
{{ carBrandOverviewBody }}
</div>
{% endif %}
{% include '@specifications' with { specifications: carBrandOverviewPriceSpecifications } %}
<p><small>{{ carBrandOverviewLegalese }}</small></p>
</div>
</div>
<div class="car-brand-overview-column">
{% if carBrandOverviewComponents %}
<div class="car-brand-overview-components">
{% for component in carBrandOverviewComponents %}
{% include '@' ~ component.type with component.content only %}
{% endfor %}
</div>
{% endif %}
</div>
</div>
</div>
{
"carBrandOverviewModifiers": [],
"carBrandOverviewLogo": {
"url": "/temp/logo-bmw.png",
"retina": true,
"width": 57,
"height": 57,
"sizes": [
{
"url": "/temp/logo-bmw.png"
},
{
"url": "/temp/logo-bmw@2x.png"
}
],
"transparent": true,
"contain": true
},
"carBrandOverviewBody": "<p>BMW har indgået et partnerskab med Clever, så alle vores kunder nu kan få Clever Unlimited med ubegrænset opladning hjemme, på arbejdet og på farten til en fast pris om måneden.</p>",
"carBrandOverviewPriceSpecifications": [
{
"term": "Elbil <span class=\"tooltip js-tooltip\">This is a description that is quite long y'know</span>",
"description": "<span>max</span> 699 <span>kr/md</span>"
},
{
"term": "Plugin-hybrid <span class=\"tooltip js-tooltip\">This is a description</span>",
"description": "<span>max</span> 399 <span>kr/md</span>"
}
],
"carBrandOverviewLegalese": "De anførte abonnementspriser er for Clever Unlimited med hjemmeladeboks. Clever Unlimited uden hjemmeladeboks koster 399 kr/md for BMW elbiler og 199 kr/md for BMW plugin-hybrider.",
"carBrandOverviewComponents": [
{
"type": "image",
"content": {
"url": "/temp/hero-example.jpg",
"width": 1440,
"height": 800,
"alt": "",
"contain": false,
"transparent": false
}
},
{
"type": "call-to-action",
"content": {
"url": "#",
"text": "Sign up to receive news about new cars and more",
"classes": [
"cta--decorated"
]
}
}
]
}
No notes defined.