Home Werk
SaaS bouwenAI developmentAPI developmentMobile app developmentGoogle Ads managementHeadless ShopifyLaravel developmentNext.js developmentReact developmentTypeScript engineeringUI/UX designSEO & AEOWebshop bouwen
AI-oplossingenB2B-platformsE-commerceHorecaLead generationLogistiekOnderwijsProcesautomatiseringSaaS-platformsStartup MVPVastgoedZorg
JuridischZorgVastgoedFinanceHoreca
Den HaagRotterdamAmsterdamUtrechtEindhovenAlmereBredaArnhemNijmegenTilburgEnschedeGroningenLeidenDelftZoetermeerDen Bosch
Studio
OverWerkwijzeLabBlogContact

Hero als krantenvoorpagina Nieuw

Hero in de vorm van een krantenvoorpagina met kop, datum en drie artikelen, voor kantoren die met kennis willen overtuigen.

Jaargang 31 · Nr. 214woensdag 7 oktober 2026Den Haag · Rotterdam

De Raadsman

Van der Linden & Okafor Advocatenarbeidsrecht · huurrecht · ondernemingsrecht

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.
<!-- Hero als krantenvoorpagina · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="xkr">
  <div class="xkr__paper">
    <div class="xkr__top"><span>Jaargang 31 · Nr. 214</span><span class="xkr__date">woensdag 7 oktober 2026</span><span>Den Haag · Rotterdam</span></div>
    <h2 class="xkr__mast">De Raadsman</h2>
    <div class="xkr__sub"><span>Van der Linden &amp; Okafor Advocaten</span><span>arbeidsrecht · huurrecht · ondernemingsrecht</span></div>
    <div class="xkr__grid">
      <article class="xkr__lead">
        <span class="xkr__kicker">Arbeidsrecht</span>
        <h3 class="xkr__h xkr__h--xl"><a href="#">Ontslag op staande voet houdt bij de rechter vaak geen stand</a></h3>
        <p class="xkr__p xkr__p--drop">Wie een werknemer direct op straat zet, moet de reden onverwijld en helder melden. In zes van de tien zaken die wij dit jaar behandelden ging het daar al mis. Wat u als werkgever of werknemer in de eerste 48 uur moet doen, en wat u beter laat.</p>
        <a class="xkr__more" href="#">Lees verder · 4 min</a>
      </article>
      <article class="xkr__col">
        <div class="xkr__img" aria-hidden="true"><span>Huurcommissie, zitting 12 september</span></div>
        <span class="xkr__kicker">Huurrecht</span>
        <h3 class="xkr__h"><a href="#">Servicekosten te hoog? Zo vraagt u ze terug</a></h3>
        <p class="xkr__p">Huurders in Den Haag kregen gemiddeld 410 euro terug na een procedure.</p>
      </article>
      <article class="xkr__col xkr__col--last">
        <span class="xkr__kicker">Ondernemingsrecht</span>
        <h3 class="xkr__h"><a href="#">Aandeelhoudersruzie: drie clausules die u nu nog kunt regelen</a></h3>
        <p class="xkr__p">Een goede overeenkomst kost een middag. Een geschil kost een jaar.</p>
        <div class="xkr__box">
          <b>Eerste gesprek van 30 minuten kosteloos</b>
          <span>Bel 070 123 4567 of mail kantoor@voorbeeld.nl</span>
        </div>
      </article>
    </div>
  </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 →