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

Logoraster met resultaatcel New

Calm client grid with hairline cell borders instead of a logo marquee; one large cell tells the result for one client. For B2B service firms. CSS grid with a 1px gap as line work, no JS.

Klanten · Benelux · 140 transportbedrijven

Planners bij deze vervoerders maken hun ritten in Routeloods.

Van koeltransport tot bakkerijlogistiek. Onder elk logo staat sinds wanneer ze klant zijn en met hoeveel wagens ze plannen.

Magazijn van Groenhart Logistiek in Venlo met hoge stellingen 31% minder lege kilometers in het eerste jaar Groenhart Logistiek, Venlo · 64 wagens Lees de case
sinds 2019 · 38 wagens
sinds 2021 · 22 wagens
sinds 2020 · 51 wagens
sinds 2022 · 17 wagens
sinds 2018 · 73 wagens
sinds 2023 · 9 wagens
sinds 2021 · 29 wagens
sinds 2024 · 14 wagens
sinds 2020 · 44 wagens
sinds 2022 · 31 wagens
Alle 140 klanten en hun sector

Gemiddeld 42 wagens per klantKlantwaardering 8,6 uit 212 beoordelingenOpzegtermijn 1 maand

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. No JavaScript needed.
<!-- Logoraster met resultaatcel · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="lgr">
  <div class="lgr__in">
    <div class="lgr__head">
      <p class="lgr__eyebrow">Klanten · Benelux · 140 transportbedrijven</p>
      <h2 class="lgr__h">Planners bij deze vervoerders maken hun ritten in Routeloods.</h2>
      <p class="lgr__lead">Van koeltransport tot bakkerijlogistiek. Onder elk logo staat sinds wanneer ze klant zijn en met hoeveel wagens ze plannen.</p>
    </div>
    <div class="lgr__grid" role="list">
      <a class="lgr__case" href="#" role="listitem">
        <img class="lgr__img" src="https://neddev.com/lab-media/logoraster-resultaat-1.webp" alt="Magazijn van Groenhart Logistiek in Venlo met hoge stellingen" loading="lazy">
        <span class="lgr__case-txt">
          <span class="lgr__big">31%</span>
          <span class="lgr__res">minder lege kilometers in het eerste jaar</span>
          <span class="lgr__who">Groenhart Logistiek, Venlo · 64 wagens</span>
          <span class="lgr__more">Lees de case <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M3 8h9M8 4l4 4-4 4"/></svg></span>
        </span>
      </a>
      <div class="lgr__cell" role="listitem"><span class="lgr__logo lgr__l1"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M2 18L12 4l10 14z"/></svg>VAN DER VEEN</span><span class="lgr__cap">sinds 2019 · 38 wagens</span></div>
      <div class="lgr__cell" role="listitem"><span class="lgr__logo lgr__l2">koelrijders</span><span class="lgr__cap">sinds 2021 · 22 wagens</span></div>
      <div class="lgr__cell" role="listitem"><span class="lgr__logo lgr__l3"><svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M5 12h14"/></svg>Maaslijn</span><span class="lgr__cap">sinds 2020 · 51 wagens</span></div>
      <div class="lgr__cell" role="listitem"><span class="lgr__logo lgr__l4">BOLK<small>bakkerijlogistiek</small></span><span class="lgr__cap">sinds 2022 · 17 wagens</span></div>
      <div class="lgr__cell" role="listitem"><span class="lgr__logo lgr__l5"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 6h18M3 12h12M3 18h6"/></svg>Twentevracht</span><span class="lgr__cap">sinds 2018 · 73 wagens</span></div>
      <div class="lgr__cell" role="listitem"><span class="lgr__logo lgr__l6">Ruys &amp; Zn.</span><span class="lgr__cap">sinds 2023 · 9 wagens</span></div>
      <div class="lgr__cell" role="listitem"><span class="lgr__logo lgr__l7"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2v20M4 6l16 12M20 6L4 18"/></svg>NOORDKAAP</span><span class="lgr__cap">sinds 2021 · 29 wagens</span></div>
      <div class="lgr__cell" role="listitem"><span class="lgr__logo lgr__l8">De Kempen<b>Express</b></span><span class="lgr__cap">sinds 2024 · 14 wagens</span></div>
      <div class="lgr__cell" role="listitem"><span class="lgr__logo lgr__l9"><svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 15h18"/></svg>Hollandia Koel</span><span class="lgr__cap">sinds 2020 · 44 wagens</span></div>
      <div class="lgr__cell" role="listitem"><span class="lgr__logo lgr__l10">vd Linden<i>transport</i></span><span class="lgr__cap">sinds 2022 · 31 wagens</span></div>
      <a class="lgr__all" href="#" role="listitem">Alle 140 klanten en hun sector <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M3 8h9M8 4l4 4-4 4"/></svg></a>
    </div>
    <p class="lgr__foot"><span>Gemiddeld <b>42 wagens</b> per klant</span><span>Klantwaardering <b>8,6</b> uit 212 beoordelingen</span><span>Opzegtermijn 1 maand</span></p>
  </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 →