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

Kaart met laatste nieuws Nieuw

Kaart met drie gedateerde regels "laatste nieuws" en een tab "recente projecten" naast een korte bedrijfsintro: laat zien dat het bedrijf leeft. Tabs met pijltjestoetsen; demoknoppen tonen de staten laden (skelet), leeg en fout met opnieuw proberen, zoals bij een CMS-feed.

Bouwbedrijf Van Rijswijk · Gorinchem · sinds 1964

Wij bouwen scholen, woningen en bedrijfshallen in de Alblasserwaard en de Betuwe.

Familiebedrijf in de derde generatie, met 86 eigen mensen op de bouwplaats. Wij werken het liefst binnen 40 kilometer van de werf, zodat onze ploegen elke avond thuis zijn.

Opgeleverd in 2025
214 woningen
Certificering
VCA** · ISO 9001
Eigen mensen
86
Bijgewerkt di 6 okt
Alle 48 berichten
Demo, staat van de feed:

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. Voeg de JavaScript toe en roep init() aan met het element waar de HTML in staat.
<!-- Kaart met laatste nieuws · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="lnk">
  <div class="lnk__in">
    <div class="lnk__intro">
      <p class="lnk__eyebrow">Bouwbedrijf Van Rijswijk · Gorinchem · sinds 1964</p>
      <h2 class="lnk__h">Wij bouwen scholen, woningen en bedrijfshallen in de Alblasserwaard en de Betuwe.</h2>
      <p class="lnk__lead">Familiebedrijf in de derde generatie, met 86 eigen mensen op de bouwplaats. Wij werken het liefst binnen 40 kilometer van de werf, zodat onze ploegen elke avond thuis zijn.</p>
      <dl class="lnk__kpi"><div><dt>Opgeleverd in 2025</dt><dd>214 woningen</dd></div><div><dt>Certificering</dt><dd>VCA** · ISO 9001</dd></div><div><dt>Eigen mensen</dt><dd>86</dd></div></dl>
    </div>
    <div class="lnk__card">
      <div class="lnk__tabs" role="tablist" aria-label="Laatste berichten">
        <button class="lnk__tab" role="tab" id="lnk-t0" aria-selected="true" aria-controls="lnk-p" data-k="nieuws">Laatste nieuws</button>
        <button class="lnk__tab" role="tab" id="lnk-t1" aria-selected="false" aria-controls="lnk-p" tabindex="-1" data-k="projecten">Recente projecten</button>
        <span class="lnk__upd"><i aria-hidden="true"></i>Bijgewerkt di 6 okt</span>
      </div>
      <div class="lnk__panel" id="lnk-p" role="tabpanel" aria-labelledby="lnk-t0" aria-live="polite"></div>
      <a class="lnk__all" href="#">Alle 48 berichten <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M3 8h9M8 4l4 4-4 4"/></svg></a>
    </div>
  </div>
  <div class="lnk__demo" role="group" aria-label="Demo: staat van de feed"><span>Demo, staat van de feed:</span><button type="button" data-s="ok" aria-pressed="true">Gevuld</button><button type="button" data-s="load" aria-pressed="false">Laden</button><button type="button" data-s="leeg" aria-pressed="false">Leeg</button><button type="button" data-s="fout" aria-pressed="false">Fout</button></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 →