<div class="footer-contact">
<div class="footer-contact__container">
<div class="footer-navigation__container--sizing">
<div class="footer-contact__contact-container--6">
<span class="footer-contact__title">Kontakt</span>
<ul class="footer-contact__list">
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link--tel" href="tel:0123456789">012 345 67 89</a>
</li>
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link--fax" href="tel:0123456789">012 345 67 89</a>
</li>
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link--mail" href="mailto:mail@brand.com">mail@brand.com</a>
</li>
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link--contact" href="#" target="_blank">Kontaktformular</a>
</li>
</ul>
</div>
<div class="footer-contact__contact-container--6">
<span class="footer-contact__title">Öffnungszeiten</span>
<ul class="footer-contact__list">
<li class="footer-contact__list-item">
<div class="wysiwyg-content">
<p>Montag 08:00 - 18:00</p>
<p>Dienstag 08:00 - 18:00</p>
<p>Mittwoch 08:00 - 18:00</p>
<p>Donnerstag 08:00 - 18:00</p>
<p>Freitag 08:00 - 18:00</p>
</div>
</li>
</ul>
</div>
<div class="footer-contact__contact-container--6">
<span class="footer-contact__title">Vorteile</span>
<ul class="footer-contact__list">
<li class="footer-contact__list-item">
<div class="wysiwyg-content">
<p>Beste Konditionen</p>
<p>Kompetente Fachberatung</p>
<p>Portofreie Lieferung (ab CHF 50.00)</p>
<p>Lieferung am Folgetag</p>
<p>Rücknahmegarantie</p>
</div>
</li>
</ul>
</div>
<div class="footer-contact__contact-container--6">
<span class="footer-contact__title">Social Media</span>
<ul class="footer-contact__list">
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link" href="#" target="_blank">
<div class="footer-contact__icon-wrapper">
<i class="footer-contact__list-item-link-social-icon--instagram"></i>
</div>
<span class="footer-contact__list-item-link-text">Instagram</span>
</a>
</li>
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link" href="#">
<div class="footer-contact__icon-wrapper">
<i class="footer-contact__list-item-link-social-icon--vimeo"></i>
</div>
<span class="footer-contact__list-item-link-text">Vimeo</span>
</a>
</li>
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link" href="#">
<div class="footer-contact__icon-wrapper">
<i class="footer-contact__list-item-link-social-icon--linkedin"></i>
</div>
<span class="footer-contact__list-item-link-text">LinkedIn</span>
</a>
</li>
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link" href="#">
<div class="footer-contact__icon-wrapper">
<i class="footer-contact__list-item-link-social-icon--facebook"></i>
</div>
<span class="footer-contact__list-item-link-text">Facebook</span>
</a>
</li>
<li class="footer-contact__list-item">
<a class="footer-contact__list-item-link" href="#">
<div class="footer-contact__icon-wrapper">
<i class="footer-contact__list-item-link-social-icon--youtube"></i>
</div>
<span class="footer-contact__list-item-link-text">YouTube</span>
</a>
</li>
</ul>
</div>
<div class="footer-contact__contact-container--6">
<span class="footer-contact__title">Zahlungsmethoden</span>
<ul class="footer-contact__list--flex-wrap">
<li class="footer-contact__list-item--inline">
<a class="footer-contact__list-item-link--image" href="#">
<div class="image ">
<picture>
<img src="/example-assets/images/footer-contact/invoice-logo.png" class="image__img footer-contact__list-item-link--image-payment-method is-loading" alt="invoice" srcset="/example-assets/images/footer-contact/invoice-logo.png 1x, /example-assets/images/footer-contact/invoice-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
</li>
<li class="footer-contact__list-item--inline">
<a class="footer-contact__list-item-link--image" href="#">
<div class="image ">
<picture>
<img src="/example-assets/images/footer-contact/master-card-logo.png" class="image__img footer-contact__list-item-link--image-payment-method is-loading" alt="master-card" srcset="/example-assets/images/footer-contact/master-card-logo.png 1x, /example-assets/images/footer-contact/master-card-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
</li>
<li class="footer-contact__list-item--inline">
<a class="footer-contact__list-item-link--image" href="#">
<div class="image ">
<picture>
<img src="/example-assets/images/footer-contact/visa-logo.png" class="image__img footer-contact__list-item-link--image-payment-method is-loading" alt="visa" srcset="/example-assets/images/footer-contact/visa-logo.png 1x, /example-assets/images/footer-contact/visa-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
</li>
<li class="footer-contact__list-item--inline">
<a class="footer-contact__list-item-link--image" href="#">
<div class="image ">
<picture>
<img src="/example-assets/images/footer-contact/visa-logo.png" class="image__img footer-contact__list-item-link--image-payment-method is-loading" alt="visa" srcset="/example-assets/images/footer-contact/visa-logo.png 1x, /example-assets/images/footer-contact/visa-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
</li>
</ul>
</div>
<div class="footer-contact__contact-container--6">
<span class="footer-contact__title">Sicher Einkaufen</span>
<ul class="footer-contact__list--flex-wrap">
<li class="footer-contact__list-item--inline">
<div class="image ">
<picture>
<img src="/example-assets/images/footer-contact/sog-logo.png" class="image__img footer-contact__list-item-link--image-security-label is-loading" alt="sog" srcset="/example-assets/images/footer-contact/sog-logo.png 1x, /example-assets/images/footer-contact/sog-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</li>
<li class="footer-contact__list-item--inline">
<div class="image ">
<picture>
<img src="/example-assets/images/footer-contact/etme-logo.png" class="image__img footer-contact__list-item-link--image-security-label is-loading" alt="etme" srcset="/example-assets/images/footer-contact/etme-logo.png 1x, /example-assets/images/footer-contact/etme-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</li>
<li class="footer-contact__list-item--inline">
<div class="image ">
<picture>
<img src="/example-assets/images/footer-contact/tsg-logo.png" class="image__img footer-contact__list-item-link--image-security-label is-loading" alt="tsg" srcset="/example-assets/images/footer-contact/tsg-logo.png 1x, /example-assets/images/footer-contact/tsg-logo@2x.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</li>
</ul>
</div>
</div>
</div>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"url": "https://www.brand.com/",
"contactPoint": [{
"@type": "ContactPoint",
"telephone": "012 345 67 89",
"contactType": "customer service"
}]
}
</script>
</div>
{% include '@SharedComponents/modules/page/components/footer/footer-contact/footer-contact.twig' %}
{
"mail": "mail@brand.com",
"tel": "012 345 67 89",
"lists": [
{
"title": "Kontakt",
"items": [
{
"type": "icon-with-link",
"text": "012 345 67 89",
"icon": "tel",
"href": "#"
},
{
"type": "icon-with-link",
"text": "012 345 67 89",
"icon": "fax",
"href": "#"
},
{
"type": "icon-with-link",
"text": "mail@brand.com",
"icon": "mail",
"href": "#"
},
{
"type": "icon-with-link",
"text": "Kontaktformular",
"icon": "contact",
"href": "#",
"target": "_blank"
}
]
},
{
"title": "Öffnungszeiten",
"items": [
{
"type": "wysiwyg",
"text": "<p>Montag 08:00 - 18:00</p> <p>Dienstag 08:00 - 18:00</p> <p>Mittwoch 08:00 - 18:00</p> <p>Donnerstag 08:00 - 18:00</p> <p>Freitag 08:00 - 18:00</p>"
}
]
},
{
"title": "Vorteile",
"items": [
{
"type": "wysiwyg",
"text": "<p>Beste Konditionen</p> <p>Kompetente Fachberatung</p> <p>Portofreie Lieferung (ab CHF 50.00)</p> <p>Lieferung am Folgetag</p> <p>Rücknahmegarantie</p>"
}
]
},
{
"title": "Social Media",
"items": [
{
"type": "social-media",
"text": "Instagram",
"href": "#",
"target": "_blank",
"icon": "instagram"
},
{
"type": "social-media",
"text": "Vimeo",
"href": "#",
"icon": "vimeo"
},
{
"type": "social-media",
"text": "LinkedIn",
"href": "#",
"icon": "linkedin"
},
{
"type": "social-media",
"text": "Facebook",
"href": "#",
"icon": "facebook"
},
{
"type": "social-media",
"text": "YouTube",
"href": "#",
"icon": "youtube"
}
]
},
{
"title": "Zahlungsmethoden",
"orientation": "inline",
"items": [
{
"type": "image-payment-method",
"image": {
"src": "/example-assets/images/footer-contact/invoice-logo.png",
"src2x": "/example-assets/images/footer-contact/invoice-logo@2x.png",
"alt": "invoice"
},
"href": "#"
},
{
"type": "image-payment-method",
"image": {
"src": "/example-assets/images/footer-contact/master-card-logo.png",
"src2x": "/example-assets/images/footer-contact/master-card-logo@2x.png",
"alt": "master-card"
},
"href": "#"
},
{
"type": "image-payment-method",
"image": {
"src": "/example-assets/images/footer-contact/visa-logo.png",
"src2x": "/example-assets/images/footer-contact/visa-logo@2x.png",
"alt": "visa"
},
"href": "#"
},
{
"type": "image-payment-method",
"image": {
"src": "/example-assets/images/footer-contact/visa-logo.png",
"src2x": "/example-assets/images/footer-contact/visa-logo@2x.png",
"alt": "visa"
},
"href": "#"
}
]
},
{
"title": "Sicher Einkaufen",
"orientation": "inline",
"items": [
{
"type": "image-security-label",
"image": {
"src": "/example-assets/images/footer-contact/sog-logo.png",
"src2x": "/example-assets/images/footer-contact/sog-logo@2x.png",
"alt": "sog"
}
},
{
"type": "image-security-label",
"image": {
"src": "/example-assets/images/footer-contact/etme-logo.png",
"src2x": "/example-assets/images/footer-contact/etme-logo@2x.png",
"alt": "etme"
}
},
{
"type": "image-security-label",
"image": {
"src": "/example-assets/images/footer-contact/tsg-logo.png",
"src2x": "/example-assets/images/footer-contact/tsg-logo@2x.png",
"alt": "tsg"
}
}
]
}
]
}
import './footer-contact.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/page/components/footer/footer-contact/footer-contact";
No notes defined.