Vechtsport Online Components for Magento 2

Footer 

<footer class="footer">

    <div class="footer-brands">
        <div class="container">
            <div class="row">
                <div class="col-xs-4 col-md-2">
                    <div class="">
                        <a class="" href="https://m2.vechtsportonline.nl/" aria-label="Home page link">
                            <img class="image" alt="Vechtsportonline.nl" src="https://m2.vechtsportonline.nl/static/version1600075943/frontend/Elgentos/vso/nl_NL/images/logos/logo-red-black.jpg">
                        </a>
                    </div>
                </div>

                <div class="col-xs-8 col-md-10">
                    <div class="footer-brands__slider">
                        <div class="slider ">
                            <div class="slider__handler">
                                <div class="slider__slides">
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/adidas_bokshandschoenen.jpg" alt="Adidas Bokshandschoenen"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/booster_fight_gear.png" alt="Booster Fight Gear"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/essimo.jpg" alt="Essimo"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/ernesto_hoost.png" alt="Ernesto Hoost"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/everlast.png" alt="Everlast"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/hayabusa_fightwear.png" alt="Hayabusa Fightwear"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/joya_fight_gear.png" alt="Joya Fight Gear"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/king_bokshandschoenen.jpg" alt="King  bokshandschoenen "></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/matsuru.png" alt="Matsuru "></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/nike_boksschoenen.jpg" alt="Nike boksschoenen"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/qnt.png" alt="QNT"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/ringhorns.png" alt="Ringhorns"> &lt;</div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/superpro.jpg" alt="SuperPro"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/tapout.jpg" alt="Tapout"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/tunturi.png" alt="Tunturi"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/twins_bokshandschoenen.jpg" alt="Twins bokshandschoenen"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/vechtsportonline.jpg" alt="vechtsportonline"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/venum.png" alt="Venum"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded" src="https://m2.vechtsportonline.nl/media/footer/brands/xxl_nutrition.png" alt="XXL Nutrition"></div>
                                    </div>
                                </div>
                            </div>

                            <div class="slider__navigation ">
                                <button class="button button--icon slider__navigation-icon slider__prev" type="button" aria-label="Previous slide">

                                    <svg class="icon button__icon slider__icon" role="img">
                                        <title>Arrow left</title>
                                        <use xlink:href="https://m2.vechtsportonline.nl/static/version1600075943/frontend/Elgentos/vso/nl_NL/images/icons-sprite.svg#angle-left">
                                        </use>
                                    </svg>

                                </button>

                                <button class="button button--icon slider__navigation-icon slider__next" type="button" aria-label="Next slide">

                                    <svg class="icon button__icon slider__icon" role="img">
                                        <title>Arrow right</title>
                                        <use xlink:href="https://m2.vechtsportonline.nl/static/version1600075943/frontend/Elgentos/vso/nl_NL/images/icons-sprite.svg#angle-right">
                                        </use>
                                    </svg>

                                </button>

                            </div>

                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="container">

        <div class="row">

            <div class="col-lg-6 col-xl-5">
                <div class="footer__contact">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="footer__route-address">
                                <h3 class="footer__title">Bezoek onze Showroom!</h3>

                                <div class="m-b--1">
                                    Atoomweg 6-3 <br>
                                    9743 AK Groningen<br>
                                </div>
                                <a href="https://www.google.nl/maps/dir//Vechtsportonline.nl,+Atoomweg+6-3,+9743+AK+Groningen/@53.2146086,6.46887,12z/data=!4m9!4m8!1m0!1m5!1m1!1s0x47c9d2a9d5fa0411:0xb29c5ff99a82e229!2m2!1d6.5389093!2d53.2146291!3e0" title="Route Vechtportonline.nl" target="blank">
                                    <button class="button button--icon" role="button" tabindex="0">
                                        Route <svg class="icon m-l--1" role="img">
                                            <title>Arrow right</title>
                                            <use xlink:href="https://m2.vechtsportonline.nl/static/version1600075943/frontend/Elgentos/vso/nl_NL/images/icons-sprite.svg#angle-right">
                                            </use>
                                        </svg>
                                    </button>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="footer__item footer-openinghours">
                                <h3 class="footer__title">Openingstijden</h3>

                                <div class="flex flex--between">
                                    <span class="">Maandag</span>
                                    <span>13:30 - 18:00u</span>
                                </div>

                                <div class="flex flex--between">
                                    <span class="">Dinsdag</span>
                                    <span>10:00 - 18:00u</span>
                                </div>

                                <div class="flex flex--between">
                                    <span class="">Woensdag</span>
                                    <span>10:00 - 18:00u</span>
                                </div>

                                <div class="flex flex--between">
                                    <span class="">Donderdag</span>
                                    <span>10:00 - 18:00u</span>
                                </div>

                                <div class="flex flex--between">
                                    <span class="">Vrijdag</span>
                                    <span>10:00 - 18:00u</span>
                                </div>

                                <div class="flex flex--between">
                                    <span class="">Zaterdag</span>
                                    <span>
                                        10:00 - 17:00u </span>
                                </div>

                                <div class="flex flex--between">
                                    <span class="">Zondag</span>
                                    <span>
                                        Gesloten </span>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-lg-3 col-xl-2 m-b--2">
                <h3 class=" footer__title">Snel navigeren</h3>
                <ul class="list footer-navigation-list">
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/bescherming/scheenbeschermers" title="Kickboks Scheenbeschermers"><span>Kickboks Scheenbeschermers</span></a>
                        </div>
                    </li>
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/kleding/broekjes-broeken/kickboks-broekjes" title="(Kick)bokshandschoenen"><span>(Kick)bokshandschoenen</span></a>
                        </div>
                    </li>
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/handschoenen/kick-bokshandschoenen" title="Kickboks Broekjes"><span>Kickboks Broekjes</span></a>
                        </div>
                    </li>
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/bescherming/kruisbeschermers-tok" title="Kickboks Kruisbeschermers"><span>Kickboks Kruisbeschermers</span></a>
                        </div>
                    </li>
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/bescherming/bitjes" title="Kickboks Bitjes"><span>Kickboks Bitjes</span></a>
                        </div>
                    </li>
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/bescherming/bandages" title="Kickboks Bandages"><span>Kickboks Bandages</span></a>
                        </div>
                    </li>
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/bescherming/binnenhandschoenen" title="Kickboks Binnenhandschoenen"><span>Kickboks Binnenhandschoenen</span></a>
                        </div>
                    </li>
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/kickboks-sets" title="Kickboks Setjes"><span>Kickboks Setjes</span></a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="col-md-6 col-lg-2 col-xl-2 m-b--w">
                <h3 class="footer__title">Klantenservice</h3>
                <ul class="list footer-contact-list ">
                    <li class="list__item"><a href="https://m2.vechtsportonline.nl/veelgestelde-vragen">Veelgestelde
                            Vragen</a></li>
                    <li class="list__item"><a href="https://m2.vechtsportonline.nl/ruilen-retourneren">Ruilen /
                            Retourneren</a></li>
                    <li class="list__item"><a href="https://m2.vechtsportonline.nl/garantie">Garantie</a></li>
                    <li class="list__item"><a href="https://m2.vechtsportonline.nl/betaalmethoden">Betaal
                            Mogelijkheden</a></li>
                    <li class="list__item"><a href="https://m2.vechtsportonline.nl/klachten">Klachten</a></li>
                    <li class="list__item"><a href="https://m2.vechtsportonline.nl/privacy-veiligheid">Privacy &amp;
                            Veiligheid</a></li>
                    <li class="list__item"><a href="https://m2.vechtsportonline.nl/contact/">Contact</a></li>
                </ul>
            </div>
            <div class="col-lg-12 col-xl-3">
                <form class="newsletter" novalidate="novalidate" action="https://m2.vechtsportonline.nl/newsletter/subscriber/new/" method="post" id="newsletter-validate-detail">
                    <h3 class="footer__title">
                        Nieuwsbrief </h3>
                    <div class="newsletter__controls">
                        <div class="input newsletter__input" data-children-count="1">
                            <input name="email" type="email" id="newsletter" class="input__field newsletter__field" placeholder="Enter your email" required="" data-kwimpalastatus="alive" data-kwimpalaid="1600257046335-0">
                            <span style="animation: initial; transition: initial; color: initial; color-scheme: initial; font: initial; font-feature-settings: initial; font-kerning: initial; font-optical-sizing: initial; font-variation-settings: initial; text-orientation: initial; text-rendering: initial; -webkit-font-smoothing: initial; -webkit-locale: initial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: initial; place-content: initial; place-items: initial; place-self: initial; alignment-baseline: initial; appearance: initial; backdrop-filter: initial; backface-visibility: initial; background: url(&quot;data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgNS4yODgxMUMxMy41IDUuMTkzNzYgMTMuNDA1NyA1LjA5OTQxIDEzLjI3MzYgNS4wNjE2NkwxMS42ODg2IDQuNDc2NjZDMTEuNDI0NCA0LjM2MzQxIDExLjEyMjUgNC40OTU1MSAxMS4xMjI1IDQuNjg0MjZWMTEuNTgxN0MxMS4xMjk5IDExLjYzNTUgMTEuMTUxMiAxMS42ODY0IDExLjE4NDMgMTEuNzI5NEMxMS4yMTc0IDExLjc3MjQgMTEuMjYxMSAxMS44MDYxIDExLjMxMTIgMTEuODI3MUwxMi45MzQxIDEyLjQxMjFDMTMuMTc5NCAxMi41MDY0IDEzLjUwMDIgMTIuMzc0MyAxMy41MDAyIDEyLjE2NjdMMTMuNSA1LjI4ODExWk05LjQ3OTQyIDEwLjU0MzdDOS40Nzk0MiAxMC40NDk0IDkuMzg1MDcgMTAuMzU1IDkuMjUyOTcgMTAuMzE3M0w3LjY2Nzk3IDkuNzMyMjZDNy40MDM4MiA5LjYxOTAxIDcuMTAxODcgOS43NTExMSA3LjEwMTg3IDkuOTM5ODFWMTQuMjQyNEM3LjEwOTMxIDE0LjI5NjEgNy4xMzA2MiAxNC4zNDcgNy4xNjM3MSAxNC4zOUM3LjE5NjggMTQuNDMzMSA3LjI0MDUyIDE0LjQ2NjcgNy4yOTA1NyAxNC40ODc3TDguOTEzNDcgMTUuMDcyN0M5LjE1ODc3IDE1LjE2NzEgOS40Nzk1NyAxNS4wMzUgOS40Nzk1NyAxNC44Mjc0TDkuNDc5NDIgMTAuNTQzN1pNOS40Nzk0MiAxLjc0OTc2QzkuNDc5NDIgMS42NTU0MSA5LjM4NTA3IDEuNTYxMDYgOS4yNTI5NyAxLjUyMzMxTDcuNjY3OTcgMC45MzgzMTFDNy40MDM4MiAwLjgyNTA2MSA3LjEwMTg3IDAuOTU3MTYxIDcuMTAxODcgMS4xNDU4NlY1LjQ0ODQxQzcuMTA5MzEgNS41MDIxNyA3LjEzMDYyIDUuNTUzMDcgNy4xNjM3MSA1LjU5NjA5QzcuMTk2OCA1LjYzOTEyIDcuMjQwNTIgNS42NzI3OCA3LjI5MDU3IDUuNjkzNzZMOC45MTM0NyA2LjI3ODc2QzkuMTU4NzcgNi4zNzMxMSA5LjQ3OTU3IDYuMjQxMDEgOS40Nzk1NyA2LjAzMzQxTDkuNDc5NDIgMS43NDk3NlpNNS40NzkxNyAxLjQxOTc2QzUuNDc5MTcgMS4zMjUzNiA1LjM4NDgyIDEuMjMxMDEgNS4yNTI3MiAxLjE5MzMxTDMuNjY3NzIgMC42MDgzMTFDMy40MDM1NyAwLjQ5NTA2MSAzLjEwMTYyIDAuNjI3MTYxIDMuMTAxNjIgMC44MTU4NjFWMTQuNTkxNEMzLjEwOTA1IDE0LjY0NTIgMy4xMzAzNiAxNC42OTYxIDMuMTYzNDUgMTQuNzM5MUMzLjE5NjU0IDE0Ljc4MjEgMy4yNDAyNyAxNC44MTU3IDMuMjkwMzIgMTQuODM2N0w0LjkxMzIyIDE1LjQyMTdDNS4xNTg1MiAxNS41MTYxIDUuNDc5MzIgMTUuMzg0IDUuNDc5MzIgMTUuMTc2NEw1LjQ3OTE3IDEuNDE5NzZaIiBmaWxsPSIjMEU2NDc2Ii8+Cjwvc3ZnPgo=&quot;) center center / contain no-repeat; background-blend-mode: initial; baseline-shift: initial; block-size: initial; border-block-end: initial; border-block-start: initial; border: none; border-radius: initial; border-collapse: initial; border-inline-end: initial; border-inline-start: initial; bottom: initial; box-shadow: initial; box-sizing: initial; break-after: initial; break-before: initial; break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-color: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; columns: initial; column-fill: initial; gap: initial; column-rule: initial; column-span: initial; contain: initial; contain-intrinsic-size: initial; content: initial; content-visibility: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: initial; cx: initial; cy: initial; d: initial; display: inline; dominant-baseline: initial; empty-cells: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: 16px; hyphens: initial; image-orientation: initial; image-rendering: initial; inline-size: initial; isolation: initial; left: 251px; letter-spacing: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block-end: initial; margin-block-start: initial; margin: initial; margin-inline-end: initial; margin-inline-start: initial; marker: initial; mask: initial; mask-type: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: 16px; mix-blend-mode: initial; object-fit: initial; object-position: initial; offset: initial; opacity: 1; order: initial; origin-trial-test-property: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-wrap: initial; overflow: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block-end: initial; padding-block-start: initial; padding: initial; padding-inline-end: initial; padding-inline-start: initial; page: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position: absolute; quotes: initial; r: initial; resize: initial; right: initial; ruby-position: initial; rx: initial; ry: initial; scroll-behavior: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-indent: initial; text-overflow: initial; text-shadow: initial; text-size-adjust: initial; text-transform: initial; text-underline-position: initial; top: 13px; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; user-select: initial; vector-effect: initial; vertical-align: initial; visibility: visible; -webkit-app-region: initial; border-spacing: initial; -webkit-border-image: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-font-size-delta: initial; -webkit-highlight: initial; -webkit-hyphenate-character: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-mask: initial; -webkit-mask-composite: initial; -webkit-perspective-origin-x: initial; -webkit-perspective-origin-y: initial; -webkit-print-color-adjust: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-emphasis: initial; -webkit-text-emphasis-position: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-transform-origin-x: initial; -webkit-transform-origin-y: initial; -webkit-transform-origin-z: initial; -webkit-user-drag: initial; -webkit-user-modify: initial; white-space: initial; widows: initial; width: 16px; will-change: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: auto;"></span>
                        </div>
                        <button class="button newsletter__button button--in-input button--icon" data-testid="submit-newsletter-button">
                            <svg class="icon">
                                <use xlink:href="https://m2.vechtsportonline.nl/static/version1600075943/frontend/Elgentos/vso/nl_NL//images/icons-sprite.svg#angle-right">
                                </use>
                            </svg>
                        </button>
                    </div>
                </form>

                <div class="m-t--1">
                    <div class="footer__trustedlogos">
                        <ul class="list footer__trustedlogos--list">
                            <li class="list__item footer__trustedlogos--item">
                                <a href="#>" target="_blank" class="link ">
                                    <img class="image footer__trustedlogos--image lazyload" src="https://images.prismic.io/vechtsportonline/1c54b451-0ace-4567-9f07-53ffda3b081b_Thuiswinkel_Waarborg_Kleur_Verticaal.png?auto=compress,format" data-src="https://images.prismic.io/vechtsportonline/1c54b451-0ace-4567-9f07-53ffda3b081b_Thuiswinkel_Waarborg_Kleur_Verticaal.png?auto=compress,format" alt="Thuiswinkel Waarborg" loading="lazy" />
                                </a>
                            </li>
                            <li class="list__item footer__trustedlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__trustedlogos--image lazyload" src="https://images.prismic.io/vechtsportonline/8ed2f5b4-1e26-4e3b-bba6-985c778e44a8_Ecommerce_Europe_Trustmark.png?auto=compress,format" data-src="https://images.prismic.io/vechtsportonline/8ed2f5b4-1e26-4e3b-bba6-985c778e44a8_Ecommerce_Europe_Trustmark.png?auto=compress,format" alt="eCommerce Trustmark" loading="lazy" />
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12 col-xl-12">
                <div class="m-t--12">
                    <div class="footer__paymentlogos">
                        <ul class="list footer__paymentlogos--list">
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload" src="https://images.prismic.io/vechtsportonline/82b0d09b-f7a2-419d-87b6-4508f69e2868_afterpay.svg?auto=compress,format" data-src="https://images.prismic.io/vechtsportonline/82b0d09b-f7a2-419d-87b6-4508f69e2868_afterpay.svg?auto=compress,format" alt="Afterpay" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload" src="https://images.prismic.io/vechtsportonline/12f61279-baa1-4c03-bb82-b78185a44cf1_ideal.svg?auto=compress,format" data-src="https://images.prismic.io/vechtsportonline/12f61279-baa1-4c03-bb82-b78185a44cf1_ideal.svg?auto=compress,format" alt="iDeal" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload" src="https://images.prismic.io/vechtsportonline/6afc1ec0-ca86-4109-9849-0a7b3f71a0e1_paypal.svg?auto=compress,format" data-src="https://images.prismic.io/vechtsportonline/6afc1ec0-ca86-4109-9849-0a7b3f71a0e1_paypal.svg?auto=compress,format" alt="PayPal" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload" src="https://images.prismic.io/vechtsportonline/f9e5733b-0c4f-4285-b198-aa75512b77e6_maestro-2.svg?auto=compress,format" data-src="https://images.prismic.io/vechtsportonline/f9e5733b-0c4f-4285-b198-aa75512b77e6_maestro-2.svg?auto=compress,format" alt="Maestro" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload" src="https://images.prismic.io/vechtsportonline/e407fd5d-a15e-43b8-a960-7ccce7d0f453_mastercard-4.svg?auto=compress,format" data-src="https://images.prismic.io/vechtsportonline/e407fd5d-a15e-43b8-a960-7ccce7d0f453_mastercard-4.svg?auto=compress,format" alt="Mastercard" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload" src="https://images.prismic.io/vechtsportonline/20e84741-c887-40ca-a94d-998cb682a31b_visa.svg?auto=compress,format" data-src="https://images.prismic.io/vechtsportonline/20e84741-c887-40ca-a94d-998cb682a31b_visa.svg?auto=compress,format" alt="Visa" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload" src="https://images.prismic.io/vechtsportonline/a5c7e872-d39d-4d26-b8c8-c575fc7f9474_mollie.svg?auto=compress,format" data-src="https://images.prismic.io/vechtsportonline/a5c7e872-d39d-4d26-b8c8-c575fc7f9474_mollie.svg?auto=compress,format" alt="Mollie" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#link" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload" src="https://images.prismic.io/vechtsportonline/e5f3b2a0-6257-45a5-84f4-635a5ccf182b_american-express-1.svg?auto=compress,format" data-src="https://images.prismic.io/vechtsportonline/e5f3b2a0-6257-45a5-84f4-635a5ccf182b_american-express-1.svg?auto=compress,format" alt="American Express" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload" src="https://images.prismic.io/vechtsportonline/d614f6d8-cff4-4b54-8042-bfd1bef8d258_bancontact-mister-cash.svg?auto=compress,format" data-src="https://images.prismic.io/vechtsportonline/d614f6d8-cff4-4b54-8042-bfd1bef8d258_bancontact-mister-cash.svg?auto=compress,format" alt="Bancontant Mister Cash" loading="lazy">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer__absolute-footer">
        <span class="colon colon--after">Copyright © 2020 Vechtsportonline.nl </span>
        <span class="colon colon--after"> <a class="link" href="https://m2.vechtsportonline.nl/algemene-voorwaarden">Algemene voorwaarden</a></span>
        <span class="colon colon--after"> <a class="link" href="https://m2.vechtsportonline.nl/disclaimer">Disclaimer</a> </span>
        <span class="colon colon--after"> <a class="link" href="https://m2.vechtsportonline.nl/privacy-veiligheid">
                Privacy Policy </a></span> </div>
