<div class="additional-links">
<div class="label-title">Mehr Informationen rund um dieses Bildungsangebto zum herunterladen</div>
<h3 class="title-small">Downloads</h3>
<ul>
<li>
<a href="#lorem" target="_blank">
<i class="fal fa-file-pdf fa-fw"></i> <b>Infoblatt Herbst 2020</b> (PDF, 215 KB)
</a>
</li>
<li>
<a href="#lorem" target="_blank">
<i class="fal fa-file-pdf fa-fw"></i> <b>Infoblatt Herbst 2020 mit etwas längerem text als üblich</b> (PDF, 215 KB)
</a>
</li>
<li>
<a href="#lorem" target="_blank">
<i class="fal fa-file-pdf fa-fw"></i> <b>Infoblatt Herbst 2020</b> (PDF, 215 KB)
</a>
</li>
<li>
<a href="#lorem" target="_blank">
<i class="fal fa-file-pdf fa-fw"></i> <b>Infoblatt Herbst 2020</b> (PDF, 215 KB)
</a>
</li>
</ul>
</div>
<div class="additional-links">
<div class="label-title">{{ label }}</div>
<h3 class="title-small">{{ title }}</h3>
<ul>
{% for item in items%}
<li>
<a href="{{ item.link_href }}" target="_blank">
{% if item.icon_id %}
{% render "@components/01-core/icon/icon.twig" with {
icon_type: item.icon_type,
icon_id: item.icon_id,
icon_options: item.icon_options
} %}
{% endif %}
<b>{{ item.link_text}}</b> {{ item.link_meta}}
</a>
</li>
{% endfor %}
</ul>
</div>
{
"label": "Mehr Informationen rund um dieses Bildungsangebto zum herunterladen",
"title": "Downloads",
"items": [
{
"item": null,
"link_text": "Infoblatt Herbst 2020",
"link_meta": "(PDF, 215 KB)",
"link_href": "#lorem",
"icon_type": "fal",
"icon_id": "fa-file-pdf",
"icon_options": "fa-fw"
},
{
"item": null,
"link_text": "Infoblatt Herbst 2020 mit etwas längerem text als üblich",
"link_meta": "(PDF, 215 KB)",
"link_href": "#lorem",
"icon_type": "fal",
"icon_id": "fa-file-pdf",
"icon_options": "fa-fw"
},
{
"item": null,
"link_text": "Infoblatt Herbst 2020",
"link_meta": "(PDF, 215 KB)",
"link_href": "#lorem",
"icon_type": "fal",
"icon_id": "fa-file-pdf",
"icon_options": "fa-fw"
},
{
"item": null,
"link_text": "Infoblatt Herbst 2020",
"link_meta": "(PDF, 215 KB)",
"link_href": "#lorem",
"icon_type": "fal",
"icon_id": "fa-file-pdf",
"icon_options": "fa-fw"
}
]
}
.additional-links {
.label-title {
color: $primary;
margin-bottom: 0.5rem;
}
.title-small {
font-style: normal;
margin-bottom: 2.5rem;
}
ul {
list-style: none;
margin: 0;
padding: 0;
li {
margin-bottom: 1rem;
a {
padding-left: 3rem;
position: relative;
display: block;
font-size: 1.4rem;
line-height: 1.8rem;
svg {
color: $primary;
position: absolute;
left: 0;
top: 0.2rem;
font-size: 2rem;
}
}
}
}
}
There are no notes for this item.