Author

The author component is usually displayed at the end of an blog article and contains an image, the name and a description of the writer of the content.

Default

Steef Geraerts Verduurzaamheidsexpert 

			
				<div class="c-author l-section l-section--background-light ">
	<div class="c-author__container l-container l-container--small">
		<div class="c-author__content">
			<span class="c-author__name">Steef Geraerts</span>
			<span class="c-author__description">Verduurzaamheidsexpert</span>
		</div>
		<div class="c-author__visual">
			<div class="c-author__image-container" style="background-image: url('/assets/images/general/author/author.png');">
				<svg class="c-author__image" width="246" height="181" viewBox="0 0 246 181" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
					<clipPath id="c-author__mask">
						<path d="M70.7237102,22.3691296 L183.043871,42.1762601 C201.386062,45.4108189 208.34506,48.2929648 215.158618,52.8055299 C221.972177,57.3180951 227.235723,63.2133898 230.950431,70.4927282 C234.665139,77.7720666 236.743431,85.0118955 237.887102,103.601956 L239.160251,124.296636 C240.889801,152.410007 219.501489,176.602475 191.388118,178.332026 C190.341898,178.39639 189.293943,178.428484 188.245745,178.428264 L60.8930289,178.401435 C32.7265073,178.395501 9.89784029,155.557213 9.90377407,127.390692 C9.90383624,127.095604 9.90645948,126.800523 9.9116435,126.505481 L10.8746322,71.6982128 C11.3694545,43.5360374 34.6005412,21.1072161 62.7627166,21.6020384 C65.43237,21.6489454 68.0942173,21.9054309 70.7237102,22.3691296 Z" id="c-author__path" transform="translate(125.745581, 95.219846) rotate(-6.000000) translate(-125.745581, -95.219846) "></path>
					</clipPath>
				</svg>
			</div>
		</div>
	</div>
</div>