</footer>
 
<footer class="footer">

    <div class="footer-brands">
        <div class="container">
            <div class="row">
                <div class="col-xs-4 col-md-2">
                    <div class="">
                        <a class="" href="https://m2.vechtsportonline.nl/" aria-label="Home page link">
                            <img class="image" alt="Vechtsportonline.nl"
                                src="https://m2.vechtsportonline.nl/static/version1600075943/frontend/Elgentos/vso/nl_NL/images/logos/logo-red-black.jpg">
                        </a>
                    </div>
                </div>

                <div class="col-xs-8 col-md-10">
                    <div class="footer-brands__slider">
                        <div class="slider ">
                            <div class="slider__handler">
                                <div class="slider__slides">
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/adidas_bokshandschoenen.jpg"
                                                alt="Adidas Bokshandschoenen"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/booster_fight_gear.png"
                                                alt="Booster Fight Gear"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/essimo.jpg"
                                                alt="Essimo"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/ernesto_hoost.png"
                                                alt="Ernesto Hoost"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/everlast.png"
                                                alt="Everlast"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/hayabusa_fightwear.png"
                                                alt="Hayabusa Fightwear"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/joya_fight_gear.png"
                                                alt="Joya Fight Gear"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/king_bokshandschoenen.jpg"
                                                alt="King  bokshandschoenen "></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/matsuru.png"
                                                alt="Matsuru "></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/nike_boksschoenen.jpg"
                                                alt="Nike boksschoenen"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/qnt.png"
                                                alt="QNT"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/ringhorns.png"
                                                alt="Ringhorns"> &lt;</div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/superpro.jpg"
                                                alt="SuperPro"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/tapout.jpg"
                                                alt="Tapout"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/tunturi.png"
                                                alt="Tunturi"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/twins_bokshandschoenen.jpg"
                                                alt="Twins bokshandschoenen"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/vechtsportonline.jpg"
                                                alt="vechtsportonline"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/venum.png"
                                                alt="Venum"></div>
                                    </div>
                                    <div class="slider__item ">
                                        <div class="lazyload-wrapper "><img class="image lazyloaded"
                                                src="https://m2.vechtsportonline.nl/media/footer/brands/xxl_nutrition.png"
                                                alt="XXL Nutrition"></div>
                                    </div>
                                </div>
                            </div>

                            <div class="slider__navigation ">
                                <button class="button button--icon slider__navigation-icon slider__prev" type="button"
                                    aria-label="Previous slide">

                                    <svg class="icon button__icon slider__icon" role="img">
                                        <title>Arrow left</title>
                                        <use
                                            xlink:href="https://m2.vechtsportonline.nl/static/version1600075943/frontend/Elgentos/vso/nl_NL/images/icons-sprite.svg#angle-left">
                                        </use>
                                    </svg>

                                </button>


                                <button class="button button--icon slider__navigation-icon slider__next" type="button"
                                    aria-label="Next slide">

                                    <svg class="icon button__icon slider__icon" role="img">
                                        <title>Arrow right</title>
                                        <use
                                            xlink:href="https://m2.vechtsportonline.nl/static/version1600075943/frontend/Elgentos/vso/nl_NL/images/icons-sprite.svg#angle-right">
                                        </use>
                                    </svg>

                                </button>

                            </div>

                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="container">

        <div class="row">

            <div class="col-lg-6 col-xl-5">
                <div class="footer__contact">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="footer__route-address">
                                <h3 class="footer__title">Bezoek onze Showroom!</h3>

                                <div class="m-b--1">
                                    Atoomweg 6-3 <br>
                                    9743 AK Groningen<br>
                                </div>
                                <a href="https://www.google.nl/maps/dir//Vechtsportonline.nl,+Atoomweg+6-3,+9743+AK+Groningen/@53.2146086,6.46887,12z/data=!4m9!4m8!1m0!1m5!1m1!1s0x47c9d2a9d5fa0411:0xb29c5ff99a82e229!2m2!1d6.5389093!2d53.2146291!3e0"
                                    title="Route Vechtportonline.nl" target="blank">
                                    <button class="button button--icon" role="button" tabindex="0">
                                        Route <svg class="icon m-l--1" role="img">
                                            <title>Arrow right</title>
                                            <use
                                                xlink:href="https://m2.vechtsportonline.nl/static/version1600075943/frontend/Elgentos/vso/nl_NL/images/icons-sprite.svg#angle-right">
                                            </use>
                                        </svg>
                                    </button>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="footer__item footer-openinghours">
                                <h3 class="footer__title">Openingstijden</h3>

                                <div class="flex flex--between">
                                    <span class="">Maandag</span>
                                    <span>13:30 - 18:00u</span>
                                </div>

                                <div class="flex flex--between">
                                    <span class="">Dinsdag</span>
                                    <span>10:00 - 18:00u</span>
                                </div>

                                <div class="flex flex--between">
                                    <span class="">Woensdag</span>
                                    <span>10:00 - 18:00u</span>
                                </div>

                                <div class="flex flex--between">
                                    <span class="">Donderdag</span>
                                    <span>10:00 - 18:00u</span>
                                </div>

                                <div class="flex flex--between">
                                    <span class="">Vrijdag</span>
                                    <span>10:00 - 18:00u</span>
                                </div>

                                <div class="flex flex--between">
                                    <span class="">Zaterdag</span>
                                    <span>
                                        10:00 - 17:00u </span>
                                </div>

                                <div class="flex flex--between">
                                    <span class="">Zondag</span>
                                    <span>
                                        Gesloten </span>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-lg-3 col-xl-2 m-b--2">
                <h3 class=" footer__title">Snel navigeren</h3>
                <ul class="list footer-navigation-list">
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/bescherming/scheenbeschermers"
                                title="Kickboks Scheenbeschermers"><span>Kickboks Scheenbeschermers</span></a>
                        </div>
                    </li>
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/kleding/broekjes-broeken/kickboks-broekjes"
                                title="(Kick)bokshandschoenen"><span>(Kick)bokshandschoenen</span></a>
                        </div>
                    </li>
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/handschoenen/kick-bokshandschoenen"
                                title="Kickboks Broekjes"><span>Kickboks Broekjes</span></a>
                        </div>
                    </li>
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/bescherming/kruisbeschermers-tok"
                                title="Kickboks Kruisbeschermers"><span>Kickboks Kruisbeschermers</span></a>
                        </div>
                    </li>
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/bescherming/bitjes"
                                title="Kickboks Bitjes"><span>Kickboks Bitjes</span></a>
                        </div>
                    </li>
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/bescherming/bandages"
                                title="Kickboks Bandages"><span>Kickboks Bandages</span></a>
                        </div>
                    </li>
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/bescherming/binnenhandschoenen"
                                title="Kickboks Binnenhandschoenen"><span>Kickboks Binnenhandschoenen</span></a>
                        </div>
                    </li>
                    <li class="list__item ">
                        <div class="widget block block-category-link">
                            <a href="https://m2.vechtsportonline.nl/kickboks-sets"
                                title="Kickboks Setjes"><span>Kickboks Setjes</span></a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="col-md-6 col-lg-2 col-xl-2 m-b--w">
                <h3 class="footer__title">Klantenservice</h3>
                <ul class="list footer-contact-list ">
                    <li class="list__item"><a href="https://m2.vechtsportonline.nl/veelgestelde-vragen">Veelgestelde
                            Vragen</a></li>
                    <li class="list__item"><a href="https://m2.vechtsportonline.nl/ruilen-retourneren">Ruilen /
                            Retourneren</a></li>
                    <li class="list__item"><a href="https://m2.vechtsportonline.nl/garantie">Garantie</a></li>
                    <li class="list__item"><a href="https://m2.vechtsportonline.nl/betaalmethoden">Betaal
                            Mogelijkheden</a></li>
                    <li class="list__item"><a href="https://m2.vechtsportonline.nl/klachten">Klachten</a></li>
                    <li class="list__item"><a href="https://m2.vechtsportonline.nl/privacy-veiligheid">Privacy &amp;
                            Veiligheid</a></li>
                    <li class="list__item"><a href="https://m2.vechtsportonline.nl/contact/">Contact</a></li>
                </ul>
            </div>
            <div class="col-lg-12 col-xl-3">
                <form class="newsletter" novalidate="novalidate"
                    action="https://m2.vechtsportonline.nl/newsletter/subscriber/new/" method="post"
                    id="newsletter-validate-detail">
                    <h3 class="footer__title">
                        Nieuwsbrief </h3>
                    <div class="newsletter__controls">
                        <div class="input newsletter__input" data-children-count="1">
                            <input name="email" type="email" id="newsletter" class="input__field newsletter__field"
                                placeholder="Enter your email" required="" data-kwimpalastatus="alive"
                                data-kwimpalaid="1600257046335-0">
                            <span
                                style="animation: initial; transition: initial; color: initial; color-scheme: initial; font: initial; font-feature-settings: initial; font-kerning: initial; font-optical-sizing: initial; font-variation-settings: initial; text-orientation: initial; text-rendering: initial; -webkit-font-smoothing: initial; -webkit-locale: initial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: initial; place-content: initial; place-items: initial; place-self: initial; alignment-baseline: initial; appearance: initial; backdrop-filter: initial; backface-visibility: initial; background: url(&quot;data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgNS4yODgxMUMxMy41IDUuMTkzNzYgMTMuNDA1NyA1LjA5OTQxIDEzLjI3MzYgNS4wNjE2NkwxMS42ODg2IDQuNDc2NjZDMTEuNDI0NCA0LjM2MzQxIDExLjEyMjUgNC40OTU1MSAxMS4xMjI1IDQuNjg0MjZWMTEuNTgxN0MxMS4xMjk5IDExLjYzNTUgMTEuMTUxMiAxMS42ODY0IDExLjE4NDMgMTEuNzI5NEMxMS4yMTc0IDExLjc3MjQgMTEuMjYxMSAxMS44MDYxIDExLjMxMTIgMTEuODI3MUwxMi45MzQxIDEyLjQxMjFDMTMuMTc5NCAxMi41MDY0IDEzLjUwMDIgMTIuMzc0MyAxMy41MDAyIDEyLjE2NjdMMTMuNSA1LjI4ODExWk05LjQ3OTQyIDEwLjU0MzdDOS40Nzk0MiAxMC40NDk0IDkuMzg1MDcgMTAuMzU1IDkuMjUyOTcgMTAuMzE3M0w3LjY2Nzk3IDkuNzMyMjZDNy40MDM4MiA5LjYxOTAxIDcuMTAxODcgOS43NTExMSA3LjEwMTg3IDkuOTM5ODFWMTQuMjQyNEM3LjEwOTMxIDE0LjI5NjEgNy4xMzA2MiAxNC4zNDcgNy4xNjM3MSAxNC4zOUM3LjE5NjggMTQuNDMzMSA3LjI0MDUyIDE0LjQ2NjcgNy4yOTA1NyAxNC40ODc3TDguOTEzNDcgMTUuMDcyN0M5LjE1ODc3IDE1LjE2NzEgOS40Nzk1NyAxNS4wMzUgOS40Nzk1NyAxNC44Mjc0TDkuNDc5NDIgMTAuNTQzN1pNOS40Nzk0MiAxLjc0OTc2QzkuNDc5NDIgMS42NTU0MSA5LjM4NTA3IDEuNTYxMDYgOS4yNTI5NyAxLjUyMzMxTDcuNjY3OTcgMC45MzgzMTFDNy40MDM4MiAwLjgyNTA2MSA3LjEwMTg3IDAuOTU3MTYxIDcuMTAxODcgMS4xNDU4NlY1LjQ0ODQxQzcuMTA5MzEgNS41MDIxNyA3LjEzMDYyIDUuNTUzMDcgNy4xNjM3MSA1LjU5NjA5QzcuMTk2OCA1LjYzOTEyIDcuMjQwNTIgNS42NzI3OCA3LjI5MDU3IDUuNjkzNzZMOC45MTM0NyA2LjI3ODc2QzkuMTU4NzcgNi4zNzMxMSA5LjQ3OTU3IDYuMjQxMDEgOS40Nzk1NyA2LjAzMzQxTDkuNDc5NDIgMS43NDk3NlpNNS40NzkxNyAxLjQxOTc2QzUuNDc5MTcgMS4zMjUzNiA1LjM4NDgyIDEuMjMxMDEgNS4yNTI3MiAxLjE5MzMxTDMuNjY3NzIgMC42MDgzMTFDMy40MDM1NyAwLjQ5NTA2MSAzLjEwMTYyIDAuNjI3MTYxIDMuMTAxNjIgMC44MTU4NjFWMTQuNTkxNEMzLjEwOTA1IDE0LjY0NTIgMy4xMzAzNiAxNC42OTYxIDMuMTYzNDUgMTQuNzM5MUMzLjE5NjU0IDE0Ljc4MjEgMy4yNDAyNyAxNC44MTU3IDMuMjkwMzIgMTQuODM2N0w0LjkxMzIyIDE1LjQyMTdDNS4xNTg1MiAxNS41MTYxIDUuNDc5MzIgMTUuMzg0IDUuNDc5MzIgMTUuMTc2NEw1LjQ3OTE3IDEuNDE5NzZaIiBmaWxsPSIjMEU2NDc2Ii8+Cjwvc3ZnPgo=&quot;) center center / contain no-repeat; background-blend-mode: initial; baseline-shift: initial; block-size: initial; border-block-end: initial; border-block-start: initial; border: none; border-radius: initial; border-collapse: initial; border-inline-end: initial; border-inline-start: initial; bottom: initial; box-shadow: initial; box-sizing: initial; break-after: initial; break-before: initial; break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-color: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; columns: initial; column-fill: initial; gap: initial; column-rule: initial; column-span: initial; contain: initial; contain-intrinsic-size: initial; content: initial; content-visibility: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: initial; cx: initial; cy: initial; d: initial; display: inline; dominant-baseline: initial; empty-cells: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: 16px; hyphens: initial; image-orientation: initial; image-rendering: initial; inline-size: initial; isolation: initial; left: 251px; letter-spacing: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block-end: initial; margin-block-start: initial; margin: initial; margin-inline-end: initial; margin-inline-start: initial; marker: initial; mask: initial; mask-type: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: 16px; mix-blend-mode: initial; object-fit: initial; object-position: initial; offset: initial; opacity: 1; order: initial; origin-trial-test-property: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-wrap: initial; overflow: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block-end: initial; padding-block-start: initial; padding: initial; padding-inline-end: initial; padding-inline-start: initial; page: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position: absolute; quotes: initial; r: initial; resize: initial; right: initial; ruby-position: initial; rx: initial; ry: initial; scroll-behavior: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align: initial; text-align-last: initial; text-anchor: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-indent: initial; text-overflow: initial; text-shadow: initial; text-size-adjust: initial; text-transform: initial; text-underline-position: initial; top: 13px; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; user-select: initial; vector-effect: initial; vertical-align: initial; visibility: visible; -webkit-app-region: initial; border-spacing: initial; -webkit-border-image: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-font-size-delta: initial; -webkit-highlight: initial; -webkit-hyphenate-character: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-mask: initial; -webkit-mask-composite: initial; -webkit-perspective-origin-x: initial; -webkit-perspective-origin-y: initial; -webkit-print-color-adjust: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-emphasis: initial; -webkit-text-emphasis-position: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-transform-origin-x: initial; -webkit-transform-origin-y: initial; -webkit-transform-origin-z: initial; -webkit-user-drag: initial; -webkit-user-modify: initial; white-space: initial; widows: initial; width: 16px; will-change: initial; word-break: initial; word-spacing: initial; x: initial; y: initial; z-index: auto;"></span>
                        </div>
                        <button class="button newsletter__button button--in-input button--icon"
                            data-testid="submit-newsletter-button">
                            <svg class="icon">
                                <use
                                    xlink:href="https://m2.vechtsportonline.nl/static/version1600075943/frontend/Elgentos/vso/nl_NL//images/icons-sprite.svg#angle-right">
                                </use>
                            </svg>
                        </button>
                    </div>
                </form>

                <div class="m-t--1">
                    <div class="footer__trustedlogos">
                        <ul class="list footer__trustedlogos--list">
                            <li class="list__item footer__trustedlogos--item">
                                <a href="#>" target="_blank" class="link ">
                                    <img class="image footer__trustedlogos--image lazyload" src="https://images.prismic.io/vechtsportonline/1c54b451-0ace-4567-9f07-53ffda3b081b_Thuiswinkel_Waarborg_Kleur_Verticaal.png?auto=compress,format" data-src="https://images.prismic.io/vechtsportonline/1c54b451-0ace-4567-9f07-53ffda3b081b_Thuiswinkel_Waarborg_Kleur_Verticaal.png?auto=compress,format" alt="Thuiswinkel Waarborg" loading="lazy"/>
                                </a>
                            </li>
                            <li class="list__item footer__trustedlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__trustedlogos--image lazyload" src="https://images.prismic.io/vechtsportonline/8ed2f5b4-1e26-4e3b-bba6-985c778e44a8_Ecommerce_Europe_Trustmark.png?auto=compress,format" data-src="https://images.prismic.io/vechtsportonline/8ed2f5b4-1e26-4e3b-bba6-985c778e44a8_Ecommerce_Europe_Trustmark.png?auto=compress,format" alt="eCommerce Trustmark" loading="lazy"/>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12 col-xl-12">
                <div class="m-t--12">
                    <div class="footer__paymentlogos">
                        <ul class="list footer__paymentlogos--list">
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload"
                                        src="https://images.prismic.io/vechtsportonline/82b0d09b-f7a2-419d-87b6-4508f69e2868_afterpay.svg?auto=compress,format"
                                        data-src="https://images.prismic.io/vechtsportonline/82b0d09b-f7a2-419d-87b6-4508f69e2868_afterpay.svg?auto=compress,format"
                                        alt="Afterpay" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload"
                                        src="https://images.prismic.io/vechtsportonline/12f61279-baa1-4c03-bb82-b78185a44cf1_ideal.svg?auto=compress,format"
                                        data-src="https://images.prismic.io/vechtsportonline/12f61279-baa1-4c03-bb82-b78185a44cf1_ideal.svg?auto=compress,format"
                                        alt="iDeal" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload"
                                        src="https://images.prismic.io/vechtsportonline/6afc1ec0-ca86-4109-9849-0a7b3f71a0e1_paypal.svg?auto=compress,format"
                                        data-src="https://images.prismic.io/vechtsportonline/6afc1ec0-ca86-4109-9849-0a7b3f71a0e1_paypal.svg?auto=compress,format"
                                        alt="PayPal" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload"
                                        src="https://images.prismic.io/vechtsportonline/f9e5733b-0c4f-4285-b198-aa75512b77e6_maestro-2.svg?auto=compress,format"
                                        data-src="https://images.prismic.io/vechtsportonline/f9e5733b-0c4f-4285-b198-aa75512b77e6_maestro-2.svg?auto=compress,format"
                                        alt="Maestro" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload"
                                        src="https://images.prismic.io/vechtsportonline/e407fd5d-a15e-43b8-a960-7ccce7d0f453_mastercard-4.svg?auto=compress,format"
                                        data-src="https://images.prismic.io/vechtsportonline/e407fd5d-a15e-43b8-a960-7ccce7d0f453_mastercard-4.svg?auto=compress,format"
                                        alt="Mastercard" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload"
                                        src="https://images.prismic.io/vechtsportonline/20e84741-c887-40ca-a94d-998cb682a31b_visa.svg?auto=compress,format"
                                        data-src="https://images.prismic.io/vechtsportonline/20e84741-c887-40ca-a94d-998cb682a31b_visa.svg?auto=compress,format"
                                        alt="Visa" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload"
                                        src="https://images.prismic.io/vechtsportonline/a5c7e872-d39d-4d26-b8c8-c575fc7f9474_mollie.svg?auto=compress,format"
                                        data-src="https://images.prismic.io/vechtsportonline/a5c7e872-d39d-4d26-b8c8-c575fc7f9474_mollie.svg?auto=compress,format"
                                        alt="Mollie" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#link" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload"
                                        src="https://images.prismic.io/vechtsportonline/e5f3b2a0-6257-45a5-84f4-635a5ccf182b_american-express-1.svg?auto=compress,format"
                                        data-src="https://images.prismic.io/vechtsportonline/e5f3b2a0-6257-45a5-84f4-635a5ccf182b_american-express-1.svg?auto=compress,format"
                                        alt="American Express" loading="lazy">
                                </a>
                            </li>
                            <li class="list__item footer__paymentlogos--item">
                                <a href="#" class="link ">
                                    <img class="image footer__paymentlogos--image lazyload"
                                        src="https://images.prismic.io/vechtsportonline/d614f6d8-cff4-4b54-8042-bfd1bef8d258_bancontact-mister-cash.svg?auto=compress,format"
                                        data-src="https://images.prismic.io/vechtsportonline/d614f6d8-cff4-4b54-8042-bfd1bef8d258_bancontact-mister-cash.svg?auto=compress,format"
                                        alt="Bancontant Mister Cash" loading="lazy">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer__absolute-footer">
        <span class="colon colon--after">Copyright © 2020 Vechtsportonline.nl </span>
        <span class="colon colon--after"> <a class="link"
                href="https://m2.vechtsportonline.nl/algemene-voorwaarden">Algemene voorwaarden</a></span>
        <span class="colon colon--after"> <a class="link"
                href="https://m2.vechtsportonline.nl/disclaimer">Disclaimer</a> </span>
        <span class="colon colon--after"> <a class="link" href="https://m2.vechtsportonline.nl/privacy-veiligheid">
                Privacy Policy </a></span> </div>
