982 lines
75 KiB
HTML
982 lines
75 KiB
HTML
|
||
<!doctype html>
|
||
<html lang="nl-NL">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<link rel="profile" href="https://gmpg.org/xfn/11">
|
||
|
||
<title>Bereken direct uw prijs – Correct Vloerverwarming</title>
|
||
<meta name='robots' content='max-image-preview:large' />
|
||
<link rel='dns-prefetch' href='https://fonts.googleapis.com/' />
|
||
<link rel="alternate" type="application/rss+xml" title="Correct Vloerverwarming » feed" href="../feed/index.html" />
|
||
<link rel="alternate" type="application/rss+xml" title="Correct Vloerverwarming » reacties feed" href="../comments/feed/index.html" />
|
||
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="../wp-json/oembed/1.0/embed%3Furl=https:%252F%252Fcorrectvloerverwarming.nl%252Fbereken-direct-uw-prijs%252F" />
|
||
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="../wp-json/oembed/1.0/embed%3Furl=https:%252F%252Fcorrectvloerverwarming.nl%252Fbereken-direct-uw-prijs%252F&format=xml" />
|
||
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
|
||
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
|
||
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
|
||
</style>
|
||
<style id='wp-emoji-styles-inline-css' type='text/css'>
|
||
|
||
img.wp-smiley, img.emoji {
|
||
display: inline !important;
|
||
border: none !important;
|
||
box-shadow: none !important;
|
||
height: 1em !important;
|
||
width: 1em !important;
|
||
margin: 0 0.07em !important;
|
||
vertical-align: -0.1em !important;
|
||
background: none !important;
|
||
padding: 0 !important;
|
||
}
|
||
/*# sourceURL=wp-emoji-styles-inline-css */
|
||
</style>
|
||
<style id='classic-theme-styles-inline-css' type='text/css'>
|
||
/*! This file is auto-generated */
|
||
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
|
||
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
|
||
</style>
|
||
<style id='global-styles-inline-css' type='text/css'>
|
||
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
|
||
/*# sourceURL=global-styles-inline-css */
|
||
</style>
|
||
|
||
<link rel='stylesheet' id='contact-form-7-css' href='../wp-content/plugins/contact-form-7/includes/css/styles.css' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='arkdin-custom-css' href='../wp-content/themes/arkdin/assets/css/arkdin-custom.css' type='text/css' media='all' />
|
||
<style id='arkdin-custom-inline-css' type='text/css'>
|
||
html:root { --accent: #ff5500}html:root { --accent: #ff5500}
|
||
html:root { --primary: #102039}html:root { --primary: #102039}
|
||
/*# sourceURL=arkdin-custom-inline-css */
|
||
</style>
|
||
<link rel='stylesheet' id='arkdin-fonts-css' href='https://fonts.googleapis.com/css?family=DM+Sans%3Aital%2Cwght%400%2C400%3B0%2C500%3B0%2C600%3B0%2C700%3B0%2C800%3B0%2C900%3B1%2C400%3B1%2C500%3B1%2C600%3B1%2C700%3B1%2C800%3B1%2C900%7COutfit%3Awght%40400%2C500%2C600%2C700%2C800%2C900&ver=1.0.0' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='bootstrap-css' href='../wp-content/themes/arkdin/assets/css/bootstrap.min.css' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='font-awesome-free-css' href='../wp-content/themes/arkdin/assets/css/fontawesome.min.css' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='animate-css' href='../wp-content/themes/arkdin/assets/css/animate.css' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='slickcss-css' href='../wp-content/themes/arkdin/assets/css/slick.min.css' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='arkdin-core-css' href='../wp-content/themes/arkdin/assets/css/arkdin-core.css' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='arkdin-update-css' href='../wp-content/themes/arkdin/assets/css/arkdin-update.css' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='arkdin-unit-css' href='../wp-content/themes/arkdin/assets/css/arkdin-unit.css' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='arkdin-style-css' href='../wp-content/themes/arkdin/style.css' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='elementor-frontend-css' href='../wp-content/plugins/elementor/assets/css/frontend.min.css' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='elementor-post-9-css' href='../wp-content/uploads/elementor/css/post-9.css' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='widget-heading-css' href='../wp-content/plugins/elementor/assets/css/widget-heading.min.css' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='elementor-post-976-css' href='../wp-content/uploads/elementor/css/post-976.css' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='elementor-gf-roboto-css' href='https://fonts.googleapis.com/css?family=Roboto:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='elementor-gf-robotoslab-css' href='https://fonts.googleapis.com/css?family=Roboto+Slab:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='elementor-gf-poppins-css' href='https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap' type='text/css' media='all' />
|
||
<script type="text/javascript" src="../wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script>
|
||
<script type="text/javascript" src="../wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script>
|
||
<link rel="https://api.w.org/" href="../wp-json/index.html" /><link rel="alternate" title="JSON" type="application/json" href="../wp-json/wp/v2/pages/976" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc.php?rsd" />
|
||
<meta name="generator" content="WordPress 6.9.1" />
|
||
<link rel="canonical" href="../bereken-direct-uw-prijs/" />
|
||
<link rel='shortlink' href='../?p=976' />
|
||
<meta name="generator" content="Elementor 3.32.4; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
|
||
<style>
|
||
/* Logo-achtige gradient: TOP -> BOTTOM (niet links->rechts) */
|
||
header.cs_site_header .cs_main_header.cs_accent_bg,
|
||
header.cs_site_header .cs_top_header {
|
||
background-image: linear-gradient(180deg, #E87848 0%, #EC6150 55%, #EF4F57 100%) !important;
|
||
background-color: transparent !important;
|
||
}
|
||
|
||
/* Als Arkdin een overlay gebruikt via ::before/::after, kill die ook */
|
||
header.cs_site_header .cs_main_header.cs_accent_bg::before,
|
||
header.cs_site_header .cs_main_header.cs_accent_bg::after,
|
||
header.cs_site_header .cs_top_header::before,
|
||
header.cs_site_header .cs_top_header::after {
|
||
background-image: linear-gradient(180deg, #E87848 0%, #EC6150 55%, #EF4F57 100%) !important;
|
||
background-color: transparent !important;
|
||
opacity: 1 !important;
|
||
}
|
||
</style>
|
||
|
||
<style>
|
||
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
|
||
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
|
||
background-image: none !important;
|
||
}
|
||
@media screen and (max-height: 1024px) {
|
||
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
|
||
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
|
||
background-image: none !important;
|
||
}
|
||
}
|
||
@media screen and (max-height: 640px) {
|
||
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
|
||
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
|
||
background-image: none !important;
|
||
}
|
||
}
|
||
</style>
|
||
<link rel="icon" href="../wp-content/uploads/2025/09/cropped-correctlogo-04-32x32.png" sizes="32x32" />
|
||
<link rel="icon" href="../wp-content/uploads/2025/09/cropped-correctlogo-04-192x192.png" sizes="192x192" />
|
||
<link rel="apple-touch-icon" href="../wp-content/uploads/2025/09/cropped-correctlogo-04-180x180.png" />
|
||
<meta name="msapplication-TileImage" content="https://correctvloerverwarming.nl/wp-content/uploads/2025/09/cropped-correctlogo-04-270x270.png" />
|
||
<style id="kirki-inline-styles"></style></head>
|
||
|
||
<body class="wp-singular page-template-default page page-id-976 wp-embed-responsive wp-theme-arkdin no-sidebar elementor-default elementor-template-full-width elementor-kit-9 elementor-page elementor-page-976">
|
||
|
||
|
||
|
||
<!-- Start Preloader -->
|
||
<div class="cs_preloader cs_accent_color">
|
||
<div class="cs_preloader_in">
|
||
<img src="../wp-content/themes/arkdin/assets/img/preloader_icon.svg" alt="Icon">
|
||
</div>
|
||
</div>
|
||
<!-- End Preloader -->
|
||
|
||
|
||
<!-- Start Header Section -->
|
||
<header class="cs_site_header cs_style_1 cs_heading_color cs_sticky_header">
|
||
<div class="cs_top_header">
|
||
<div class="container">
|
||
<div class="cs_top_header_in">
|
||
<div class="cs_top_header_left">
|
||
<div class="cs_header_social_links_wrap">
|
||
<div class="cs_header_social_links">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cs_main_header cs_accent_bg">
|
||
<div class="container">
|
||
<div class="cs_main_header_in">
|
||
<div class="cs_main_header_left">
|
||
|
||
<a class="cs_site_branding" href="../robots.txt.html">
|
||
<img src="../wp-content/uploads/2025/09/correctlogo2-02-scaled-e1758458824530.png" alt="Logo" />
|
||
</a>
|
||
</div>
|
||
<div class="cs_main_header_center">
|
||
<div class="cs_nav">
|
||
<ul id="menu-main-menu" class="cs_nav_list"><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1043" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown has-dropdown menu-item-1043 nav-item"><a title="Systemen" href="../systemen/" class="nav-links">Systemen</a>
|
||
<ul class="sub-menu" role="menu">
|
||
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1042" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1042 nav-item"><a title="Infrezen" href="../infrezen/" class="dropdown-items">Infrezen</a></li>
|
||
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1041" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1041 nav-item"><a title="Krimpnetten" href="../krimpnetten/" class="dropdown-items">Krimpnetten</a></li>
|
||
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1040" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1040 nav-item"><a title="Noppenplaten" href="../noppenplaten/" class="dropdown-items">Noppenplaten</a></li>
|
||
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1039" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1039 nav-item"><a title="Warp Systems" href="../warp-systems/" class="dropdown-items">Warp Systems</a></li>
|
||
</ul>
|
||
</li>
|
||
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1038" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1038 nav-item"><a title="Zoneregeling" href="../zoneregeling/" class="nav-links">Zoneregeling</a></li>
|
||
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1037" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1037 nav-item"><a title="Verdeler ROBOT" href="../verdeler-robot/" class="nav-links">Verdeler ROBOT</a></li>
|
||
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-481" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-481 nav-item"><a title="Over Ons" href="../about-us/" class="nav-links">Over Ons</a></li>
|
||
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-482" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-482 nav-item"><a title="Contact" href="../contact/" class="nav-links">Contact</a></li>
|
||
</ul> </div>
|
||
</div>
|
||
<div class="cs_main_header_right">
|
||
<a href="../bereken-direct-uw-prijs/" class="cs_btn cs_style_1">
|
||
<span>Start prijsberekening</span>
|
||
<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M8.28125 0.71875L13.7812 5.96875C13.9271 6.11458 14 6.29167 14 6.5C14 6.70833 13.9271 6.88542 13.7812 7.03125L8.28125 12.2812C7.90625 12.5729 7.55208 12.5729 7.21875 12.2812C6.92708 11.9062 6.92708 11.5521 7.21875 11.2188L11.375 7.25H0.75C0.291667 7.20833 0.0416667 6.95833 0 6.5C0.0416667 6.04167 0.291667 5.79167 0.75 5.75H11.375L7.21875 1.78125C6.92708 1.44792 6.92708 1.09375 7.21875 0.71875C7.55208 0.427083 7.90625 0.427083 8.28125 0.71875Z" fill="currentColor"></path>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<div class="cs_site_header_spacing_130"></div>
|
||
<!-- End Header Section -->
|
||
|
||
|
||
<!-- main-area -->
|
||
<main class="main-area">
|
||
|
||
|
||
<!-- Start Page Heading -->
|
||
<section class="cs_page_heading cs_bg_filed cs_center cs_primary_bg text-center " data-src="../wp-content/uploads/2025/09/Gemini_Generated_Image_xgv86gxgv86gxgv8-1.png" data-bg-color="">
|
||
<div class="container">
|
||
<h1 class="cs_white_color cs_semibold cs_white_color cs_mb_10 cs_fs_64">Bereken direct uw prijs</h1>
|
||
<nav class="breadcrumb">
|
||
<!-- Breadcrumb NavXT 7.4.1 -->
|
||
<span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Ga naar Correct Vloerverwarming." href="../robots.txt.html" class="home" ><span property="name">Correct Vloerverwarming</span></a><meta property="position" content="1"></span> > <span property="itemListElement" typeof="ListItem"><span property="name" class="post post-page current-item">Bereken direct uw prijs</span><meta property="url" content="https://correctvloerverwarming.nl/bereken-direct-uw-prijs/"><meta property="position" content="2"></span> </nav>
|
||
</div>
|
||
</section>
|
||
<!-- End Page Heading -->
|
||
|
||
<div data-elementor-type="wp-page" data-elementor-id="976" class="elementor elementor-976" data-elementor-post-type="page">
|
||
<div class="elementor-element elementor-element-8c8b1d0 e-flex e-con-boxed e-con e-parent" data-id="8c8b1d0" data-element_type="container">
|
||
<div class="e-con-inner">
|
||
<div class="elementor-element elementor-element-92b3172 elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="92b3172" data-element_type="widget" data-widget_type="heading.default">
|
||
<h2 class="elementor-heading-title elementor-size-default">Bereken direct uw prijs</h2> </div>
|
||
<div class="elementor-element elementor-element-a7cc8f0 elementor-widget elementor-widget-text-editor" data-id="a7cc8f0" data-element_type="widget" data-widget_type="text-editor.default">
|
||
<p>Hieronder kunt u direct een richtprijs berekenen voor uw nieuwe vloer</p> </div>
|
||
</div>
|
||
</div>
|
||
<div class="elementor-element elementor-element-aed04d9 e-con-full e-flex e-con e-parent" data-id="aed04d9" data-element_type="container" data-settings="{"background_background":"classic"}">
|
||
<div class="elementor-element elementor-element-782b67f elementor-widget elementor-widget-html" data-id="782b67f" data-element_type="widget" data-widget_type="html.default">
|
||
<!-- ====== CORRECT VLOERVERWARMING – CALCULATOR (rooms -> per-room m²) ====== -->
|
||
<div id="prijsberekening"></div>
|
||
<div id="vvw-calculator" class="vvw-wrap">
|
||
<div class="vvw-card" id="vvw-card">
|
||
<header class="vvw-header">
|
||
<h2>Bereken uw prijs</h2>
|
||
<div class="vvw-crumbs">Correct Vloerverwarming › Bereken uw prijs</div>
|
||
<ol class="vvw-steps" aria-label="Voortgang">
|
||
<li class="is-active" data-step="1">1</li><li data-step="2">2</li><li data-step="3">3</li>
|
||
<li data-step="4">4</li><li data-step="5">5</li><li data-step="6">6</li>
|
||
<li data-step="7">7</li><li data-step="8">8</li>
|
||
</ol>
|
||
</header>
|
||
|
||
<!-- STEP 1: Warmtebron -->
|
||
<section class="vvw-step is-active" data-step="1" aria-labelledby="s1">
|
||
<h3 id="s1">Wat is uw warmtebron?</h3>
|
||
<div class="vvw-grid vvw-4">
|
||
<button class="vvw-option" data-name="warmtebron" data-value="cv"><span class="vvw-ico">🔥</span><span class="vvw-txt">CV-ketel</span></button>
|
||
<button class="vvw-option" data-name="warmtebron" data-value="stads"><span class="vvw-ico">🏙️</span><span class="vvw-txt">Stadsverwarming</span></button>
|
||
<button class="vvw-option" data-name="warmtebron" data-value="wp"><span class="vvw-ico">♻️</span><span class="vvw-txt">Warmtepomp</span></button>
|
||
<button class="vvw-option" data-name="warmtebron" data-value="hybride"><span class="vvw-ico">🔀</span><span class="vvw-txt">Hybride warmtepomp</span></button>
|
||
</div>
|
||
<div class="vvw-nav"><button class="vvw-next vvw-btn">Volgende stap</button></div>
|
||
</section>
|
||
|
||
<!-- STEP 2: Ruimtes (meerdere keuzes) -->
|
||
<section class="vvw-step" data-step="2" aria-labelledby="s2">
|
||
<h3 id="s2">Welke ruimtes wilt u verwarmen? <span class="vvw-hint">(meerdere keuzes mogelijk)</span></h3>
|
||
<div class="vvw-grid vvw-3" data-multi="true">
|
||
<button class="vvw-option" data-name="ruimtes" data-value="bg"><span class="vvw-ico">🏠</span><span class="vvw-txt">Begane grond</span></button>
|
||
<button class="vvw-option" data-name="ruimtes" data-value="v1"><span class="vvw-ico">1️⃣</span><span class="vvw-txt">1e verdieping</span></button>
|
||
<button class="vvw-option" data-name="ruimtes" data-value="v2"><span class="vvw-ico">2️⃣</span><span class="vvw-txt">2e verdieping</span></button>
|
||
<button class="vvw-option" data-name="ruimtes" data-value="v3"><span class="vvw-ico">3️⃣</span><span class="vvw-txt">3e verdieping</span></button>
|
||
<button class="vvw-option" data-name="ruimtes" data-value="app"><span class="vvw-ico">🏢</span><span class="vvw-txt">Appartement</span></button>
|
||
<button class="vvw-option" data-name="ruimtes" data-value="hal"><span class="vvw-ico">🏭</span><span class="vvw-txt">Bedrijfshal</span></button>
|
||
</div>
|
||
<div class="vvw-nav">
|
||
<button class="vvw-prev vvw-btn vvw-btn--ghost">Vorige stap</button>
|
||
<button class="vvw-next vvw-btn" data-goto="3">Volgende stap</button>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- STEP 3: m² PER GEKOZEN RUIMTE (dynamisch) -->
|
||
<section class="vvw-step" data-step="3" aria-labelledby="s3">
|
||
<h3 id="s3">Aantal m² per ruimte</h3>
|
||
<p class="vvw-mini">We hebben per geselecteerde ruimte een veld toegevoegd. Vul per ruimte het geschatte aantal m² in.</p>
|
||
<div id="vvw-m2-rooms" class="vvw-grid vvw-2"></div>
|
||
<div class="vvw-total" id="vvw-total" hidden>Totaal: <strong>0 m²</strong></div>
|
||
<div class="vvw-nav">
|
||
<button class="vvw-prev vvw-btn vvw-btn--ghost">Vorige stap</button>
|
||
<button class="vvw-next vvw-btn">Volgende stap</button>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- STEP 4: Installatiemethode + info -->
|
||
<section class="vvw-step" data-step="4" aria-labelledby="s4">
|
||
<h3 id="s4">Welke installatiemethode?</h3>
|
||
<div class="vvw-grid vvw-4">
|
||
<button class="vvw-option" data-name="installatie" data-value="infrezen">
|
||
<span class="vvw-ico">🪚</span><span class="vvw-txt">Infrezen</span>
|
||
<a class="vvw-info" href="../bereken-direct-uw-prijs/#info-infrezen">ⓘ</a>
|
||
</button>
|
||
<button class="vvw-option" data-name="installatie" data-value="krimpnet">
|
||
<span class="vvw-ico">🧵</span><span class="vvw-txt">Krimpnetten</span>
|
||
<a class="vvw-info" href="../bereken-direct-uw-prijs/#info-krimpnetten">ⓘ</a>
|
||
</button>
|
||
<button class="vvw-option" data-name="installatie" data-value="noppen">
|
||
<span class="vvw-ico">🔘</span><span class="vvw-txt">Noppenplaten</span>
|
||
<a class="vvw-info" href="../bereken-direct-uw-prijs/#info-noppenplaten">ⓘ</a>
|
||
</button>
|
||
<button class="vvw-option" data-name="installatie" data-value="droogbouw">
|
||
<span class="vvw-ico">🧱</span><span class="vvw-txt">Droogbouw</span>
|
||
<a class="vvw-info" href="../bereken-direct-uw-prijs/#info-droogbouw">ⓘ</a>
|
||
</button>
|
||
<button class="vvw-option" data-name="installatie" data-value="warp">
|
||
<span class="vvw-ico">⚡</span><span class="vvw-txt">Warp Systems</span>
|
||
<a class="vvw-info" href="../bereken-direct-uw-prijs/#info-warp">ⓘ</a>
|
||
</button>
|
||
</div>
|
||
<p class="vvw-mini">Klik op ⓘ voor uitleg (scroll naar infoblok) of koppel aan je detailpagina’s.</p>
|
||
<div class="vvw-nav">
|
||
<button class="vvw-prev vvw-btn vvw-btn--ghost">Vorige stap</button>
|
||
<button class="vvw-next vvw-btn">Volgende stap</button>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- STEP 5: Ondervloer -->
|
||
<section class="vvw-step" data-step="5" aria-labelledby="s5">
|
||
<h3 id="s5">Wat is uw ondervloer?</h3>
|
||
<div class="vvw-grid vvw-4">
|
||
<button class="vvw-option" data-name="ondervloer" data-value="zandcement"><span class="vvw-ico">🟫</span><span class="vvw-txt">Zandcement</span></button>
|
||
<button class="vvw-option" data-name="ondervloer" data-value="anhydriet"><span class="vvw-ico">🟪</span><span class="vvw-txt">Anhydriet</span></button>
|
||
<button class="vvw-option" data-name="ondervloer" data-value="siergrind"><span class="vvw-ico">🟡</span><span class="vvw-txt">Siergrindvloer</span></button>
|
||
<button class="vvw-option" data-name="ondervloer" data-value="fermacell"><span class="vvw-ico">📐</span><span class="vvw-txt">Fermacell/Knauf</span></button>
|
||
<button class="vvw-option" data-name="ondervloer" data-value="beton"><span class="vvw-ico">🪨</span><span class="vvw-txt">Beton</span></button>
|
||
<button class="vvw-option" data-name="ondervloer" data-value="hout"><span class="vvw-ico">🪵</span><span class="vvw-txt">Hout</span></button>
|
||
<button class="vvw-option" data-name="ondervloer" data-value="tegel"><span class="vvw-ico">🧱</span><span class="vvw-txt">Tegel</span></button>
|
||
<button class="vvw-option" data-name="ondervloer" data-value="overig"><span class="vvw-ico">❓</span><span class="vvw-txt">Overig</span></button>
|
||
</div>
|
||
<div class="vvw-nav">
|
||
<button class="vvw-prev vvw-btn vvw-btn--ghost">Vorige stap</button>
|
||
<button class="vvw-next vvw-btn">Volgende stap</button>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- STEP 6: Afwerkvloer -->
|
||
<section class="vvw-step" data-step="6" aria-labelledby="s6">
|
||
<h3 id="s6">Welke afwerkvloer?</h3>
|
||
<div class="vvw-grid vvw-3">
|
||
<button class="vvw-option" data-name="afwerkvloer" data-value="dekvloer"><span class="vvw-ico">🧱</span><span class="vvw-txt">Dekvloer afstorten</span></button>
|
||
<button class="vvw-option" data-name="afwerkvloer" data-value="mortel"><span class="vvw-ico">🧴</span><span class="vvw-txt">Sleuven dichtsmeren</span></button>
|
||
<button class="vvw-option" data-name="afwerkvloer" data-value="nvt"><span class="vvw-ico">—</span><span class="vvw-txt">n.v.t.</span></button>
|
||
</div>
|
||
<div class="vvw-nav">
|
||
<button class="vvw-prev vvw-btn vvw-btn--ghost">Vorige stap</button>
|
||
<button class="vvw-next vvw-btn">Volgende stap</button>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- STEP 7: Hulp -->
|
||
<section class="vvw-step" data-step="7" aria-labelledby="s7">
|
||
<h3 id="s7">Hoe kunnen we u het beste helpen?</h3>
|
||
<div class="vvw-grid vvw-3">
|
||
<button class="vvw-option" data-name="hulp" data-value="indicatief"><span class="vvw-ico">≈</span><span class="vvw-txt">Indicatieve offerte</span></button>
|
||
<button class="vvw-option" data-name="hulp" data-value="locatie"><span class="vvw-ico">👥</span><span class="vvw-txt">Vrijblijvend locatiebezoek</span></button>
|
||
<button class="vvw-option" data-name="hulp" data-value="telefoon"><span class="vvw-ico">📞</span><span class="vvw-txt">Telefonisch advies</span></button>
|
||
<button class="vvw-option" data-name="hulp" data-value="whatsapp"><span class="vvw-ico">🟢</span><span class="vvw-txt">Advies via WhatsApp</span></button>
|
||
<button class="vvw-option" data-name="hulp" data-value="mail"><span class="vvw-ico">✉️</span><span class="vvw-txt">Advies via mail</span></button>
|
||
</div>
|
||
<p id="vvw-wa-hint" class="vvw-mini" hidden>We sturen u een bericht via WhatsApp: <a href="https://wa.me/31612345678" target="_blank" rel="noopener">klik hier</a>.</p>
|
||
<div class="vvw-nav">
|
||
<button class="vvw-prev vvw-btn vvw-btn--ghost">Vorige stap</button>
|
||
<button class="vvw-next vvw-btn">Volgende stap</button>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- STEP 8: Contact / NAW / Datum / Upload -->
|
||
<section class="vvw-step" data-step="8" aria-labelledby="s8">
|
||
<h3 id="s8">Contact & installatieadres</h3>
|
||
<p>Vul uw gegevens in. E-mail en telefoon zijn verplicht; adres en datum zijn optioneel.</p>
|
||
|
||
<!-- Honeypot -->
|
||
<input type="text" id="vvw-website" name="website" autocomplete="off" tabindex="-1" style="position:absolute;left:-9999px;opacity:0" aria-hidden="true">
|
||
|
||
<div class="vvw-grid vvw-2 vvw-form">
|
||
<label class="vvw-field"><span>E-mail *</span><input id="vvw-email" type="email" placeholder="u@voorbeeld.nl" required></label>
|
||
<label class="vvw-field"><span>Telefoonnummer *</span><input id="vvw-phone" type="tel" placeholder="06 12345678" inputmode="tel" maxlength="12" required></label>
|
||
|
||
<label class="vvw-field"><span>Voornaam</span><input id="vvw-first" type="text" placeholder="Voornaam"></label>
|
||
<label class="vvw-field"><span>Achternaam</span><input id="vvw-last" type="text" placeholder="Achternaam"></label>
|
||
|
||
<label class="vvw-field"><span>Straat + huisnummer</span><input id="vvw-street" type="text" placeholder="Straat 1A"></label>
|
||
<label class="vvw-field"><span>Postcode</span><input id="vvw-zip" type="text" placeholder="1234 AB" maxlength="7"></label>
|
||
<label class="vvw-field"><span>Plaats</span><input id="vvw-city" type="text" placeholder="Plaats"></label>
|
||
<label class="vvw-field"><span>Gewenste installatiedatum</span><input id="vvw-date" type="date"></label>
|
||
|
||
<label class="vvw-field vvw-col-2"><span>Opmerkingen / aanvullende informatie</span><textarea id="vvw-note" rows="2"></textarea></label>
|
||
|
||
<label class="vvw-field vvw-col-2"><span>Bestand toevoegen</span>
|
||
<input id="vvw-file" type="file" accept=".pdf,.jpg,.jpeg,.png,.doc,.docx">
|
||
<span class="vvw-mini">Max ±10MB. Offerte, plattegrond of foto’s.</span>
|
||
</label>
|
||
|
||
<!-- Meer invulmogelijkheden -->
|
||
<div class="vvw-col-2">
|
||
<button type="button" id="vvw-more-toggle" class="vvw-more-btn">Meer invulmogelijkheden ▾</button>
|
||
<div id="vvw-more-panel" class="vvw-more-panel" hidden>
|
||
<div class="vvw-grid vvw-2">
|
||
<label class="vvw-field vvw-col-2"><span>Beschrijving (samenvatting)</span>
|
||
<textarea id="vvw-desc" rows="6" readonly style="background:#f4f6fb"></textarea>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vvw-summary" id="vvw-final"></div>
|
||
|
||
<div class="vvw-nav">
|
||
<button class="vvw-prev vvw-btn vvw-btn--ghost">Vorige stap</button>
|
||
<button class="vvw-submit vvw-btn vvw-btn--primary" id="vvw-submit">Versturen</button>
|
||
</div>
|
||
<p class="vvw-footnote">Door te versturen gaat u akkoord met verwerking van uw gegevens t.b.v. offerte en opvolging.</p>
|
||
</section>
|
||
|
||
<!-- SUCCESS -->
|
||
<section class="vvw-success" id="vvw-success" hidden>
|
||
<div class="vvw-success-inner">
|
||
<div class="vvw-check">✓</div>
|
||
<h3>Bedankt! Uw aanvraag is ontvangen.</h3>
|
||
<p>We nemen doorgaans dezelfde werkdag contact met u op.<br>Wilt u direct schakelen? Bel ons op <a href="tel:+31634125000">+31 6 12345678</a>.</p>
|
||
<a class="vvw-btn vvw-btn--primary" href="../robots.txt.html">Terug naar home</a>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
<style>
|
||
:root{ --orange:#FF6A00; --navy:#0B1B3A; --ink:#0F1C2E; --muted:#64748B; --border:#E6EEF5; --card:#fff; --soft:#F9FBFF; }
|
||
.vvw-wrap{max-width:1100px;margin:0 auto;padding:28px}
|
||
.vvw-card{background:var(--card);border-radius:22px;box-shadow:0 14px 40px rgba(11,27,58,.08);padding:28px 28px 34px;font-family:inherit}
|
||
.vvw-header h2{font-size:40px;line-height:1.15;margin:0 0 6px;color:var(--navy)}
|
||
.vvw-crumbs{color:var(--muted);font-size:13px;margin-bottom:14px}
|
||
.vvw-steps{list-style:none;display:flex;gap:12px;margin:8px 0 20px;padding:0}
|
||
.vvw-steps li{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;font-weight:800;background:#ECF2F9;color:var(--navy);border:2px solid transparent}
|
||
.vvw-steps li.is-active{background:var(--orange);color:#fff}
|
||
.vvw-steps li.is-done{background:#FFD7BF;color:var(--navy);border-color:var(--orange)}
|
||
|
||
.vvw-step{display:none;opacity:0;transform:translateY(6px)}
|
||
.vvw-step.is-active{display:block;animation:vvwFadeIn .24s ease forwards}
|
||
.vvw-step.leaving{animation:vvwFadeOut .18s ease forwards}
|
||
@keyframes vvwFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
|
||
@keyframes vvwFadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}
|
||
|
||
.vvw-hint{font-size:.85em;color:var(--muted);font-weight:600}
|
||
.vvw-mini{font-size:.85em;color:var(--muted);margin-top:6px}
|
||
|
||
.vvw-step h3{font-size:30px;margin:10px 0 8px;color:var(--navy)}
|
||
.vvw-grid{display:grid;gap:16px;margin:18px 0 4px}
|
||
.vvw-4{grid-template-columns:repeat(4,minmax(0,1fr))}
|
||
.vvw-3{grid-template-columns:repeat(3,minmax(0,1fr))}
|
||
.vvw-2{grid-template-columns:repeat(2,minmax(0,1fr))}
|
||
.vvw-col-2{grid-column:1 / -1}
|
||
@media (max-width:900px){.vvw-4{grid-template-columns:repeat(2,1fr)}.vvw-3{grid-template-columns:repeat(2,1fr)}}
|
||
@media (max-width:560px){.vvw-2,.vvw-3,.vvw-4{grid-template-columns:1fr}}
|
||
|
||
.vvw-option{position:relative;border:2px solid var(--border);background:#fff;border-radius:18px;padding:26px 18px;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:12px;transition:.15s box-shadow,.15s transform,.15s border}
|
||
.vvw-option:hover{box-shadow:0 12px 28px rgba(11,27,58,.10);transform:translateY(-1px)}
|
||
.vvw-option.is-selected{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,106,0,.15)}
|
||
.vvw-option .vvw-ico{font-size:34px;line-height:1;color:#0B1B3A}
|
||
.vvw-option.is-selected .vvw-ico{color:var(--orange)}
|
||
.vvw-option .vvw-txt{font-weight:700;color:var(--navy)}
|
||
.vvw-info{position:absolute;top:8px;right:8px;border-radius:999px;background:#EEF4FB;padding:2px 8px;text-decoration:none;color:#0B1B3A;font-weight:800;border:1px solid #DDE7F3}
|
||
|
||
.vvw-field{display:flex;flex-direction:column;gap:8px}
|
||
.vvw-field>span{font-weight:700;color:var(--navy)}
|
||
.vvw-input{display:flex;border:2px solid var(--border);border-radius:14px;overflow:hidden;max-width:420px;background:#fff}
|
||
.vvw-input input{flex:1;border:0;padding:14px 16px;font-size:18px;outline:none}
|
||
.vvw-unit{background:var(--navy);color:#fff;padding:0 14px;display:grid;place-items:center;font-weight:800}
|
||
|
||
.vvw-total{margin-top:8px;color:var(--navy);font-weight:800}
|
||
|
||
.vvw-nav{display:flex;gap:14px;justify-content:center;margin-top:24px}
|
||
.vvw-btn{border:0;border-radius:999px;padding:14px 24px;font-weight:800;letter-spacing:.2px;background:var(--navy);color:#fff;cursor:pointer}
|
||
.vvw-btn:hover{filter:brightness(.95)}
|
||
.vvw-btn--ghost{background:#1a2745}
|
||
.vvw-btn--primary{background:var(--orange);color:#fff}
|
||
|
||
.vvw-summary{margin:18px auto 0;max-width:760px;background:var(--soft);border:1px solid var(--border);border-radius:16px;padding:16px}
|
||
.vvw-summary h4{margin:0 0 8px;color:var(--navy)}
|
||
.vvw-summary .vvw-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--border);color:var(--navy)}
|
||
.vvw-summary .vvw-row:last-child{border-bottom:none}
|
||
|
||
.vvw-form input, .vvw-more-panel input, .vvw-more-panel textarea{border:2px solid var(--border);border-radius:12px;padding:12px 14px;font-size:16px}
|
||
.vvw-footnote{margin-top:10px;color:var(--muted);font-size:12px}
|
||
|
||
.vvw-more{margin-top:16px}
|
||
.vvw-more-btn{background:none;border:0;color:var(--navy);font-weight:800;padding:0;cursor:pointer;border-bottom:2px solid transparent}
|
||
.vvw-more-btn:hover{border-color:var(--orange)}
|
||
.vvw-more-panel{margin-top:14px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;animation:vvwFadeIn .24s ease both}
|
||
|
||
/* Success */
|
||
.vvw-success[hidden]{display:none}
|
||
.vvw-success-inner{display:grid;place-items:center;text-align:center;padding:40px 20px}
|
||
.vvw-check{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:36px;font-weight:900;margin-bottom:16px;box-shadow:0 12px 28px rgba(255,106,0,.25)}
|
||
|
||
/* Mobile polish */
|
||
@media (max-width: 640px){
|
||
#prijsberekening + #vvw-calculator{ background: var(--navy); padding: 28px 0 36px; }
|
||
.vvw-card{ margin:0 16px; border-radius:28px; padding:22px 18px 26px; box-shadow:0 18px 48px rgba(11,27,58,.35); }
|
||
.vvw-header h2{ text-align:center; text-transform:uppercase; letter-spacing:.5px; font-size:20px; margin:4px 0 14px; }
|
||
.vvw-crumbs{ display:none; }
|
||
.vvw-steps{ justify-content:center; gap:10px; margin-bottom:14px; }
|
||
.vvw-steps li{ width:42px; height:42px; background:#EEF4FB; color:var(--navy); }
|
||
.vvw-steps li.is-active{ background:var(--orange); color:#fff; }
|
||
.vvw-steps li.is-done{ background:#FFD7BF; color:var(--navy); }
|
||
.vvw-step h3{ text-align:center; font-size:22px; line-height:1.25; margin:8px 0 10px; color:var(--navy); }
|
||
.vvw-grid{ gap:14px; }
|
||
.vvw-4, .vvw-3{ grid-template-columns: repeat(2, minmax(0,1fr)); }
|
||
.vvw-option{ padding:18px 12px; border-radius:16px; }
|
||
.vvw-option .vvw-ico{ font-size:28px; }
|
||
.vvw-option .vvw-txt{ font-size:14px; }
|
||
.vvw-input{ max-width:320px; margin:0 auto; }
|
||
.vvw-btn{ border-radius:999px; padding:14px 22px; min-width:220px; }
|
||
}
|
||
</style>
|
||
|
||
<script>
|
||
(function(){
|
||
const $ = (s, c=document)=>c.querySelector(s);
|
||
const $$ = (s, c=document)=>Array.from(c.querySelectorAll(s));
|
||
const root = document.getElementById('vvw-calculator');
|
||
const steps = $$('.vvw-step', root);
|
||
const dots = $$('.vvw-steps li', root);
|
||
const card = document.getElementById('vvw-card');
|
||
const success = document.getElementById('vvw-success');
|
||
|
||
const ROOM_LABELS = {
|
||
bg:'Begane grond', v1:'1e verdieping', v2:'2e verdieping',
|
||
v3:'3e verdieping', app:'Appartement', hal:'Bedrijfshal'
|
||
};
|
||
|
||
const state = {
|
||
warmtebron:null,
|
||
ruimtes: [],
|
||
m2_by_room: {}, // { bg: 45, v1: 30, ... }
|
||
m2_total: 0, // auto som
|
||
installatie:null,
|
||
ondervloer:null,
|
||
afwerkvloer:null,
|
||
hulp:null
|
||
};
|
||
|
||
if(location.hash === '#prijsberekening'){
|
||
setTimeout(()=>document.getElementById('prijsberekening').scrollIntoView({behavior:'smooth',block:'start'}),100);
|
||
}
|
||
|
||
function go(next){
|
||
const currentEl = $('.vvw-step.is-active', root);
|
||
if(currentEl){ currentEl.classList.add('leaving'); }
|
||
setTimeout(()=>{
|
||
steps.forEach(s => s.classList.remove('is-active','leaving'));
|
||
const nextEl = steps.find(s=>+s.dataset.step===next);
|
||
if(nextEl){ nextEl.classList.add('is-active'); }
|
||
dots.forEach(d => { const n=+d.dataset.step; d.classList.toggle('is-active', n===next); d.classList.toggle('is-done', n<next); });
|
||
document.getElementById('prijsberekening').scrollIntoView({behavior:'smooth',block:'start'});
|
||
if(next===3){ renderRoomInputs(); }
|
||
if(next===8){ renderFinal(); }
|
||
}, currentEl ? 160 : 0);
|
||
}
|
||
|
||
function selectOption(btn){
|
||
const name = btn.dataset.name;
|
||
const isMulti = btn.dataset.multi === 'true' || btn.closest('.vvw-grid')?.dataset.multi === 'true';
|
||
const val = btn.dataset.value;
|
||
if(isMulti){
|
||
btn.classList.toggle('is-selected');
|
||
const arr = Array.isArray(state[name]) ? state[name] : [];
|
||
state[name] = btn.classList.contains('is-selected')
|
||
? [...new Set([...arr, val])]
|
||
: arr.filter(v => v !== val);
|
||
}else{
|
||
$$('.vvw-option[data-name="'+name+'"]', root).forEach(b=>b.classList.remove('is-selected'));
|
||
btn.classList.add('is-selected');
|
||
state[name] = val;
|
||
}
|
||
if(name==='hulp'){
|
||
$('#vvw-wa-hint', root).hidden = (val!=='whatsapp');
|
||
}
|
||
}
|
||
$$('.vvw-option', root).forEach(btn=>btn.addEventListener('click', ()=>selectOption(btn)));
|
||
|
||
$$('.vvw-next', root).forEach(b=>b.addEventListener('click', ()=>{
|
||
const cur = +$('.vvw-step.is-active', root).dataset.step;
|
||
if(!validate(cur)) return;
|
||
const target = +b.dataset.goto || (cur+1);
|
||
go(target);
|
||
}));
|
||
$$('.vvw-prev', root).forEach(b=>b.addEventListener('click', ()=>{
|
||
const cur = +$('.vvw-step.is-active', root).dataset.step;
|
||
go(Math.max(1,cur-1));
|
||
}));
|
||
|
||
// ---------- Stap 3: dynamische m² velden ----------
|
||
function renderRoomInputs(){
|
||
const wrap = $('#vvw-m2-rooms', root);
|
||
wrap.innerHTML = '';
|
||
state.m2_by_room = state.m2_by_room || {};
|
||
state.m2_total = 0;
|
||
|
||
if(!state.ruimtes || state.ruimtes.length===0){
|
||
wrap.innerHTML = '<p class="vvw-mini">Geen ruimtes geselecteerd. Ga terug naar stap 2.</p>';
|
||
return;
|
||
}
|
||
|
||
state.ruimtes.forEach(code=>{
|
||
const label = ROOM_LABELS[code] || code;
|
||
const id = 'm2_'+code;
|
||
const val = Number(state.m2_by_room[code] || 0);
|
||
const item = document.createElement('div');
|
||
item.className = 'vvw-field';
|
||
item.innerHTML = `
|
||
<span>${label} (m²)</span>
|
||
<div class="vvw-input">
|
||
<input type="number" min="1" step="1" id="${id}" placeholder="0" inputmode="numeric" value="${val || ''}">
|
||
<span class="vvw-unit">m²</span>
|
||
</div>`;
|
||
wrap.appendChild(item);
|
||
|
||
const input = $('#'+id, item);
|
||
input.addEventListener('input', () => {
|
||
const v = Number(input.value || 0);
|
||
state.m2_by_room[code] = v;
|
||
computeTotal();
|
||
});
|
||
});
|
||
|
||
computeTotal();
|
||
}
|
||
|
||
function computeTotal(){
|
||
const total = Object.values(state.m2_by_room).reduce((a,b)=>a+(Number(b)||0),0);
|
||
state.m2_total = total;
|
||
const totalEl = $('#vvw-total', root);
|
||
totalEl.innerHTML = `Totaal: <strong>${total} m²</strong>`;
|
||
totalEl.hidden = false;
|
||
}
|
||
|
||
// Meer invulmogelijkheden toggle
|
||
const moreBtn = $('#vvw-more-toggle', root);
|
||
const morePanel = $('#vvw-more-panel', root);
|
||
if(moreBtn){
|
||
moreBtn.addEventListener('click', ()=>{
|
||
const hidden = morePanel.hasAttribute('hidden');
|
||
if(hidden){ fillDescription(); }
|
||
morePanel.toggleAttribute('hidden');
|
||
moreBtn.textContent = hidden ? 'Minder invulmogelijkheden ▴' : 'Meer invulmogelijkheden ▾';
|
||
});
|
||
}
|
||
|
||
function label(group, val){
|
||
const map = {
|
||
warmtebron:{cv:'CV-ketel',stads:'Stadsverwarming',wp:'Warmtepomp',hybride:'Hybride warmtepomp'},
|
||
ruimtes: ROOM_LABELS,
|
||
installatie:{infrezen:'Infrezen',krimpnet:'Krimpnetten',noppen:'Noppenplaten',droogbouw:'Droogbouw',warp:'Warp Systems'},
|
||
ondervloer:{zandcement:'Zandcement',anhydriet:'Anhydriet',siergrind:'Siergrindvloer',fermacell:'Fermacell/Knauf',beton:'Beton',hout:'Hout',tegel:'Tegel',overig:'Overig'},
|
||
afwerkvloer:{dekvloer:'Dekvloer afstorten',mortel:'Sleuven dichtsmeren',nvt:'n.v.t.'},
|
||
hulp:{indicatief:'Indicatieve offerte',locatie:'Vrijblijvend locatiebezoek',telefoon:'Telefonisch advies',whatsapp:'Advies via WhatsApp',mail:'Advies via mail'}
|
||
};
|
||
if(group==='ruimtes' && Array.isArray(val)) return val.map(v=>(map[group]||{})[v]||v).join(', ');
|
||
return (map[group]||{})[val] || '—';
|
||
}
|
||
|
||
function renderFinal(){
|
||
const fin = $('#vvw-final', root);
|
||
const rows = [];
|
||
|
||
// per ruimte
|
||
Object.keys(state.m2_by_room).forEach(code=>{
|
||
const m = Number(state.m2_by_room[code]||0);
|
||
if(m>0){
|
||
rows.push(`<div class="vvw-row"><span>${label('ruimtes', code)}</span><strong>${m} m²</strong></div>`);
|
||
}
|
||
});
|
||
rows.push(`<div class="vvw-row"><span><strong>Totaal</strong></span><strong>${state.m2_total} m²</strong></div>`);
|
||
|
||
fin.innerHTML = `
|
||
<h4>Samenvatting</h4>
|
||
<div class="vvw-row"><span>Warmtebron</span><strong>${label('warmtebron',state.warmtebron)}</strong></div>
|
||
<div class="vvw-row"><span>Ruimtes</span><strong>${label('ruimtes',state.ruimtes)}</strong></div>
|
||
${rows.join('')}
|
||
<div class="vvw-row"><span>Installatiemethode</span><strong>${label('installatie',state.installatie)}</strong></div>
|
||
<div class="vvw-row"><span>Ondervloer</span><strong>${label('ondervloer',state.ondervloer)}</strong></div>
|
||
<div class="vvw-row"><span>Afwerkvloer</span><strong>${label('afwerkvloer',state.afwerkvloer)}</strong></div>
|
||
<div class="vvw-row"><span>Hulp</span><strong>${label('hulp',state.hulp)}</strong></div>
|
||
`;
|
||
if(!morePanel.hasAttribute('hidden')) fillDescription();
|
||
}
|
||
|
||
function fillDescription(){
|
||
const lines = [];
|
||
lines.push('• Warmtebron: '+label('warmtebron', state.warmtebron));
|
||
lines.push('• Ruimtes: '+label('ruimtes', state.ruimtes));
|
||
Object.keys(state.m2_by_room).forEach(code=>{
|
||
const m = Number(state.m2_by_room[code]||0);
|
||
if(m>0) lines.push(' - '+label('ruimtes', code)+': '+m+' m²');
|
||
});
|
||
lines.push('• Totaal: '+state.m2_total+' m²');
|
||
lines.push('• Installatie: '+label('installatie', state.installatie));
|
||
lines.push('• Ondervloer: '+label('ondervloer', state.ondervloer));
|
||
lines.push('• Afwerkvloer: '+label('afwerkvloer', state.afwerkvloer));
|
||
lines.push('• Hulp: '+label('hulp', state.hulp));
|
||
$('#vvw-desc', root).value = lines.join('\n');
|
||
}
|
||
|
||
function isValidEmail(v){ return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v); }
|
||
function isValidZip(v){ return /^[1-9][0-9]{3}\s?[A-Za-z]{2}$/.test((v||'').trim()); }
|
||
|
||
$('#vvw-submit', root).addEventListener('click', ()=>{
|
||
if($('#vvw-website', root).value){ return; } // honeypot
|
||
|
||
// validate required choices
|
||
if(!state.warmtebron) return alert('Kies uw warmtebron.');
|
||
if(!state.ruimtes || state.ruimtes.length===0) return alert('Kies minstens één ruimte.');
|
||
if(state.m2_total<=0) return alert('Vul per geselecteerde ruimte het aantal m² in (minimaal 1).');
|
||
if(!state.installatie) return alert('Kies een installatiemethode.');
|
||
if(!state.ondervloer) return alert('Kies een ondervloer.');
|
||
if(!state.afwerkvloer) return alert('Kies een afwerkvloer.');
|
||
if(!state.hulp) return alert('Kies hoe we kunnen helpen.');
|
||
|
||
const email = $('#vvw-email', root).value.trim();
|
||
const phone = $('#vvw-phone', root).value.trim();
|
||
if(!isValidEmail(email)) return alert('Vul een geldig e-mailadres in.');
|
||
if(!phone) return alert('Vul een telefoonnummer in.');
|
||
const zip = $('#vvw-zip', root)?.value;
|
||
if(zip && !isValidZip(zip)) return alert('Controleer uw postcode (bijv. 1234 AB).');
|
||
|
||
const payload = {
|
||
warmtebron: state.warmtebron,
|
||
ruimtes: state.ruimtes,
|
||
m2_by_room: state.m2_by_room,
|
||
m2_total: state.m2_total,
|
||
m2: state.m2_total, // backward compatible
|
||
installatie: state.installatie,
|
||
ondervloer: state.ondervloer,
|
||
afwerkvloer: state.afwerkvloer,
|
||
hulp: state.hulp,
|
||
email,
|
||
phone,
|
||
first: $('#vvw-first', root).value.trim(),
|
||
last: $('#vvw-last', root).value.trim(),
|
||
street: $('#vvw-street', root).value.trim(),
|
||
zip: zip || '',
|
||
city: $('#vvw-city', root).value.trim(),
|
||
desired_date: $('#vvw-date', root).value,
|
||
note: $('#vvw-note', root).value,
|
||
description: $('#vvw-desc', root)?.value || ''
|
||
};
|
||
|
||
const fd = new FormData();
|
||
fd.append('json', JSON.stringify(payload));
|
||
const file = $('#vvw-file', root)?.files?.[0] || null;
|
||
if(file) fd.append('attachment', file);
|
||
|
||
fetch('/wp-json/cvw/v1/lead', { method: 'POST', body: fd })
|
||
.then(r => {
|
||
if(!r.ok) throw new Error('Submit failed');
|
||
// success state
|
||
$('.vvw-step.is-active', root)?.classList.remove('is-active');
|
||
success.removeAttribute('hidden');
|
||
card.scrollIntoView({behavior:'smooth',block:'start'});
|
||
})
|
||
.catch(err => {
|
||
console.error(err);
|
||
alert('Er ging iets mis bij het verzenden. Probeer het opnieuw of bel ons.');
|
||
});
|
||
});
|
||
|
||
function validate(step){
|
||
switch(step){
|
||
case 1: if(!state.warmtebron){ alert('Kies uw warmtebron.'); return false; } return true;
|
||
case 2: if(!state.ruimtes || state.ruimtes.length===0){ alert('Kies minstens één ruimte.'); return false; } return true;
|
||
case 3:
|
||
if(!state.ruimtes || state.ruimtes.length===0){ alert('Kies eerst uw ruimtes.'); return false; }
|
||
// check per-room inputs
|
||
const missing = state.ruimtes.some(code => !(Number(state.m2_by_room[code])>0));
|
||
if(missing){ alert('Vul per geselecteerde ruimte het aantal m² in (minimaal 1).'); return false; }
|
||
return true;
|
||
case 4: if(!state.installatie){ alert('Kies een installatiemethode.'); return false; } return true;
|
||
case 5: if(!state.ondervloer){ alert('Kies een ondervloer.'); return false; } return true;
|
||
case 6: if(!state.afwerkvloer){ alert('Kies een afwerkvloer.'); return false; } return true;
|
||
case 7: if(!state.hulp){ alert('Kies hoe we kunnen helpen.'); return false; } return true;
|
||
default: return true;
|
||
}
|
||
}
|
||
|
||
// input mask 06 12345678
|
||
const phone = $('#vvw-phone', root);
|
||
phone.addEventListener('input', () => {
|
||
let v = phone.value.replace(/\D/g,'').slice(0,10);
|
||
if(v.startsWith('06')) v = v.replace(/^(\d{2})(\d{0,8})$/, (m,a,b)=> b?`${a} ${b}`:a);
|
||
phone.value = v;
|
||
});
|
||
|
||
go(1);
|
||
})();
|
||
</script>
|
||
</div>
|
||
</div>
|
||
<div class="elementor-element elementor-element-c7aacb7 e-con-full e-flex e-con e-parent" data-id="c7aacb7" data-element_type="container">
|
||
<div class="elementor-element elementor-element-aa8bc7b elementor-widget elementor-widget-global elementor-global-989 elementor-widget-arkdin-cta" data-id="aa8bc7b" data-element_type="widget" data-widget_type="arkdin-cta.default">
|
||
<div class="elementor-widget-container">
|
||
|
||
|
||
<section class="cs_cta cs_style_1 cs_bg_filed" data-src="../wp-content/uploads/2024/11/cta_bg_1.svg">
|
||
<div class="container">
|
||
<div class="cs_cta_in">
|
||
<div class="cs_section_heading cs_style_1">
|
||
<h3 class="cs_section_subtitle cs_white_color text-uppercase cs_medium cs_fs_20 cs_mb_10">
|
||
<img decoding="async" src="../wp-content/themes/arkdin/assets/img/icons/fan.svg" alt="about1" class="cs_section_subheading_icon">
|
||
Hulp nodig bij je keuze? </h3>
|
||
<h2 class="cs_section_title cs_white_color cs_fs_48 cs_semibold mb-0">Samen kiezen we de vloerverwarming die bij jou past!</h2>
|
||
</div>
|
||
<a href="tel:+31634125000" target="_blank" rel="nofollow" class="cs_btn cs_style_1 cs_color_1">
|
||
<span>Bel Direct</span>
|
||
<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M8.28125 0.71875L13.7812 5.96875C13.9271 6.11458 14 6.29167 14 6.5C14 6.70833 13.9271 6.88542 13.7812 7.03125L8.28125 12.2812C7.90625 12.5729 7.55208 12.5729 7.21875 12.2812C6.92708 11.9062 6.92708 11.5521 7.21875 11.2188L11.375 7.25H0.75C0.291667 7.20833 0.0416667 6.95833 0 6.5C0.0416667 6.04167 0.291667 5.79167 0.75 5.75H11.375L7.21875 1.78125C6.92708 1.44792 6.92708 1.09375 7.21875 0.71875C7.55208 0.427083 7.90625 0.427083 8.28125 0.71875Z" fill="currentColor"></path>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="cs_cta_img"><img decoding="async" src="../wp-content/uploads/2025/09/Vloerverwarming_afbeelding_correct1-11.png" alt=""></div>
|
||
</section>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</main>
|
||
<!-- main-area-end -->
|
||
|
||
<!-- Start Footer -->
|
||
<footer class="cs_footer cs_style_1">
|
||
<div class="cs_footer_top">
|
||
<div class="container">
|
||
<div class="cs_footer_top_in">
|
||
<div class="cs_social_btns cs_style_1">
|
||
</div>
|
||
<div class="cs_footer_logo wow zoomIn" data-wow-duration="0.9s" data-wow-delay="0.25s"><img src="../wp-content/uploads/2025/09/correctlogo2-03-scaled-e1758458843188.png" alt="Logo"></div>
|
||
<div class="cs_footer_contact_card">
|
||
<div class="cs_footer_contact_card_icon cs_white_bg cs_center">
|
||
<img src="../wp-content/themes/arkdin/assets/img/icons/call.svg" alt="Icon">
|
||
</div>
|
||
<div>
|
||
<p class="cs_white_color cs_fs_14 mb-0">Meer info over vloerverwarming?</p>
|
||
<h3 class="mb-0 cs_fs_24 cs_semibold cs_white_color"><a>0634125000</a></h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="cs_main_footer cs_bg_filed cs_primary_bg cs_white_color" data-src="../wp-content/themes/arkdin/assets/img/footer_bg_1.jpg">
|
||
<div class="container">
|
||
<div class="cs_footer_row cs_type_1">
|
||
<div class="cs_footer_col"><div id="media_image-3" class="footer__widget cs_footer_widget cs_footer_item footer__widget-2 footer-col-2-1 mb-50 widget_media_image"><img width="300" height="78" src="../wp-content/uploads/2025/09/correctlogo2-03-300x78.png" class="image wp-image-870 attachment-medium size-medium" alt="" style="max-width: 100%; height: auto;" decoding="async" srcset="../wp-content/uploads/2025/09/correctlogo2-03-300x78.png 300w, ../wp-content/uploads/2025/09/correctlogo2-03-1024x266.png 1024w, ../wp-content/uploads/2025/09/correctlogo2-03-768x199.png 768w, ../wp-content/uploads/2025/09/correctlogo2-03-1536x399.png 1536w, ../wp-content/uploads/2025/09/correctlogo2-03-2048x532.png 2048w, ../wp-content/uploads/2025/09/correctlogo2-03-scaled-e1758458843188.png 200w" sizes="(max-width: 300px) 100vw, 300px" /></div><div id="text-3" class="footer__widget cs_footer_widget cs_footer_item footer__widget-2 footer-col-2-1 mb-50 widget_text"><h3 class="cs_footer_widget_title cs_fs_24 cs_semibold cs_white_color cs_mb_10 cs_text_widget">Contact</h3><div class="cs_footer_widget_seperator"><span class="cs_accent_bg"></span><span class="cs_white_bg"></span><span class="cs_white_bg"></span></div> <div class="textwidget"><p>Tinstraat 109<br />
|
||
2984 AN Ridderkerk</p>
|
||
<p>KVK: 95893342<br />
|
||
BTW: NL867376715B01</p>
|
||
<p>Correct Vloerverwarming is een geregistreerde handelsnaam van ATEON B.V.</p>
|
||
</div>
|
||
</div></div><div class="cs_footer_col"><div id="nav_menu-10" class="footer__widget cs_footer_widget cs_footer_item footer__widget-2 footer-col-2-2 mb-50 widget_nav_menu"><h3 class="cs_footer_widget_title cs_fs_24 cs_semibold cs_white_color cs_mb_10 cs_text_widget">Vloerverwarmingsystemen</h3><div class="cs_footer_widget_seperator"><span class="cs_accent_bg"></span><span class="cs_white_bg"></span><span class="cs_white_bg"></span></div><div class="menu-vloerverwarmingsystemen-container"><ul id="menu-vloerverwarmingsystemen" class="menu"><li id="menu-item-1295" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1295"><a href="../verdeler-robot/">Verdeler ROBOT</a></li>
|
||
<li id="menu-item-1296" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1296"><a href="../zoneregeling/">Zoneregeling</a></li>
|
||
<li id="menu-item-1297" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1297"><a href="../warp-systems/">Warp Systems</a></li>
|
||
<li id="menu-item-1298" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1298"><a href="../noppenplaten/">Noppenplaten</a></li>
|
||
<li id="menu-item-1299" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1299"><a href="../krimpnetten/">Krimpnetten</a></li>
|
||
<li id="menu-item-1300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1300"><a href="../infrezen/">Infrezen</a></li>
|
||
</ul></div></div></div><div class="cs_footer_col"><div id="nav_menu-6" class="footer__widget cs_footer_widget cs_footer_item footer__widget-2 footer-col-2-3 mb-50 widget_nav_menu"><h3 class="cs_footer_widget_title cs_fs_24 cs_semibold cs_white_color cs_mb_10 cs_text_widget">Direct regelen</h3><div class="cs_footer_widget_seperator"><span class="cs_accent_bg"></span><span class="cs_white_bg"></span><span class="cs_white_bg"></span></div><div class="menu-direct-regelen-container"><ul id="menu-direct-regelen" class="menu"><li id="menu-item-1302" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1302"><a href="../contact/">Contact</a></li>
|
||
<li id="menu-item-1303" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-976 current_page_item menu-item-1303"><a href="../bereken-direct-uw-prijs/" aria-current="page">Bereken direct uw prijs</a></li>
|
||
<li id="menu-item-1304" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1304"><a href="../veelgestelde-vragen/">Veelgestelde vragen</a></li>
|
||
</ul></div></div></div><div class="cs_footer_col"></div> </div>
|
||
</div>
|
||
</div>
|
||
<div class="cs_footer_bottom cs_accent_bg cs_white_color">
|
||
<div class="container">
|
||
<div class="cs_footer_bottom_in">
|
||
<div class="cs_footer_copyright">Copyright © 2025 YouzTech. All rights reserved.</div>
|
||
<ul class="cs_footer_menu cs_mp_0">
|
||
|
||
<li><a href="../bereken-direct-uw-prijs/#">Setting & Privacy</a></li>
|
||
|
||
<li><a href="../bereken-direct-uw-prijs/#">FAQ</a></li>
|
||
|
||
<li><a href="../bereken-direct-uw-prijs/#">Support</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- End Footer -->
|
||
|
||
|
||
|
||
<script type="speculationrules">
|
||
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/arkdin/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
|
||
</script>
|
||
<script>
|
||
const lazyloadRunObserver = () => {
|
||
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
|
||
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
|
||
entries.forEach( ( entry ) => {
|
||
if ( entry.isIntersecting ) {
|
||
let lazyloadBackground = entry.target;
|
||
if( lazyloadBackground ) {
|
||
lazyloadBackground.classList.add( 'e-lazyloaded' );
|
||
}
|
||
lazyloadBackgroundObserver.unobserve( entry.target );
|
||
}
|
||
});
|
||
}, { rootMargin: '200px 0px 200px 0px' } );
|
||
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
|
||
lazyloadBackgroundObserver.observe( lazyloadBackground );
|
||
} );
|
||
};
|
||
const events = [
|
||
'DOMContentLoaded',
|
||
'elementor/lazyload/observe',
|
||
];
|
||
events.forEach( ( event ) => {
|
||
document.addEventListener( event, lazyloadRunObserver );
|
||
} );
|
||
</script>
|
||
<script type="text/javascript" src="../wp-content/plugins/arkdin-core/assets/js/main-slider.js" id="tscore-slider-js"></script>
|
||
<script type="text/javascript" src="../wp-includes/js/dist/hooks.min.js" id="wp-hooks-js"></script>
|
||
<script type="text/javascript" src="../wp-includes/js/dist/i18n.min.js" id="wp-i18n-js"></script>
|
||
<script type="text/javascript" id="wp-i18n-js-after">
|
||
/* <![CDATA[ */
|
||
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
|
||
//# sourceURL=wp-i18n-js-after
|
||
/* ]]> */
|
||
</script>
|
||
<script type="text/javascript" src="../wp-content/plugins/contact-form-7/includes/swv/js/index.js" id="swv-js"></script>
|
||
<script type="text/javascript" id="contact-form-7-js-translations">
|
||
/* <![CDATA[ */
|
||
( function( domain, translations ) {
|
||
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
|
||
localeData[""].domain = domain;
|
||
wp.i18n.setLocaleData( localeData, domain );
|
||
} )( "contact-form-7", {"translation-revision-date":"2025-09-30 06:28:05+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"nl"},"This contact form is placed in the wrong place.":["Dit contactformulier staat op de verkeerde plek."],"Error:":["Fout:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
|
||
//# sourceURL=contact-form-7-js-translations
|
||
/* ]]> */
|
||
</script>
|
||
<script type="text/javascript" id="contact-form-7-js-before">
|
||
/* <![CDATA[ */
|
||
var wpcf7 = {
|
||
"api": {
|
||
"root": "https:\/\/correctvloerverwarming.nl\/wp-json\/",
|
||
"namespace": "contact-form-7\/v1"
|
||
}
|
||
};
|
||
//# sourceURL=contact-form-7-js-before
|
||
/* ]]> */
|
||
</script>
|
||
<script type="text/javascript" src="../wp-content/plugins/contact-form-7/includes/js/index.js" id="contact-form-7-js"></script>
|
||
<script type="text/javascript" src="../wp-content/themes/arkdin/assets/js/wow.min.js" id="wowjs-js"></script>
|
||
<script type="text/javascript" src="../wp-content/themes/arkdin/assets/js/jquery.slick.min.js" id="slickjs-js"></script>
|
||
<script type="text/javascript" src="../wp-content/themes/arkdin/assets/js/main.js" id="arkdin-main-js"></script>
|
||
<script type="text/javascript" src="../wp-content/plugins/elementor/assets/js/webpack.runtime.min.js" id="elementor-webpack-runtime-js"></script>
|
||
<script type="text/javascript" src="../wp-content/plugins/elementor/assets/js/frontend-modules.min.js" id="elementor-frontend-modules-js"></script>
|
||
<script type="text/javascript" src="../wp-includes/js/jquery/ui/core.min.js" id="jquery-ui-core-js"></script>
|
||
<script type="text/javascript" id="elementor-frontend-js-before">
|
||
/* <![CDATA[ */
|
||
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Deel via Facebook","shareOnTwitter":"Deel via Twitter","pinIt":"Pin dit","download":"Downloaden","downloadImage":"Download afbeelding","fullscreen":"Volledig scherm","zoom":"Zoom","share":"Delen","playVideo":"Video afspelen","previous":"Vorige","next":"Volgende","close":"Sluiten","a11yCarouselPrevSlideMessage":"Vorige slide","a11yCarouselNextSlideMessage":"Volgende slide","a11yCarouselFirstSlideMessage":"Ga naar de eerste slide","a11yCarouselLastSlideMessage":"Ga naar de laatste slide","a11yCarouselPaginationBulletMessage":"Ga naar slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobiel portret","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobiel landschap","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet portret","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet landschap","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Breedbeeld","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.32.4","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"theme_builder_v2":true,"e_pro_free_trial_popup":true,"nested-elements":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true,"import-export-customization":true,"mega-menu":true,"e_pro_variables":true},"urls":{"assets":"https:\/\/correctvloerverwarming.nl\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/correctvloerverwarming.nl\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/correctvloerverwarming.nl\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"bbaf1e6299"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":976,"title":"Bereken%20direct%20uw%20prijs%20%E2%80%93%20Correct%20Vloerverwarming","excerpt":"","featuredImage":false}};
|
||
//# sourceURL=elementor-frontend-js-before
|
||
/* ]]> */
|
||
</script>
|
||
<script type="text/javascript" src="../wp-content/plugins/elementor/assets/js/frontend.min.js" id="elementor-frontend-js"></script>
|
||
<script type="text/javascript" src="../wp-content/plugins/arkdin-core/assets/js/hello-world.js" id="tscore-js"></script>
|
||
<script type="text/javascript" id="futy-io-script-js-extra">
|
||
/* <![CDATA[ */
|
||
var data = {"widget_code":"69469ba6e26c4","plugin_version":"2.0.10"};
|
||
//# sourceURL=futy-io-script-js-extra
|
||
/* ]]> */
|
||
</script>
|
||
<script type="text/javascript" src="../wp-content/plugins/futy-widget/assets/js/futy-io.min.js" id="futy-io-script-js"></script>
|
||
<script type="text/javascript" src="../wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js" id="elementor-pro-webpack-runtime-js"></script>
|
||
<script type="text/javascript" id="elementor-pro-frontend-js-before">
|
||
/* <![CDATA[ */
|
||
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/correctvloerverwarming.nl\/wp-admin\/admin-ajax.php","nonce":"3f5a25aac1","urls":{"assets":"https:\/\/correctvloerverwarming.nl\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/correctvloerverwarming.nl\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"nl_NL","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/correctvloerverwarming.nl\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
|
||
//# sourceURL=elementor-pro-frontend-js-before
|
||
/* ]]> */
|
||
</script>
|
||
<script type="text/javascript" src="../wp-content/plugins/elementor-pro/assets/js/frontend.min.js" id="elementor-pro-frontend-js"></script>
|
||
<script type="text/javascript" src="../wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js" id="pro-elements-handlers-js"></script>
|
||
<script id="wp-emoji-settings" type="application/json">
|
||
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://correctvloerverwarming.nl/wp-includes/js/wp-emoji-release.min.js"}}
|
||
</script>
|
||
<script type="module">
|
||
/* <![CDATA[ */
|
||
/*! This file is auto-generated */
|
||
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
|
||
//# sourceURL=https://correctvloerverwarming.nl/wp-includes/js/wp-emoji-loader.min.js
|
||
/* ]]> */
|
||
</script>
|
||
</body>
|
||
</html>
|