Hero section title

Lorem ipsum dolor sit amet

Meer nieuws

per capsule

Hoeveel capsules wil je toevoegen?

Anderen kochten ook

This is a title

<div class="nes-hero__visual">
                <img class="nes-hero__background-image" src="https://via.placeholder.com/150" fetchpriority=”high” />
            </div>
        
        <div class="nes-container">
            <div class="nes-hero__content">
                                <h1 class="nes-hero__title">Hero section title</h1>

<div class="nes-hero__body">
                                            Lorem ipsum dolor sit amet
                                    </div>

</div>

</div>
    </section>

<div class="nes-promotion__header">
        <h3 class="nes-promotion__header-title">This is a title</h3>
        <p>Lorem ipsum dolor sit amet</p>

<button class="nes-button nes-button--bordered nes-promotion__cta" data-nes-promotion
                    data-nes-click-push="Promotion Card - ">
                <span>Call to action 1</span>
                <svg class="icon-arrow" width="12" height="10" viewBox="0 0 12 10">
                    <use xlink:href="https://dl906josmvu2y.cloudfront.net/theme/images/dist.svg#icon-arrow"></use>
                </svg>
            </button>
            </div>
    <div class="nes-promotion__body">
        <figure class="nes-promotion__media">
                    </figure>
            </div>

</a>
                                    
    <a href="#"
        class="nes-custom-scroll__item nes-promotion"
        data-nes-click-push="Promotion Card - "
        data-nes-promo-click-push=""
        
        
    >

<div class="nes-promotion__header">
        <h3 class="nes-promotion__header-title">This is also a title</h3>
        <p>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet</p>

<button class="nes-button nes-button--bordered nes-promotion__cta" data-nes-promotion
                    data-nes-click-push="Promotion Card - ">
                <span>Call to action 2</span>
                <svg class="icon-arrow" width="12" height="10" viewBox="0 0 12 10">
                    <use xlink:href="https://dl906josmvu2y.cloudfront.net/theme/images/dist.svg#icon-arrow"></use>
                </svg>
            </button>
            </div>
    <div class="nes-promotion__body">
        <figure class="nes-promotion__media">
                    </figure>
            </div>

<div class="nes-promotion__header">
        <h3 class="nes-promotion__header-title">This is also a title</h3>
        <p>Lorem ipsum dolor sit amet</p>

<button class="nes-button nes-button--bordered nes-promotion__cta" data-nes-promotion
                    data-nes-click-push="Promotion Card - ">
                <span>Call to action 3</span>
                <svg class="icon-arrow" width="12" height="10" viewBox="0 0 12 10">
                    <use xlink:href="https://dl906josmvu2y.cloudfront.net/theme/images/dist.svg#icon-arrow"></use>
                </svg>
            </button>
            </div>
    <div class="nes-promotion__body">
        <figure class="nes-promotion__media">
                    </figure>
            </div>

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

Meer nieuws

<section
                class="nes-range-section "
        data-nes-range-section
        
    >
        <div class="nes-filter-container" data-nes-filter-container>
            <div class="nes-filter-panel" data-nes-filter-panel data-nes-section="PLP Filters">
                <header class="nes-filter-header nes-filter-panel__header">
                    <div class="nes-container">
                        <div class="nes-filter-panel__header-content">
                            <h3 class="nes-filter-panel__title">Filteren</h3>
                            <div class="nes-filter-panel__header-cta">
                                <button class="nes-filter-reset sr-only" data-nes-reset-filters
                                        data-nes-click-push="Coffee PLP - Reset Filter">
                                    Reset filters
                                </button>
                                <button class="nes-filter-close" data-nes-close-filters>
                                    Sluit &times;
                                </button>
                            </div>
                        </div>
                    </div>
                </header>
                <div class="nes-container">
                    <div class="nes-filter-panel__content">
                        <div class="nes-filter-header__tags" data-nes-filter-tag-holder></div>
                        
                        <div class="nes-filter-group">
                            <h4 class="nes-filter-group__heading">Type koffie</h4>
                            <p class="nes-filter-group__intro">
                                
                            </p>
                                                    </div>

<div class="nes-filter-group">
                            <h4 class="nes-filter-group__heading">Intensiteit</h4>
                            <p class="nes-filter-group__intro">
                                
                            </p>
                                                    </div>

