<div class="link-box-group">
<div class="link-box-group__item">
<a class="link-box" href="#">
<div class="link-box__title">www.lorem-ipsum.de</div>
<div class="link-box__text">Hier steht eine Subline mit zusätzlichen Informationen</div>
<svg class="icon link-box__icon icon--internal-link" id="icon-309f" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-internal-link"></use>
</svg>
</a>
</div>
<div class="link-box-group__item">
<a class="link-box" href="#">
<div class="link-box__title">www.lorem-ipsum.de</div>
<div class="link-box__text">Hier steht eine Subline mit zusätzlichen Informationen</div>
<svg class="icon link-box__icon icon--internal-link" id="icon-22d7" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-internal-link"></use>
</svg>
</a>
</div>
<div class="link-box-group__item">
<a class="link-box" href="#">
<div class="link-box__title">www.lorem-ipsum.de</div>
<div class="link-box__text">Hier steht eine Subline mit zusätzlichen Informationen</div>
<svg class="icon link-box__icon icon--internal-link" id="icon-f50a" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-internal-link"></use>
</svg>
</a>
</div>
<div class="link-box-group__item">
<a class="link-box" href="#">
<div class="link-box__title">www.lorem-ipsum.de</div>
<div class="link-box__text">Hier steht eine Subline mit zusätzlichen Informationen</div>
<svg class="icon link-box__icon icon--internal-link" id="icon-575c" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-internal-link"></use>
</svg>
</a>
</div>
<div class="link-box-group__item">
<a class="link-box" href="#">
<div class="link-box__title">www.lorem-ipsum.de</div>
<div class="link-box__text">Hier steht eine Subline mit zusätzlichen Informationen</div>
<svg class="icon link-box__icon icon--internal-link" id="icon-c2c8" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-internal-link"></use>
</svg>
</a>
</div>
</div>
//- Render link list
#{tag || 'div'}.link-box-group&attributes(attr)
if items
each item in items
.link-box-group__item
!= include('@link-box', item)
{
"items": [
{
"title": "www.lorem-ipsum.de",
"text": "Hier steht eine Subline mit zusätzlichen Informationen",
"link": "#"
},
{
"title": "www.lorem-ipsum.de",
"text": "Hier steht eine Subline mit zusätzlichen Informationen",
"link": "#"
},
{
"title": "www.lorem-ipsum.de",
"text": "Hier steht eine Subline mit zusätzlichen Informationen",
"link": "#"
},
{
"title": "www.lorem-ipsum.de",
"text": "Hier steht eine Subline mit zusätzlichen Informationen",
"link": "#"
},
{
"title": "www.lorem-ipsum.de",
"text": "Hier steht eine Subline mit zusätzlichen Informationen",
"link": "#"
}
]
}
.link-box-group__item {
margin-bottom: 1.5rem;
}
There are no notes for this item.