NedDev®
NL Get in touch
Home Work
Services
SaaS developmentAI developmentAPI developmentMobile app developmentGoogle Ads managementHeadless ShopifyLaravel developmentNext.js developmentReact developmentTypeScript engineeringUI/UX designSEO & AEOEcommerce development
Solutions
AI solutionsB2B platformsE-commerceHospitalityLead generationLogisticsEducationProcess automationSaaS platformsStartup MVPReal estateHealthcare
Industries
LegalHealthcareReal estateFinanceHospitality
Regions
The HagueRotterdamAmsterdamUtrechtEindhovenAlmereBredaArnhemNijmegenTilburgEnschedeGroningenLeidenDelftZoetermeerDen Bosch
Studio
AboutProcessLabBlogContact

Hero met gestapelde projectstrip New

Contractor hero with a rotating stack of project cards and a live label showing the current job.

Bouwbedrijf Koster · Delft e.o.

Verbouwen met één aanspreekpunt, van sloop tot sleutel.

Badkamers, keukens, dakkapellen en aanbouwen. Eigen vakmensen, vaste planning per week en elke vrijdag een foto-update in uw app.

Vraag een adviesgesprek aanBekijk 140+ projecten
Gem. oplevering
op de geplande dag
Beoordeling
9,1 / 10
Nu bezig in Delft · badkamer Hugo de Grootstraat, week 2 van 3
Badkamer Hof van Delft · 2026
Dakkapel Tanthof-Oost · 2026
Keuken Vrijenban · 2025
Aanbouw Rijswijk · 2025

How to use it

  1. Paste the HTML where the page sections should appear.
  2. Add the CSS to your stylesheet. All classes are prefixed, so nothing clashes with your own styles.
  3. Add the JavaScript and call init() with the element that contains the HTML.
<!-- Hero met gestapelde projectstrip · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="xps">
  <div class="xps__inner">
    <div class="xps__text">
      <span class="xps__eyebrow">Bouwbedrijf Koster · Delft e.o.</span>
      <h2 class="xps__h">Verbouwen met één aanspreekpunt, van sloop tot sleutel.</h2>
      <p class="xps__lead">Badkamers, keukens, dakkapellen en aanbouwen. Eigen vakmensen, vaste planning per week en elke vrijdag een foto-update in uw app.</p>
      <div class="xps__cta"><a href="#" class="xps__btn">Vraag een adviesgesprek aan</a><a href="#" class="xps__link">Bekijk 140+ projecten</a></div>
      <dl class="xps__stats"><div><dt>Gem. oplevering</dt><dd>op de geplande dag</dd></div><div><dt>Beoordeling</dt><dd>9,1 / 10</dd></div></dl>
    </div>
    <div class="xps__stage">
      <span class="xps__now"><i></i>Nu bezig in Delft · badkamer Hugo de Grootstraat, week 2 van 3</span>
      <div class="xps__stack" role="list" aria-label="Recente projecten">
        <figure class="xps__card" data-pos="0" role="listitem"><div class="xps__img xps__img--bad"></div><figcaption><b>Badkamer</b> Hof van Delft · 2026</figcaption></figure>
        <figure class="xps__card" data-pos="1" role="listitem"><div class="xps__img xps__img--dak"></div><figcaption><b>Dakkapel</b> Tanthof-Oost · 2026</figcaption></figure>
        <figure class="xps__card" data-pos="2" role="listitem"><div class="xps__img xps__img--keuken"></div><figcaption><b>Keuken</b> Vrijenban · 2025</figcaption></figure>
        <figure class="xps__card" data-pos="3" role="listitem"><div class="xps__img xps__img--gevel"></div><figcaption><b>Aanbouw</b> Rijswijk · 2025</figcaption></figure>
      </div>
      <button type="button" class="xps__next">Volgend project <span aria-hidden="true">→</span></button>
    </div>
  </div>
</div>
</div>

More page sections

Seen something you like?

Add it to your selection and send it over. We build your site around it, in your brand.

Get in touch →