Usp

The USP component displays a unique selling point of the brand. It's accompanied by an icon, a title, text and a button.

Default

Ik ben bescheiden

In slechts enkele stappen helpt Lot jou met het opzetten van jouw nieuwe hypotheek


			
				<article class="c-usp ">
	<div class="c-usp__content">
		<span class="fal fa-leaf c-usp__icon"></span>
		<h4 class="c-usp__title">Ik ben bescheiden</h4>
		<p class="c-usp__text">In slechts enkele stappen helpt Lot jou met het opzetten van jouw
			nieuwe hypotheek</p>
	</div>
	<button class="c-button c-button--inverted c-usp__button ">
		<span class="c-button__text">ons process</span>
	</button>
</article>
			

		

Theme purple

Ik ben bescheiden

In slechts enkele stappen helpt Lot jou met het opzetten van jouw nieuwe hypotheek


			
				<article class="c-usp c-usp--theme-purple">
	<div class="c-usp__content">
		<span class="fal fa-leaf c-usp__icon"></span>
		<h4 class="c-usp__title">Ik ben bescheiden</h4>
		<p class="c-usp__text">In slechts enkele stappen helpt Lot jou met het opzetten van jouw
			nieuwe hypotheek</p>
	</div>
</article>
			

		

Theme white

Lot is modern

We maken slim gebruik van nieuwe technologieen waardoor we jou sneller en nog beter van dienst kunnen zijn. Geen onnodig en ingewikkeld gedoe bij Lot.


			
				<article class="c-usp c-usp--theme-white">
	<div class="c-usp__content">
		<span class="fal fa-leaf c-usp__icon"></span>
		<h4 class="c-usp__title">Lot is modern</h4>
		<p class="c-usp__text">We maken slim gebruik van nieuwe technologieen waardoor we jou
			sneller en nog beter van dienst kunnen zijn. Geen onnodig en ingewikkeld
			gedoe bij Lot.</p>
	</div>
</article>
			

		

Documentation

Modifiers

  • c-usp--theme-purple

    Changes the default component title, text and icon from white to a dark purple.