<div class="footer-navigation">
<div class="footer-navigation__button-wrapper">
<button class="button-scroll-to-top">
<span class="visually-hidden">Scroll to top</span>
</button>
</div>
<div class="footer-navigation__container">
<div class="footer-navigation__container--sizing">
<div class="footer-navigation__links-container--5">
<h3 class="footer-navigation__title">Sortiment</h3>
<ul class="footer-navigation__list">
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Bekleidung & Ausrüstung</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Velozubehör</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Reifen & Räder</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Komponenten</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">E-Bike</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Werkstatt</a>
</li>
</ul>
</div>
<div class="footer-navigation__links-container--5">
<h3 class="footer-navigation__title">Jetzt entdecken</h3>
<ul class="footer-navigation__list">
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Neuheit</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Demnächst</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Bestseller</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Sale</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Aktion</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Outlet</a>
</li>
</ul>
</div>
<div class="footer-navigation__links-container--5">
<h3 class="footer-navigation__title">Marken</h3>
<ul class="footer-navigation__list">
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Shimano</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">FOX</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">UYN</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Continental</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">weitere Marken</a>
</li>
</ul>
</div>
<div class="footer-navigation__links-container--5">
<h3 class="footer-navigation__title">Service</h3>
<ul class="footer-navigation__list">
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Shimano Service Center</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">FOX Service Center</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Bikefitting</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Bosch Experts</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">S-PHYRE</a>
</li>
</ul>
</div>
<div class="footer-navigation__links-container--5">
<h3 class="footer-navigation__title">Unternehmen</h3>
<ul class="footer-navigation__list">
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Über uns</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Geschichte</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Team</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Jobs</a>
</li>
<li class="footer-navigation__list-item">
<a href="#" class="footer-navigation__link">Kunde werden?</a>
</li>
</ul>
</div>
</div>
</div>
</div>
{% include '@SharedComponents/modules/page/components/footer/footer-navigation/footer-navigation.twig' %}
{
"button": {
"title": "Scroll to top"
},
"lists": [
{
"title": "Sortiment",
"heading": "h3",
"links": [
{
"name": "Bekleidung & Ausrüstung",
"href": "#"
},
{
"name": "Velozubehör",
"href": "#"
},
{
"name": "Reifen & Räder",
"href": "#"
},
{
"name": "Komponenten",
"href": "#"
},
{
"name": "E-Bike",
"href": "#"
},
{
"name": "Werkstatt",
"href": "#"
}
]
},
{
"title": "Jetzt entdecken",
"heading": "h3",
"links": [
{
"name": "Neuheit",
"href": "#"
},
{
"name": "Demnächst",
"href": "#"
},
{
"name": "Bestseller",
"href": "#"
},
{
"name": "Sale",
"href": "#"
},
{
"name": "Aktion",
"href": "#"
},
{
"name": "Outlet",
"href": "#"
}
]
},
{
"title": "Marken",
"links": [
{
"name": "Shimano",
"href": "#"
},
{
"name": "FOX",
"href": "#"
},
{
"name": "UYN",
"href": "#"
},
{
"name": "Continental",
"href": "#"
},
{
"name": "weitere Marken",
"href": "#"
}
]
},
{
"title": "Service",
"links": [
{
"name": "Shimano Service Center",
"href": "#"
},
{
"name": "FOX Service Center",
"href": "#"
},
{
"name": "Bikefitting",
"href": "#"
},
{
"name": "Bosch Experts",
"href": "#"
},
{
"name": "S-PHYRE",
"href": "#"
}
]
},
{
"title": "Unternehmen",
"links": [
{
"name": "Über uns",
"href": "#"
},
{
"name": "Geschichte",
"href": "#"
},
{
"name": "Team",
"href": "#"
},
{
"name": "Jobs",
"href": "#"
},
{
"name": "Kunde werden?",
"href": "#"
}
]
}
]
}
import './footer-navigation.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/page/components/footer/footer-navigation/footer-navigation";
No notes defined.