Traject item

The list of the traject detail is a summary of the different topics which the traject covers. It has a dotted background and is accompanied by an arrow per topic.

The different links inside a topic are each time items inside a disclosure list.

Default

px

			
				<article class="m-traject-item">
	<h4 class="m-traject-item__title">Beheer administratie</h4>
	<div class="m-traject-item__info">
		<p class="m-traject-item__description">Maecenas faucibas mollis interdum. Donec ullamcorper nulla non
			metus auctor fringilla.</p>
		<ul class="m-disclosure-list m-traject-item__links">
			<li class="m-disclosure-list__item">
				<a class="a-disclosure-link " href="#">
					<div class="a-disclosure-link__text">
						<span>
							Grafieken en 3D-effecten met Adobe Illustrator
						</span>
					</div>
					<span class="a-disclosure-link__icon icon-arrow-right"></span>
				</a>
			</li>
			<li class="m-disclosure-list__item">
				<a class="a-disclosure-link " href="#">
					<div class="a-disclosure-link__text">
						<span>
							Communicatietips met een knipoog - ICT sector
						</span>
					</div>
					<span class="a-disclosure-link__icon icon-arrow-right"></span>
				</a>
			</li>
			<li class="m-disclosure-list__item">
				<a class="a-disclosure-link " href="#">
					<div class="a-disclosure-link__text">
						<span>
							Verbeter uw communicatie: toon empathie
						</span>
					</div>
					<span class="a-disclosure-link__icon icon-arrow-right"></span>
				</a>
			</li>
		</ul>
	</div>
</article>