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

Megamenu met uitgelichte case New

Navbar where "Services" opens a mega menu (hover or click) with link columns, starting prices and a featured case with image area. For service firms with many services.

Erkend installateur · regio Amersfoort

Uw cv-ketel vervangen in één werkdag

Vaste prijs vooraf, oude ketel gratis afgevoerd en 7 jaar garantie op de nieuwe.

Storing? Bel 033 123 4567

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.
<!-- Megamenu met uitgelichte case · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="nmc">
  <div class="nmc__bar" role="navigation" aria-label="Hoofdmenu">
    <a href="#" class="nmc__logo"><span class="nmc__mark">VD</span><span class="nmc__name">Van Dijk<small>Installatietechniek</small></span></a>
    <ul class="nmc__nav">
      <li class="nmc__has"><button class="nmc__trigger" type="button" aria-expanded="false" aria-controls="nmc-mega">Diensten<svg viewBox="0 0 12 12" aria-hidden="true"><path d="M2 4l4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.6"/></svg></button></li>
      <li class="nmc__hm"><a href="#">Zakelijk</a></li>
      <li class="nmc__hm"><a href="#">Werkgebied</a></li>
      <li class="nmc__hm"><a href="#">Over ons</a></li>
    </ul>
    <div class="nmc__acts">
      <a class="nmc__storing" href="tel:+31331234567"><span>Storing?</span> 033 123 4567</a>
      <a class="nmc__cta" href="#">Offerte aanvragen</a>
    </div>
    <div class="nmc__mega" id="nmc-mega">
      <div class="nmc__cols">
        <div class="nmc__col"><span class="nmc__colh">Verwarming</span>
          <ul><li><a href="#">CV-ketel vervangen<small>Vaste prijs vanaf € 2.195</small></a></li>
          <li><a href="#">Hybride warmtepomp<small>Inclusief ISDE-aanvraag</small></a></li>
          <li><a href="#">Vloerverwarming<small>Ook in bestaande vloeren</small></a></li>
          <li><a href="#">Onderhoudscontract<small>€ 9,50 per maand</small></a></li></ul></div>
        <div class="nmc__col"><span class="nmc__colh">Sanitair</span>
          <ul><li><a href="#">Badkamer renoveren<small>Ontwerp tot oplevering</small></a></li>
          <li><a href="#">Lekkage opsporen<small>Zonder breekwerk</small></a></li>
          <li><a href="#">Ontstoppen riool<small>Binnen 4 uur ter plaatse</small></a></li></ul></div>
        <div class="nmc__col"><span class="nmc__colh">Elektra</span>
          <ul><li><a href="#">Groepenkast vervangen<small>Vanaf € 1.150</small></a></li>
          <li><a href="#">Laadpaal thuis<small>Dynamisch laden mogelijk</small></a></li>
          <li><a href="#">Zonnepanelen<small>Met 12 jaar garantie</small></a></li></ul></div>
      </div>
      <a href="#" class="nmc__case">
        <span class="nmc__img" aria-hidden="true"><span class="nmc__house"></span><span class="nmc__pump"></span><span class="nmc__badge">-41% gas</span></span>
        <span class="nmc__case-tag">Uitgelichte case</span>
        <strong class="nmc__case-h">Hybride warmtepomp in een jaren-30 woning in Amersfoort</strong>
        <span class="nmc__case-p">Familie Bakker verbruikte de eerste winter 41% minder gas, zonder nieuwe radiatoren.</span>
        <span class="nmc__case-more">Lees de case <span aria-hidden="true">→</span></span>
      </a>
    </div>
  </div>
  <div class="nmc__page">
    <span class="nmc__eyebrow">Erkend installateur · regio Amersfoort</span>
    <p class="nmc__title">Uw cv-ketel vervangen in één werkdag</p>
    <p class="nmc__lead">Vaste prijs vooraf, oude ketel gratis afgevoerd en 7 jaar garantie op de nieuwe.</p>
    <a class="nmc__storing nmc__storing--m" href="tel:+31331234567">Storing? Bel 033 123 4567</a>
  </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 →