Reviews verweven met diensten New
Each service is followed directly by a customer quote with a 1-10 rating and its own next step, three times in a steady rhythm. Proof sits next to the claim instead of at the bottom. Pure CSS; buttons have hover, focus and pressed states.
De Boer Verhuizingen · Amersfoort · sinds 1981
Zo verhuizen wij u, en dit vonden de mensen die u voorgingen.
Eén vaste prijs na de opname
Een verhuisadviseur komt langs en telt mee wat er mee moet. U krijgt één prijs inclusief btw. Blijkt het op de dag meer kuub of past de kast niet door het trapgat, dan betaalt u niets extra.
- Voorbeeld
- 3-kamerappartement, Utrecht naar Amersfoort
- Volume
- 34 m³ · 3e verdieping met lift
- Vaste prijs
- € 1.185,00 incl. btw
De prijs die we in juni kregen, was precies wat we in september betaalden. Ook toen bleek dat de kledingkast niet door het trapgat paste.
Utrecht naar Amersfoort · verhuisd za 12 sep 2026
Wij pakken in, ook de keuken
Op de dag vóór de verhuizing pakt een vaste ploeg van vier keuken, boeken en breekbaar in. Met onze eigen dozen, die we na afloop weer ophalen.
- 120 dozen inbegrepen
- Serviesdozen met vakverdeling
- Kledingdozen met hangstang
- Dozen ophalen binnen 3 weken
Om acht uur stonden ze met vier man voor de deur. Om één uur was de keuken ingepakt en zat alles in de wagen.
Leusden · verhuisd vr 2 okt 2026
Opslag tussen twee woningen
Is het nieuwe huis nog niet klaar? Uw spullen staan zolang in ons eigen pand in Vathorst, op naam en met foto van elke container.
- Container
- 7,5 m³, verzegeld
- Prijs
- € 69,00 per maand
- Opzeggen
- per maand
Ons huis was drie weken later klaar dan gepland. Alles stond zolang bij hen en kwam zonder één kras terug.
Soest · verhuisd do 24 sep 2026
Cijfers uit 1.912 beoordelingen op Klantenvertellen, gemiddeld 9,1.
How to use it
- Paste the HTML where the page sections should appear.
- Add the CSS to your stylesheet. All classes are prefixed, so nothing clashes with your own styles.
- No JavaScript needed.
<!-- Reviews verweven met diensten · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="tvw">
<div class="tvw__in">
<div class="tvw__top">
<p class="tvw__eyebrow">De Boer Verhuizingen · Amersfoort · sinds 1981</p>
<h2 class="tvw__h">Zo verhuizen wij u, en dit vonden de mensen die u voorgingen.</h2>
</div>
<div class="tvw__row">
<div class="tvw__txt"><span class="tvw__no">01</span><h3 class="tvw__t">Eén vaste prijs na de opname</h3><p>Een verhuisadviseur komt langs en telt mee wat er mee moet. U krijgt één prijs inclusief btw. Blijkt het op de dag meer kuub of past de kast niet door het trapgat, dan betaalt u niets extra.</p></div>
<dl class="tvw__fact"><div><dt>Voorbeeld</dt><dd>3-kamerappartement, Utrecht naar Amersfoort</dd></div><div><dt>Volume</dt><dd>34 m³ · 3e verdieping met lift</dd></div><div><dt>Vaste prijs</dt><dd class="tvw__price">€ 1.185,00 <small>incl. btw</small></dd></div></dl>
</div>
<figure class="tvw__q">
<span class="tvw__mark" aria-hidden="true">“</span>
<blockquote class="tvw__bq">De prijs die we in juni kregen, was precies wat we in september betaalden. Ook toen bleek dat de kledingkast niet door het trapgat paste.</blockquote>
<figcaption class="tvw__by"><span class="tvw__score" aria-label="Cijfer 9,4 van 10">9,4</span><span><b>Marloes en Jeroen</b><br>Utrecht naar Amersfoort · verhuisd za 12 sep 2026</span></figcaption>
<a class="tvw__cta" href="#">Vraag een vaste prijs aan</a>
</figure>
<div class="tvw__row tvw__row--flip">
<div class="tvw__txt"><span class="tvw__no">02</span><h3 class="tvw__t">Wij pakken in, ook de keuken</h3><p>Op de dag vóór de verhuizing pakt een vaste ploeg van vier keuken, boeken en breekbaar in. Met onze eigen dozen, die we na afloop weer ophalen.</p></div>
<ul class="tvw__fact tvw__list"><li>120 dozen inbegrepen</li><li>Serviesdozen met vakverdeling</li><li>Kledingdozen met hangstang</li><li>Dozen ophalen binnen 3 weken</li></ul>
</div>
<figure class="tvw__q">
<span class="tvw__mark" aria-hidden="true">“</span>
<blockquote class="tvw__bq">Om acht uur stonden ze met vier man voor de deur. Om één uur was de keuken ingepakt en zat alles in de wagen.</blockquote>
<figcaption class="tvw__by"><span class="tvw__score" aria-label="Cijfer 9,0 van 10">9,0</span><span><b>Hans Verhoef</b><br>Leusden · verhuisd vr 2 okt 2026</span></figcaption>
<a class="tvw__cta" href="#">Plan een gratis opname</a>
</figure>
<div class="tvw__row">
<div class="tvw__txt"><span class="tvw__no">03</span><h3 class="tvw__t">Opslag tussen twee woningen</h3><p>Is het nieuwe huis nog niet klaar? Uw spullen staan zolang in ons eigen pand in Vathorst, op naam en met foto van elke container.</p></div>
<dl class="tvw__fact"><div><dt>Container</dt><dd>7,5 m³, verzegeld</dd></div><div><dt>Prijs</dt><dd class="tvw__price">€ 69,00 <small>per maand</small></dd></div><div><dt>Opzeggen</dt><dd>per maand</dd></div></dl>
</div>
<figure class="tvw__q">
<span class="tvw__mark" aria-hidden="true">“</span>
<blockquote class="tvw__bq">Ons huis was drie weken later klaar dan gepland. Alles stond zolang bij hen en kwam zonder één kras terug.</blockquote>
<figcaption class="tvw__by"><span class="tvw__score" aria-label="Cijfer 9,6 van 10">9,6</span><span><b>Fatima el Idrissi</b><br>Soest · verhuisd do 24 sep 2026</span></figcaption>
<a class="tvw__cta tvw__cta--ghost" href="#">Bekijk opslagtarieven</a>
</figure>
<p class="tvw__src">Cijfers uit 1.912 beoordelingen op Klantenvertellen, gemiddeld 9,1.</p>
</div>
</div>
</div>/* Reviews verweven met diensten · NedDev · eigen werk. */
/* fonts (Fontshare): bespoke-serif@400,500 + satoshi@400,500,700 */
.tvw{--ink:#1c1f24;--mut:#5a5f66;--acc:#a8251c;--band:#f3efe8;--line:#ddd6ca;background:#fff;color:var(--ink);font-family:'Satoshi','Switzer',sans-serif;box-sizing:border-box}
.tvw *,.tvw *::before{box-sizing:border-box}
.tvw__in{max-width:1080px;margin:0 auto;padding:52px 32px 36px}
.tvw__eyebrow{margin:0 0 12px;font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.tvw__h{margin:0 0 36px;font-family:'Bespoke Serif',Georgia,serif;font-weight:500;font-size:clamp(26px,3.3vw,40px);line-height:1.1;letter-spacing:-.01em;max-width:24ch}
.tvw__row{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:26px 0;border-top:1px solid var(--line)}
.tvw__row--flip .tvw__txt{order:2}
.tvw__no{font:500 12px 'JetBrains Mono',monospace;color:var(--acc)}
.tvw__t{margin:6px 0 10px;font-weight:700;font-size:22px;letter-spacing:-.01em}
.tvw__txt p{margin:0;font-size:15.5px;line-height:1.6;color:var(--mut);max-width:52ch}
.tvw__fact{margin:0;padding:18px 20px;background:var(--band);border-radius:4px;display:grid;gap:10px}
.tvw__fact div{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:14px}
.tvw__fact dt{font:500 11px/1.6 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.tvw__fact dd{margin:0;font-weight:500}
.tvw__price{font-weight:700!important;font-size:18px;font-variant-numeric:tabular-nums}.tvw__price small{font-weight:400;font-size:12px;color:var(--mut)}
.tvw__list{list-style:none}
.tvw__list li{position:relative;padding-left:22px;font-size:14.5px;font-weight:500}
.tvw__list li::before{content:'';position:absolute;left:2px;top:5px;width:10px;height:6px;border-left:2px solid var(--acc);border-bottom:2px solid var(--acc);transform:rotate(-45deg)}
.tvw__q{margin:0 0 8px;display:grid;grid-template-columns:44px 1fr auto;grid-template-areas:"m bq cta" "m by cta";gap:6px 22px;align-items:center;padding:24px 28px;background:var(--band);border-radius:6px}
.tvw__mark{grid-area:m;align-self:start;font-family:'Bespoke Serif',Georgia,serif;font-size:72px;line-height:.8;color:var(--acc)}
.tvw__bq{grid-area:bq;margin:0;font-family:'Bespoke Serif',Georgia,serif;font-size:20px;line-height:1.4;max-width:46ch}
.tvw__by{grid-area:by;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--mut);line-height:1.4}
.tvw__by b{color:var(--ink)}
.tvw__score{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:4px;background:var(--ink);color:#fff;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;flex:none}
.tvw__cta{grid-area:cta;justify-self:end;display:inline-flex;align-items:center;padding:13px 20px;border-radius:4px;background:var(--acc);color:#fff;font-weight:700;font-size:14.5px;text-decoration:none;white-space:nowrap;border:2px solid var(--acc);transition:background-color .18s ease,border-color .18s ease,transform .1s ease}
.tvw__cta:hover{background:#8a1d16;border-color:#8a1d16}
.tvw__cta:active{transform:translateY(1px)}
.tvw__cta:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.tvw__cta--ghost{background:transparent;color:var(--acc)}
.tvw__cta--ghost:hover{background:#fff;color:#8a1d16}
.tvw__src{margin:18px 0 0;font-size:12.5px;color:var(--mut)}
@media (max-width:760px){
.tvw__in{padding:36px 16px 28px}
.tvw__row{grid-template-columns:1fr;gap:16px}
.tvw__row--flip .tvw__txt{order:0}
.tvw__q{grid-template-columns:1fr;grid-template-areas:"m" "bq" "by" "cta";padding:20px 18px}
.tvw__mark{font-size:52px;height:28px}
.tvw__bq{font-size:18px}
.tvw__cta{justify-self:stretch;justify-content:center;margin-top:8px}
.tvw__fact div{grid-template-columns:92px 1fr}
}
@media (prefers-reduced-motion:reduce){.tvw *{transition:none!important}}
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 →