NedDev®
NL Book a call
Services
All servicesSaaS developmentAI developmentAPI developmentMobile app developmentGoogle Ads managementHeadless ShopifyLaravel developmentNext.js developmentReact developmentTypeScript engineeringUI/UX designSEO & AEOEcommerce development
Solutions
All solutionsAI solutionsB2B platformsE-commerceHospitalityLead generationLogisticsEducationProcess automationSaaS platformsStartup MVPReal estateHealthcare
Industries
All industriesLegalHealthcareReal estateFinanceHospitality
Regions
All regionsThe HagueRotterdamAmsterdamUtrechtEindhovenAlmereBredaArnhemNijmegenTilburgEnschedeGroningenLeidenDelftZoetermeerDen Bosch
ProcessBlog
Book a call 085 369 7668 info@neddev.com

Bedankpagina offerte · Installatiebedrijf Kamphuis, Deventer New

Thank-you page after a quote request at an installer: the heat pump you asked about large on a colour field, who calls you and when, a diary where you pick a home survey slot right away, a tick list of what to prepare with photo upload, and how installation day goes.

View full screen ↗

Bedankt, Sanne

Je aanvraag voor een hybride warmtepomp in jullie tussenwoning aan de Rielerweg is binnen. Erik belt je morgenochtend om de opname af te spreken.

We stuurden een bevestiging naar s.dekker@voorbeeld.nl. Niks gekregen? Kijk even in je ongewenste mail, of bel ons.

Kies alvast een moment
Witte buitenunit van een hybride warmtepomp op een betonnen tegel
Erik Bosman, adviseur bij Kamphuis, in de werkplaats tussen de koperen leidingen
Erik Bosman doet al je contact tot de monteur voor de deur staat. Hij is zelf twaalf jaar monteur geweest.

Erik belt je morgen

Woensdag 21 oktober tussen 9:00 en 12:00, vanaf 0570 123 456. Neem je niet op, dan spreekt hij in en probeert hij het om 14:00 nog een keer. Hij wil vooral weten hoe warm jullie het thuis willen hebben en waar de buitenunit zou kunnen staan.

Daarna komt hij langs voor de opname. Dat duurt ongeveer drie kwartier. Binnen vijf werkdagen na de opname staat de offerte in je mail, met de ISDE-subsidie al uitgerekend.

Kies alvast een moment voor de opname

Dan hoeft Erik morgen alleen nog te bevestigen.

Donderdag 22 oktober

Vrijdag 23 oktober

Maandag 26 oktober

Dinsdag 27 oktober

Nog geen moment gekozen. Past niets? Dan zoekt Erik er morgen samen met je een.

Wat je alvast kunt doen

Hoeft niet, maar dan kan Erik de offerte bij de opname al bijna afmaken. Vink af wat je gedaan hebt.

  • Cv-ketel aan de muur op een zolder met houten balken
  • Open meterkast in de gang met de groepenkast
  • Buitenunit tegen de bakstenen achtergevel van een rijtjeshuis met planten ervoor
  • Bewoonster laat de installateur de thermostaat in de gang zien

Nog niets afgevinkt.

Monteur sluit koperen leidingen aan op de buitenunit in een achtertuin

Als je ja zegt

De installatie duurt één dag. Twee monteurs staan om 7:30 voor de deur. De buitenunit komt op een tegel of aan een beugel, de binnenunit naast de ketel. Water en stroom zijn hooguit twee uur uit.

Aan het eind van de dag laat de monteur zien hoe de thermostaat werkt. Na drie weken bellen we om te horen of het huis warm genoeg is.

“Ze waren om vier uur klaar en de tuin lag er netter bij dan ’s ochtends.”Annemiek, Rielerenk, Deventer
Binnenunit en ketel in een opgeruimde bijkeuken naast de wasmachine

How to use it

  1. Paste the HTML where the page examples 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.
<!-- Bedankpagina offerte · Installatiebedrijf Kamphuis, Deventer · © 2026 NedDev BV · NedDev Lab-licentie (gratis gebruik, niet doorverkopen) · neddev.com/nl/lab/gebruik/#licentie -->
<div class="jouw-container">
<div class="kmp">
<div class="kmp__head" role="banner"><div class="kmp__in kmp__head-in">
  <a href="#" class="kmp__logo" aria-label="Installatiebedrijf Kamphuis, naar home">Kamphuis</a>
  <nav class="kmp__nav" aria-label="Hoofdmenu">
    <a href="#">Warmtepompen</a><a href="#">Cv-ketels</a><a href="#">Zonnepanelen</a><a href="#">Onderhoud</a><a href="#">Over ons</a>
  </nav>
  <a href="tel:0570123456" class="kmp__tel">0570 123 456</a>
  <button class="kmp__menu-knop" type="button" aria-expanded="false" aria-controls="kmp-menu" aria-label="Menu openen"><span></span><span></span></button>
