<div class="card card-services">
    <div class="card-body">
        <p class="card-title">Parkeren, verkeer en vervoer</p>
        <p class="card-text">Parkeren, vergunningen, fietsenstallingen, wegwerkzaamheden, elektrisch rijden</p>
        <p class="text-right mb-0 text-uppercase"><a href="" aria-label="Parkeren, verkeer en vervoer">Lees meer</a></p>

Cards Services No Icon

Based on the version from MDB:


Please note the usage of the aria-label attribute on the anchor and is there to provide a more descriptive label to assistive technology.


No additional actions, aside from the markup, are needed to use this component.


  • The card title in this component is rendered via a paragraph element, since it’s unknown in advance what the implementors document heading level structure would be, it’s not advisable to define a specific heading element (H1 - H6) in this component.
    However, the component has been structured to work with every heading (H1 - H6) level as card title, so you are free to use which heading level suits your use-case.