<div class="nes-filter-group">
                            <h4 class="nes-filter-group__heading">smaak</h4>
                            <p class="nes-filter-group__intro">
                                
                            </p>
                                                    </div>
                    </div>
                </div>
            </div>
            <div class="nes-filter-panel__footer" data-nes-filter-footer>
                <div class="nes-container">
                    <button class="nes-button nes-button--bordered nes-filter-panel__footer-apply"
                            data-nes-close-filters data-nes-apply-filter
                            data-nes-click-push="Coffee PLP - Apply Filter">
                        Filter toepassen
                    </button>
                </div>
            </div>
        </div>

<div
            class="nes-active-filter-panel nes-range--light"
            data-nes-active-products-container
            data-nes-section="PLP Filtered Results">
            <div class="nes-container">
                <div class="nes-range__container">
                    <div class="nes-range__content">
                        <div class="nes-range__title-wrapper">
                            <h3 class="nes-range__title" data-nes-active-product-heading>
                            <span class="nes-range-filter__results-count"
                                  data-nes-filter-result-count></span> koffies passen bij je gekozen filter(s)
                            </h3>
                        </div>

<a class="nes-range__body-href"
                           href="https://www.nespresso.com/nl/nl/koffie-keuze-hulp">
                            <span>Benieuwd welke koffie bij jouw smaak past?</span>
                            <svg class="icon-arrow" width="12" height="10" viewBox="0 0 12 10">
                                <use xlink:href="https://dl906josmvu2y.cloudfront.net/theme/images/dist.svg#icon-arrow"></use>
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
            <div class="nes-container">
                <div class="nes-range-section__content" data-js-nes-active-products></div>
            </div>
        </div>

