Vulcan Digital \u2014 Infrastructure as Code<\/title><br \/>\n <meta name=\"description\" content=\"Vulcan Digital helpt bedrijven hun IT infrastructuur zorgvuldig in te richten met Infrastructure as Code oplossingen.\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap\" rel=\"stylesheet\" \/>\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p> :root {\n --black: #000000;\n --black-1: #0a0a0a;\n --black-2: #111111;\n --black-3: #1a1a1a;\n --black-4: #222222;\n --white: #ffffff;\n --white-60: rgba(255,255,255,0.6);\n --white-30: rgba(255,255,255,0.3);\n --white-10: rgba(255,255,255,0.1);\n --white-06: rgba(255,255,255,0.06);\n --red: #ff3f34;\n --red-dim: rgba(255,63,52,0.15);\n --mono: 'IBM Plex Mono', 'Courier New', monospace;\n --border: rgba(255,255,255,0.08);\n }<\/p>\n<p> \/* WordPress\/Astra\/Brizy reset \u2014 zwart forceren over alle theme CSS *\/\n html, body, #page, #content, .site, .entry-content,\n .ast-container, main, article, .site-content,\n .brz-root__container, .ast-article-single,\n .ast-plain-container, .ast-page-builder-template {\n background: #000000 !important;\n background-color: #000000 !important;\n color: #ffffff !important;\n }<\/p>\n<p> html { scroll-behavior: smooth; }<\/p>\n<p> body {\n font-family: var(--mono) !important;\n background: #000000 !important;\n background-color: #000000 !important;\n color: #ffffff !important;\n min-height: 100vh;\n overflow-x: hidden;\n line-height: 1.6;\n }<\/p>\n<p> \/* \u2500\u2500 GRAIN OVERLAY \u2500\u2500 *\/\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 999;\n opacity: 0.4;\n }<\/p>\n<p> \/* \u2500\u2500 NAVIGATIE \u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 100;\n background: rgba(0,0,0,0.92);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--border);\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 48px;\n }<\/p>\n<p> .nav-brand {\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--white);\n text-decoration: none;\n }<\/p>\n<p> .nav-brand span {\n color: var(--red);\n }<\/p>\n<p> .nav-links {\n display: flex;\n align-items: center;\n gap: 0;\n list-style: none;\n }<\/p>\n<p> .nav-links a {\n font-size: 12px;\n font-weight: 400;\n letter-spacing: 0.8px;\n color: var(--white-60);\n text-decoration: none;\n padding: 8px 16px;\n border-radius: 4px;\n transition: color 0.15s;\n text-transform: uppercase;\n }<\/p>\n<p> .nav-links a:hover { color: var(--white); }<\/p>\n<p> \/* Schade melden tab \u2014 speciaal *\/\n .nav-links .nav-schade a {\n color: var(--red);\n border: 1px solid rgba(255,63,52,0.3);\n border-radius: 4px;\n padding: 6px 14px;\n font-weight: 600;\n margin-left: 8px;\n transition: all 0.15s;\n }<\/p>\n<p> .nav-links .nav-schade a:hover {\n background: var(--red);\n color: var(--white);\n border-color: var(--red);\n }<\/p>\n<p> .nav-mobile-btn {\n display: none;\n background: none;\n border: none;\n color: var(--white);\n cursor: pointer;\n font-size: 22px;\n padding: 4px;\n }<\/p>\n<p> \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 120px 48px 80px;\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n }<\/p>\n<p> \/* Achtergrond accent *\/\n .hero::after {\n content: '';\n position: absolute;\n top: 20%;\n right: -10%;\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(255,63,52,0.06) 0%, transparent 70%);\n pointer-events: none;\n }<\/p>\n<p> .hero-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--red);\n margin-bottom: 24px;\n display: flex;\n align-items: center;\n gap: 12px;\n }<\/p>\n<p> .hero-label::before {\n content: '';\n display: inline-block;\n width: 32px;\n height: 1px;\n background: var(--red);\n }<\/p>\n<p> .hero-title {\n font-size: clamp(40px, 6vw, 80px);\n font-weight: 700;\n line-height: 1.05;\n letter-spacing: -2px;\n color: var(--white);\n margin-bottom: 32px;\n max-width: 800px;\n }<\/p>\n<p> .hero-title .accent { color: var(--red); }<\/p>\n<p> .hero-sub {\n font-size: 15px;\n font-weight: 300;\n color: var(--white-60);\n max-width: 520px;\n line-height: 1.8;\n margin-bottom: 48px;\n }<\/p>\n<p> .hero-ctas {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n }<\/p>\n<p> .btn-primary {\n background: var(--white);\n color: var(--black);\n font-family: var(--mono);\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.5px;\n padding: 14px 28px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: all 0.15s;\n }<\/p>\n<p> .btn-primary:hover {\n background: var(--red);\n color: var(--white);\n }<\/p>\n<p> .btn-secondary {\n background: transparent;\n color: var(--white);\n font-family: var(--mono);\n font-size: 13px;\n font-weight: 400;\n letter-spacing: 0.5px;\n padding: 13px 28px;\n border: 1px solid var(--border);\n border-radius: 4px;\n cursor: pointer;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: all 0.15s;\n }<\/p>\n<p> .btn-secondary:hover {\n border-color: var(--white-60);\n color: var(--white);\n }<\/p>\n<p> \/* \u2500\u2500 SCROLLENDE TICKER \u2500\u2500 *\/\n .ticker-wrap {\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--black-1);\n overflow: hidden;\n padding: 14px 0;\n }<\/p>\n<p> .ticker {\n display: flex;\n gap: 0;\n animation: ticker 20s linear infinite;\n white-space: nowrap;\n width: max-content;\n }<\/p>\n<p> .ticker span {\n font-size: 11px;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--white-30);\n padding: 0 40px;\n }<\/p>\n<p> .ticker span.red { color: var(--red); opacity: 0.6; }<\/p>\n<p> @keyframes ticker {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n }<\/p>\n<p> \/* \u2500\u2500 SECTIES ALGEMEEN \u2500\u2500 *\/\n section {\n max-width: 1200px;\n margin: 0 auto;\n padding: 100px 48px;\n }<\/p>\n<p> .section-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--red);\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 12px;\n }<\/p>\n<p> .section-label::before {\n content: '';\n display: inline-block;\n width: 24px;\n height: 1px;\n background: var(--red);\n }<\/p>\n<p> .section-title {\n font-size: clamp(28px, 3.5vw, 44px);\n font-weight: 700;\n letter-spacing: -1px;\n line-height: 1.15;\n color: var(--white);\n margin-bottom: 16px;\n }<\/p>\n<p> .section-sub {\n font-size: 14px;\n font-weight: 300;\n color: var(--white-60);\n max-width: 560px;\n line-height: 1.8;\n }<\/p>\n<p> \/* \u2500\u2500 OVER ONS \u2500\u2500 *\/\n #over-ons {\n border-top: 1px solid var(--border);\n }<\/p>\n<p> .over-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n margin-top: 56px;\n align-items: center;\n }<\/p>\n<p> .over-tekst p {\n font-size: 14px;\n font-weight: 300;\n color: var(--white-60);\n line-height: 1.9;\n margin-bottom: 20px;\n }<\/p>\n<p> .stat-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: 8px;\n overflow: hidden;\n }<\/p>\n<p> .stat-item {\n background: var(--black-2);\n padding: 28px;\n }<\/p>\n<p> .stat-num {\n font-size: 36px;\n font-weight: 700;\n color: var(--white);\n letter-spacing: -1px;\n line-height: 1;\n margin-bottom: 6px;\n }<\/p>\n<p> .stat-num span { color: var(--red); }<\/p>\n<p> .stat-label {\n font-size: 11px;\n color: var(--white-30);\n letter-spacing: 1px;\n text-transform: uppercase;\n }<\/p>\n<p> \/* \u2500\u2500 HOE WERKT HET \u2500\u2500 *\/\n #hoe-werkt-het {\n border-top: 1px solid var(--border);\n }<\/p>\n<p> .stappen {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: 8px;\n overflow: hidden;\n margin-top: 56px;\n }<\/p>\n<p> .stap {\n background: var(--black-2);\n padding: 36px 28px;\n position: relative;\n }<\/p>\n<p> .stap-num {\n font-size: 48px;\n font-weight: 700;\n color: var(--white-06);\n letter-spacing: -2px;\n line-height: 1;\n margin-bottom: 20px;\n }<\/p>\n<p> .stap-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 10px;\n letter-spacing: 0.3px;\n }<\/p>\n<p> .stap-body {\n font-size: 13px;\n font-weight: 300;\n color: var(--white-60);\n line-height: 1.7;\n }<\/p>\n<p> .stap-dot {\n position: absolute;\n top: 28px;\n right: 28px;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--red);\n }<\/p>\n<p> \/* \u2500\u2500 PRODUCTEN \u2500\u2500 *\/\n #producten {\n border-top: 1px solid var(--border);\n }<\/p>\n<p> .product-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: 8px;\n overflow: hidden;\n margin-top: 56px;\n }<\/p>\n<p> .product-card {\n background: var(--black-2);\n padding: 36px 28px;\n display: flex;\n flex-direction: column;\n transition: background 0.2s;\n }<\/p>\n<p> .product-card:hover { background: var(--black-3); }<\/p>\n<p> .product-card.featured {\n background: var(--black-3);\n border-top: 2px solid var(--red);\n }<\/p>\n<p> .product-badge {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--red);\n margin-bottom: 20px;\n }<\/p>\n<p> .product-name {\n font-size: 20px;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 8px;\n letter-spacing: -0.3px;\n }<\/p>\n<p> .product-desc {\n font-size: 12px;\n font-weight: 300;\n color: var(--white-60);\n line-height: 1.7;\n margin-bottom: 28px;\n }<\/p>\n<p> .product-price {\n margin-bottom: 28px;\n }<\/p>\n<p> .price-vanaf {\n font-size: 10px;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--white-30);\n margin-bottom: 4px;\n }<\/p>\n<p> .price-amount {\n font-size: 32px;\n font-weight: 700;\n color: var(--white);\n letter-spacing: -1px;\n line-height: 1;\n }<\/p>\n<p> .price-period {\n font-size: 11px;\n color: var(--white-30);\n margin-top: 4px;\n }<\/p>\n<p> .product-features {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 32px;\n flex: 1;\n }<\/p>\n<p> .product-features li {\n font-size: 12px;\n font-weight: 300;\n color: var(--white-60);\n display: flex;\n align-items: flex-start;\n gap: 8px;\n line-height: 1.5;\n }<\/p>\n<p> .product-features li::before {\n content: '\u2192';\n color: var(--red);\n flex-shrink: 0;\n font-size: 11px;\n margin-top: 1px;\n }<\/p>\n<p> .product-cta {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: var(--mono);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n color: var(--white);\n text-decoration: none;\n padding: 12px 20px;\n border: 1px solid var(--border);\n border-radius: 4px;\n transition: all 0.15s;\n text-align: center;\n justify-content: center;\n }<\/p>\n<p> .product-cta:hover {\n background: var(--white);\n color: var(--black);\n border-color: var(--white);\n }<\/p>\n<p> .product-cta.cta-red {\n background: var(--red);\n border-color: var(--red);\n color: var(--white);\n }<\/p>\n<p> .product-cta.cta-red:hover {\n background: #e02d22;\n border-color: #e02d22;\n }<\/p>\n<p> \/* Enterprise speciaal *\/\n .enterprise-price {\n font-size: 18px;\n font-weight: 700;\n color: var(--white);\n letter-spacing: -0.5px;\n margin-bottom: 4px;\n }<\/p>\n<p> \/* \u2500\u2500 FAQ \u2500\u2500 *\/\n #faq {\n border-top: 1px solid var(--border);\n }<\/p>\n<p> .faq-list {\n margin-top: 56px;\n display: flex;\n flex-direction: column;\n gap: 0;\n border: 1px solid var(--border);\n border-radius: 8px;\n overflow: hidden;\n }<\/p>\n<p> .faq-item {\n border-bottom: 1px solid var(--border);\n background: var(--black-2);\n }<\/p>\n<p> .faq-item:last-child { border-bottom: none; }<\/p>\n<p> .faq-question {\n width: 100%;\n background: none;\n border: none;\n padding: 24px 28px;\n text-align: left;\n font-family: var(--mono);\n font-size: 13px;\n font-weight: 600;\n color: var(--white);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n transition: background 0.15s;\n }<\/p>\n<p> .faq-question:hover { background: var(--black-3); }<\/p>\n<p> .faq-icon {\n font-size: 18px;\n color: var(--red);\n flex-shrink: 0;\n transition: transform 0.2s;\n }<\/p>\n<p> .faq-answer {\n display: none;\n padding: 0 28px 24px;\n font-size: 13px;\n font-weight: 300;\n color: var(--white-60);\n line-height: 1.8;\n }<\/p>\n<p> .faq-item.open .faq-answer { display: block; }\n .faq-item.open .faq-icon { transform: rotate(45deg); }<\/p>\n<p> \/* \u2500\u2500 CONTACT \u2500\u2500 *\/\n #contact {\n border-top: 1px solid var(--border);\n }<\/p>\n<p> .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n margin-top: 56px;\n align-items: start;\n }<\/p>\n<p> .contact-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }<\/p>\n<p> .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }<\/p>\n<p> .form-field {\n display: flex;\n flex-direction: column;\n gap: 6px;\n }<\/p>\n<p> .form-field label {\n font-size: 10px;\n font-weight: 600;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--white-30);\n }<\/p>\n<p> .form-field input,\n .form-field textarea,\n .form-field select {\n background: var(--black-2);\n border: 1px solid var(--border);\n border-radius: 4px;\n padding: 12px 16px;\n font-family: var(--mono);\n font-size: 13px;\n color: var(--white);\n outline: none;\n transition: border-color 0.15s;\n width: 100%;\n }<\/p>\n<p> .form-field input:focus,\n .form-field textarea:focus,\n .form-field select:focus {\n border-color: rgba(255,63,52,0.5);\n }<\/p>\n<p> .form-field input::placeholder,\n .form-field textarea::placeholder {\n color: var(--white-30);\n }<\/p>\n<p> .form-field textarea {\n min-height: 120px;\n resize: vertical;\n }<\/p>\n<p> .form-field select option {\n background: var(--black-3);\n }<\/p>\n<p> .contact-info {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }<\/p>\n<p> .contact-info-item {\n display: flex;\n gap: 16px;\n align-items: flex-start;\n }<\/p>\n<p> .contact-info-icon {\n width: 40px;\n height: 40px;\n border: 1px solid var(--border);\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n flex-shrink: 0;\n background: var(--black-2);\n }<\/p>\n<p> .contact-info-label {\n font-size: 10px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--white-30);\n margin-bottom: 4px;\n }<\/p>\n<p> .contact-info-value {\n font-size: 13px;\n color: var(--white);\n font-weight: 400;\n }<\/p>\n<p> .contact-info-value a {\n color: var(--white);\n text-decoration: none;\n }<\/p>\n<p> .contact-info-value a:hover { color: var(--red); }<\/p>\n<p> \/* \u2500\u2500 SCHADE MELDEN \u2500\u2500 *\/\n #schade-melden {\n border-top: 1px solid var(--border);\n }<\/p>\n<p> .schade-header {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 40px;\n align-items: start;\n margin-bottom: 48px;\n }<\/p>\n<p> .schade-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--red-dim);\n border: 1px solid rgba(255,63,52,0.2);\n border-radius: 4px;\n padding: 6px 12px;\n margin-bottom: 20px;\n }<\/p>\n<p> .schade-badge-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--red);\n animation: pulse 2s ease infinite;\n }<\/p>\n<p> @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.4; }\n }<\/p>\n<p> .schade-badge span {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--red);\n }<\/p>\n<p> .schade-widget-wrap {\n border: 1px solid var(--border);\n border-radius: 8px;\n overflow: hidden;\n background: var(--black-2);\n min-height: 600px;\n display: flex;\n flex-direction: column;\n }<\/p>\n<p> .schade-widget-header {\n background: var(--black-3);\n border-bottom: 1px solid var(--border);\n padding: 14px 20px;\n display: flex;\n align-items: center;\n gap: 8px;\n }<\/p>\n<p> .schade-widget-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n }<\/p>\n<p> .schade-widget-dot:nth-child(1) { background: #ff5f57; }\n .schade-widget-dot:nth-child(2) { background: #febc2e; }\n .schade-widget-dot:nth-child(3) { background: #28c840; }<\/p>\n<p> .schade-widget-title {\n font-size: 11px;\n color: var(--white-30);\n letter-spacing: 0.5px;\n margin-left: 8px;\n }<\/p>\n<p> #widget-container {\n flex: 1;\n min-height: 560px;\n position: relative;\n }<\/p>\n<p> .widget-loading-state {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 16px;\n color: var(--white-30);\n font-size: 12px;\n letter-spacing: 1px;\n }<\/p>\n<p> .widget-spinner {\n width: 32px;\n height: 32px;\n border: 2px solid var(--border);\n border-top-color: var(--red);\n border-radius: 50%;\n animation: spin 0.8s linear infinite;\n }<\/p>\n<p> @keyframes spin { to { transform: rotate(360deg); } }<\/p>\n<p> #widget-container iframe {\n width: 100%;\n min-height: 560px;\n border: none;\n display: block;\n }<\/p>\n<p> \/* \u2500\u2500 HULP SECTIE \u2500\u2500 *\/\n .hulp-banner {\n background: var(--black-2);\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 48px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 40px;\n margin-top: 80px;\n }<\/p>\n<p> .hulp-title {\n font-size: 22px;\n font-weight: 700;\n color: var(--white);\n letter-spacing: -0.5px;\n margin-bottom: 8px;\n }<\/p>\n<p> .hulp-sub {\n font-size: 13px;\n font-weight: 300;\n color: var(--white-60);\n }<\/p>\n<p> \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n border-top: 1px solid var(--border);\n background: var(--black-1);\n padding: 32px 48px;\n }<\/p>\n<p> .footer-inner {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 20px;\n }<\/p>\n<p> .footer-brand {\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--white-60);\n }<\/p>\n<p> .footer-brand span { color: var(--red); }<\/p>\n<p> .footer-links {\n display: flex;\n gap: 24px;\n list-style: none;\n }<\/p>\n<p> .footer-links a {\n font-size: 11px;\n letter-spacing: 0.5px;\n color: var(--white-30);\n text-decoration: none;\n transition: color 0.15s;\n }<\/p>\n<p> .footer-links a:hover { color: var(--white); }<\/p>\n<p> .footer-copy {\n font-size: 11px;\n color: var(--white-30);\n }<\/p>\n<p> \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 960px) {\n nav { padding: 0 24px; }\n .nav-links { display: none; }\n .nav-mobile-btn { display: block; }<\/p>\n<p> .hero { padding: 100px 24px 60px; }<\/p>\n<p> section { padding: 64px 24px; }<\/p>\n<p> .over-grid,\n .contact-grid { grid-template-columns: 1fr; gap: 40px; }<\/p>\n<p> .stappen,\n .product-grid { grid-template-columns: 1fr; }<\/p>\n<p> .stat-grid { grid-template-columns: 1fr 1fr; }<\/p>\n<p> .hulp-banner {\n flex-direction: column;\n align-items: flex-start;\n padding: 32px;\n }<\/p>\n<p> .footer-inner { flex-direction: column; align-items: flex-start; gap: 16px; }<\/p>\n<p> .schade-header { grid-template-columns: 1fr; }<\/p>\n<p> .form-row { grid-template-columns: 1fr; }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p> <\/p>\n<nav>\n <a href=\"#\" class=\"nav-brand\">VULCAN<span>_<\/span>DIGITAL<\/a><\/p>\n<ul class=\"nav-links\">\n<li><a href=\"#over-ons\">Over ons<\/a><\/li>\n<li><a href=\"#hoe-werkt-het\">Hoe het werkt<\/a><\/li>\n<li><a href=\"#producten\">Producten<\/a><\/li>\n<li><a href=\"#faq\">FAQ<\/a><\/li>\n<li><a href=\"#contact\">Contact<\/a><\/li>\n<li class=\"nav-schade\"><a href=\"#schade-melden\">\u26a0 Schade melden<\/a><\/li>\n<\/ul>\n<p> <button class=\"nav-mobile-btn\" onclick=\"toggleMobileMenu()\">\u2630<\/button><br \/>\n <\/nav>\n<p> <\/p>\n<div style=\"padding-top: 64px;\">\n<div class=\"hero\">\n<div class=\"hero-label\">Infrastructure as Code<\/div>\n<h1 class=\"hero-title\">\n Infrastructuur<br \/>\n op zijn <span class=\"accent\">best_<\/span><br \/>\n <\/h1>\n<p class=\"hero-sub\">\n Wij helpen bedrijven waardevolle informatie uit hun data te halen<br \/>\n door IT infrastructuur zorgvuldig in te richten en te implementeren.<br \/>\n Van strategie tot beheer.\n <\/p>\n<div class=\"hero-ctas\">\n <a href=\"#producten\" class=\"btn-primary\">Direct starten \u2192<\/a><br \/>\n <a href=\"#contact\" class=\"btn-secondary\">Maak een afspraak<\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"ticker-wrap\">\n<div class=\"ticker\">\n <span>Infrastructure as Code<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Cloud Deployment<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Data Platforms<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>DevOps<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Azure<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Terraform<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Infrastructure as Code<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Cloud Deployment<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Data Platforms<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>DevOps<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Azure<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Terraform<\/span><br \/>\n <span class=\"red\">\/\/<\/span>\n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<section id=\"over-ons\">\n<div class=\"section-label\">Over ons<\/div>\n<h2 class=\"section-title\">Een pragmatisch<br \/>consultancy bureau<\/h2>\n<div class=\"over-grid\">\n<div class=\"over-tekst\">\n<p>\n Vulcan Digital is een pragmatisch consultancy bureau dat bedrijven uitdaagt met<br \/>\n digitale veranderingen die van toegevoegde waarde zijn. Wij ondersteunen bedrijven<br \/>\n bij het ontwikkelen van een digitale strategie, van implementatie tot en met beheer.\n <\/p>\n<p>\n Wij zien graag dat het voor bedrijven makkelijker wordt om zelfstandig software te<br \/>\n ontwikkelen. Bedrijven moeten minder tijd kwijt zijn met het opzetten van de<br \/>\n (data)infrastructuur en meer bezig zijn met de toegevoegde waarde van de data<br \/>\n voor hun business.\n <\/p>\n<p> <a href=\"#contact\" class=\"btn-primary\" style=\"margin-top: 8px; display: inline-flex;\">Neem contact op \u2192<\/a>\n <\/div>\n<div class=\"stat-grid\">\n<div class=\"stat-item\">\n<div class=\"stat-num\">10<span>+<\/span><\/div>\n<div class=\"stat-label\">Klanten geholpen<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-num\">3<span>x<\/span><\/div>\n<div class=\"stat-label\">Sneller deployen<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-num\">100<span>%<\/span><\/div>\n<div class=\"stat-label\">Cloud native<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-num\">24<span>\/7<\/span><\/div>\n<div class=\"stat-label\">Monitoring<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"hoe-werkt-het\">\n<div class=\"section-label\">Hoe het werkt<\/div>\n<h2 class=\"section-title\">Van strategie<br \/>naar productie<\/h2>\n<p class=\"section-sub\">\n Een nieuwe inrichting op de cloud en deze keer wil je het op de juiste manier doen.<br \/>\n Dit is waar Vulcan Digital jou in kan ontzorgen.\n <\/p>\n<div class=\"stappen\">\n<div class=\"stap\">\n<div class=\"stap-dot\"><\/div>\n<div class=\"stap-num\">01<\/div>\n<div class=\"stap-title\">Architectuur bepalen<\/div>\n<div class=\"stap-body\">\n Samen bepalen we welke architectuur nodig is voor jouw specifieke situatie<br \/>\n en doelstellingen. We kijken naar schaalbaarheid, kosten en security.\n <\/div>\n<\/p><\/div>\n<div class=\"stap\">\n<div class=\"stap-dot\"><\/div>\n<div class=\"stap-num\">02<\/div>\n<div class=\"stap-title\">Configuratie specificeren<\/div>\n<div class=\"stap-body\">\n Jij geeft aan welke instellingen en vereisten nodig zijn.<br \/>\n Wij vertalen dit naar concrete Infrastructure as Code configuraties.\n <\/div>\n<\/p><\/div>\n<div class=\"stap\">\n<div class=\"stap-dot\"><\/div>\n<div class=\"stap-num\">03<\/div>\n<div class=\"stap-title\">Deployment & beheer<\/div>\n<div class=\"stap-body\">\n Wij deployen de volledige architectuur en zorgen voor monitoring,<br \/>\n onderhoud en continue optimalisatie van je cloud omgeving.\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"producten\">\n<div class=\"section-label\">Producten<\/div>\n<h2 class=\"section-title\">Kies jouw<br \/>Cloud pakket<\/h2>\n<p class=\"section-sub\">\n Ben jij er klaar voor om je bedrijf te optimaliseren en naar de Cloud te gaan?\n <\/p>\n<div class=\"product-grid\">\n<p> <\/p>\n<div class=\"product-card\">\n<div class=\"product-badge\">\/\/ Basic<\/div>\n<div class=\"product-name\">Basic<\/div>\n<div class=\"product-desc\">Geschikt voor bedrijven die goed willen starten in de Cloud<\/div>\n<div class=\"product-price\">\n<div class=\"price-vanaf\">vanaf<\/div>\n<div class=\"price-amount\">\u20ac 895,-<\/div>\n<div class=\"price-period\">per maand<\/div>\n<\/p><\/div>\n<ul class=\"product-features\">\n<li>Infra as code library<\/li>\n<li>Basis cloud architectuur<\/li>\n<li>Standaard monitoring<\/li>\n<li>Email support<\/li>\n<\/ul>\n<p> <a href=\"\/cdn-cgi\/l\/email-protection#4a23242c250a3c3f26292b242e232d233e2b26642426\" class=\"product-cta\">Direct starten \u2192<\/a>\n <\/div>\n<p> <\/p>\n<div class=\"product-card featured\">\n<div class=\"product-badge\">\/\/ Meest gekozen<\/div>\n<div class=\"product-name\">Professional<\/div>\n<div class=\"product-desc\">Geschikt voor bedrijven die direct meer uit hun data willen halen<\/div>\n<div class=\"product-price\">\n<div class=\"price-vanaf\">vanaf<\/div>\n<div class=\"price-amount\">\u20ac 2975,-<\/div>\n<div class=\"price-period\">per maand<\/div>\n<\/p><\/div>\n<ul class=\"product-features\">\n<li>Infra as code library<\/li>\n<li>Professional support<\/li>\n<li>16 uur consultancy per maand<\/li>\n<li>Geavanceerde monitoring<\/li>\n<li>Performance optimalisatie<\/li>\n<\/ul>\n<p> <a href=\"\/cdn-cgi\/l\/email-protection#9af3f4fcf5daeceff6f9fbf4fef3fdf3eefbf6b4f4f6\" class=\"product-cta cta-red\">Direct starten \u2192<\/a>\n <\/div>\n<p> <\/p>\n<div class=\"product-card\">\n<div class=\"product-badge\">\/\/ Enterprise<\/div>\n<div class=\"product-name\">Enterprise<\/div>\n<div class=\"product-desc\">Premium support. Geschikt voor bedrijven die het beste willen<\/div>\n<div class=\"product-price\">\n<div class=\"price-vanaf\">prijs op maat<\/div>\n<div class=\"enterprise-price\">Neem contact op<\/div>\n<\/p><\/div>\n<ul class=\"product-features\">\n<li>Infra as code library<\/li>\n<li>Cloud consumption monitoring & optimalisatie<\/li>\n<li>Troubleshooting<\/li>\n<li>Help desk support<\/li>\n<li>Configuratie beheer<\/li>\n<li>Dedicated account manager<\/li>\n<\/ul>\n<p> <a href=\"\/cdn-cgi\/l\/email-protection#167f7870795660637a757778727f717f62777a38787a\" class=\"product-cta\">Contact opnemen \u2192<\/a>\n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"hulp-banner\">\n<div>\n<div class=\"hulp-title\">Hulp nodig met kiezen?<\/div>\n<div class=\"hulp-sub\">Een van onze specialisten helpt je graag verder. Neem vrijblijvend contact op.<\/div>\n<\/p><\/div>\n<p> <a href=\"#contact\" class=\"btn-primary\" style=\"flex-shrink:0;\">Neem contact op \u2192<\/a>\n <\/div>\n<\/section>\n<p> <\/p>\n<section id=\"faq\">\n<div class=\"section-label\">FAQ<\/div>\n<h2 class=\"section-title\">Veelgestelde<br \/>vragen<\/h2>\n<div class=\"faq-list\">\n<div class=\"faq-item\">\n <button class=\"faq-question\" onclick=\"toggleFaq(this)\"><br \/>\n Kan ik maandelijks opzeggen?<br \/>\n <span class=\"faq-icon\">+<\/span><br \/>\n <\/button><\/p>\n<div class=\"faq-answer\">\n Onze contracten zijn flexibel. Het Basic pakket heeft een opzegtermijn van 30 dagen.<br \/>\n Voor Professional en Enterprise gelden afwijkende voorwaarden \u2014 neem contact op voor details.\n <\/div>\n<\/p><\/div>\n<div class=\"faq-item\">\n <button class=\"faq-question\" onclick=\"toggleFaq(this)\"><br \/>\n Wat is Infrastructure as Code (IaaC)?<br \/>\n <span class=\"faq-icon\">+<\/span><br \/>\n <\/button><\/p>\n<div class=\"faq-answer\">\n Infrastructure as Code is een methode waarbij de IT-infrastructuur wordt beschreven en<br \/>\n beheerd als code \u2014 net zoals software. Dit zorgt voor consistentie, reproduceerbaarheid<br \/>\n en snellere deployments. Wijzigingen worden versie-beheerd en automatisch uitgerold.\n <\/div>\n<\/p><\/div>\n<div class=\"faq-item\">\n <button class=\"faq-question\" onclick=\"toggleFaq(this)\"><br \/>\n Hoe werkt het onboardingproces?<br \/>\n <span class=\"faq-icon\">+<\/span><br \/>\n <\/button><\/p>\n<div class=\"faq-answer\">\n Na aanmelding plannen we een intakegesprek om jouw situatie en doelstellingen te begrijpen.<br \/>\n Vervolgens stellen we een architectuurplan op, werken dit uit in code en deployen we<br \/>\n de infrastructuur. Dit traject duurt typisch 2-4 weken.\n <\/div>\n<\/p><\/div>\n<div class=\"faq-item\">\n <button class=\"faq-question\" onclick=\"toggleFaq(this)\"><br \/>\n Kan ik maandelijks opzeggen?<br \/>\n <span class=\"faq-icon\">+<\/span><br \/>\n <\/button><\/p>\n<div class=\"faq-answer\">\n Ja, voor het Basic pakket geldt een maandelijkse opzegtermijn van 30 dagen.<br \/>\n U kunt op elk gewenst moment opzeggen zonder boetes of extra kosten.\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"contact\">\n<div class=\"section-label\">Contact<\/div>\n<h2 class=\"section-title\">Laten we<br \/>kennismaken<\/h2>\n<p class=\"section-sub\">\n Vul het formulier in en wij nemen zo snel mogelijk contact met je op.<br \/>\n Typisch reageren wij binnen \u00e9\u00e9n werkdag.\n <\/p>\n<div class=\"contact-grid\">\n<form class=\"contact-form\" onsubmit=\"handleContact(event)\">\n<div class=\"form-row\">\n<div class=\"form-field\">\n <label>Naam<\/label><br \/>\n <input type=\"text\" placeholder=\"John Doe\" required \/>\n <\/div>\n<div class=\"form-field\">\n <label>Bedrijf<\/label><br \/>\n <input type=\"text\" placeholder=\"Bedrijf BV\" \/>\n <\/div>\n<\/p><\/div>\n<div class=\"form-field\">\n <label>E-mail<\/label><br \/>\n <input type=\"email\" placeholder=\"info@bedrijf.nl\" required \/>\n <\/div>\n<div class=\"form-field\">\n <label>Interesse<\/label><br \/>\n <select><option value=\"\">Selecteer een optie\u2026<\/option><option>Infra as code Demo<\/option><option>Ori\u00ebntatiegesprek<\/option><option>Basic pakket<\/option><option>Professional pakket<\/option><option>Enterprise pakket<\/option><\/select>\n <\/div>\n<div class=\"form-field\">\n <label>Bericht<\/label><br \/>\n <textarea placeholder=\"Typ hier je bericht\u2026\"><\/textarea>\n <\/div>\n<p> <button type=\"submit\" class=\"btn-primary\">Verstuur bericht \u2192<\/button><br \/>\n <\/form>\n<div class=\"contact-info\">\n<div class=\"contact-info-item\">\n<div class=\"contact-info-icon\">\u2709<\/div>\n<div>\n<div class=\"contact-info-label\">E-mail<\/div>\n<div class=\"contact-info-value\">\n <a href=\"\/cdn-cgi\/l\/email-protection#d7beb9b1b897a1a2bbb4b6b9b3beb0bea3b6bbf9b9bb\"><span class=\"__cf_email__\" data-cfemail=\"640d0a020b2412110807050a000d030d1005084a0a08\">[email protected]<\/span><\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-info-item\">\n<div class=\"contact-info-icon\">\ud83d\udd17<\/div>\n<div>\n<div class=\"contact-info-label\">LinkedIn<\/div>\n<div class=\"contact-info-value\">\n <a href=\"https:\/\/www.linkedin.com\/company\/vulcan-digital\/about\/\" target=\"_blank\" rel=\"noopener\"><br \/>\n Vulcan Digital<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-info-item\">\n<div class=\"contact-info-icon\">\ud83d\udccd<\/div>\n<div>\n<div class=\"contact-info-label\">Locatie<\/div>\n<div class=\"contact-info-value\">Nederland<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-info-item\">\n<div class=\"contact-info-icon\">\u23f1<\/div>\n<div>\n<div class=\"contact-info-label\">Reactietijd<\/div>\n<div class=\"contact-info-value\">Binnen 1 werkdag<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"schade-melden\">\n<div class=\"schade-header\">\n<div>\n<div class=\"schade-badge\">\n<div class=\"schade-badge-dot\"><\/div>\n<p> <span>Online schademelding<\/span>\n <\/div>\n<div class=\"section-label\">Schade melden<\/div>\n<h2 class=\"section-title\">Schade melden<br \/>bij uw adviseur<\/h2>\n<p class=\"section-sub\">\n Meld uw schade eenvoudig online. Uw melding wordt direct doorgestuurd<br \/>\n naar uw adviseur en u ontvangt een bevestiging per e-mail met<br \/>\n uw persoonlijke referentienummer.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"schade-widget-wrap\">\n<div class=\"schade-widget-header\">\n<div class=\"schade-widget-dot\"><\/div>\n<div class=\"schade-widget-dot\"><\/div>\n<div class=\"schade-widget-dot\"><\/div>\n<div class=\"schade-widget-title\">schademelding.vulcandigital.nl<\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"zekko-widget-container\">\n<div id=\"widget-container\">\n<div class=\"widget-loading-state\" id=\"widget-loading\">\n<div class=\"widget-spinner\"><\/div>\n<p> <span>Formulier laden\u2026<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <br \/>\n <script src=\"https:\/\/dev.zekko.nl\/widget.js?kantoor=misha-nanne-assurantie\"><\/script><br \/>\n <\/section>\n<p> <\/p>\n<footer>\n<div class=\"footer-inner\">\n<div class=\"footer-brand\">VULCAN<span>_<\/span>DIGITAL<\/div>\n<ul class=\"footer-links\">\n<li><a href=\"#\">Algemene voorwaarden<\/a><\/li>\n<li><a href=\"#\">Privacybeleid<\/a><\/li>\n<li><a href=\"#contact\">Contact<\/a><\/li>\n<\/ul>\n<div class=\"footer-copy\">\u00a9 2026 Vulcan Digital. Alle rechten voorbehouden.<\/div>\n<\/p><\/div>\n<\/footer>\n<p> <script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script><br \/>\n \/\/ \u2500\u2500 FAQ \u2500\u2500<br \/>\n function toggleFaq(btn) {<br \/>\n var item = btn.parentElement;<br \/>\n item.classList.toggle('open');<br \/>\n }<\/p>\n<p> \/\/ \u2500\u2500 CONTACT FORM \u2500\u2500<br \/>\n function handleContact(e) {<br \/>\n e.preventDefault();<br \/>\n var btn = e.target.querySelector('button[type=submit]');<br \/>\n btn.textContent = 'Verstuurd \u2713';<br \/>\n btn.style.background = '#28c840';<br \/>\n setTimeout(function() {<br \/>\n btn.textContent = 'Verstuur bericht \u2192';<br \/>\n btn.style.background = '';<br \/>\n e.target.reset();<br \/>\n }, 3000);<br \/>\n }<\/p>\n<p> \/\/ \u2500\u2500 MOBILE MENU \u2500\u2500<br \/>\n function toggleMobileMenu() {<br \/>\n var links = document.querySelector('.nav-links');<br \/>\n if (links.style.display === 'flex') {<br \/>\n links.style.display = 'none';<br \/>\n } else {<br \/>\n links.style.cssText = 'display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;background:rgba(0,0,0,0.97);padding:24px;gap:4px;border-bottom:1px solid rgba(255,255,255,0.08);z-index:99;';<br \/>\n }<br \/>\n }<\/p>\n<p> \/\/ \u2500\u2500 ZEKKO WIDGET \u2500\u2500<br \/>\n \/\/ widget.js vervangt #zekko-widget-container automatisch met de iframe<br \/>\n \/\/ Als fallback gebruiken we de fetch aanpak voor extra controle<br \/>\n var KANTOOR_SLUG = 'misha-nanne-assurantie';<br \/>\n var ZEKKO_API = 'https:\/\/dev.zekko.nl\/api';<br \/>\n var ZEKKO_FORM = 'https:\/\/dev.zekko.nl\/widget\/form';<br \/>\n var ZEKKO_ORIGIN = 'https:\/\/dev.zekko.nl';<\/p>\n<p> \/\/ Verberg de loading spinner zodra widget.js de iframe heeft ingeladen<br \/>\n window.addEventListener('message', function(e) {<br \/>\n if (e.origin !== ZEKKO_ORIGIN) return;<br \/>\n if (!e.data || e.data.type !== 'zekko-resize') return;<br \/>\n var loading = document.getElementById('widget-loading');<br \/>\n if (loading) loading.style.display = 'none';<br \/>\n var iframe = document.querySelector('#zekko-widget-container iframe');<br \/>\n if (iframe) {<br \/>\n var h = parseInt(e.data.height, 10);<br \/>\n if (!isNaN(h) && h > 0) iframe.style.minHeight = h + 'px';<br \/>\n }<br \/>\n });<\/p>\n<p> \/\/ Fallback: als widget.js na 5 seconden nog niets heeft geladen<br \/>\n setTimeout(function() {<br \/>\n var loading = document.getElementById('widget-loading');<br \/>\n if (!loading) return;<br \/>\n var iframe = document.querySelector('#zekko-widget-container iframe');<br \/>\n if (!iframe) {<br \/>\n \/\/ widget.js heeft geen iframe aangemaakt \u2014 toon foutmelding<br \/>\n loading.innerHTML =<br \/>\n '<\/p>\n<div style=\"text-align:center;padding:40px 24px;\">' +<br \/>\n '<\/p>\n<div style=\"font-size:13px;color:rgba(255,255,255,0.3);letter-spacing:1px;margin-bottom:16px;\">FORMULIER NIET BESCHIKBAAR<\/div>\n<p>' +<br \/>\n '<\/p>\n<p style=\"font-size:12px;color:rgba(255,255,255,0.4);line-height:1.8;\">' +<br \/>\n 'Neem contact op via <a href=\"mailto:info@vulcandigital.nl\" ' +\n 'style=\"color:#ff3f34;text-decoration:none;\">info@vulcandigital.nl<\/a>' +<br \/>\n '<\/p>\n<\/div>\n<p>';<br \/>\n }<br \/>\n }, 5000);<\/p>\n<p> \/\/ \u2500\u2500 SMOOTH SCROLL voor nav links \u2500\u2500<br \/>\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(a) {<br \/>\n a.addEventListener('click', function(e) {<br \/>\n var target = document.querySelector<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vulcan Digital \u2014 Infrastructure as Code VULCAN_DIGITAL Over ons Hoe het werkt Producten FAQ Contact \u26a0 Schade melden \u2630 Infrastructure as Code Infrastructuur op zijn best_ Wij helpen bedrijven waardevolle informatie uit hun data te halen door IT infrastructuur zorgvuldig in te richten en te implementeren. Van strategie tot beheer. Direct starten \u2192 Maak een …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/vulcandigital.nl\/?page_id=2\"> Lees verder »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"brizy-blank-template.php","meta":{"_seopress_robots_primary_cat":"","site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":7,"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":300,"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/300"}],"wp:attachment":[{"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2021-05-11T12:24:40","date_gmt":"2021-05-11T12:24:40","guid":{"rendered":"http:\/\/vulcandigital.nl\/?page_id=2"},"modified":"2026-04-13T17:20:31","modified_gmt":"2026-04-13T17:20:31","slug":"voorbeeld-pagina","status":"publish","type":"page","link":"https:\/\/vulcandigital.nl\/?page_id=2","title":{"rendered":""},"content":{"rendered":"

