Cookie bar

A component containing the logo of the brand. It is mainly used in the header or the footer of the site. It consists out of an a-tag, wich makes it clickable.

Based on the width of the viewport or the used device, its size is adjusted. On desktop the size of the logo is 175x85px, on mobile it's 120x60px.

Default


			
				<div class="c-cookie-bar ">
	<div class="c-cookie-bar__container l-container">
		<p class="c-cookie-bar__text">
			Shield maakt gebruik van cookies voor een optimale surfervaring.
			Lees er meer over in onze <a class="c-cookie-bar__link" href="">privacy policy</a>.
		</p>
		<div class="c-cookie-bar__actions">
			<button class="c-button c-cookie-bar__actions-item">
				<span class="c-button__text">Ok, ik ga akkoord</span>
			</button>
			<a class="c-link c-cookie-bar__actions-item c-cookie-bar__actions-link" href="">
				<span class="c-link__text">Nee, bedankt</span>
			</a>
		</div>
	</div>
</div>