Hero

Hero component that will be displayed at the top of a page. This can have an image, title and some content.

Default

px

			
				<section class="o-hero ">
	<div class="o-hero__image" style="background-image: url('/assets/images/hero/placeholder.jpg')"></div>
	<div class="l-container">
		<div class="o-hero__content l-grid">
			<div class="l-grid__col l-grid__col--8@viewport-11">
				<header class="o-hero__header">
					<h1 class="o-hero__title">Grafieken en 3D-effecten met Adobe Illustrator</h1>
				</header>
				<div class="o-hero__text s-rte-hero">
					<p>Illustrator is een veelzijdig pakket dat meestal de duimen
						moet leggen tegen die andere kleppers van Adobe, namelijk
						Photoshop (beeldbewerking) en InDesign (opmaak). Nochtans leef
						je je grafisch pas écht uit met Illustrator. Vaak is de beperkte
						technische beheersing van Illustrator een domper op de
						creativiteit. Deze specifieke opleiding mikt op een aantal
						gerichte thema’ s zoals grafieken en 3D-effecten om jouw
						grafische creativiteit een flinke boost te geven!</p>
				</div>
			</div>
		</div>
	</div>
</section>