<div class="hero ">
<div class="hero__wrapper container">
<div class="hero__text">
<h1 class="hero__text--heading--title">
kom naar onze fysieke winkel!
</h1>
<h4 class="hero__text--heading--description">
</h4>
<a class="button button--skew" href="#" title="I am a link button">
Over ons
<svg class="icon button__icon" role="img">
<title>angle-right</title>
<use xlink:href="/images/icons-sprite.svg#angle-right"></use>
</svg>
</a>
</div>
<div class="hero__image">
<div class="">
<img class="image " src="/images/product/UFC_MMA_GLOVES.png" alt="" loading="lazy">
</div>
</div>
</div>
</div>
<div class="hero {{ heroClass }}">
<div class="hero__wrapper container">
<div class="hero__text">
<h1 class="hero__text--heading--title">
{{ heroTitle }}
</h1>
<h4 class="hero__text--heading--description">
{{ heroDescription }}
</h4>
{{ render '@button--skew' skew }}
</div>
<div class="hero__image">
{{ render '@image--no-lazyload' heroImage }}
</div>
</div>
</div>
{
"heroImage": {
"dataSrc": "/images/product/UFC_MMA_GLOVES.png"
},
"heroBackground": {
"src": "/images/hero/vso-hero-homepage.jpg"
},
"heroTitle": "kom naar onze fysieke winkel!",
"heroClass": "",
"skew": {
"name": "skew",
"tag": "a",
"class": "button--skew",
"icon": {
"id": "angle-right",
"title": "angle-right",
"class": "button__icon"
},
"attributes": "href=\"#\" title=\"I am a link button\"",
"text": "Over ons"
},
"variants": [
{
"name": "secondary",
"heroClass": "hero--secondary",
"context": {
"heroClass": "hero--secondary"
}
}
]
}
There are no notes for this item.