NedDev®
EN Get in touch
Home Werk
Diensten
SaaS bouwenAI developmentAPI developmentMobile app developmentGoogle Ads managementHeadless ShopifyLaravel developmentNext.js developmentReact developmentTypeScript engineeringUI/UX designSEO & AEOWebshop bouwen
Oplossingen
AI-oplossingenB2B-platformsE-commerceHorecaLead generationLogistiekOnderwijsProcesautomatiseringSaaS-platformsStartup MVPVastgoedZorg
Branches
JuridischZorgVastgoedFinanceHoreca
Regio
Den HaagRotterdamAmsterdamUtrechtEindhovenAlmereBredaArnhemNijmegenTilburgEnschedeGroningenLeidenDelftZoetermeerDen Bosch
Studio
OverWerkwijzeLabBlogContact

Hero met gestapelde projectstrip Nieuw

Hero voor een aannemer met een stapel projectkaarten die rouleert en een live label van het project waar het team nu aan werkt.

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

Zo gebruik je het

  1. Plak de HTML op de plek waar het onderdeel moet komen.
  2. Zet de CSS in je stylesheet. Alle klassen hebben een eigen voorvoegsel, dus niets botst met je eigen opmaak.
  3. Voeg de JavaScript toe en roep init() aan met het element waar de HTML in staat.
<!-- 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>

Meer uit paginasecties

Iets gezien dat je mooi vindt?

Zet het in je selectie en stuur hem op. Dan bouwen we je site eromheen, in jouw huisstijl.

Neem contact op →