{"id":103,"date":"2026-06-05T21:01:11","date_gmt":"2026-06-05T21:01:11","guid":{"rendered":"https:\/\/diagtec.nl\/?page_id=103"},"modified":"2026-06-08T19:06:41","modified_gmt":"2026-06-08T19:06:41","slug":"elementor-103","status":"publish","type":"page","link":"https:\/\/diagtec.nl\/?page_id=103","title":{"rendered":"Contact \/ Afspraak."},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"103\" class=\"elementor elementor-103\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22aee4c e-flex e-con-boxed e-con e-parent\" data-id=\"22aee4c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52a1bde elementor-widget elementor-widget-html\" data-id=\"52a1bde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root {\r\n    \/* AANPASSEN: Kleuren *\/\r\n    --dt-bg: #05080c;\r\n    --dt-panel: #10161d;\r\n    --dt-panel-2: #151c24;\r\n    --dt-border: #2a333d;\r\n    --dt-text: #ffffff;\r\n    --dt-muted: #a9b3bd;\r\n    --dt-blue: #006cff;\r\n    --dt-blue-light: #1d7cff;\r\n    --dt-danger: #ff5c5c;\r\n\r\n    \/* AANPASSEN: Achtergrondafbeelding hero *\/\r\n    --dt-hero-image: url(\"https:\/\/via.placeholder.com\/1600x900\");\r\n  }\r\n\r\n  .diagtec-page {\r\n    background: var(--dt-bg);\r\n    color: var(--dt-text);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .diagtec-page * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .diagtec-container {\r\n    width: min(1180px, calc(100% - 32px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .diagtec-header {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    z-index: 5;\r\n    padding: 28px 0;\r\n  }\r\n\r\n  .diagtec-nav {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n  }\r\n\r\n  .diagtec-logo {\r\n    font-size: 30px;\r\n    font-weight: 900;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .diagtec-logo span {\r\n    color: var(--dt-blue);\r\n  }\r\n\r\n  .diagtec-menu {\r\n    display: flex;\r\n    gap: 34px;\r\n    align-items: center;\r\n  }\r\n\r\n  .diagtec-menu a {\r\n    color: var(--dt-text);\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .diagtec-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    background: var(--dt-blue);\r\n    color: #fff;\r\n    border: 0;\r\n    padding: 15px 26px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    min-height: 48px;\r\n  }\r\n\r\n  .diagtec-button:hover {\r\n    background: var(--dt-blue-light);\r\n  }\r\n\r\n  .diagtec-hero {\r\n  min-height: 560px;\r\n  padding: 90px 0 80px;\r\n    background:\r\n      linear-gradient(90deg, rgba(5, 8, 12, 0.98) 0%, rgba(5, 8, 12, 0.84) 38%, rgba(5, 8, 12, 0.35) 100%),\r\n      var(--dt-hero-image) center right \/ cover no-repeat;\r\n  }\r\n\r\n\r\n\r\n  .diagtec-hero h1 {\r\n    max-width: 760px;\r\n    margin: 0;\r\n    font-size: clamp(44px, 7vw, 76px);\r\n    line-height: 0.95;\r\n    text-transform: uppercase;\r\n    font-weight: 950;\r\n  }\r\n\r\n  .diagtec-hero h1 strong {\r\n    display: block;\r\n    color: var(--dt-blue);\r\n  }\r\n\r\n  .diagtec-hero p {\r\n    max-width: 420px;\r\n    margin: 34px 0 42px;\r\n    color: var(--dt-text);\r\n    font-size: 17px;\r\n  }\r\n\r\n  .diagtec-benefits {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    max-width: 780px;\r\n    gap: 22px;\r\n  }\r\n\r\n  .diagtec-benefit {\r\n    display: flex;\r\n    gap: 16px;\r\n    border-right: 1px solid var(--dt-border);\r\n    padding-right: 18px;\r\n  }\r\n\r\n  .diagtec-benefit:last-child {\r\n    border-right: 0;\r\n  }\r\n\r\n  .diagtec-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n    border: 2px solid var(--dt-blue);\r\n    color: var(--dt-blue);\r\n    display: grid;\r\n    place-items: center;\r\n    flex: 0 0 auto;\r\n    border-radius: 50%;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .diagtec-benefit h3 {\r\n    margin: 0 0 5px;\r\n    font-size: 13px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .diagtec-benefit p {\r\n    margin: 0;\r\n    color: var(--dt-muted);\r\n    font-size: 13px;\r\n  }\r\n\r\n  .diagtec-main {\r\n    padding: 0 0 80px;\r\n    margin-top: -40px;\r\n  }\r\n\r\n  .diagtec-layout {\r\n    display: grid;\r\n    grid-template-columns: 1fr 360px;\r\n    border: 1px solid var(--dt-border);\r\n    background: rgba(12, 17, 23, 0.94);\r\n  }\r\n\r\n  .diagtec-form-area {\r\n    padding: 40px 34px;\r\n    border-right: 1px solid var(--dt-border);\r\n  }\r\n\r\n  .diagtec-sidebar {\r\n    padding: 40px 34px;\r\n  }\r\n\r\n  .diagtec-title {\r\n    margin: 0 0 32px;\r\n    font-size: 26px;\r\n    text-transform: uppercase;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .diagtec-title::after {\r\n    content: \"\";\r\n    display: inline-block;\r\n    width: 32px;\r\n    height: 2px;\r\n    background: var(--dt-blue);\r\n    margin-left: 14px;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  .diagtec-section-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    margin: 28px 0 18px;\r\n    color: var(--dt-text);\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .diagtec-section-title::after {\r\n    content: \"\";\r\n    height: 1px;\r\n    background: var(--dt-border);\r\n    flex: 1;\r\n  }\r\n\r\n  .diagtec-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 16px;\r\n  }\r\n\r\n  .diagtec-grid-3 {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 16px;\r\n  }\r\n\r\n  .diagtec-field {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 7px;\r\n  }\r\n\r\n  .diagtec-field label {\r\n    font-size: 13px;\r\n    color: var(--dt-text);\r\n    font-weight: 700;\r\n  }\r\n\r\n  .diagtec-field .required {\r\n    color: var(--dt-danger);\r\n  }\r\n\r\n  .diagtec-field input,\r\n  .diagtec-field select,\r\n  .diagtec-field textarea {\r\n    width: 100%;\r\n    background: var(--dt-panel);\r\n    border: 1px solid var(--dt-border);\r\n    color: var(--dt-text);\r\n    min-height: 46px;\r\n    padding: 13px 14px;\r\n    font-size: 14px;\r\n    outline: none;\r\n  }\r\n\r\n  .diagtec-field textarea {\r\n    min-height: 92px;\r\n    resize: vertical;\r\n  }\r\n\r\n  .diagtec-field input::placeholder,\r\n  .diagtec-field textarea::placeholder {\r\n    color: #737e89;\r\n  }\r\n\r\n  .diagtec-radio-group {\r\n    display: flex;\r\n    gap: 18px;\r\n    flex-wrap: wrap;\r\n    padding-top: 8px;\r\n  }\r\n\r\n  .diagtec-radio-group label,\r\n  .diagtec-consent label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: var(--dt-text);\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .diagtec-upload {\r\n    border: 1px dashed #8b96a1;\r\n    padding: 24px;\r\n    text-align: center;\r\n    color: var(--dt-muted);\r\n    background: rgba(255,255,255,0.02);\r\n  }\r\n\r\n  .diagtec-upload strong {\r\n    display: block;\r\n    color: var(--dt-text);\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .diagtec-consent {\r\n    margin: 24px 0;\r\n  }\r\n\r\n  .diagtec-form-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .diagtec-small {\r\n    color: var(--dt-muted);\r\n    font-size: 13px;\r\n  }\r\n\r\n  .diagtec-sidebar-block {\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  .diagtec-contact-item {\r\n    display: grid;\r\n    grid-template-columns: 34px 1fr;\r\n    gap: 14px;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .diagtec-contact-item .icon {\r\n    color: var(--dt-blue);\r\n    font-size: 24px;\r\n  }\r\n\r\n  .diagtec-contact-item h4 {\r\n    margin: 0 0 8px;\r\n    font-size: 12px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .diagtec-contact-item p,\r\n  .diagtec-contact-item a {\r\n    margin: 0;\r\n    color: var(--dt-text);\r\n    font-size: 15px;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .diagtec-advice {\r\n    border: 1px solid var(--dt-border);\r\n    padding: 26px;\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  .diagtec-advice h3 {\r\n    color: var(--dt-blue);\r\n    margin: 0 0 12px;\r\n    font-size: 17px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .diagtec-image-card {\r\n    border: 1px solid var(--dt-border);\r\n    overflow: hidden;\r\n    background: var(--dt-panel);\r\n  }\r\n\r\n  .diagtec-image-card img {\r\n    width: 100%;\r\n    display: block;\r\n    aspect-ratio: 4 \/ 3;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .diagtec-image-card-content {\r\n    padding: 24px;\r\n  }\r\n\r\n  .diagtec-image-card h3 {\r\n    margin: 0 0 12px;\r\n    text-transform: uppercase;\r\n    font-size: 20px;\r\n  }\r\n\r\n  .diagtec-checklist {\r\n    padding: 0;\r\n    margin: 18px 0 0;\r\n    list-style: none;\r\n  }\r\n\r\n  .diagtec-checklist li {\r\n    color: var(--dt-text);\r\n    margin-bottom: 9px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .diagtec-checklist li::before {\r\n    content: \"\u2713\";\r\n    color: var(--dt-blue);\r\n    font-weight: 900;\r\n    margin-right: 8px;\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    .diagtec-header {\r\n      position: relative;\r\n      background: #05080c;\r\n    }\r\n\r\n    .diagtec-nav,\r\n    .diagtec-menu {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .diagtec-menu {\r\n      gap: 14px;\r\n    }\r\n\r\n    .diagtec-hero {\r\n      padding-top: 60px;\r\n      min-height: auto;\r\n    }\r\n\r\n    .diagtec-benefits,\r\n    .diagtec-layout,\r\n    .diagtec-grid,\r\n    .diagtec-grid-3 {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .diagtec-benefit {\r\n      border-right: 0;\r\n      border-bottom: 1px solid var(--dt-border);\r\n      padding-bottom: 18px;\r\n    }\r\n\r\n    .diagtec-form-area {\r\n      border-right: 0;\r\n      border-bottom: 1px solid var(--dt-border);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    .diagtec-container {\r\n      width: min(100% - 22px, 1180px);\r\n    }\r\n\r\n    .diagtec-form-area,\r\n    .diagtec-sidebar {\r\n      padding: 26px 18px;\r\n    }\r\n\r\n    .diagtec-hero h1 {\r\n      font-size: 42px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"diagtec-page\">\r\n\r\n \r\n\r\n  <section class=\"diagtec-hero\">\r\n    <div class=\"diagtec-container\">\r\n\r\n\r\n\r\n      <!-- AANPASSEN: Hoofdtitel -->\r\n      <h1>\r\n        Plan een afspraak.\r\n        <strong>Wij doen de rest.<\/strong>\r\n      <\/h1>\r\n\r\n      <!-- AANPASSEN: Intro tekst -->\r\n      <p>\r\n        Vul het formulier zo volledig mogelijk in. Hoe meer informatie wij hebben,\r\n        hoe beter wij de diagnose kunnen voorbereiden en u kunnen helpen.\r\n      <\/p>\r\n\r\n      <div class=\"diagtec-benefits\">\r\n        <div class=\"diagtec-benefit\">\r\n          <div class=\"diagtec-icon\">\u2713<\/div>\r\n          <div>\r\n            <h3>Snelle reactie<\/h3>\r\n            <p>Binnen 24 uur reactie op uw aanvraag<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"diagtec-benefit\">\r\n          <div class=\"diagtec-icon\">\u25ce<\/div>\r\n          <div>\r\n            <h3>Gerichte diagnose<\/h3>\r\n            <p>Voorbereid op basis van uw voertuiginfo<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"diagtec-benefit\">\r\n          <div class=\"diagtec-icon\">\u2261<\/div>\r\n          <div>\r\n            <h3>Effici\u00ebnt & transparant<\/h3>\r\n            <p>Duidelijke communicatie en eerlijk advies<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <main class=\"diagtec-main\" id=\"afspraak\">\r\n    <div class=\"diagtec-container\">\r\n      <div class=\"diagtec-layout\">\r\n\r\n        <section class=\"diagtec-form-area\">\r\n          <h2 class=\"diagtec-title\">Uw afspraak aanvragen<\/h2>\r\n\r\n          <!-- AANPASSEN: Formulier actie.\r\n               Voor WordPress kun je dit koppelen aan bijvoorbeeld Contact Form 7,\r\n               Fluent Forms, Gravity Forms of een eigen endpoint. -->\r\n          <form action=\"#\" method=\"post\" enctype=\"multipart\/form-data\">\r\n\r\n            <div class=\"diagtec-section-title\">Voertuiggegevens<\/div>\r\n\r\n            <div class=\"diagtec-grid\">\r\n              <div class=\"diagtec-field\">\r\n                <label>Merk <span class=\"required\">*<\/span><\/label>\r\n\r\n                <!-- AANPASSEN: Merken toevoegen of verwijderen -->\r\n                <select name=\"merk\" required>\r\n                  <option value=\"\">Selecteer merk<\/option>\r\n                  <option>Audi<\/option>\r\n                  <option>BMW<\/option>\r\n                  <option>Mercedes-Benz<\/option>\r\n                  <option>Porsche<\/option>\r\n                  <option>Volkswagen<\/option>\r\n                  <option>Seat<\/option><option>Cupra<\/option><option>MINI<\/option><option>Skoda<\/option>\r\n                <\/select>\r\n\r\n              <\/div>\r\n\r\n<div class=\"diagtec-field\">\r\n  <label>Model <span class=\"required\">*<\/span><\/label>\r\n\r\n  <!-- AANPASSEN: Placeholdertekst indien gewenst -->\r\n  <input name=\"model\" type=\"text\" placeholder=\"Bijv. Golf 7 R, 911 Carrera S, M3 Competition\" required>\r\n<\/div>\r\n\r\n              <div class=\"diagtec-field\">\r\n                <label>Type \/ Uitvoering<\/label>\r\n                <input name=\"type\" type=\"text\" placeholder=\"Bijv. Golf R, 911 Carrera S\">\r\n              <\/div>\r\n\r\n<div class=\"diagtec-field\">\r\n  <label>Bouwjaar <span class=\"required\">*<\/span><\/label>\r\n\r\n  <!-- AANPASSEN: eventueel min\/max bouwjaar wijzigen -->\r\n  <input name=\"bouwjaar\" type=\"number\" min=\"1950\" max=\"2026\" placeholder=\"Bijv. 2020\" required>\r\n<\/div>\r\n\r\n              <div class=\"diagtec-field\">\r\n                <label>Brandstof <span class=\"required\">*<\/span><\/label>\r\n                <select name=\"brandstof\" required>\r\n                  <option value=\"\">Selecteer brandstof<\/option>\r\n                  <option>Benzine<\/option>\r\n                  <option>Diesel<\/option>\r\n                  <option>Hybride<\/option>\r\n                  <option>Elektrisch<\/option>\r\n                  <option>LPG<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"diagtec-field\">\r\n                <label>Transmissie<\/label>\r\n                <select name=\"transmissie\">\r\n                  <option value=\"\">Selecteer transmissie<\/option>\r\n                  <option>Automaat<\/option>\r\n                  <option>Handgeschakeld<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"diagtec-field\">\r\n                <label>Kenteken <span class=\"required\">*<\/span><\/label>\r\n                <input name=\"kenteken\" type=\"text\" placeholder=\"Bijv. XX-123-X\" required>\r\n              <\/div>\r\n\r\n              <div class=\"diagtec-field\">\r\n                <label>Kilometerstand <span class=\"required\">*<\/span><\/label>\r\n                <input name=\"kilometerstand\" type=\"text\" placeholder=\"Bijv. 123456\" required>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"diagtec-section-title\">Klacht \/ storing<\/div>\r\n\r\n            <div class=\"diagtec-field\">\r\n              <label>Waar ervaart u de klacht? <span class=\"required\">*<\/span><\/label>\r\n              <input name=\"klacht_waar\" type=\"text\" placeholder=\"Bijv. motor, versnellingsbak, infotainment, remmen\" required>\r\n            <\/div>\r\n\r\n            <br>\r\n\r\n            <div class=\"diagtec-field\">\r\n              <label>Omschrijf de klacht zo gedetailleerd mogelijk <span class=\"required\">*<\/span><\/label>\r\n              <textarea name=\"klacht_omschrijving\" placeholder=\"Vertel zo nauwkeurig mogelijk wat er gebeurt, wanneer, en onder welke omstandigheden.\" required><\/textarea>\r\n            <\/div>\r\n\r\n            <br>\r\n\r\n            <div class=\"diagtec-field\">\r\n              <label>Sinds wanneer doet de klacht zich voor?<\/label>\r\n              <input name=\"klacht_sinds\" type=\"text\" placeholder=\"Bijv. 2 weken, sinds vorige beurt, gisteren\">\r\n            <\/div>\r\n\r\n            <br>\r\n\r\n            <div class=\"diagtec-grid\">\r\n              <div class=\"diagtec-field\">\r\n                <label>Zijn er foutcodes aanwezig?<\/label>\r\n                <div class=\"diagtec-radio-group\">\r\n                  <label><input type=\"radio\" name=\"foutcodes\" value=\"Ja\"> Ja<\/label>\r\n                  <label><input type=\"radio\" name=\"foutcodes\" value=\"Nee\"> Nee<\/label>\r\n                  <label><input type=\"radio\" name=\"foutcodes\" value=\"Onbekend\"> Onbekend<\/label>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"diagtec-field\">\r\n                <label>Zo ja, welke foutcodes?<\/label>\r\n                <input name=\"foutcodes_welke\" type=\"text\" placeholder=\"Bijv. P0234, U1111\">\r\n              <\/div>\r\n\r\n              <div class=\"diagtec-field\">\r\n                <label>Is het voertuig al eerder gediagnosticeerd?<\/label>\r\n                <div class=\"diagtec-radio-group\">\r\n                  <label><input type=\"radio\" name=\"eerder_diagnose\" value=\"Ja\"> Ja<\/label>\r\n                  <label><input type=\"radio\" name=\"eerder_diagnose\" value=\"Nee\"> Nee<\/label>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"diagtec-field\">\r\n                <label>Zo ja, wat is er al gedaan?<\/label>\r\n                <input name=\"eerder_gedaan\" type=\"text\" placeholder=\"Bijv. onderdelen vervangen, software update\">\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"diagtec-section-title\">Extra informatie<\/div>\r\n\r\n            <div class=\"diagtec-grid\">\r\n              <div class=\"diagtec-field\">\r\n                <label>Onderhoudshistorie bekend?<\/label>\r\n                <select name=\"onderhoudshistorie\">\r\n                  <option value=\"\">Selecteer optie<\/option>\r\n                  <option>Ja<\/option>\r\n                  <option>Nee<\/option>\r\n                  <option>Gedeeltelijk<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"diagtec-field\">\r\n                <label>Recent onderhoud uitgevoerd?<\/label>\r\n                <select name=\"recent_onderhoud\">\r\n                  <option value=\"\">Selecteer optie<\/option>\r\n                  <option>Ja<\/option>\r\n                  <option>Nee<\/option>\r\n                  <option>Onbekend<\/option>\r\n                <\/select>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <br>\r\n\r\n            <div class=\"diagtec-field\">\r\n              <label>Toevoegingen of aanpassingen?<\/label>\r\n              <input name=\"aanpassingen\" type=\"text\" placeholder=\"Bijv. stage 1, downpipe, andere velgen\">\r\n            <\/div>\r\n\r\n            <br>\r\n\r\n            <div class=\"diagtec-field\">\r\n              <label>Bijlagen toevoegen, optioneel<\/label>\r\n              <div class=\"diagtec-upload\">\r\n                <strong>Sleep bestanden hierheen of klik om te uploaden<\/strong>\r\n                JPG, PNG, PDF maximaal 10MB\r\n                <br><br>\r\n                <input name=\"bijlagen\" type=\"file\" multiple>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"diagtec-section-title\">Uw gegevens<\/div>\r\n\r\n            <div class=\"diagtec-grid-3\">\r\n              <div class=\"diagtec-field\">\r\n                <label>Naam <span class=\"required\">*<\/span><\/label>\r\n                <input name=\"naam\" type=\"text\" placeholder=\"Uw naam\" required>\r\n              <\/div>\r\n\r\n              <div class=\"diagtec-field\">\r\n                <label>E-mailadres <span class=\"required\">*<\/span><\/label>\r\n                <input name=\"email\" type=\"email\" placeholder=\"Uw e-mailadres\" required>\r\n              <\/div>\r\n\r\n              <div class=\"diagtec-field\">\r\n                <label>Telefoonnummer <span class=\"required\">*<\/span><\/label>\r\n                <input name=\"telefoon\" type=\"tel\" placeholder=\"Uw telefoonnummer\" required>\r\n              <\/div>\r\n\r\n              <div class=\"diagtec-field\">\r\n                <label>Voorkeur afspraakdatum<\/label>\r\n                <input name=\"datum\" type=\"date\">\r\n              <\/div>\r\n\r\n              <div class=\"diagtec-field\">\r\n                <label>Voorkeur tijdstip<\/label>\r\n                <select name=\"tijdstip\">\r\n                  <option value=\"\">Selecteer tijdstip<\/option>\r\n                  <option>Middag<\/option>\r\n                  <option>Avond<\/option>\r\n                  <option>Geen voorkeur<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"diagtec-field\">\r\n                <label>Hoe heeft u ons gevonden?<\/label>\r\n                <select name=\"gevonden\">\r\n                  <option value=\"\">Selecteer optie<\/option>\r\n                  <option>Google<\/option>\r\n                  <option>Social media<\/option>\r\n                  <option>Via kennis<\/option>\r\n                  <option>Anders<\/option>\r\n                <\/select>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"diagtec-consent\">\r\n              <label>\r\n                <input type=\"checkbox\" name=\"privacy\" required>\r\n                Ik ga akkoord met de verwerking van mijn gegevens. <span class=\"required\">*<\/span>\r\n              <\/label>\r\n            <\/div>\r\n\r\n            <div class=\"diagtec-form-footer\">\r\n              <button class=\"diagtec-button\" type=\"submit\">Afspraak aanvragen \u2192<\/button>\r\n              <span class=\"diagtec-small\"><span class=\"required\">*<\/span> Verplichte velden<\/span>\r\n            <\/div>\r\n\r\n          <\/form>\r\n        <\/section>\r\n\r\n        <aside class=\"diagtec-sidebar\">\r\n          <h2 class=\"diagtec-title\">Contactgegevens<\/h2>\r\n\r\n          <!-- AANPASSEN: Contactgegevens -->\r\n          <div class=\"diagtec-sidebar-block\">\r\n            <div class=\"diagtec-contact-item\">\r\n              <div class=\"icon\">\u2316<\/div>\r\n              <div>\r\n                <h4>Adres<\/h4>\r\n                <p>DIAGTEC<br><br><\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"diagtec-contact-item\">\r\n              <div class=\"icon\">\u260e<\/div>\r\n              <div>\r\n                <h4>Telefoon<\/h4>\r\n                <p><a href=\"tel:+31616874779\">+31 6 16874779<\/a><br>Ma\u2013Za: 09:00 \u2013 19:00<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"diagtec-contact-item\">\r\n              <div class=\"icon\">\u2709<\/div>\r\n              <div>\r\n                <h4>E-mail<\/h4>\r\n                <p><a href=\"mailto:info@diagtec.nl\">info@diagtec.nl<\/a><br>Binnen 24 uur reactie<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"diagtec-advice\">\r\n            <h3>Liever eerst overleg?<\/h3>\r\n            <p>Neem gerust contact met ons op voor vragen of advies.<\/p>\r\n\r\n            <!-- AANPASSEN: Belknop -->\r\n            <a class=\"diagtec-button\" href=\"tel:+31612345678\">Bel ons direct \u2192<\/a>\r\n          <\/div>\r\n\r\n          <div class=\"diagtec-image-card\">\r\n\r\n            <!-- AANPASSEN: Afbeelding in rechter blok -->\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/600x450\" alt=\"Auto diagnose\">\r\n\r\n            <div class=\"diagtec-image-card-content\">\r\n              <h3>OE Level Diagnostics<\/h3>\r\n              <p>Wij werken uitsluitend met originele OE dealer tools en software voor de meest accurate diagnose.<\/p>\r\n\r\n              <ul class=\"diagtec-checklist\">\r\n                <li>OE Dealer Tools<\/li>\r\n                <li>Diepgaande diagnose<\/li>\r\n                <li>Transparant & eerlijk<\/li>\r\n                <li>100% gericht<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/div>\r\n        <\/aside>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/main>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Plan een afspraak. Wij doen de rest. Vul het formulier zo volledig mogelijk in. Hoe meer informatie wij hebben, hoe [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","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":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-103","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/diagtec.nl\/index.php?rest_route=\/wp\/v2\/pages\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diagtec.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diagtec.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diagtec.nl\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/diagtec.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=103"}],"version-history":[{"count":20,"href":"https:\/\/diagtec.nl\/index.php?rest_route=\/wp\/v2\/pages\/103\/revisions"}],"predecessor-version":[{"id":337,"href":"https:\/\/diagtec.nl\/index.php?rest_route=\/wp\/v2\/pages\/103\/revisions\/337"}],"wp:attachment":[{"href":"https:\/\/diagtec.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}