Faq

The FAQ component handles the frequently asked questions to Lot with the different kind of topics in a list and an associated collapse with the various answers.

Default

De meest gestelde vragen aan Lot

  • Welke rentetarieven gelden bij renteherziening?
  • Wat gebeurt er met de rente van mijn hypotheeklening als de waarde van de woning stijgt?
  • Wat zijn jullie rentepercentages?
  • Kan ik bij NIBC Direct gebruik maken van rentemiddeling?
  • Wat is renteafkoop en hoe kan ik gebruik maken van renteafkoop?
  • Wat zijn jullie rentepercentages?
  • Kan ik bij NIBC Direct gebruik maken van rentemiddeling?
  • Wat zijn jullie rentepercentages?
  • Kan ik bij NIBC Direct gebruik maken van rentemiddeling?
  • Wat zijn jullie rentepercentages?
  • Kan ik bij NIBC Direct gebruik maken van rentemiddeling?
  • Wat zijn jullie rentepercentages?
  • Kan ik bij NIBC Direct gebruik maken van rentemiddeling?

			
				<section class="c-faq l-section js-faq ">
	<div class="c-faq__container l-container">
		<h2 class="c-faq__title">De meest gestelde vragen aan Lot</h2>
		<div class="c-faq__grid l-grid l-grid--with-spacing">
			<ul class="c-faq__list l-grid__col l-grid__col--4@tablet">
				<li class="c-faq__item is-active">
					<button class="c-faq__button">
						<div class="c-faq__item-header">
							<h4 class="c-faq__item-title">Vragen over Lot</h4>
							<div class="c-faq__icon-wrapper u-hide@tablet">
								<span class="fas fa-chevron-right c-faq__icon"></span>
							</div>
						</div>
						<p class="c-faq__item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
					</button>
				</li>
				<li class="c-faq__item ">
					<button class="c-faq__button">
						<div class="c-faq__item-header">
							<h4 class="c-faq__item-title">Rentes van Lot</h4>
							<div class="c-faq__icon-wrapper u-hide@tablet">
								<span class="fas fa-chevron-right c-faq__icon"></span>
							</div>
						</div>
						<p class="c-faq__item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
					</button>
				</li>
				<li class="c-faq__item ">
					<button class="c-faq__button">
						<div class="c-faq__item-header">
							<h4 class="c-faq__item-title">Aflossen</h4>
							<div class="c-faq__icon-wrapper u-hide@tablet">
								<span class="fas fa-chevron-right c-faq__icon"></span>
							</div>
						</div>
						<p class="c-faq__item-text">Lorem ipsum dolor sit amet.</p>
					</button>
				</li>
				<li class="c-faq__item ">
					<button class="c-faq__button">
						<div class="c-faq__item-header">
							<h4 class="c-faq__item-title">Verduurzamen</h4>
							<div class="c-faq__icon-wrapper u-hide@tablet">
								<span class="fas fa-chevron-right c-faq__icon"></span>
							</div>
						</div>
						<p class="c-faq__item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
					</button>
				</li>
				<li class="c-faq__item ">
					<button class="c-faq__button">
						<div class="c-faq__item-header">
							<h4 class="c-faq__item-title">Nieuwe hypotheek</h4>
							<div class="c-faq__icon-wrapper u-hide@tablet">
								<span class="fas fa-chevron-right c-faq__icon"></span>
							</div>
						</div>
						<p class="c-faq__item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
							Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
					</button>
				</li>
			</ul>
			<div class="c-faq__content l-grid__col l-grid__col--8@tablet">
				<button class="c-faq__content-button u-hide@tablet">
					<div class="c-faq__icon-wrapper">
						<span class="fas fa-chevron-left c-faq__icon"></span>
					</div>
					<span class="c-faq__content-button-text">Terug naar het overzicht</span>
				</button>
				<ul class="c-faq__content-list is-active">
					<li class="c-faq__content-list-item">
						<div class="c-collapse js-collapse">
							<div class="c-collapse__header">
								<span class="c-collapse__title">Welke rentetarieven gelden bij
									renteherziening?</span>
								<div class="c-collapse__button">
									<span class="c-collapse__icon"></span>
								</div>
							</div>
							<div class="c-collapse__content">
								<div class="c-feedback c-collapse__feedback">
									<span class="c-feedback__text">Heb je gevonden wat je zocht?</span>
									<div class="c-feedback__container">
										<button class="c-feedback__button">
											<span class="far fa-thumbs-up c-feedback__icon"></span>
										</button>
										<button class="c-feedback__button c-feedback__button--bg-gray">
											<span class="far fa-thumbs-down c-feedback__icon"></span>
										</button>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li class="c-faq__content-list-item">
						<div class="c-collapse js-collapse">
							<div class="c-collapse__header">
								<span class="c-collapse__title">Wat gebeurt er met de rente van mijn
									hypotheeklening als de waarde van de woning stijgt?</span>
								<div class="c-collapse__button">
									<span class="c-collapse__icon"></span>
								</div>
							</div>
							<div class="c-collapse__content">
								<div class="c-feedback c-collapse__feedback">
									<span class="c-feedback__text">Heb je gevonden wat je zocht?</span>
									<div class="c-feedback__container">
										<button class="c-feedback__button">
											<span class="far fa-thumbs-up c-feedback__icon"></span>
										</button>
										<button class="c-feedback__button c-feedback__button--bg-gray">
											<span class="far fa-thumbs-down c-feedback__icon"></span>
										</button>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li class="c-faq__content-list-item">
						<div class="c-collapse js-collapse">
							<div class="c-collapse__header">
								<span class="c-collapse__title">Wat zijn jullie rentepercentages?</span>
								<div class="c-collapse__button">
									<span class="c-collapse__icon"></span>
								</div>
							</div>
							<div class="c-collapse__content">
								<div class="c-feedback c-collapse__feedback">
									<span class="c-feedback__text">Heb je gevonden wat je zocht?</span>
									<div class="c-feedback__container">
										<button class="c-feedback__button">
											<span class="far fa-thumbs-up c-feedback__icon"></span>
										</button>
										<button class="c-feedback__button c-feedback__button--bg-gray">
											<span class="far fa-thumbs-down c-feedback__icon"></span>
										</button>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li class="c-faq__content-list-item">
						<div class="c-collapse js-collapse">
							<div class="c-collapse__header">
								<span class="c-collapse__title">Kan ik bij NIBC Direct gebruik maken van
									rentemiddeling?</span>
								<div class="c-collapse__button">
									<span class="c-collapse__icon"></span>
								</div>
							</div>
							<div class="c-collapse__content">
								<div class="c-feedback c-collapse__feedback">
									<span class="c-feedback__text">Heb je gevonden wat je zocht?</span>
									<div class="c-feedback__container">
										<button class="c-feedback__button">
											<span class="far fa-thumbs-up c-feedback__icon"></span>
										</button>
										<button class="c-feedback__button c-feedback__button--bg-gray">
											<span class="far fa-thumbs-down c-feedback__icon"></span>
										</button>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li class="c-faq__content-list-item">
						<div class="c-collapse js-collapse">
							<div class="c-collapse__header">
								<span class="c-collapse__title">Wat is renteafkoop en hoe kan ik gebruik
									maken van renteafkoop?</span>
								<div class="c-collapse__button">
									<span class="c-collapse__icon"></span>
								</div>
							</div>
							<div class="c-collapse__content">
								<div class="c-feedback c-collapse__feedback">
									<span class="c-feedback__text">Heb je gevonden wat je zocht?</span>
									<div class="c-feedback__container">
										<button class="c-feedback__button">
											<span class="far fa-thumbs-up c-feedback__icon"></span>
										</button>
										<button class="c-feedback__button c-feedback__button--bg-gray">
											<span class="far fa-thumbs-down c-feedback__icon"></span>
										</button>
									</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<ul class="c-faq__content-list ">
					<li class="c-faq__content-list-item">
						<div class="c-collapse js-collapse">
							<div class="c-collapse__header">
								<span class="c-collapse__title">Wat zijn jullie rentepercentages?</span>
								<div class="c-collapse__button">
									<span class="c-collapse__icon"></span>
								</div>
							</div>
							<div class="c-collapse__content">
								<div class="c-feedback c-collapse__feedback">
									<span class="c-feedback__text">Heb je gevonden wat je zocht?</span>
									<div class="c-feedback__container">
										<button class="c-feedback__button">
											<span class="far fa-thumbs-up c-feedback__icon"></span>
										</button>
										<button class="c-feedback__button c-feedback__button--bg-gray">
											<span class="far fa-thumbs-down c-feedback__icon"></span>
										</button>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li class="c-faq__content-list-item">
						<div class="c-collapse js-collapse">
							<div class="c-collapse__header">
								<span class="c-collapse__title">Kan ik bij NIBC Direct gebruik maken van
									rentemiddeling?</span>
								<div class="c-collapse__button">
									<span class="c-collapse__icon"></span>
								</div>
							</div>
							<div class="c-collapse__content">
								<div class="c-feedback c-collapse__feedback">
									<span class="c-feedback__text">Heb je gevonden wat je zocht?</span>
									<div class="c-feedback__container">
										<button class="c-feedback__button">
											<span class="far fa-thumbs-up c-feedback__icon"></span>
										</button>
										<button class="c-feedback__button c-feedback__button--bg-gray">
											<span class="far fa-thumbs-down c-feedback__icon"></span>
										</button>
									</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<ul class="c-faq__content-list ">
					<li class="c-faq__content-list-item">
						<div class="c-collapse js-collapse">
							<div class="c-collapse__header">
								<span class="c-collapse__title">Wat zijn jullie rentepercentages?</span>
								<div class="c-collapse__button">
									<span class="c-collapse__icon"></span>
								</div>
							</div>
							<div class="c-collapse__content">
								<div class="c-feedback c-collapse__feedback">
									<span class="c-feedback__text">Heb je gevonden wat je zocht?</span>
									<div class="c-feedback__container">
										<button class="c-feedback__button">
											<span class="far fa-thumbs-up c-feedback__icon"></span>
										</button>
										<button class="c-feedback__button c-feedback__button--bg-gray">
											<span class="far fa-thumbs-down c-feedback__icon"></span>
										</button>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li class="c-faq__content-list-item">
						<div class="c-collapse js-collapse">
							<div class="c-collapse__header">
								<span class="c-collapse__title">Kan ik bij NIBC Direct gebruik maken van
									rentemiddeling?</span>
								<div class="c-collapse__button">
									<span class="c-collapse__icon"></span>
								</div>
							</div>
							<div class="c-collapse__content">
								<div class="c-feedback c-collapse__feedback">
									<span class="c-feedback__text">Heb je gevonden wat je zocht?</span>
									<div class="c-feedback__container">
										<button class="c-feedback__button">
											<span class="far fa-thumbs-up c-feedback__icon"></span>
										</button>
										<button class="c-feedback__button c-feedback__button--bg-gray">
											<span class="far fa-thumbs-down c-feedback__icon"></span>
										</button>
									</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<ul class="c-faq__content-list ">
					<li class="c-faq__content-list-item">
						<div class="c-collapse js-collapse">
							<div class="c-collapse__header">
								<span class="c-collapse__title">Wat zijn jullie rentepercentages?</span>
								<div class="c-collapse__button">
									<span class="c-collapse__icon"></span>
								</div>
							</div>
							<div class="c-collapse__content">
								<div class="c-feedback c-collapse__feedback">
									<span class="c-feedback__text">Heb je gevonden wat je zocht?</span>
									<div class="c-feedback__container">
										<button class="c-feedback__button">
											<span class="far fa-thumbs-up c-feedback__icon"></span>
										</button>
										<button class="c-feedback__button c-feedback__button--bg-gray">
											<span class="far fa-thumbs-down c-feedback__icon"></span>
										</button>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li class="c-faq__content-list-item">
						<div class="c-collapse js-collapse">
							<div class="c-collapse__header">
								<span class="c-collapse__title">Kan ik bij NIBC Direct gebruik maken van
									rentemiddeling?</span>
								<div class="c-collapse__button">
									<span class="c-collapse__icon"></span>
								</div>
							</div>
							<div class="c-collapse__content">
								<div class="c-feedback c-collapse__feedback">
									<span class="c-feedback__text">Heb je gevonden wat je zocht?</span>
									<div class="c-feedback__container">
										<button class="c-feedback__button">
											<span class="far fa-thumbs-up c-feedback__icon"></span>
										</button>
										<button class="c-feedback__button c-feedback__button--bg-gray">
											<span class="far fa-thumbs-down c-feedback__icon"></span>
										</button>
									</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<ul class="c-faq__content-list ">
					<li class="c-faq__content-list-item">
						<div class="c-collapse js-collapse">
							<div class="c-collapse__header">
								<span class="c-collapse__title">Wat zijn jullie rentepercentages?</span>
								<div class="c-collapse__button">
									<span class="c-collapse__icon"></span>
								</div>
							</div>
							<div class="c-collapse__content">
							</div>
						</div>
					</li>
					<li class="c-faq__content-list-item">
						<div class="c-collapse js-collapse">
							<div class="c-collapse__header">
								<span class="c-collapse__title">Kan ik bij NIBC Direct gebruik maken van
									rentemiddeling?</span>
								<div class="c-collapse__button">
									<span class="c-collapse__icon"></span>
								</div>
							</div>
							<div class="c-collapse__content">
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</section>