</div>
<div class="kmp__menu" id="kmp-menu" hidden>
  <a href="#">Warmtepompen</a><a href="#">Cv-ketels</a><a href="#">Zonnepanelen</a><a href="#">Onderhoud</a><a href="#">Over ons</a><a href="tel:0570123456">Bel 0570 123 456</a>
</div>
</div>

<div class="kmp__hero">
  <div class="kmp__hero-txt">
    <h1 class="kmp__h1">Bedankt, Sanne</h1>
    <p class="kmp__lead">Je aanvraag voor een hybride warmtepomp in jullie tussenwoning aan de Rielerweg is binnen. Erik belt je morgenochtend om de opname af te spreken.</p>
    <p class="kmp__klein">We stuurden een bevestiging naar s.dekker@voorbeeld.nl. Niks gekregen? Kijk even in je ongewenste mail, of bel ons.</p>
    <a href="#kmp-agenda" class="kmp__btn">Kies alvast een moment</a>
  </div>
  <div class="kmp__vlak">
    <img src="https://neddev.com/lab-media/page-bedankt-offerte-1.webp" alt="Witte buitenunit van een hybride warmtepomp op een betonnen tegel" width="1408" height="768">
  </div>
</div>

<div class="kmp__nu" id="kmp-agenda"><div class="kmp__in kmp__nu-in">
  <figure class="kmp__erik">
    <img src="https://neddev.com/lab-media/page-bedankt-offerte-2.webp" alt="Erik Bosman, adviseur bij Kamphuis, in de werkplaats tussen de koperen leidingen" width="768" height="1376" loading="lazy">
    <figcaption>Erik Bosman doet al je contact tot de monteur voor de deur staat. Hij is zelf twaalf jaar monteur geweest.</figcaption>
  </figure>
  <div class="kmp__nu-txt">
    <h2 class="kmp__h2">Erik belt je morgen</h2>
    <p>Woensdag 21 oktober tussen 9:00 en 12:00, vanaf 0570 123 456. Neem je niet op, dan spreekt hij in en probeert hij het om 14:00 nog een keer. Hij wil vooral weten hoe warm jullie het thuis willen hebben en waar de buitenunit zou kunnen staan.</p>
    <p>Daarna komt hij langs voor de opname. Dat duurt ongeveer drie kwartier. Binnen vijf werkdagen na de opname staat de offerte in je mail, met de ISDE-subsidie al uitgerekend.</p>

    <div class="kmp__agenda">
      <h3 class="kmp__h3">Kies alvast een moment voor de opname</h3>
      <p class="kmp__agenda-uitleg">Dan hoeft Erik morgen alleen nog te bevestigen.</p>
      <div class="kmp__dagen" role="group" aria-label="Beschikbare momenten">
        <div class="kmp__dag"><p class="kmp__dag-naam">Donderdag 22 oktober</p><div class="kmp__tijden"><button type="button" class="kmp__tijd" aria-pressed="false">13:00</button><button type="button" class="kmp__tijd" aria-pressed="false">15:30</button></div></div>
        <div class="kmp__dag"><p class="kmp__dag-naam">Vrijdag 23 oktober</p><div class="kmp__tijden"><button type="button" class="kmp__tijd" aria-pressed="false">8:30</button><button type="button" class="kmp__tijd" aria-pressed="false">10:30</button></div></div>
        <div class="kmp__dag"><p class="kmp__dag-naam">Maandag 26 oktober</p><div class="kmp__tijden"><button type="button" class="kmp__tijd" aria-pressed="false">10:00</button><button type="button" class="kmp__tijd" aria-pressed="false">13:00</button><button type="button" class="kmp__tijd" aria-pressed="false">15:30</button></div></div>
        <div class="kmp__dag"><p class="kmp__dag-naam">Dinsdag 27 oktober</p><div class="kmp__tijden"><button type="button" class="kmp__tijd" aria-pressed="false">8:30</button><button type="button" class="kmp__tijd" aria-pressed="false">16:00</button></div></div>
      </div>
      <p class="kmp__keuze" aria-live="polite">Nog geen moment gekozen. Past niets? Dan zoekt Erik er morgen samen met je een.</p>
      <button type="button" class="kmp__btn kmp__vast" disabled>Dit moment vastleggen</button>
    </div>
  </div>
</div></div>