<div class="nes-ranges">
                            </div>
            </section>
    <section class="nes-ranges-templates">
        <div class="nes-cups-atc" data-nes-cups-atc>
            <div class="nes-cups-atc__wrapper" data-nes-cups-atc-wrapper>
                <div class="nes-cups-atc__content" data-nes-cups-atc-content>
                    <div class="nes-cups-atc__atc-wrapper">
                        <div class="nes-cups-atc__atc">
                            <div class="nes-cups-atc__img-text">
                                <div class="nes-cup-atc__img"></div>
                                <div class="nes-cup-atc__title"></div>
                            </div>
                            <div class="nes-cup-atc__price-add">
                                <div class="nes-cup-atc__price">
                                    <div class="nes-cup-atc__price-display">
                                    </div>
                                    <div class="nes-cup-atc__price-per-item">
                                        per capsule
                                    </div>
                                </div>
                                <div class="nes-cup-atc__add">
                                    <button class="nes-button nes-button-crosssell nes-button-crosssell--minus"
                                            data-nes-atb-stepper="minus">
                                        <span class="sr-only">10 cups verwijderen</span>
                                    </button>
                                    <input class="nes-cup-atc__input" type="text" step="10" value="0" pattern="\d*"
                                           data-nes-atb-stepper-input>
                                    <button class="nes-button nes-button-crosssell" data-nes-atb-stepper="plus">
                                        <span class="sr-only">10 cups toevoegen</span>
                                    </button>
                                </div>
                            </div>
                            <div class="nes-cup-atc__add-more nes-cup-atc__add-more--variant">
                                <h4>Hoeveel capsules wil je toevoegen?</h4>
                                <div class="nes-cup-atc__add-more-grid">
                                    <button class="nes-button nes-button--bordered" data-nes-atb-stepper="remove">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#282828" fill-rule="evenodd" d="M10.444 0H6l-.889.889H2v1.778h12.444V.889h-3.11L10.443 0Zm1.334 5.333v8.89H4.667v-8.89h7.11Zm-8.89-1.777h10.668v10.666c0 .978-.8 1.778-1.778 1.778H4.667c-.978 0-1.778-.8-1.778-1.778V3.556Z" clip-rule="evenodd"/></svg>
                                    </button>
                                    <button class="nes-button nes-button--bordered" data-nes-atb-more="10">10</button>
                                    <button class="nes-button nes-button--bordered" data-nes-atb-more="20">20</button>
                                    <button class="nes-button nes-button--bordered" data-nes-atb-more="30">30</button>
                                    <button class="nes-button nes-button--bordered" data-nes-atb-more="40">40</button>
                                    <button class="nes-button nes-button--bordered" data-nes-atb-more="50">50</button>
                                    <button class="nes-button nes-button--bordered" data-nes-atb-more="60">60</button>
                                    <button class="nes-button nes-button--bordered" data-nes-atb-more="70">70</button>
                                    <button class="nes-button nes-button--bordered" data-nes-atb-more="80">80</button>
                                    <button class="nes-button nes-button--bordered" data-nes-atb-more="90">90</button>
                                    <button class="nes-button nes-button--bordered" data-nes-atb-more="100">100</button>
                                    <button class="nes-button nes-button--bordered" data-nes-atb-more="150">150</button>
                                    <button class="nes-button nes-button--bordered" data-nes-atb-more="200">200</button>
                                    <button class="nes-button nes-button--bordered" data-nes-atb-more="250">250</button>
                                    <button class="nes-button nes-button--bordered" data-nes-atb-more="300">300</button>
                                </div>
                                <div class="nes-cup-atc__price-add-open">
                                    <input class="nes-cup-atc__input" placeholder="- Kies zelf een hoeveelheid -" type="text" min="10" value="" pattern="\d*"
                                           data-nes-atb-stepper-input-open />
                                    <button class="nes-button nes-button-crosssell nes-button-crosssell--submit" data-nes-atb-stepper="submit">
                                        <span>Ok</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="nes-cups-atc__cups">
                        <h4>Anderen kochten ook</h4>
                        <div class="nes-cups-atc__cups-container" data-nes-atc-cups>
                            <div class="nes-product-tile nes-product-tile--skeleton">
                                <span class="sr-only">Gerelateerde koffies worden geladen.</span>
                            </div>
                            <div class="nes-product-tile nes-product-tile--skeleton">
                                <span class="sr-only">Gerelateerde koffies worden geladen.</span>
                            </div>
                            <div class="nes-product-tile nes-product-tile--skeleton">
                                <span class="sr-only">Gerelateerde koffies worden geladen.</span>
                            </div>
                            <div class="nes-product-tile nes-product-tile--skeleton">
                                <span class="sr-only">Gerelateerde koffies worden geladen.</span>
                            </div>
                            <div class="nes-product-tile nes-product-tile--skeleton">
                                <span class="sr-only">Gerelateerde koffies worden geladen.</span>
                            </div>
                            <div class="nes-product-tile nes-product-tile--skeleton">
                                <span class="sr-only">Gerelateerde koffies worden geladen.</span>
                            </div>
                            <div class="nes-product-tile nes-product-tile--skeleton">
                                <span class="sr-only">Gerelateerde koffies worden geladen.</span>
                            </div>
                            <div class="nes-product-tile nes-product-tile--skeleton">
                                <span class="sr-only">Gerelateerde koffies worden geladen.</span>
                            </div>
                            <div class="nes-product-tile nes-product-tile--skeleton">
                                <span class="sr-only">Gerelateerde koffies worden geladen.</span>
                            </div>
                            <div class="nes-product-tile nes-product-tile--skeleton">
                                <span class="sr-only">Gerelateerde koffies worden geladen.</span>
                            </div>
                            <div class="nes-product-tile nes-product-tile--skeleton">
                                <span class="sr-only">Gerelateerde koffies worden geladen.</span>
                            </div>
                            <div class="nes-product-tile nes-product-tile--skeleton">
                                <span class="sr-only">Gerelateerde koffies worden geladen.</span>
                            </div>
                            <div class="nes-product-tile nes-product-tile--skeleton">
                                <span class="sr-only">Gerelateerde koffies worden geladen.</span>
                            </div>
                            <div class="nes-product-tile nes-product-tile--skeleton">
                                <span class="sr-only">Gerelateerde koffies worden geladen.</span>
                            </div>
                        </div>
                    </div>
                    <button data-nes-atb-close-button>
                    <span class="icon">
                    <span></span>
                    <span></span>
                    </span>
                        <span class="button-text">
                        Terug naar alle koffies
                    </span>
                    </button>
                </div>
                <button data-nes-atb-open-crosssell>
                    <span></span>
                    <span class="sr-only">Laat meer zien</span>
                </button>
                <button data-nes-atb-scroll-crosssell>
                    <span class="sr-only">Laat meer zien</span>
                </button>
            </div>
        </div>
    </section>
    <script>
        window.nesStatusMessages = {
            "success": "{number} capsules toegevoegd aan je winkelmand",
            "error": "Er is iets misgegaan"
        }
        window.nesMinicartAssets = {
            "paymentImg": "https://dl906josmvu2y.cloudfront.net/theme/images/paymentx2.jpg"
        }
        window.nesAtbTemplateText = "Voeg toe";
        window.nesAtbTemplate = `<button data-nes-add-to-bag-overlay data-product-id>
                                    <span class="text">Voeg toe</span>
                                    <span class="qty"></span>
                                </button>`;
    </script>
        <section
                class="nes-usps-section"
        data-nes-usps-section
        data-nes-section="This is a title"
        
    >
        
        <div class="nes-container nes-usps-section__content">
            <h2 class="nes-usps-section__title">This is a title</h2>
            <div class="nes-usps" data-nes-usps-block>
                <div class="nes-usps__content">
                    <ul class="nes-usps__list">
                                                    <li class="nes-usps__item">

