Home Work
SaaS developmentAI developmentAPI developmentMobile app developmentGoogle Ads managementHeadless ShopifyLaravel developmentNext.js developmentReact developmentTypeScript engineeringUI/UX designSEO & AEOEcommerce development
AI solutionsB2B platformsE-commerceHospitalityLead generationLogisticsEducationProcess automationSaaS platformsStartup MVPReal estateHealthcare
LegalHealthcareReal estateFinanceHospitality
The HagueRotterdamAmsterdamUtrechtEindhovenAlmereBredaArnhemNijmegenTilburgEnschedeGroningenLeidenDelftZoetermeerDen Bosch
Studio
AboutProcessLabBlogContact

Doelgroep-schakelaar particulier of ondernemer New

Section for a business with two audiences (accountancy, installer, cleaning): a Private or Business switch swaps heading, services with from-prices, deadline and contact person. Built on two real radio buttons (arrow keys work); the swap animates with View Transitions, the slider and content also work without JS via :has() (fallback: data attribute via JS). The choice is remembered per visitor in localStorage (try/catch).

Smit & De Boer Administratie · Zwolle

Je belastingaangifte goed geregeld, ook als het ingewikkeld wordtJe administratie op orde, zodat jij kunt ondernemen

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.
<!-- Doelgroep-schakelaar particulier of ondernemer · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="dgs" data-doel="part">
  <div class="dgs__in">
    <div class="dgs__head">
      <div>
        <p class="dgs__kick">Smit &amp; De Boer Administratie · Zwolle</p>
        <h2 class="dgs__h"><span class="dgs__only-part">Je belastingaangifte goed geregeld, ook als het ingewikkeld wordt</span><span class="dgs__only-zak">Je administratie op orde, zodat jij kunt ondernemen</span></h2>
      </div>
      <div class="dgs__seg" role="radiogroup" aria-label="Ik ben">
        <input type="radio" id="dgs-part" name="dgs-doel" value="part" checked><label for="dgs-part">Particulier</label>
        <input type="radio" id="dgs-zak" name="dgs-doel" value="zak"><label for="dgs-zak">Ondernemer</label>
        <span class="dgs__thumb" aria-hidden="true"></span>
      </div>
    </div>
    <div class="dgs__body">
      <div class="dgs__pane dgs__pane--part">
        <ul class="dgs__list">
          <li><a href="#"><b>Aangifte inkomstenbelasting</b><span>Voor loondienst en pensioen, inclusief controle op aftrekposten</span><em>€ 95</em></a></li>
          <li><a href="#"><b>Aangifte met eigen woning</b><span>Hypotheekrente, WOZ en eigenwoningforfait goed verwerkt</span><em>€ 145</em></a></li>
          <li><a href="#"><b>Toeslagen aanvragen en controleren</b><span>Huur-, zorg- en kinderopvangtoeslag, zodat je niet hoeft terug te betalen</span><em>€ 45</em></a></li>
          <li><a href="#"><b>Aangifte erfbelasting</b><span>Na een overlijden, in overleg met de notaris</span><em>vanaf € 495</em></a></li>
          <li><a href="#"><b>Hulp bij een brief van de Belastingdienst</b><span>Bezwaar, betalingsregeling of een vraag om informatie</span><em>€ 35 per kwartier</em></a></li>
        </ul>
        <div class="dgs__aside">
          <div class="dgs__dl"><p class="dgs__dl-k">Goed om te weten</p><p class="dgs__dl-t">Aangifte over 2026 kan vanaf 1 maart 2027</p><p class="dgs__dl-p">Zet je jaaropgaven en WOZ-beschikking nu al klaar in ons klantportaal, dan ben je in maart in 20 minuten klaar.</p></div>
          <div class="dgs__who"><span class="dgs__av" aria-hidden="true">LS</span><div><b>Linda Smit</b><span>Belastingadviseur, 14 jaar ervaring</span></div></div>
          <a class="dgs__cta" href="#">Plan een gratis kennismaking</a>
        </div>
      </div>
      <div class="dgs__pane dgs__pane--zak">
        <ul class="dgs__list">
          <li><a href="#"><b>Boekhouding voor zzp</b><span>Bonnetjes via de app, wij boeken en sturen je elk kwartaal een overzicht</span><em>vanaf € 65 p/m</em></a></li>
          <li><a href="#"><b>Btw-aangifte per kwartaal</b><span>Zit in elk boekhoudpakket, ook de ICP-opgaaf</span><em>inbegrepen</em></a></li>
          <li><a href="#"><b>Jaarrekening bv</b><span>Inclusief deponering bij de KvK en aangifte vennootschapsbelasting</span><em>vanaf € 1.450</em></a></li>
          <li><a href="#"><b>Loonadministratie</b><span>Loonstroken, aangifte loonheffingen en jaaropgaven</span><em>€ 12,50 per strook</em></a></li>
          <li><a href="#"><b>Startersgesprek</b><span>Eenmanszaak of bv, KOR, urencriterium en wat je opzij moet zetten</span><em>gratis, 45 min</em></a></li>
        </ul>
        <div class="dgs__aside">
          <div class="dgs__dl"><p class="dgs__dl-k">Deadline</p><p class="dgs__dl-t">Btw over het derde kwartaal: uiterlijk 31 oktober 2026</p><p class="dgs__dl-p">Klanten met een boekhoudpakket hoeven niets te doen. Nieuwe klanten nemen we nog aan tot 20 oktober.</p></div>
          <div class="dgs__who"><span class="dgs__av" aria-hidden="true">EB</span><div><b>Erik de Boer</b><span>Accountant-Administratieconsulent (AA)</span></div></div>
          <a class="dgs__cta" href="#">Plan een gratis startersgesprek</a>
        </div>
      </div>
    </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 →