<div class="kmp__klaar"><div class="kmp__in">
  <div class="kmp__klaar-kop">
    <h2 class="kmp__h2">Wat je alvast kunt doen</h2>
    <p>Hoeft niet, maar dan kan Erik de offerte bij de opname al bijna afmaken. Vink af wat je gedaan hebt.</p>
  </div>
  <ul class="kmp__lijst">
    <li class="kmp__punt"><label class="kmp__vink"><input type="checkbox"><span class="kmp__vink-txt"><strong>Maak een foto van je cv-ketel</strong>Het liefst ook van het typeplaatje aan de onderkant of zijkant. Dan weten we of je ketel geschikt is om mee samen te werken.</span></label><img src="https://neddev.com/lab-media/page-bedankt-offerte-3.webp" alt="Cv-ketel aan de muur op een zolder met houten balken" width="900" height="491" loading="lazy"></li>
    <li class="kmp__punt"><label class="kmp__vink"><input type="checkbox"><span class="kmp__vink-txt"><strong>Fotografeer de meterkast</strong>Met de deur open, zodat we de groepen zien. Een warmtepomp krijgt meestal een eigen groep; soms is er nog een vrije plek.</span></label><img src="https://neddev.com/lab-media/page-bedankt-offerte-4.webp" alt="Open meterkast in de gang met de groepenkast" width="900" height="491" loading="lazy"></li>
    <li class="kmp__punt"><label class="kmp__vink"><input type="checkbox"><span class="kmp__vink-txt"><strong>Kijk waar de buitenunit kan staan</strong>Aan de achtergevel of in de tuin, met een meter vrije ruimte ervoor en het liefst niet onder het slaapkamerraam van de buren.</span></label><img src="https://neddev.com/lab-media/page-bedankt-offerte-5.webp" alt="Buitenunit tegen de bakstenen achtergevel van een rijtjeshuis met planten ervoor" width="900" height="491" loading="lazy"></li>
    <li class="kmp__punt"><label class="kmp__vink"><input type="checkbox"><span class="kmp__vink-txt"><strong>Zoek je gasverbruik op</strong>Het staat op de jaarafrekening van je energieleverancier. Bij een tussenwoning uit de jaren zeventig is het vaak tussen 1.100 en 1.500 kuub.</span></label><img src="https://neddev.com/lab-media/page-bedankt-offerte-9.webp" alt="Bewoonster laat de installateur de thermostaat in de gang zien" width="900" height="491" loading="lazy"></li>
  </ul>
  <p class="kmp__teller" aria-live="polite">Nog niets afgevinkt.</p>

  <form class="kmp__upload" novalidate>
    <label class="kmp__drop">
      <input type="file" class="kmp__file" accept="image/*" multiple>
      <span class="kmp__drop-kop">Stuur je foto's alvast mee</span>
      <span class="kmp__drop-sub">Sleep ze hierheen of tik om te kiezen. Ze komen bij je aanvraag OF-26-1184.</span>
    </label>
    <ul class="kmp__files" hidden></ul>
    <p class="kmp__fout" aria-live="polite"></p>
    <button type="submit" class="kmp__btn">Foto's versturen</button>
  </form>
</div></div>

<div class="kmp__dagbeeld"><div class="kmp__in kmp__dagbeeld-in">
  <img class="kmp__d1" src="https://neddev.com/lab-media/page-bedankt-offerte-6.webp" alt="Monteur sluit koperen leidingen aan op de buitenunit in een achtertuin" width="900" height="491" loading="lazy">
  <div class="kmp__dagbeeld-txt">
    <h2 class="kmp__h2">Als je ja zegt</h2>
    <p>De installatie duurt één dag. Twee monteurs staan om 7:30 voor de deur. De buitenunit komt op een tegel of aan een beugel, de binnenunit naast de ketel. Water en stroom zijn hooguit twee uur uit.</p>
    <p>Aan het eind van de dag laat de monteur zien hoe de thermostaat werkt. Na drie weken bellen we om te horen of het huis warm genoeg is.</p>
    <blockquote class="kmp__quote">“Ze waren om vier uur klaar en de tuin lag er netter bij dan ’s ochtends.”<span>Annemiek, Rielerenk, Deventer</span></blockquote>
  </div>
  <img class="kmp__d2" src="https://neddev.com/lab-media/page-bedankt-offerte-8.webp" alt="Binnenunit en ketel in een opgeruimde bijkeuken naast de wasmachine" width="900" height="491" loading="lazy">
</div></div>

<div class="kmp__voet" role="contentinfo">
  <img class="kmp__voet-foto" src="https://neddev.com/lab-media/page-bedankt-offerte-7.webp" alt="Straat met bakstenen rijtjeshuizen in Deventer in de herfst" width="900" height="491" loading="lazy">
  <div class="kmp__in kmp__voet-in">
    <p class="kmp__voet-groot">We werken in Deventer en tot 25 kilometer eromheen.</p>
    <p>Installatiebedrijf Kamphuis B.V. · Hanzeweg 9, 7418 AW Deventer · <a href="tel:0570123456">0570 123 456</a> · <a href="mailto:info@voorbeeld.nl">info@voorbeeld.nl</a></p>
    <p>KvK 08123456 · BTW NL001234567B01 · Erkend installateur InstallQ · F-gassencertificaat · <a href="#">Privacy</a> · <a href="#">Voorwaarden</a></p>
  </div>
</div>
</div>
</div>

More page examples

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 →