</footer>
 
{
  "handlerClass": "container",
  "scrollToTop": {
    "tag": "button",
    "class": "footer__scroll-top",
    "icon": {
      "id": "arrow-up",
      "title": "Arrow up",
      "class": "footer__icon"
    },
    "attributes": "type=\"button\" aria-label=\"Scroll to top\""
  },
  "bottomBar": {
    "handlerClass": "container"
  },
  "copyrightText": "Copyright © 2020 Vechtsportonline.nl",
  "footerCopyrightList": {
    "id": "footer-copyright",
    "listTag": "ul",
    "elementTag": "li",
    "elements": [
      {
        "linkAttributes": "title=\"Copyright\""
      },
      {
        "text": "Algemene voorwaarden",
        "link": "#",
        "linkAttributes": "title=\"Algemene voorwaarden\""
      },
      {
        "text": "Disclaimer",
        "link": "#",
        "linkAttributes": "title=\"Disclaimer\""
      }
    ]
  },
  "footerPaymentList": {
    "listTag": "ul",
    "elementTag": "li",
    "class": "footer__paymentlogos--list",
    "elements": [
      {
        "class": "footer__paymentlogos--item",
        "content": "image",
        "contentContext": {
          "src": "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",
          "dataSrc": "/images/logo/paymentlogos/afterpay.svg",
          "alt": "Afterpay",
          "class": "footer__paymentlogos--image"
        },
        "link": "#"
      },
      {
        "class": "footer__paymentlogos--item",
        "content": "image",
        "contentContext": {
          "src": "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",
          "dataSrc": "/images/logo/paymentlogos/ideal.svg",
          "alt": "iDeal",
          "class": "footer__paymentlogos--image"
        },
        "link": "#"
      },
      {
        "class": "footer__paymentlogos--item",
        "content": "image",
        "contentContext": {
          "src": "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",
          "dataSrc": "/images/logo/paymentlogos/paypal.svg",
          "alt": "Paypal",
          "class": "footer__paymentlogos--image"
        },
        "link": "#"
      },
      {
        "class": "footer__paymentlogos--item",
        "content": "image",
        "contentContext": {
          "src": "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",
          "dataSrc": "/images/logo/paymentlogos/maestro-2.svg",
          "alt": "Maestro",
          "class": "footer__paymentlogos--image"
        },
        "link": "#"
      },
      {
        "class": "footer__paymentlogos--item",
        "content": "image",
        "contentContext": {
          "src": "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",
          "dataSrc": "/images/logo/paymentlogos/mastercard-4.svg",
          "alt": "Mastercard",
          "class": "footer__paymentlogos--image"
        },
        "link": "#"
      },
      {
        "class": "footer__paymentlogos--item",
        "content": "image",
        "contentContext": {
          "src": "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",
          "dataSrc": "/images/logo/paymentlogos/visa.svg",
          "alt": "Visa",
          "class": "footer__paymentlogos--image"
        },
        "link": "#"
      },
      {
        "class": "footer__paymentlogos--item",
        "content": "image",
        "contentContext": {
          "src": "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",
          "dataSrc": "/images/logo/paymentlogos/mollie.svg",
          "alt": "Mollie",
          "class": "footer__paymentlogos--image"
        },
        "link": "#"
      },
      {
        "class": "footer__paymentlogos--item",
        "content": "image",
        "contentContext": {
          "src": "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",
          "dataSrc": "/images/logo/paymentlogos/american-express-1.svg",
          "alt": "American Express",
          "class": "footer__paymentlogos--image"
        },
        "link": "#link"
      },
      {
        "class": "footer__paymentlogos--item",
        "content": "image",
        "contentContext": {
          "src": "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",
          "dataSrc": "/images/logo/paymentlogos/bancontact-mister-cash.svg",
          "alt": "Bancontant Mister Cash",
          "class": "footer__paymentlogos--image"
        },
        "link": "#"
      }
    ]
  }
}
  • Content: 
    .footer {
    color: $gray;
    text-transform: capitalize;
    font-family: $font-family-saira;
    font-weight: $font-weight-base;
    font-size: $font-size-small;

    &__contact {
        background: $form-select-background--gray;
        padding: $spacer--2;
        border-radius: 4px;
        margin-bottom: $spacer--2;

        & .footer__button {
            height: 30px;
            width: 88px;
            margin-top: 15px;
        }
    }

    &__title {
        letter-spacing: -0.005em;
        color: $red;
        padding-left: $spacer--05;

        @include mq($screen-m) {
            padding: 0;
        }
    }

    & .list {
        padding-left: $spacer--05;

        @include mq($screen-m) {
            padding: 0;
        }
    }

    & .newsletter__heading {
        color: $red;
    }

    & .list__item  .link {
        color: $gray;
    }

    &__route-address {
        margin-bottom: $spacer--1;

        @include mq($screen-m) {
            margin-bottom: 0;
        }
    }

    &__route-address,
    & .footer-openinghours {
        & .footer__title {
            padding: 0;
        }
    }

    &__absolute-footer {
        background-color: $gray-darker;
        font-family: $font-family-saira;
        display: flex;
        justify-content: center;
        color: $gray;
        text-transform: none;

        flex-direction: column;
        text-align: center;
        padding: $spacer--05;

        @include mq($screen-m) {
            padding: $spacer--15 0;
            flex-direction: row;
            text-align: left;
        }

        & .link {
            color: $gray;
        }

        & .colon {
            margin: 0;

            @include mq($screen-m) {
                padding: 0 $spacer--1 0 0;
                margin-right: $spacer--1;
            }
        }
        & .colon:after {
            display: none;

            @include mq($screen-m) {
                display: block;
            }
        }
    }

    &__newsletter {
        display: flex;
        flex-direction: row;
        align-items: center;

        @include mq($screen-xl) {
            align-items: flex-start;
            flex-direction: column;
        }
    }

    &__paymentlogos {
        margin: $spacer--2 0;

        &--list {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-evenly;
        }

        &--item {
            display: flex;
            align-items: center;
            padding: 0 3px;
        }

        &--image {
            max-height: 30px;
            width: auto;
        }
    }

    &__trustedlogos {
        margin: $spacer--2 0;

        &--list {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-around;
        }

        &--item {
            display: flex;
            align-self: center;
            width: 25%;
        }
    }
}

.footer-brands {
    margin: $spacer--2 0;

    & .slider__item {
        margin: 0 10px;
        min-width: 20%;
        display: flex;
        align-items: center;

        @include mq($screen-s) {
            min-width: 15%;
        }

        @include mq($screen-m) {
            min-width: 6%;
        }
    }

    &__image {
        display: flex;
        justify-content: center;
    }

    &__slider {
        opacity: 0.3;
        filter: grayscale(1);
    }
}
  • URL: /components/raw/footer/_footer.scss
  • Filesystem Path: build/components/03-modules/footer/_footer.scss
  • Size: 3.4 KB
  • Content: 
    'use strict';

const scrollToTop = document.querySelector('.footer__scroll-top');

scrollToTop.addEventListener('click', () => {
  window.scrollTo(0, 0);
});
  • URL: /components/raw/footer/footer.js
  • Filesystem Path: build/components/03-modules/footer/footer.js
  • Size: 158 Bytes

There are no notes for this item.