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

Reviews NL-stijl: score boven de kop, badges en cijferkaarten New

Complete review set in Dutch style: score as eyebrow above the H1, side-by-side platform badges (Google, Werkspot, Trustoo with score and count) and cards with a 1-10 grade, date, service and town. Filter per platform, critical reviews with owner reply, sorting and load more. States: loading, all shown and empty (with reset). Long texts expand via an aria-expanded button.

9,2gemiddeld uit 214 beoordelingen op drie platforms

Tuinaanleg en tuinonderhoud in Apeldoorn en op de Veluwe

Hoveniersbedrijf Van Dam legt sinds 2004 tuinen aan in Apeldoorn, Ugchelen, Beekbergen en Twello. Dit zeggen klanten, ook als het minder ging.

    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.
    <!-- Reviews NL-stijl: score boven de kop, badges en cijferkaarten · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="hvd">
  <div class="hvd__in">
    <div class="hvd__top">
      <div>
        <p class="hvd__eyebrow"><span class="hvd__cijfer">9,2</span>gemiddeld uit 214 beoordelingen op drie platforms</p>
        <h2 class="hvd__h">Tuinaanleg en tuinonderhoud in Apeldoorn en op de Veluwe</h2>
        <p class="hvd__lead">Hoveniersbedrijf Van Dam legt sinds 2004 tuinen aan in Apeldoorn, Ugchelen, Beekbergen en Twello. Dit zeggen klanten, ook als het minder ging.</p>
      </div>
      <ul class="hvd__badges">
        <li><a class="hvd__badge" href="#"><span class="hvd__pm" aria-hidden="true">G</span><span><b>4,8</b> van 5</span><small>165 reviews op Google</small></a></li>
        <li><a class="hvd__badge" href="#"><span class="hvd__pm hvd__pm--w" aria-hidden="true">W</span><span><b>9,3</b> van 10</span><small>38 reviews op Werkspot</small></a></li>
        <li><a class="hvd__badge" href="#"><span class="hvd__pm hvd__pm--t" aria-hidden="true">T</span><span><b>9,1</b> van 10</span><small>11 reviews op Trustoo</small></a></li>
      </ul>
    </div>
    <div class="hvd__tools">
      <div class="hvd__filt" role="radiogroup" aria-label="Filter op platform">
        <label><input type="radio" name="hvd-p" value="alle" checked><span>Alle</span></label>
        <label><input type="radio" name="hvd-p" value="Google"><span>Google</span></label>
        <label><input type="radio" name="hvd-p" value="Werkspot"><span>Werkspot</span></label>
        <label><input type="radio" name="hvd-p" value="Trustoo"><span>Trustoo</span></label>
      </div>
      <label class="hvd__crit"><input type="checkbox"><span>Alleen cijfers lager dan 8</span></label>
      <label class="hvd__sort"><span>Sorteer</span><select><option value="new">Nieuwste eerst</option><option value="hi">Hoogste cijfer</option><option value="lo">Laagste cijfer</option></select></label>
    </div>
    <p class="hvd__count" aria-live="polite"></p>
    <ul class="hvd__grid"></ul>
    <div class="hvd__more-w"><button class="hvd__more" type="button">Meer reviews laden</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 →