Offcanvas Examples

Liander style examples for the offcanvas component

On this page

Offcanvas

example ‘right side’

U klikte op 'energieleverancier'

Energieleverancier

Een energieleverancier is een bedrijf dat stroom, gas of andere energiebronnen levert aan huishoudens en bedrijven. U betaalt uw energie altijd aan uw leverancier. Ook de kosten van het netbeheer brengt uw leverancier in rekening. Energieleveranciers bieden verschillende energiecontracten aan. Klanten ontvangen facturen op regelmatige basis en kunnen kiezen voor groene energieopties als ze milieubewust zijn. Energieleveranciers worden doorgaans gereguleerd om eerlijke prijzen en naleving van wettelijke normen te waarborgen.

html

<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">Toggle offcanvas (Right side)</button>

<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRight">
  <div class="offcanvas-header">
    <h2>Energieleverancier</h2>
    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  </div>
  <div class="offcanvas-body">
    <p class="mb-5 pb-5">U klikte op 'energieleverancier'</p>
    <h2 class="mt-5 mb-4">Energieleverancier</h2>
    <p>Een energieleverancier is een bedrijf dat stroom, gas of andere energiebronnen levert aan huishoudens en bedrijven. U betaalt uw energie altijd aan uw leverancier. Ook de kosten van het netbeheer brengt uw leverancier in rekening. Energieleveranciers bieden verschillende energiecontracten aan. Klanten ontvangen facturen op regelmatige basis en kunnen kiezen voor groene energieopties als ze milieubewust zijn. Energieleveranciers worden doorgaans gereguleerd om eerlijke prijzen en naleving van wettelijke normen te waarborgen. </p>
  </div>
</div>