<a class="nes-usps__href" href="#"
       data-nes-click-push="USP - "
        
        >
        <div class="nes-usps__icon ">
                                                <svg width="65" height="48" viewBox="0 0 65 48">
                                    <use xlink:href="https://dl906josmvu2y.cloudfront.net/theme/images/dist.svg#cup"></use>
                </svg>
                    </div>
        <div class="nes-usps__item-content">
            <h4 class="nes-usps__title">This is a title</h4>
            <p>Lorem ipsum dolor sit amet</p>
            <button class="nes-usps__item-button">
                <span>Call to action</span>
                <svg class="icon-arrow" width="12" height="10" viewBox="0 0 12 10">
                    <use xlink:href="https://dl906josmvu2y.cloudfront.net/theme/images/dist.svg#icon-arrow"></use>
                </svg>
            </button>
        </div>
    </a>
</li>
                                                    <li class="nes-usps__item">

<a class="nes-usps__href" href="#"
       data-nes-click-push="USP - "
        
        >
        <div class="nes-usps__icon ">
                                                <svg width="65" height="48" viewBox="0 0 65 48">
                                    <use xlink:href="https://dl906josmvu2y.cloudfront.net/theme/images/dist.svg#machine"></use>
                </svg>
                    </div>
        <div class="nes-usps__item-content">
            <h4 class="nes-usps__title">This is also a title</h4>
            <p>Lorem ipsum dolor sit amet</p>
            <button class="nes-usps__item-button">
                <span>Call to action</span>
                <svg class="icon-arrow" width="12" height="10" viewBox="0 0 12 10">
                    <use xlink:href="https://dl906josmvu2y.cloudfront.net/theme/images/dist.svg#icon-arrow"></use>
                </svg>
            </button>
        </div>
    </a>
</li>
                                                    <li class="nes-usps__item">

<a class="nes-usps__href" href="#"
       data-nes-click-push="USP - "
        
        >
        <div class="nes-usps__icon ">
                                                <svg width="65" height="48" viewBox="0 0 65 48">
                                    <use xlink:href="https://dl906josmvu2y.cloudfront.net/theme/images/dist.svg#nespresso"></use>
                </svg>
                    </div>
        <div class="nes-usps__item-content">
            <h4 class="nes-usps__title">This is yet another a title</h4>
            <p>Lorem ipsum dolor sit amet</p>
            <button class="nes-usps__item-button">
                <span>Call to action</span>
                <svg class="icon-arrow" width="12" height="10" viewBox="0 0 12 10">
                    <use xlink:href="https://dl906josmvu2y.cloudfront.net/theme/images/dist.svg#icon-arrow"></use>
                </svg>
            </button>
        </div>
    </a>
</li>
                                            </ul>
                </div>
            </div>
                    </div>

</section>

<div class="nes-seo-section__visual">
                    </div>
                
        <div class="nes-container nes-seo-section__content">
            <div class="nes-seo-block" data-nes-seo-block>
    <div class="nes-seo-block__content">
                    <h2 class="nes-seo-block__title">This is a title</h2>
        
                    
        
    </div>

<a class="nes-button nes-button--light" href="#"
           data-nes-click-push="SEO - CTA - "
            
        >
            <span>Call to action</span>
            <svg class="icon-arrow" width="12" height="10" viewBox="0 0 12 10">
                <use xlink:href="https://dl906josmvu2y.cloudfront.net/theme/images/dist.svg#icon-arrow"></use>
            </svg>
        </a>
    </div>
        </div>
    </section>

Winkelmand updaten

Hoofdmenu

Hero section title

This is a title

This is also a title

This is also a title

Filteren

Type koffie

Intensiteit

smaak

koffies passen bij je gekozen filter(s)

Hoeveel capsules wil je toevoegen?

Anderen kochten ook

This is a title

This is a title

This is also a title

This is yet another a title

This is a title