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

Logoraster met resultaatcel Nieuw

Rustig klantenraster met dunne celranden in plaats van een logo-marquee; één grote cel vertelt het resultaat bij een klant. Voor B2B-dienstverleners. CSS grid met 1px-gap als lijnwerk, geen 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

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. Geen JavaScript nodig.
<!-- 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>

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 →