<section class="section-wrapper">
<div class="container">
<h2 class="title-large text-center">Im Spotlight</h2>
<div class="quicklinks" data-scrollable="true">
<div class="quicklinks-inner">
<div class="row">
<div class="col-6 col-sm-6 col-md-4">
<div class="quicklink-item ">
<div class="quicklink-item-icon"><i class="fal fa-arrow-right"></i></div>
<div class="quicklink-item-text">lorem impsum dolor sit amet consecteur diallo lorem</div>
<a href="#lorem" class="overlay-link"></a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-4">
<div class="quicklink-item ">
<div class="quicklink-item-icon"><i class="fal fa-arrow-right"></i></div>
<div class="quicklink-item-text">lorem impsum dolor sit amet consecteur diallo lorem</div>
<a href="#lorem" class="overlay-link"></a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-4">
<div class="quicklink-item ">
<div class="quicklink-item-icon"><i class="fal fa-arrow-right"></i></div>
<div class="quicklink-item-text">lorem impsum dolor sit amet consecteur diallo lorem</div>
<a href="#lorem" class="overlay-link"></a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-4">
<div class="quicklink-item ">
<div class="quicklink-item-icon"><i class="fal fa-arrow-right"></i></div>
<div class="quicklink-item-text">lorem impsum dolor sit amet consecteur diallo lorem</div>
<a href="#lorem" class="overlay-link"></a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-4">
<div class="quicklink-item ">
<div class="quicklink-item-icon"><i class="fal fa-arrow-right"></i></div>
<div class="quicklink-item-text">lorem impsum dolor sit amet consecteur diallo lorem</div>
<a href="#lorem" class="overlay-link"></a>
</div>
</div>
</div>
</div>
<div class="scroll-indicator">
<svg width="50" height="26" viewBox="0 0 50 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M34.225 13.9855L26.4313 11.8881C26.2106 11.8292 26.059 11.6467 26.0583 11.4393V2.85971C26.0583 1.82264 25.1256 0.981934 23.975 0.981934C22.8244 0.981934 21.8917 1.82264 21.8917 2.85971V16.1243C21.8907 16.329 21.7427 16.5095 21.526 16.5704C21.3093 16.6314 21.0737 16.5588 20.9438 16.391C17.8396 12.3763 12.9125 13.6701 15.1917 16.8116L21.25 25.0175C21.443 25.2789 21.7683 25.4361 22.1167 25.4362H33.4375C33.9421 25.4371 34.3748 25.112 34.4646 24.6645C34.8813 22.5989 35.8479 17.7486 36.0792 16.8435C36.4014 15.5982 35.5871 14.3431 34.225 13.9855Z" fill="#B4B4B4" />
<path d="M49.6562 7.55457C50.1123 7.03939 50.1123 6.30839 49.6562 5.79322L45.4896 1.09877C45.0767 0.628128 44.3775 0.446234 43.75 0.646228C43.5711 0.701645 43.4061 0.78844 43.2646 0.901606C43.0556 1.06729 43.0281 1.35177 43.2021 1.54756L46.1854 4.90878C47.0983 5.93745 47.0983 7.39907 46.1854 8.42774L43.2021 11.789C43.0278 11.9854 43.0553 12.2705 43.2646 12.4368C43.4071 12.5487 43.5718 12.6353 43.75 12.6922C44.3755 12.89 45.0714 12.71 45.4854 12.2434L49.6562 7.55457Z" fill="#F39100" />
<path d="M3.81038 8.42745C2.89743 7.39878 2.89743 5.93716 3.81038 4.90849L6.79372 1.54539C6.96771 1.34961 6.94018 1.06512 6.73122 0.899437C6.59075 0.787365 6.42724 0.701237 6.24997 0.645937C5.62493 0.44648 4.92833 0.625872 4.51455 1.09285L0.347882 5.78729C-0.108148 6.30247 -0.108148 7.03347 0.347882 7.54865L4.51455 12.2431C4.81097 12.5765 5.25928 12.7706 5.7333 12.7707C6.10102 12.7714 6.45672 12.6528 6.73538 12.4365C6.945 12.2713 6.97344 11.9868 6.79997 11.7905L3.81038 8.42745Z" fill="#F39100" />
<path d="M11.9791 1.9737C11.9789 1.37607 11.5601 0.843692 10.9345 0.645607C10.309 0.447522 9.61282 0.626874 9.1979 1.09302L5.03123 5.78747C4.5752 6.30265 4.5752 7.03364 5.03123 7.54882L9.1979 12.2433C9.61282 12.7094 10.309 12.8888 10.9345 12.6907C11.5601 12.4926 11.9789 11.9602 11.9791 11.3626V1.9737Z" fill="#F39100" />
<path d="M44.9688 7.55418C45.4248 7.039 45.4248 6.308 44.9688 5.79282L40.8021 1.09838C40.3861 0.634536 39.6912 0.456797 39.0669 0.654501C38.4425 0.852204 38.0237 1.38259 38.0209 1.97906V11.3679C38.0212 11.9656 38.4399 12.498 39.0655 12.696C39.691 12.8941 40.3872 12.7148 40.8021 12.2486L44.9688 7.55418Z" fill="#F39100" />
</svg>
</div>
</div>
</div>
</section>
<section class="section-wrapper">
<div class="container">
<h2 class="title-large text-center">{{ title }}</h2>
{% render "@components/02-components/quicklinks/quicklinks/quicklinks.twig" with {
items: items,
col: col,
sm_col: sm_col,
md_col: md_col,
lg_col: lg_col,
scrollable: scrollable
} %}
</div>
</section>
{
"title": "Im Spotlight",
"col": "col-6",
"sm_col": "col-sm-6",
"md_col": "col-md-4",
"lg_col": "",
"scrollable": true,
"items": [
{
"$quicklink-item": null,
"icon_id": "fa-arrow-right",
"text": "lorem impsum dolor sit amet consecteur diallo lorem",
"href": "#lorem"
},
{
"$quicklink-item": null,
"icon_id": "fa-arrow-right",
"text": "lorem impsum dolor sit amet consecteur diallo lorem",
"href": "#lorem"
},
{
"$quicklink-item": null,
"icon_id": "fa-arrow-right",
"text": "lorem impsum dolor sit amet consecteur diallo lorem",
"href": "#lorem"
},
{
"$quicklink-item": null,
"icon_id": "fa-arrow-right",
"text": "lorem impsum dolor sit amet consecteur diallo lorem",
"href": "#lorem"
},
{
"$quicklink-item": null,
"icon_id": "fa-arrow-right",
"text": "lorem impsum dolor sit amet consecteur diallo lorem",
"href": "#lorem"
}
]
}
There are no notes for this item.