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

Voor wie: kaarten met foto en subcategorieën Nieuw

Branchekiezer voor een bedrijf met meerdere doelgroepen: asymmetrisch raster van kaarten met foto, doelgroepnaam, een regel uitleg en subcategorieën als echte links (goed voor interne links en SEO). De hele kaart is klikbaar via een uitgerekte link, de sublinks blijven apart bereikbaar. Laatste cel is een contactvlak voor wie zijn branche niet ziet. Hover: foto zoomt 3% en pijl schuift, 200 ms; :focus-within geeft de kaart een rand. Puur CSS, grid met container queries voor de stapeling.

Hofstad Schoonmaak · Den Haag, Delft, Leiden

Voor wie wij schoonmaken

Elke branche heeft eigen regels: hygiëneprotocol in een praktijk, sleutelbeheer bij een VvE, schoonmaak na sluitingstijd in de horeca. Kies je situatie.

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.
<!-- Voor wie: kaarten met foto en subcategorieën · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="vwk">
  <div class="vwk__in">
    <div class="vwk__head">
      <div><p class="vwk__kick">Hofstad Schoonmaak · Den Haag, Delft, Leiden</p><h2 class="vwk__h">Voor wie wij schoonmaken</h2></div>
      <p class="vwk__lead">Elke branche heeft eigen regels: hygiëneprotocol in een praktijk, sleutelbeheer bij een VvE, schoonmaak na sluitingstijd in de horeca. Kies je situatie.</p>
    </div>
    <ul class="vwk__grid">
      <li class="vwk__card vwk__card--big"><div class="vwk__img"><img src="https://neddev.com/lab-media/voor-wie-kaarten-1.webp" alt="Glazenwasser maakt de glazen gevel van een kantoor schoon" loading="lazy"></div><div class="vwk__b"><h3><a class="vwk__a" href="#">Kantoren<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5"/></svg></a></h3><p>Dagelijks of een paar keer per week, voor of na kantooruren. Vaste schoonmaker die je pand kent.</p><ul class="vwk__subs"><li><a href="#">Dagelijkse schoonmaak</a></li><li><a href="#">Glasbewassing</a></li><li><a href="#">Vloeronderhoud</a></li><li><a href="#">Sanitair en pantry</a></li></ul></div></li>
      <li class="vwk__card"><div class="vwk__img"><img src="https://neddev.com/lab-media/voor-wie-kaarten-2.webp" alt="Schoonmaker reinigt de balie van een tandartspraktijk" loading="lazy"></div><div class="vwk__b"><h3><a class="vwk__a" href="#">Zorg en praktijken<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5"/></svg></a></h3><ul class="vwk__subs"><li><a href="#">Tandarts</a></li><li><a href="#">Fysio</a></li><li><a href="#">Huisarts</a></li></ul></div></li>
      <li class="vwk__card"><div class="vwk__img"><img src="https://neddev.com/lab-media/voor-wie-kaarten-3.webp" alt="Schoonmaker dweilt het trappenhuis van een appartementengebouw" loading="lazy"></div><div class="vwk__b"><h3><a class="vwk__a" href="#">VvE en appartementen<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5"/></svg></a></h3><ul class="vwk__subs"><li><a href="#">Trappenhuis</a></li><li><a href="#">Bergingen</a></li><li><a href="#">Glas gevel</a></li></ul></div></li>
      <li class="vwk__card"><div class="vwk__img"><img src="https://neddev.com/lab-media/voor-wie-kaarten-4.webp" alt="Restaurantkeuken van rvs wordt na sluitingstijd schoongemaakt" loading="lazy"></div><div class="vwk__b"><h3><a class="vwk__a" href="#">Horeca<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5"/></svg></a></h3><ul class="vwk__subs"><li><a href="#">Keuken (HACCP)</a></li><li><a href="#">Zaal na sluiting</a></li></ul></div></li>
      <li class="vwk__card"><div class="vwk__img"><img src="https://neddev.com/lab-media/voor-wie-kaarten-5.webp" alt="Glazenwasser op een ladder bij een Haags herenhuis" loading="lazy"></div><div class="vwk__b"><h3><a class="vwk__a" href="#">Particulier<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5"/></svg></a></h3><ul class="vwk__subs"><li><a href="#">Glazenwasser</a></li><li><a href="#">Opleverschoonmaak</a></li></ul></div></li>
      <li class="vwk__other"><p class="vwk__o-k">Staat je branche er niet bij?</p><p class="vwk__o-t">We maken ook scholen, sportclubs en winkels schoon. Bel Daan, hij komt binnen een week kijken.</p><a class="vwk__o-tel" href="tel:+31703455120">070 345 51 20</a><a class="vwk__o-m" href="#">of vraag een offerte aan</a></li>
    </ul>
  </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 →