Interest rate

The interest rate component displays the current rates within a table and contains a button to redirect to more rates for comparison.

Default

Rentetarieven

Bij het verhuren van een woning komt veel kijken. Laat je goed voorlichten over alle ins en outs door een gespecialiseerd adviseur.

1 jaar 2 jaar 3 jaar 4 jaar 5 jaar 6 jaar
3,25% 3,25% 3,25% 3,25% 3,25% 3,25%

			
				<section class="c-interest-rate l-section l-section--background-pink ">
	<div class="c-interest-rate__container l-container">
		<h2 class="c-interest-rate__title">Rentetarieven</h2>
		<p class="c-interest-rate__text">Bij het verhuren van een woning komt veel kijken. Laat je goed
			voorlichten over alle ins en outs door een gespecialiseerd adviseur.</p>
		<table class="c-interest-rate__table" cellspacing="0">
			<tbody class="c-interest-rate__body">
				<tr class="c-interest-rate__row">
					<th class="c-interest-rate__head c-interest-rate__head--first ">1 jaar</th>
					<th class="c-interest-rate__head  ">2 jaar</th>
					<th class="c-interest-rate__head  ">3 jaar</th>
					<th class="c-interest-rate__head  ">4 jaar</th>
					<th class="c-interest-rate__head  ">5 jaar</th>
					<th class="c-interest-rate__head  c-interest-rate__head--last">6 jaar</th>
				</tr>
				<tr class="c-interest-rate__row">
					<td class="c-interest-rate__data c-interest-rate__data--first ">3,25%</td>
					<td class="c-interest-rate__data  ">3,25%</td>
					<td class="c-interest-rate__data  ">3,25%</td>
					<td class="c-interest-rate__data  ">3,25%</td>
					<td class="c-interest-rate__data  ">3,25%</td>
					<td class="c-interest-rate__data  c-interest-rate__data--last">3,25%</td>
				</tr>
			</tbody>
		</table>
		<button class="c-button c-button--inverted c-interest-rate__button ">
			<span class="c-button__text">vergelijk de rentes van Lot</span>
		</button>
	</div>
</section>