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

Hero als krantenvoorpagina New

Hero styled as a newspaper front page with masthead, date and three articles, for firms that sell expertise.

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

De Raadsman

Van der Linden & Okafor Advocatenarbeidsrecht · huurrecht · ondernemingsrecht

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.
<!-- 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>

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 →