<div class="row pt-2 pt-md-4">
<div class="col-xs-12 col-md-10 col-md-offset-1">
<h1 class="page-title">
<span>Bereken hier de prijs voor uw project. </span>
</h1>
</div>
</div>
<div data-drupal-messages-fallback class="hidden"></div><drupal-render-placeholder callback="Drupal\Core\Render\Element\StatusMessages::renderMessages" arguments="0" token="_HAdUpwWmet0TOTe2PSiJuMntExoshbm1kh2wQzzzAA"></drupal-render-placeholder>
<article class="page full clearfix">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-10 col-md-offset-1">
<div class="content pb-2 pb-md-4">
<div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p class="lead">Met onze handige rekentool kunt u eenvoudig de prijs voor uw project bekijken; nog voor u een offerte aanvraagt!</p>
<p><span>Onderstaande rekentool geeft u meteen inzicht in de kosten en in de mogelijkheden voor het egaliseren van uw ondervloer. Egaliseren is het glad maken van een ondervloer. Wij maken de vloeren dus niet waterpas.</span></p>
</div>
</div>
</div><!-- /cols -->
</div><!-- /row -->
</div><!-- /container -->
</article>
<section id="block-floortoolfullform" class="block block-floor-tool block-floor-tool-full clearfix">
<div class="floor-tool-full floor-tool pb-2 pb-md-5">
<form class="form-inline" action="/offerte-op-maat" method="get">
<div class="container">
<div class="form-step bg-gray-lighter">
<div class="row">
<div class="col-xs-12 col-md-10 col-md-offset-1">
<h2 class="h4">Oppervlakte & bestaande ondergrond</h2>
<div class="form-group-wrapper">
<div class="form-group">
<label class="sr-only">Vul de oppervlakte in</label>
<div class="input-group">
<input id="floor-surface" name="surface" type="number" min="40" required="required" class="form-control" placeholder="Vul de oppervlakte in (min. 40 m²)" value="">
<div class="input-group-addon">m²</div>
</div>
</div>
<div class="form-group select-wrapper">
<label class="sr-only">Soort ondergrond (bestaande)</label>
<div class="input-group">
<input id="floor-type" name="type" value="0" type="hidden">
<select id="floor-select" name="type-select" class="form-control" required="required"><option value="">Soort ondergrond (bestaande)</option><option value="3" >Zandcement</option><option value="8" >Anhydriet</option><option value="2" >Plavuizen/Tegelvloer</option><option value="13" >Fermacell</option><option value="1" >Tegellijm</option><option value="15" >Overige (met uitzondering van hout)</option></select>
</div>
<p>
<small>
<svg width="510" height="510" viewBox="0 0 510 510" xmlns="http://www.w3.org/2000/svg"><title>info</title><g fill="none" fill-rule="evenodd"><path d="M259 15C128.66 15 23 120.66 23 251s105.66 236 236 236 236-105.66 236-236S389.34 15 259 15z" fill="#FFF"/><path d="M255 0C114.167 0 0 114.167 0 255s114.167 255 255 255 255-114.167 255-255S395.833 0 255 0zm-3.502 93.5c21.075 0 38.12 17.045 38.12 38.12 0 21.075-17.045 38.12-38.12 38.12-21.075 0-38.12-17.045-38.12-38.12 0-21.075 17.045-38.12 38.12-38.12zm59.527 323h-112.05v-45.388h24.907V238.979h-2.246c-12.487 0-22.661-10.108-22.661-22.661 0-12.487 10.108-22.661 22.661-22.661H286.249v177.455h24.775l.001 45.388z" fill="currentColor" fill-rule="nonzero"/></g></svg>
Wij egaliseren ondervloeren; wij maken de ondervloeren zelf dus niet. Weet u niet welke ondervloer u heeft? Kijk dan bij <a href="/onze-diensten">onze diensten</a>. </small>
</p>
</div>
<!--
<button type="submit" class="btn btn-default btn-sm">Volgende stap</button>
-->
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="form-step form-step-secondary bg-gray-lighter hidden">
<div class="row">
<div class="col-xs-12 col-md-10 col-md-offset-1">
<h2 class="h4">Hoe ziet de ondervloer er uit?</h2>
<div class="form-group-wrapper form-groep-wrap">
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="form-step form-step-tertiary bg-gray-lighter hidden">
<div class="row">
<div class="col-xs-12 col-md-10 col-md-offset-1">
<div class="row">
<div class="col-md-6">
<h2 class="h4">Uw prijs op maat</h2>
<div class="well price-wrapper">
<p id="floor-price" class="h1">
€ 0 <small>incl. BTW</small>
</div>
<div id="floor-option-desc">
<div class="well"></div>
</div>
</div>
<div id="floor-text-wrapper" class="col-md-6">
<article class="system-text full clearfix">
<div class="content">
<div class="field field--name-field-system-text field--type-text-long field--label-hidden field--item"><div><strong>Genoemde prijs is op basis van een aantal voorwaarden:</strong></div>
<ul>
<li>Prijs is op basis van een trekvaste en blijvend droge ondergrond.</li>
<li>Prijs is op basis van maximaal 75 km afstand van Werkendam.</li>
<li>Prijs is op basis van een schatting. Om een gedetailleerde offerte op maat aan te vragen, ontvangen we graag aanvullende informatie zoals foto's en contactinformatie.</li>
</ul>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
<p class="text-center">
<button id="floor-tool-submit" class="btn btn-default" >Vraag een offerte op maat aan</button>
</p>
</form>
</div>
</section>
