Highlight

I find the lack of documentation... disturbing 😏, don't you?

Default

World
Global Shield Lgoo

The global shield network is a Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.


			
				<div class="c-highlight ">
	<div class="l-container">
		<div class="c-highlight__container l-grid l-grid--with-spacing">
			<div class="c-highlight__background">
				<div class="c-image c-highlight__background-visual">
					<img class="c-image__visual" src="/assets/images/general/highlight/background.jpg" alt="World" title="World" />
				</div>
			</div>
			<div class="c-highlight__visual l-grid__col l-grid__col--6@viewport-7 u-margin-bottom-3x@below-viewport-7">
				<div class="c-image c-highlight__visual-image">
					<img class="c-image__visual" src="/assets/images/general/highlight/global-shield-logo.png" alt="Global Shield Lgoo" title="Global Shield Lgoo" />
				</div>
			</div>
			<div class="c-highlight__content l-grid__col l-grid__col--6@viewport-7">
				<p class="c-highlight__text">The global shield network is a Lorem ipsum dolor sit amet,
					consectetur adipiscing elit, sed do.</p>
				<button class="c-button c-highlight__action c-button--with-icon-after">
					<span class="c-button__text">Meer info</span>
					<div class="c-icon c-button__icon c-button__icon--after">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
							<path d="M7.9,24l-3-3l9-9l-9-9l3-3l10.5,10.5c0.4,0.4,0.6,0.9,0.6,1.5c0,0.6-0.2,1.1-0.6,1.5L7.9,24z" />
						</svg>
					</div>
				</button>
			</div>
		</div>
	</div>
</div>