Categories

List of categories. Used in the faq page.

Default

px 

			
				<div class="o-categories u-mobile-hide ">
	<div class="m-category o-categories__item undefined">
		<a href="" class="m-category__link"></a>
		<span class="icon-chat m-category__icon"></span>
		<h5 class="m-category__title">Populairste vragen</h5>
	</div>
	<div class="m-category o-categories__item undefined">
		<a href="" class="m-category__link"></a>
		<span class="icon-recycle m-category__icon"></span>
		<h5 class="m-category__title">Recycleren thuis</h5>
	</div>
	<div class="m-category o-categories__item undefined">
		<a href="" class="m-category__link"></a>
		<span class="icon-transport m-category__icon"></span>
		<h5 class="m-category__title">Inzamelen</h5>
	</div>
	<div class="m-category o-categories__item undefined">
		<a href="" class="m-category__link"></a>
		<span class="icon-settings m-category__icon"></span>
		<h5 class="m-category__title">Verkopen &amp; produceren</h5>
	</div>
	<div class="m-category o-categories__item undefined">
		<a href="" class="m-category__link"></a>
		<span class="icon-electro m-category__icon"></span>
		<h5 class="m-category__title">E-mobility</h5>
	</div>
	<div class="m-category o-categories__item undefined">
		<a href="" class="m-category__link"></a>
		<span class="icon-education m-category__icon"></span>
		<h5 class="m-category__title">Op school</h5>
	</div>
</div>
<div class="m-filter m-collapse js-m-collapse u-mobile-show o-categories__filter">
	<div class="m-collapse__header m-filter__header">
		<h6>Populairste vragen</h6>
	</div>
	<div class="m-collapse__content m-filter__content">
		<div class="m-collapse__content__container m-filter__content__container">
			<ul class="m-list m-list--no-type">
				<li class="m-list__item m-filter__item">
					<a class="a-link icon-chat" href="">Populairste vragen</a>
				</li>
				<li class="m-list__item m-filter__item">
					<a class="a-link icon-recycle" href="">Recycleren thuis</a>
				</li>
				<li class="m-list__item m-filter__item">
					<a class="a-link icon-transport" href="">Inzamelen</a>
				</li>
				<li class="m-list__item m-filter__item">
					<a class="a-link icon-settings" href="">Verkopen &amp; produceren</a>
				</li>
				<li class="m-list__item m-filter__item">
					<a class="a-link icon-electro" href="">E-mobility</a>
				</li>
				<li class="m-list__item m-filter__item">
					<a class="a-link icon-education" href="">Op school</a>
				</li>
			</ul>
		</div>
	</div>
</div>