<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-cb7b" 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-4e3e" 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-9e8c" 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-e186" 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-8b11" 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.