\n
\n
\n
\n
\n Vulcan Digital \u2014 Infrastructure as Code<\/title><br \/>\n <meta name=\"description\" content=\"Vulcan Digital helpt bedrijven hun IT infrastructuur zorgvuldig in te richten met Infrastructure as Code oplossingen.\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap\" rel=\"stylesheet\" \/>\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p> :root {\n --black: #000000;\n --black-1: #0a0a0a;\n --black-2: #111111;\n --black-3: #1a1a1a;\n --black-4: #222222;\n --white: #ffffff;\n --white-60: rgba(255,255,255,0.6);\n --white-30: rgba(255,255,255,0.3);\n --white-10: rgba(255,255,255,0.1);\n --white-06: rgba(255,255,255,0.06);\n --red: #ff3f34;\n --red-dim: rgba(255,63,52,0.15);\n --mono: 'IBM Plex Mono', 'Courier New', monospace;\n --border: rgba(255,255,255,0.08);\n }<\/p>\n<p> \/* WordPress\/Astra\/Brizy reset \u2014 zwart forceren over alle theme CSS *\/\n html, body, #page, #content, .site, .entry-content,\n .ast-container, main, article, .site-content,\n .brz-root__container, .ast-article-single,\n .ast-plain-container, .ast-page-builder-template {\n background: #000000 !important;\n background-color: #000000 !important;\n color: #ffffff !important;\n }<\/p>\n<p> html { scroll-behavior: smooth; }<\/p>\n<p> body {\n font-family: var(--mono) !important;\n background: #000000 !important;\n background-color: #000000 !important;\n color: #ffffff !important;\n min-height: 100vh;\n overflow-x: hidden;\n line-height: 1.6;\n }<\/p>\n<p> \/* \u2500\u2500 GRAIN OVERLAY \u2500\u2500 *\/\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 999;\n opacity: 0.4;\n }<\/p>\n<p> \/* \u2500\u2500 NAVIGATIE \u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 100;\n background: rgba(0,0,0,0.92);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--border);\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 48px;\n }<\/p>\n<p> .nav-brand {\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--white);\n text-decoration: none;\n }<\/p>\n<p> .nav-brand span {\n color: var(--red);\n }<\/p>\n<p> .nav-links {\n display: flex;\n align-items: center;\n gap: 0;\n list-style: none;\n }<\/p>\n<p> .nav-links a {\n font-size: 12px;\n font-weight: 400;\n letter-spacing: 0.8px;\n color: var(--white-60);\n text-decoration: none;\n padding: 8px 16px;\n border-radius: 4px;\n transition: color 0.15s;\n text-transform: uppercase;\n }<\/p>\n<p> .nav-links a:hover { color: var(--white); }<\/p>\n<p> \/* Schade melden tab \u2014 speciaal *\/\n .nav-links .nav-schade a {\n color: var(--red);\n border: 1px solid rgba(255,63,52,0.3);\n border-radius: 4px;\n padding: 6px 14px;\n font-weight: 600;\n margin-left: 8px;\n transition: all 0.15s;\n }<\/p>\n<p> .nav-links .nav-schade a:hover {\n background: var(--red);\n color: var(--white);\n border-color: var(--red);\n }<\/p>\n<p> .nav-mobile-btn {\n display: none;\n background: none;\n border: none;\n color: var(--white);\n cursor: pointer;\n font-size: 22px;\n padding: 4px;\n }<\/p>\n<p> \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 120px 48px 80px;\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n }<\/p>\n<p> \/* Achtergrond accent *\/\n .hero::after {\n content: '';\n position: absolute;\n top: 20%;\n right: -10%;\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(255,63,52,0.06) 0%, transparent 70%);\n pointer-events: none;\n }<\/p>\n<p> .hero-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--red);\n margin-bottom: 24px;\n display: flex;\n align-items: center;\n gap: 12px;\n }<\/p>\n<p> .hero-label::before {\n content: '';\n display: inline-block;\n width: 32px;\n height: 1px;\n background: var(--red);\n }<\/p>\n<p> .hero-title {\n font-size: clamp(40px, 6vw, 80px);\n font-weight: 700;\n line-height: 1.05;\n letter-spacing: -2px;\n color: var(--white);\n margin-bottom: 32px;\n max-width: 800px;\n }<\/p>\n<p> .hero-title .accent { color: var(--red); }<\/p>\n<p> .hero-sub {\n font-size: 15px;\n font-weight: 300;\n color: var(--white-60);\n max-width: 520px;\n line-height: 1.8;\n margin-bottom: 48px;\n }<\/p>\n<p> .hero-ctas {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n }<\/p>\n<p> .btn-primary {\n background: var(--white);\n color: var(--black);\n font-family: var(--mono);\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.5px;\n padding: 14px 28px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: all 0.15s;\n }<\/p>\n<p> .btn-primary:hover {\n background: var(--red);\n color: var(--white);\n }<\/p>\n<p> .btn-secondary {\n background: transparent;\n color: var(--white);\n font-family: var(--mono);\n font-size: 13px;\n font-weight: 400;\n letter-spacing: 0.5px;\n padding: 13px 28px;\n border: 1px solid var(--border);\n border-radius: 4px;\n cursor: pointer;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: all 0.15s;\n }<\/p>\n<p> .btn-secondary:hover {\n border-color: var(--white-60);\n color: var(--white);\n }<\/p>\n<p> \/* \u2500\u2500 SCROLLENDE TICKER \u2500\u2500 *\/\n .ticker-wrap {\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n background: var(--black-1);\n overflow: hidden;\n padding: 14px 0;\n }<\/p>\n<p> .ticker {\n display: flex;\n gap: 0;\n animation: ticker 20s linear infinite;\n white-space: nowrap;\n width: max-content;\n }<\/p>\n<p> .ticker span {\n font-size: 11px;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--white-30);\n padding: 0 40px;\n }<\/p>\n<p> .ticker span.red { color: var(--red); opacity: 0.6; }<\/p>\n<p> @keyframes ticker {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n }<\/p>\n<p> \/* \u2500\u2500 SECTIES ALGEMEEN \u2500\u2500 *\/\n section {\n max-width: 1200px;\n margin: 0 auto;\n padding: 100px 48px;\n }<\/p>\n<p> .section-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--red);\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 12px;\n }<\/p>\n<p> .section-label::before {\n content: '';\n display: inline-block;\n width: 24px;\n height: 1px;\n background: var(--red);\n }<\/p>\n<p> .section-title {\n font-size: clamp(28px, 3.5vw, 44px);\n font-weight: 700;\n letter-spacing: -1px;\n line-height: 1.15;\n color: var(--white);\n margin-bottom: 16px;\n }<\/p>\n<p> .section-sub {\n font-size: 14px;\n font-weight: 300;\n color: var(--white-60);\n max-width: 560px;\n line-height: 1.8;\n }<\/p>\n<p> \/* \u2500\u2500 OVER ONS \u2500\u2500 *\/\n #over-ons {\n border-top: 1px solid var(--border);\n }<\/p>\n<p> .over-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n margin-top: 56px;\n align-items: center;\n }<\/p>\n<p> .over-tekst p {\n font-size: 14px;\n font-weight: 300;\n color: var(--white-60);\n line-height: 1.9;\n margin-bottom: 20px;\n }<\/p>\n<p> .stat-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: 8px;\n overflow: hidden;\n }<\/p>\n<p> .stat-item {\n background: var(--black-2);\n padding: 28px;\n }<\/p>\n<p> .stat-num {\n font-size: 36px;\n font-weight: 700;\n color: var(--white);\n letter-spacing: -1px;\n line-height: 1;\n margin-bottom: 6px;\n }<\/p>\n<p> .stat-num span { color: var(--red); }<\/p>\n<p> .stat-label {\n font-size: 11px;\n color: var(--white-30);\n letter-spacing: 1px;\n text-transform: uppercase;\n }<\/p>\n<p> \/* \u2500\u2500 HOE WERKT HET \u2500\u2500 *\/\n #hoe-werkt-het {\n border-top: 1px solid var(--border);\n }<\/p>\n<p> .stappen {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: 8px;\n overflow: hidden;\n margin-top: 56px;\n }<\/p>\n<p> .stap {\n background: var(--black-2);\n padding: 36px 28px;\n position: relative;\n }<\/p>\n<p> .stap-num {\n font-size: 48px;\n font-weight: 700;\n color: var(--white-06);\n letter-spacing: -2px;\n line-height: 1;\n margin-bottom: 20px;\n }<\/p>\n<p> .stap-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 10px;\n letter-spacing: 0.3px;\n }<\/p>\n<p> .stap-body {\n font-size: 13px;\n font-weight: 300;\n color: var(--white-60);\n line-height: 1.7;\n }<\/p>\n<p> .stap-dot {\n position: absolute;\n top: 28px;\n right: 28px;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--red);\n }<\/p>\n<p> \/* \u2500\u2500 PRODUCTEN \u2500\u2500 *\/\n #producten {\n border-top: 1px solid var(--border);\n }<\/p>\n<p> .product-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: 8px;\n overflow: hidden;\n margin-top: 56px;\n }<\/p>\n<p> .product-card {\n background: var(--black-2);\n padding: 36px 28px;\n display: flex;\n flex-direction: column;\n transition: background 0.2s;\n }<\/p>\n<p> .product-card:hover { background: var(--black-3); }<\/p>\n<p> .product-card.featured {\n background: var(--black-3);\n border-top: 2px solid var(--red);\n }<\/p>\n<p> .product-badge {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--red);\n margin-bottom: 20px;\n }<\/p>\n<p> .product-name {\n font-size: 20px;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 8px;\n letter-spacing: -0.3px;\n }<\/p>\n<p> .product-desc {\n font-size: 12px;\n font-weight: 300;\n color: var(--white-60);\n line-height: 1.7;\n margin-bottom: 28px;\n }<\/p>\n<p> .product-price {\n margin-bottom: 28px;\n }<\/p>\n<p> .price-vanaf {\n font-size: 10px;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--white-30);\n margin-bottom: 4px;\n }<\/p>\n<p> .price-amount {\n font-size: 32px;\n font-weight: 700;\n color: var(--white);\n letter-spacing: -1px;\n line-height: 1;\n }<\/p>\n<p> .price-period {\n font-size: 11px;\n color: var(--white-30);\n margin-top: 4px;\n }<\/p>\n<p> .product-features {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 32px;\n flex: 1;\n }<\/p>\n<p> .product-features li {\n font-size: 12px;\n font-weight: 300;\n color: var(--white-60);\n display: flex;\n align-items: flex-start;\n gap: 8px;\n line-height: 1.5;\n }<\/p>\n<p> .product-features li::before {\n content: '\u2192';\n color: var(--red);\n flex-shrink: 0;\n font-size: 11px;\n margin-top: 1px;\n }<\/p>\n<p> .product-cta {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: var(--mono);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n color: var(--white);\n text-decoration: none;\n padding: 12px 20px;\n border: 1px solid var(--border);\n border-radius: 4px;\n transition: all 0.15s;\n text-align: center;\n justify-content: center;\n }<\/p>\n<p> .product-cta:hover {\n background: var(--white);\n color: var(--black);\n border-color: var(--white);\n }<\/p>\n<p> .product-cta.cta-red {\n background: var(--red);\n border-color: var(--red);\n color: var(--white);\n }<\/p>\n<p> .product-cta.cta-red:hover {\n background: #e02d22;\n border-color: #e02d22;\n }<\/p>\n<p> \/* Enterprise speciaal *\/\n .enterprise-price {\n font-size: 18px;\n font-weight: 700;\n color: var(--white);\n letter-spacing: -0.5px;\n margin-bottom: 4px;\n }<\/p>\n<p> \/* \u2500\u2500 FAQ \u2500\u2500 *\/\n #faq {\n border-top: 1px solid var(--border);\n }<\/p>\n<p> .faq-list {\n margin-top: 56px;\n display: flex;\n flex-direction: column;\n gap: 0;\n border: 1px solid var(--border);\n border-radius: 8px;\n overflow: hidden;\n }<\/p>\n<p> .faq-item {\n border-bottom: 1px solid var(--border);\n background: var(--black-2);\n }<\/p>\n<p> .faq-item:last-child { border-bottom: none; }<\/p>\n<p> .faq-question {\n width: 100%;\n background: none;\n border: none;\n padding: 24px 28px;\n text-align: left;\n font-family: var(--mono);\n font-size: 13px;\n font-weight: 600;\n color: var(--white);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n transition: background 0.15s;\n }<\/p>\n<p> .faq-question:hover { background: var(--black-3); }<\/p>\n<p> .faq-icon {\n font-size: 18px;\n color: var(--red);\n flex-shrink: 0;\n transition: transform 0.2s;\n }<\/p>\n<p> .faq-answer {\n display: none;\n padding: 0 28px 24px;\n font-size: 13px;\n font-weight: 300;\n color: var(--white-60);\n line-height: 1.8;\n }<\/p>\n<p> .faq-item.open .faq-answer { display: block; }\n .faq-item.open .faq-icon { transform: rotate(45deg); }<\/p>\n<p> \/* \u2500\u2500 CONTACT \u2500\u2500 *\/\n #contact {\n border-top: 1px solid var(--border);\n }<\/p>\n<p> .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n margin-top: 56px;\n align-items: start;\n }<\/p>\n<p> .contact-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }<\/p>\n<p> .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }<\/p>\n<p> .form-field {\n display: flex;\n flex-direction: column;\n gap: 6px;\n }<\/p>\n<p> .form-field label {\n font-size: 10px;\n font-weight: 600;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--white-30);\n }<\/p>\n<p> .form-field input,\n .form-field textarea,\n .form-field select {\n background: var(--black-2);\n border: 1px solid var(--border);\n border-radius: 4px;\n padding: 12px 16px;\n font-family: var(--mono);\n font-size: 13px;\n color: var(--white);\n outline: none;\n transition: border-color 0.15s;\n width: 100%;\n }<\/p>\n<p> .form-field input:focus,\n .form-field textarea:focus,\n .form-field select:focus {\n border-color: rgba(255,63,52,0.5);\n }<\/p>\n<p> .form-field input::placeholder,\n .form-field textarea::placeholder {\n color: var(--white-30);\n }<\/p>\n<p> .form-field textarea {\n min-height: 120px;\n resize: vertical;\n }<\/p>\n<p> .form-field select option {\n background: var(--black-3);\n }<\/p>\n<p> .contact-info {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }<\/p>\n<p> .contact-info-item {\n display: flex;\n gap: 16px;\n align-items: flex-start;\n }<\/p>\n<p> .contact-info-icon {\n width: 40px;\n height: 40px;\n border: 1px solid var(--border);\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n flex-shrink: 0;\n background: var(--black-2);\n }<\/p>\n<p> .contact-info-label {\n font-size: 10px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--white-30);\n margin-bottom: 4px;\n }<\/p>\n<p> .contact-info-value {\n font-size: 13px;\n color: var(--white);\n font-weight: 400;\n }<\/p>\n<p> .contact-info-value a {\n color: var(--white);\n text-decoration: none;\n }<\/p>\n<p> .contact-info-value a:hover { color: var(--red); }<\/p>\n<p> \/* \u2500\u2500 SCHADE MELDEN \u2500\u2500 *\/\n #schade-melden {\n border-top: 1px solid var(--border);\n }<\/p>\n<p> .schade-header {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 40px;\n align-items: start;\n margin-bottom: 48px;\n }<\/p>\n<p> .schade-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--red-dim);\n border: 1px solid rgba(255,63,52,0.2);\n border-radius: 4px;\n padding: 6px 12px;\n margin-bottom: 20px;\n }<\/p>\n<p> .schade-badge-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--red);\n animation: pulse 2s ease infinite;\n }<\/p>\n<p> @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.4; }\n }<\/p>\n<p> .schade-badge span {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--red);\n }<\/p>\n<p> .schade-widget-wrap {\n border: 1px solid var(--border);\n border-radius: 8px;\n overflow: hidden;\n background: var(--black-2);\n min-height: 600px;\n display: flex;\n flex-direction: column;\n }<\/p>\n<p> .schade-widget-header {\n background: var(--black-3);\n border-bottom: 1px solid var(--border);\n padding: 14px 20px;\n display: flex;\n align-items: center;\n gap: 8px;\n }<\/p>\n<p> .schade-widget-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n }<\/p>\n<p> .schade-widget-dot:nth-child(1) { background: #ff5f57; }\n .schade-widget-dot:nth-child(2) { background: #febc2e; }\n .schade-widget-dot:nth-child(3) { background: #28c840; }<\/p>\n<p> .schade-widget-title {\n font-size: 11px;\n color: var(--white-30);\n letter-spacing: 0.5px;\n margin-left: 8px;\n }<\/p>\n<p> #widget-container {\n flex: 1;\n min-height: 560px;\n position: relative;\n }<\/p>\n<p> .widget-loading-state {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 16px;\n color: var(--white-30);\n font-size: 12px;\n letter-spacing: 1px;\n }<\/p>\n<p> .widget-spinner {\n width: 32px;\n height: 32px;\n border: 2px solid var(--border);\n border-top-color: var(--red);\n border-radius: 50%;\n animation: spin 0.8s linear infinite;\n }<\/p>\n<p> @keyframes spin { to { transform: rotate(360deg); } }<\/p>\n<p> #widget-container iframe {\n width: 100%;\n min-height: 560px;\n border: none;\n display: block;\n }<\/p>\n<p> \/* \u2500\u2500 HULP SECTIE \u2500\u2500 *\/\n .hulp-banner {\n background: var(--black-2);\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 48px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 40px;\n margin-top: 80px;\n }<\/p>\n<p> .hulp-title {\n font-size: 22px;\n font-weight: 700;\n color: var(--white);\n letter-spacing: -0.5px;\n margin-bottom: 8px;\n }<\/p>\n<p> .hulp-sub {\n font-size: 13px;\n font-weight: 300;\n color: var(--white-60);\n }<\/p>\n<p> \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n border-top: 1px solid var(--border);\n background: var(--black-1);\n padding: 32px 48px;\n }<\/p>\n<p> .footer-inner {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 20px;\n }<\/p>\n<p> .footer-brand {\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--white-60);\n }<\/p>\n<p> .footer-brand span { color: var(--red); }<\/p>\n<p> .footer-links {\n display: flex;\n gap: 24px;\n list-style: none;\n }<\/p>\n<p> .footer-links a {\n font-size: 11px;\n letter-spacing: 0.5px;\n color: var(--white-30);\n text-decoration: none;\n transition: color 0.15s;\n }<\/p>\n<p> .footer-links a:hover { color: var(--white); }<\/p>\n<p> .footer-copy {\n font-size: 11px;\n color: var(--white-30);\n }<\/p>\n<p> \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 960px) {\n nav { padding: 0 24px; }\n .nav-links { display: none; }\n .nav-mobile-btn { display: block; }<\/p>\n<p> .hero { padding: 100px 24px 60px; }<\/p>\n<p> section { padding: 64px 24px; }<\/p>\n<p> .over-grid,\n .contact-grid { grid-template-columns: 1fr; gap: 40px; }<\/p>\n<p> .stappen,\n .product-grid { grid-template-columns: 1fr; }<\/p>\n<p> .stat-grid { grid-template-columns: 1fr 1fr; }<\/p>\n<p> .hulp-banner {\n flex-direction: column;\n align-items: flex-start;\n padding: 32px;\n }<\/p>\n<p> .footer-inner { flex-direction: column; align-items: flex-start; gap: 16px; }<\/p>\n<p> .schade-header { grid-template-columns: 1fr; }<\/p>\n<p> .form-row { grid-template-columns: 1fr; }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p> <\/p>\n<nav>\n <a href=\"#\" class=\"nav-brand\">VULCAN<span>_<\/span>DIGITAL<\/a><\/p>\n<ul class=\"nav-links\">\n<li><a href=\"#over-ons\">Over ons<\/a><\/li>\n<li><a href=\"#hoe-werkt-het\">Hoe het werkt<\/a><\/li>\n<li><a href=\"#producten\">Producten<\/a><\/li>\n<li><a href=\"#faq\">FAQ<\/a><\/li>\n<li><a href=\"#contact\">Contact<\/a><\/li>\n<li class=\"nav-schade\"><a href=\"#schade-melden\">\u26a0 Schade melden<\/a><\/li>\n<\/ul>\n<p> <button class=\"nav-mobile-btn\" onclick=\"toggleMobileMenu()\">\u2630<\/button><br \/>\n <\/nav>\n<p> <\/p>\n<div style=\"padding-top: 64px;\">\n<div class=\"hero\">\n<div class=\"hero-label\">Infrastructure as Code<\/div>\n<h1 class=\"hero-title\">\n Infrastructuur<br \/>\n op zijn <span class=\"accent\">best_<\/span><br \/>\n <\/h1>\n<p class=\"hero-sub\">\n Wij helpen bedrijven waardevolle informatie uit hun data te halen<br \/>\n door IT infrastructuur zorgvuldig in te richten en te implementeren.<br \/>\n Van strategie tot beheer.\n <\/p>\n<div class=\"hero-ctas\">\n <a href=\"#producten\" class=\"btn-primary\">Direct starten \u2192<\/a><br \/>\n <a href=\"#contact\" class=\"btn-secondary\">Maak een afspraak<\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"ticker-wrap\">\n<div class=\"ticker\">\n <span>Infrastructure as Code<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Cloud Deployment<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Data Platforms<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>DevOps<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Azure<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Terraform<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Infrastructure as Code<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Cloud Deployment<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Data Platforms<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>DevOps<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Azure<\/span><br \/>\n <span class=\"red\">\/\/<\/span><br \/>\n <span>Terraform<\/span><br \/>\n <span class=\"red\">\/\/<\/span>\n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<section id=\"over-ons\">\n<div class=\"section-label\">Over ons<\/div>\n<h2 class=\"section-title\">Een pragmatisch<br \/>consultancy bureau<\/h2>\n<div class=\"over-grid\">\n<div class=\"over-tekst\">\n<p>\n Vulcan Digital is een pragmatisch consultancy bureau dat bedrijven uitdaagt met<br \/>\n digitale veranderingen die van toegevoegde waarde zijn. Wij ondersteunen bedrijven<br \/>\n bij het ontwikkelen van een digitale strategie, van implementatie tot en met beheer.\n <\/p>\n<p>\n Wij zien graag dat het voor bedrijven makkelijker wordt om zelfstandig software te<br \/>\n ontwikkelen. Bedrijven moeten minder tijd kwijt zijn met het opzetten van de<br \/>\n (data)infrastructuur en meer bezig zijn met de toegevoegde waarde van de data<br \/>\n voor hun business.\n <\/p>\n<p> <a href=\"#contact\" class=\"btn-primary\" style=\"margin-top: 8px; display: inline-flex;\">Neem contact op \u2192<\/a>\n <\/div>\n<div class=\"stat-grid\">\n<div class=\"stat-item\">\n<div class=\"stat-num\">10<span>+<\/span><\/div>\n<div class=\"stat-label\">Klanten geholpen<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-num\">3<span>x<\/span><\/div>\n<div class=\"stat-label\">Sneller deployen<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-num\">100<span>%<\/span><\/div>\n<div class=\"stat-label\">Cloud native<\/div>\n<\/p><\/div>\n<div class=\"stat-item\">\n<div class=\"stat-num\">24<span>\/7<\/span><\/div>\n<div class=\"stat-label\">Monitoring<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"hoe-werkt-het\">\n<div class=\"section-label\">Hoe het werkt<\/div>\n<h2 class=\"section-title\">Van strategie<br \/>naar productie<\/h2>\n<p class=\"section-sub\">\n Een nieuwe inrichting op de cloud en deze keer wil je het op de juiste manier doen.<br \/>\n Dit is waar Vulcan Digital jou in kan ontzorgen.\n <\/p>\n<div class=\"stappen\">\n<div class=\"stap\">\n<div class=\"stap-dot\"><\/div>\n<div class=\"stap-num\">01<\/div>\n<div class=\"stap-title\">Architectuur bepalen<\/div>\n<div class=\"stap-body\">\n Samen bepalen we welke architectuur nodig is voor jouw specifieke situatie<br \/>\n en doelstellingen. We kijken naar schaalbaarheid, kosten en security.\n <\/div>\n<\/p><\/div>\n<div class=\"stap\">\n<div class=\"stap-dot\"><\/div>\n<div class=\"stap-num\">02<\/div>\n<div class=\"stap-title\">Configuratie specificeren<\/div>\n<div class=\"stap-body\">\n Jij geeft aan welke instellingen en vereisten nodig zijn.<br \/>\n Wij vertalen dit naar concrete Infrastructure as Code configuraties.\n <\/div>\n<\/p><\/div>\n<div class=\"stap\">\n<div class=\"stap-dot\"><\/div>\n<div class=\"stap-num\">03<\/div>\n<div class=\"stap-title\">Deployment & beheer<\/div>\n<div class=\"stap-body\">\n Wij deployen de volledige architectuur en zorgen voor monitoring,<br \/>\n onderhoud en continue optimalisatie van je cloud omgeving.\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"producten\">\n<div class=\"section-label\">Producten<\/div>\n<h2 class=\"section-title\">Kies jouw<br \/>Cloud pakket<\/h2>\n<p class=\"section-sub\">\n Ben jij er klaar voor om je bedrijf te optimaliseren en naar de Cloud te gaan?\n <\/p>\n<div class=\"product-grid\">\n<p> <\/p>\n<div class=\"product-card\">\n<div class=\"product-badge\">\/\/ Basic<\/div>\n<div class=\"product-name\">Basic<\/div>\n<div class=\"product-desc\">Geschikt voor bedrijven die goed willen starten in de Cloud<\/div>\n<div class=\"product-price\">\n<div class=\"price-vanaf\">vanaf<\/div>\n<div class=\"price-amount\">\u20ac 895,-<\/div>\n<div class=\"price-period\">per maand<\/div>\n<\/p><\/div>\n<ul class=\"product-features\">\n<li>Infra as code library<\/li>\n<li>Basis cloud architectuur<\/li>\n<li>Standaard monitoring<\/li>\n<li>Email support<\/li>\n<\/ul>\n<p> <a href=\"\/cdn-cgi\/l\/email-protection#4a23242c250a3c3f26292b242e232d233e2b26642426\" class=\"product-cta\">Direct starten \u2192<\/a>\n <\/div>\n<p> <\/p>\n<div class=\"product-card featured\">\n<div class=\"product-badge\">\/\/ Meest gekozen<\/div>\n<div class=\"product-name\">Professional<\/div>\n<div class=\"product-desc\">Geschikt voor bedrijven die direct meer uit hun data willen halen<\/div>\n<div class=\"product-price\">\n<div class=\"price-vanaf\">vanaf<\/div>\n<div class=\"price-amount\">\u20ac 2975,-<\/div>\n<div class=\"price-period\">per maand<\/div>\n<\/p><\/div>\n<ul class=\"product-features\">\n<li>Infra as code library<\/li>\n<li>Professional support<\/li>\n<li>16 uur consultancy per maand<\/li>\n<li>Geavanceerde monitoring<\/li>\n<li>Performance optimalisatie<\/li>\n<\/ul>\n<p> <a href=\"\/cdn-cgi\/l\/email-protection#9af3f4fcf5daeceff6f9fbf4fef3fdf3eefbf6b4f4f6\" class=\"product-cta cta-red\">Direct starten \u2192<\/a>\n <\/div>\n<p> <\/p>\n<div class=\"product-card\">\n<div class=\"product-badge\">\/\/ Enterprise<\/div>\n<div class=\"product-name\">Enterprise<\/div>\n<div class=\"product-desc\">Premium support. Geschikt voor bedrijven die het beste willen<\/div>\n<div class=\"product-price\">\n<div class=\"price-vanaf\">prijs op maat<\/div>\n<div class=\"enterprise-price\">Neem contact op<\/div>\n<\/p><\/div>\n<ul class=\"product-features\">\n<li>Infra as code library<\/li>\n<li>Cloud consumption monitoring & optimalisatie<\/li>\n<li>Troubleshooting<\/li>\n<li>Help desk support<\/li>\n<li>Configuratie beheer<\/li>\n<li>Dedicated account manager<\/li>\n<\/ul>\n<p> <a href=\"\/cdn-cgi\/l\/email-protection#167f7870795660637a757778727f717f62777a38787a\" class=\"product-cta\">Contact opnemen \u2192<\/a>\n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"hulp-banner\">\n<div>\n<div class=\"hulp-title\">Hulp nodig met kiezen?<\/div>\n<div class=\"hulp-sub\">Een van onze specialisten helpt je graag verder. Neem vrijblijvend contact op.<\/div>\n<\/p><\/div>\n<p> <a href=\"#contact\" class=\"btn-primary\" style=\"flex-shrink:0;\">Neem contact op \u2192<\/a>\n <\/div>\n<\/section>\n<p> <\/p>\n<section id=\"faq\">\n<div class=\"section-label\">FAQ<\/div>\n<h2 class=\"section-title\">Veelgestelde<br \/>vragen<\/h2>\n<div class=\"faq-list\">\n<div class=\"faq-item\">\n <button class=\"faq-question\" onclick=\"toggleFaq(this)\"><br \/>\n Kan ik maandelijks opzeggen?<br \/>\n <span class=\"faq-icon\">+<\/span><br \/>\n <\/button><\/p>\n<div class=\"faq-answer\">\n Onze contracten zijn flexibel. Het Basic pakket heeft een opzegtermijn van 30 dagen.<br \/>\n Voor Professional en Enterprise gelden afwijkende voorwaarden \u2014 neem contact op voor details.\n <\/div>\n<\/p><\/div>\n<div class=\"faq-item\">\n <button class=\"faq-question\" onclick=\"toggleFaq(this)\"><br \/>\n Wat is Infrastructure as Code (IaaC)?<br \/>\n <span class=\"faq-icon\">+<\/span><br \/>\n <\/button><\/p>\n<div class=\"faq-answer\">\n Infrastructure as Code is een methode waarbij de IT-infrastructuur wordt beschreven en<br \/>\n beheerd als code \u2014 net zoals software. Dit zorgt voor consistentie, reproduceerbaarheid<br \/>\n en snellere deployments. Wijzigingen worden versie-beheerd en automatisch uitgerold.\n <\/div>\n<\/p><\/div>\n<div class=\"faq-item\">\n <button class=\"faq-question\" onclick=\"toggleFaq(this)\"><br \/>\n Hoe werkt het onboardingproces?<br \/>\n <span class=\"faq-icon\">+<\/span><br \/>\n <\/button><\/p>\n<div class=\"faq-answer\">\n Na aanmelding plannen we een intakegesprek om jouw situatie en doelstellingen te begrijpen.<br \/>\n Vervolgens stellen we een architectuurplan op, werken dit uit in code en deployen we<br \/>\n de infrastructuur. Dit traject duurt typisch 2-4 weken.\n <\/div>\n<\/p><\/div>\n<div class=\"faq-item\">\n <button class=\"faq-question\" onclick=\"toggleFaq(this)\"><br \/>\n Kan ik maandelijks opzeggen?<br \/>\n <span class=\"faq-icon\">+<\/span><br \/>\n <\/button><\/p>\n<div class=\"faq-answer\">\n Ja, voor het Basic pakket geldt een maandelijkse opzegtermijn van 30 dagen.<br \/>\n U kunt op elk gewenst moment opzeggen zonder boetes of extra kosten.\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"contact\">\n<div class=\"section-label\">Contact<\/div>\n<h2 class=\"section-title\">Laten we<br \/>kennismaken<\/h2>\n<p class=\"section-sub\">\n Vul het formulier in en wij nemen zo snel mogelijk contact met je op.<br \/>\n Typisch reageren wij binnen \u00e9\u00e9n werkdag.\n <\/p>\n<div class=\"contact-grid\">\n<form class=\"contact-form\" onsubmit=\"handleContact(event)\">\n<div class=\"form-row\">\n<div class=\"form-field\">\n <label>Naam<\/label><br \/>\n <input type=\"text\" placeholder=\"John Doe\" required \/>\n <\/div>\n<div class=\"form-field\">\n <label>Bedrijf<\/label><br \/>\n <input type=\"text\" placeholder=\"Bedrijf BV\" \/>\n <\/div>\n<\/p><\/div>\n<div class=\"form-field\">\n <label>E-mail<\/label><br \/>\n <input type=\"email\" placeholder=\"info@bedrijf.nl\" required \/>\n <\/div>\n<div class=\"form-field\">\n <label>Interesse<\/label><br \/>\n <select><option value=\"\">Selecteer een optie\u2026<\/option><option>Infra as code Demo<\/option><option>Ori\u00ebntatiegesprek<\/option><option>Basic pakket<\/option><option>Professional pakket<\/option><option>Enterprise pakket<\/option><\/select>\n <\/div>\n<div class=\"form-field\">\n <label>Bericht<\/label><br \/>\n <textarea placeholder=\"Typ hier je bericht\u2026\"><\/textarea>\n <\/div>\n<p> <button type=\"submit\" class=\"btn-primary\">Verstuur bericht \u2192<\/button><br \/>\n <\/form>\n<div class=\"contact-info\">\n<div class=\"contact-info-item\">\n<div class=\"contact-info-icon\">\u2709<\/div>\n<div>\n<div class=\"contact-info-label\">E-mail<\/div>\n<div class=\"contact-info-value\">\n <a href=\"\/cdn-cgi\/l\/email-protection#d7beb9b1b897a1a2bbb4b6b9b3beb0bea3b6bbf9b9bb\"><span class=\"__cf_email__\" data-cfemail=\"640d0a020b2412110807050a000d030d1005084a0a08\">[email protected]<\/span><\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-info-item\">\n<div class=\"contact-info-icon\">\ud83d\udd17<\/div>\n<div>\n<div class=\"contact-info-label\">LinkedIn<\/div>\n<div class=\"contact-info-value\">\n <a href=\"https:\/\/www.linkedin.com\/company\/vulcan-digital\/about\/\" target=\"_blank\" rel=\"noopener\"><br \/>\n Vulcan Digital<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-info-item\">\n<div class=\"contact-info-icon\">\ud83d\udccd<\/div>\n<div>\n<div class=\"contact-info-label\">Locatie<\/div>\n<div class=\"contact-info-value\">Nederland<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-info-item\">\n<div class=\"contact-info-icon\">\u23f1<\/div>\n<div>\n<div class=\"contact-info-label\">Reactietijd<\/div>\n<div class=\"contact-info-value\">Binnen 1 werkdag<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section id=\"schade-melden\">\n<div class=\"schade-header\">\n<div>\n<div class=\"schade-badge\">\n<div class=\"schade-badge-dot\"><\/div>\n<p> <span>Online schademelding<\/span>\n <\/div>\n<div class=\"section-label\">Schade melden<\/div>\n<h2 class=\"section-title\">Schade melden<br \/>bij uw adviseur<\/h2>\n<p class=\"section-sub\">\n Meld uw schade eenvoudig online. Uw melding wordt direct doorgestuurd<br \/>\n naar uw adviseur en u ontvangt een bevestiging per e-mail met<br \/>\n uw persoonlijke referentienummer.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"schade-widget-wrap\">\n<div class=\"schade-widget-header\">\n<div class=\"schade-widget-dot\"><\/div>\n<div class=\"schade-widget-dot\"><\/div>\n<div class=\"schade-widget-dot\"><\/div>\n<div class=\"schade-widget-title\">schademelding.vulcandigital.nl<\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"zekko-widget-container\">\n<div id=\"widget-container\">\n<div class=\"widget-loading-state\" id=\"widget-loading\">\n<div class=\"widget-spinner\"><\/div>\n<p> <span>Formulier laden\u2026<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <br \/>\n <script src=\"https:\/\/dev.zekko.nl\/widget.js?kantoor=misha-nanne-assurantie\"><\/script><br \/>\n <\/section>\n<p> <\/p>\n<footer>\n<div class=\"footer-inner\">\n<div class=\"footer-brand\">VULCAN<span>_<\/span>DIGITAL<\/div>\n<ul class=\"footer-links\">\n<li><a href=\"#\">Algemene voorwaarden<\/a><\/li>\n<li><a href=\"#\">Privacybeleid<\/a><\/li>\n<li><a href=\"#contact\">Contact<\/a><\/li>\n<\/ul>\n<div class=\"footer-copy\">\u00a9 2026 Vulcan Digital. Alle rechten voorbehouden.<\/div>\n<\/p><\/div>\n<\/footer>\n<p> <script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script><br \/>\n \/\/ \u2500\u2500 FAQ \u2500\u2500<br \/>\n function toggleFaq(btn) {<br \/>\n var item = btn.parentElement;<br \/>\n item.classList.toggle('open');<br \/>\n }<\/p>\n<p> \/\/ \u2500\u2500 CONTACT FORM \u2500\u2500<br \/>\n function handleContact(e) {<br \/>\n e.preventDefault();<br \/>\n var btn = e.target.querySelector('button[type=submit]');<br \/>\n btn.textContent = 'Verstuurd \u2713';<br \/>\n btn.style.background = '#28c840';<br \/>\n setTimeout(function() {<br \/>\n btn.textContent = 'Verstuur bericht \u2192';<br \/>\n btn.style.background = '';<br \/>\n e.target.reset();<br \/>\n }, 3000);<br \/>\n }<\/p>\n<p> \/\/ \u2500\u2500 MOBILE MENU \u2500\u2500<br \/>\n function toggleMobileMenu() {<br \/>\n var links = document.querySelector('.nav-links');<br \/>\n if (links.style.display === 'flex') {<br \/>\n links.style.display = 'none';<br \/>\n } else {<br \/>\n links.style.cssText = 'display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;background:rgba(0,0,0,0.97);padding:24px;gap:4px;border-bottom:1px solid rgba(255,255,255,0.08);z-index:99;';<br \/>\n }<br \/>\n }<\/p>\n<p> \/\/ \u2500\u2500 ZEKKO WIDGET \u2500\u2500<br \/>\n \/\/ widget.js vervangt #zekko-widget-container automatisch met de iframe<br \/>\n \/\/ Als fallback gebruiken we de fetch aanpak voor extra controle<br \/>\n var KANTOOR_SLUG = 'misha-nanne-assurantie';<br \/>\n var ZEKKO_API = 'https:\/\/dev.zekko.nl\/api';<br \/>\n var ZEKKO_FORM = 'https:\/\/dev.zekko.nl\/widget\/form';<br \/>\n var ZEKKO_ORIGIN = 'https:\/\/dev.zekko.nl';<\/p>\n<p> \/\/ Verberg de loading spinner zodra widget.js de iframe heeft ingeladen<br \/>\n window.addEventListener('message', function(e) {<br \/>\n if (e.origin !== ZEKKO_ORIGIN) return;<br \/>\n if (!e.data || e.data.type !== 'zekko-resize') return;<br \/>\n var loading = document.getElementById('widget-loading');<br \/>\n if (loading) loading.style.display = 'none';<br \/>\n var iframe = document.querySelector('#zekko-widget-container iframe');<br \/>\n if (iframe) {<br \/>\n var h = parseInt(e.data.height, 10);<br \/>\n if (!isNaN(h) && h > 0) iframe.style.minHeight = h + 'px';<br \/>\n }<br \/>\n });<\/p>\n<p> \/\/ Fallback: als widget.js na 5 seconden nog niets heeft geladen<br \/>\n setTimeout(function() {<br \/>\n var loading = document.getElementById('widget-loading');<br \/>\n if (!loading) return;<br \/>\n var iframe = document.querySelector('#zekko-widget-container iframe');<br \/>\n if (!iframe) {<br \/>\n \/\/ widget.js heeft geen iframe aangemaakt \u2014 toon foutmelding<br \/>\n loading.innerHTML =<br \/>\n '<\/p>\n<div style=\"text-align:center;padding:40px 24px;\">' +<br \/>\n '<\/p>\n<div style=\"font-size:13px;color:rgba(255,255,255,0.3);letter-spacing:1px;margin-bottom:16px;\">FORMULIER NIET BESCHIKBAAR<\/div>\n<p>' +<br \/>\n '<\/p>\n<p style=\"font-size:12px;color:rgba(255,255,255,0.4);line-height:1.8;\">' +<br \/>\n 'Neem contact op via <a href=\"mailto:info@vulcandigital.nl\" ' +\n 'style=\"color:#ff3f34;text-decoration:none;\">info@vulcandigital.nl<\/a>' +<br \/>\n '<\/p>\n<\/div>\n<p>';<br \/>\n }<br \/>\n }, 5000);<\/p>\n<p> \/\/ \u2500\u2500 SMOOTH SCROLL voor nav links \u2500\u2500<br \/>\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(a) {<br \/>\n a.addEventListener('click', function(e) {<br \/>\n var target = document.querySelector<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vulcan Digital \u2014 Infrastructure as Code VULCAN_DIGITAL Over ons Hoe het werkt Producten FAQ Contact \u26a0 Schade melden \u2630 Infrastructure as Code Infrastructuur op zijn best_ Wij helpen bedrijven waardevolle informatie uit hun data te halen door IT infrastructuur zorgvuldig in te richten en te implementeren. Van strategie tot beheer. Direct starten \u2192 Maak een …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/vulcandigital.nl\/?page_id=2\"> Lees verder »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"brizy-blank-template.php","meta":{"_seopress_robots_primary_cat":"","site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":7,"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":300,"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/300"}],"wp:attachment":[{"href":"https:\/\/vulcandigital.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}